ReedawFoodApp/unpackage/dist/dev/mp-weixin/pageTwo/skiping/skip.wxss

136 lines
2.7 KiB
Plaintext

@charset "UTF-8";
/* 主题色 */
.content.data-v-09d38bab {
width: 100%;
min-height: 100vh;
background-color: #F5F6FA;
}
.skiptop.data-v-09d38bab {
width: calc(100% - 40px);
margin-top: 15px;
}
.tabbar.data-v-09d38bab {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-around;
}
.tabbar view.data-v-09d38bab {
position: relative;
}
.tabbar .active.data-v-09d38bab:after {
content: "";
height: 3px;
width: 100%;
position: absolute;
bottom: -8px;
left: 0;
border-radius: 5px;
background: #54d87c;
}
.box1.data-v-09d38bab {
background-color: #fff;
padding: 10px !important;
color: #999;
margin: 15px;
border-radius: 10px;
width: calc(100% - 40px);
}
.box1 .time.data-v-09d38bab {
width: 100%;
font-size: 32rpx;
margin-bottom: 20px;
}
.box1 .item.data-v-09d38bab {
width: 100%;
color: #333;
font-size: 44rpx;
text-align: center;
margin-bottom: 15px;
}
.box1 .item text.data-v-09d38bab {
display: block;
}
.box1 .item .item-ite.data-v-09d38bab {
font-size: 36rpx;
margin-bottom: 15px;
width: 100%;
}
.box1 .item .item-set.data-v-09d38bab {
width: calc(100% - 30px);
display: flex;
align-items: center;
height: 55px;
line-height: 55px;
font-size: 60rpx;
margin-bottom: 5px;
background-color: #f7f7f7;
padding: 0 15px;
justify-content: space-between;
margin: auto;
position: relative;
}
.box1 .item .item-set.data-v-09d38bab input {
font-size: 60rpx;
height: 55px;
line-height: 55px;
}
.box1 .item .item-set0.data-v-09d38bab {
background-color: #fff;
justify-content: center;
}
.box1 .item .tips.data-v-09d38bab {
font-size: 32rpx;
color: #999;
margin-top: 10px;
}
.box1 .start.data-v-09d38bab {
color: #fff;
width: 100px;
height: 100px;
font-size: 36rpx;
font-weight: bold;
line-height: 100px;
text-align: center;
border-radius: 50%;
background: #54d87c;
margin: 15px auto;
}
.box1 .Nstart.data-v-09d38bab {
opacity: 0.5 !important;
}
.status.data-v-09d38bab {
background-color: #fff;
}
.status image.data-v-09d38bab {
width: 18px;
height: 18px;
}
.status .icon_link.data-v-09d38bab {
-webkit-animation: rotation-data-v-09d38bab 0.6s infinite linear;
animation: rotation-data-v-09d38bab 0.6s infinite linear;
}
@-webkit-keyframes rotation-data-v-09d38bab {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotation-data-v-09d38bab {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}