You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

170 lines
2.3 KiB

.top {
padding-bottom: 10rpx;
}
.address {
display: flex;
align-items: center;
font-size: 30rpx;
color: #222222;
line-height: 34rpx;
padding-left: 30rpx;
}
.address .tag {
width: 24rpx;
height: 24rpx;
margin-left: 12rpx;
}
.cal-box {
margin-top: 16rpx;
width: 100%;
height: 830rpx;
position: relative;
}
.cal-back {
width: 100%;
height: 830rpx;
position: absolute;
z-index: 1;
left: 0;
top: 0;
}
.calendar-box {
position: absolute;
z-index: 2;
left: 30rpx;
top: 80rpx;
width: 684rpx;
display: flex;
flex-direction: column;
height: 730rpx;
}
.timer {
padding: 0 24rpx;
font-size: 28rpx;
}
.back-now {
color: #146ae7;
font-weight: bold;
font-size: 30rpx;
}
.timer .year,
.timer .month {
line-height: 58rpx;
padding: 0 22rpx;
border: 2rpx solid #525252;
border-radius: 28px;
margin-left: 18rpx;
font-weight: bold;
color: #525252;
}
.t-box {
position: relative;
}
.t-box picker {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
}
.address {
position: relative;
}
.address picker {
position: absolute;
width: 150rpx;
height: 100%;
z-index: 2;
opacity: 0;
}
.list {
padding-left: 30rpx;
background-color: #ffffff;
margin-top: 20rpx;
}
.noText{
text-align: center;
font-weight: normal!important;
font-size: 24rpx!important;
}
.list .item {
line-height: 110rpx;
border-bottom: 2rpx solid #e3e3e3;
font-size: 28rpx;
font-weight: bold;
color: #262936;
}
.tab {
display: flex;
align-items: center;
padding: 0 30rpx;
justify-content: space-between;
}
.tag_ul{
display: flex;
align-items: center;
}
.tab-item {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 54rpx;
}
.tab-title {
font-size: 32rpx;
font-weight: bold;
color: #262936;
display: flex;
align-items: center;
justify-content: center;
}
.tab-title text{
display: inline-block;
line-height: 1em;
}
.tab-tag {
width: 44rpx;
height: 10rpx;
display: none;
}
.active .tab-title {
font-size: 34rpx;
color: #146ae7;
}
.active .tab-tag {
display: block;
}
.calendar-info{
flex: 1;
width: 100%;
display: flex;
}
.screening{
display: flex;
align-items: center;
justify-content:space-between;
padding-right: 20rpx;
}