/* reportForm/index/index.wxss */
|
|
page {
|
background-color: #fff;
|
}
|
|
.tabHead {
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
color: white;
|
font-size: 36rpx;
|
text-align: center;
|
line-height: 50px;
|
background-image: linear-gradient(90deg, #80beff 5%, #0064cc 100%);
|
}
|
|
.tabBody {
|
display: flex;
|
}
|
|
.tabBody_date {
|
height: 71px;
|
width: 188rpx;
|
text-align: center;
|
line-height: 71px;
|
color: #fff;
|
font-size: 20px;
|
background-image: linear-gradient(90deg, #0064cc 5%, #80beff 100%);
|
}
|
|
.tabBody_med {
|
display: flex;
|
flex-direction: column;
|
width: 100%;
|
}
|
|
.tabBody_med .med_head {
|
height: 35px;
|
width: 100%;
|
text-align: center;
|
line-height: 30px;
|
color: #fff;
|
font-size: 18px;
|
background-image: linear-gradient(90deg, #80beff 5%, #0064cc 100%);
|
}
|
|
.tabBody_med .med_body {
|
display: flex;
|
height: 35px;
|
width: 100%;
|
margin-top: 1px;
|
color: #fff;
|
text-align: center;
|
line-height: 30px;
|
font-size: 15px;
|
|
}
|
|
.tabBody_med .med_body>.body_item {
|
width: 170rpx;
|
height: 100%;
|
margin-right: 1px;
|
background-image: linear-gradient(90deg, #80beff 100%, #0064cc 5%);
|
}
|
|
.med_body .body_item :first-child {
|
height: 100%;
|
background-image: linear-gradient(90deg, #80beff 100%, #0064cc 5%);
|
}
|
|
.tabBody_med .med_body>.body_item :last-child {
|
height: 100%;
|
margin-left: 1px;
|
background-image: linear-gradient(90deg, #80beff 5%, #0064cc 100%);
|
}
|
|
.tabBody_footer {
|
height: 29px;
|
text-align: center;
|
align-items: center;
|
font-size: 16px;
|
color: #fff;
|
line-height: 30px;
|
margin-left: 0.5px;
|
margin-top: 1px;
|
background-image: linear-gradient(90deg, #80beff 5%, #0064cc 100%);
|
}
|
|
.item_date {
|
height: 25px;
|
}
|
|
.col {
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
height: 25px;
|
width: 54px;
|
margin-right: 1px;
|
}
|
|
.tabBox .col :last-child {
|
margin-right: 0px;
|
}
|
|
.tabBox {
|
display: flex;
|
align-items: center;
|
text-align: center;
|
background-color: #fff;
|
margin-bottom: 1px;
|
}
|
|
.filterDate {
|
position: absolute;
|
top: 102rpx;
|
display: flex;
|
width: 100%;
|
height: 80rpx;
|
background-color: #fff;
|
}
|
|
|
.filterDate>.screen_li {
|
width: 100vh;
|
min-height: 50rpx;
|
border-top: 1px solid #f4f4f4;
|
display: flex;
|
}
|
|
.filterDate>.screen_li:nth-child(1) {
|
border-top: 0px;
|
}
|
|
.screen_li_left {
|
width: 20vw;
|
/* height: 100%; */
|
display: flex;
|
justify-content: center;
|
padding: 20rpx 0;
|
align-items: center;
|
}
|
|
.screen_li_left>.iconfont {
|
width: 50rpx;
|
height: 50rpx;
|
font-size: 30rpx;
|
color: #16b5cb;
|
/* margin-right: 10rpx; */
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.screen_li_right {
|
display: flex;
|
width: 80vw;
|
height: 100%;
|
justify-content: flex-start;
|
color: #bebebe;
|
padding: 0rpx 20rpx;
|
align-items: center;
|
}
|
|
.screen_li_right>.applicant {
|
width: 100%;
|
height: 100%;
|
}
|
|
.applicant>.applicant_btn {
|
min-width: 100rpx;
|
padding: 10rpx;
|
/* background-color: #07b5e0; */
|
color: #16b5cb;
|
justify-content: center;
|
border-radius: 5px;
|
}
|
|
.screen_li_right>picker {
|
padding: 10rpx;
|
border-radius: 5px;
|
color: #16b5cb;
|
}
|
|
.screen_li_right>.screen_li_right_cen {
|
margin: 5rpx 20px;
|
display: flex;
|
align-items: center;
|
}
|
|
.screen_btn {
|
width: 100%;
|
min-height: 70rpx;
|
border-radius: 7px;
|
background-color: #0abb77;
|
color: #fff;
|
justify-content: center;
|
}
|
|
.xia {
|
transform: rotate(-180deg);
|
transition: 0.5s;
|
}
|
|
.zuo {
|
transform: rotate(90deg);
|
transition: 0.5s;
|
}
|
|
.down {
|
transform: rotate(0deg);
|
transition: 0.5s;
|
}
|
