hls_crm/unpackage/dist/dev/mp-weixin/pagesA/punchclock/punchstatis/monthStatis.wxss

119 lines
2.5 KiB
Plaintext

@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.swiper.data-v-677f1e00 {
width: 100%;
height: 70rpx;
background: #fff;
margin-bottom: 24rpx;
}
.swiper .swiperbox.data-v-677f1e00 {
width: 100%;
height: 70rpx;
padding: 0 15rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.swiper .swiperbox .s_month.data-v-677f1e00 {
font-size: 24rpx;
color: #333;
width: 60rpx;
height: 60rpx;
border-radius: 50%;
text-align: center;
line-height: 60rpx;
background: #fff;
}
.swiper .swiperbox .s_month_a.data-v-677f1e00 {
width: 60rpx;
height: 60rpx;
border-radius: 50%;
text-align: center;
line-height: 60rpx;
background: #008EFF;
color: #fff;
}
.secbox.data-v-677f1e00 {
width: 690rpx;
border-radius: 10rpx;
background: #fff;
margin: 0 auto 24rpx;
padding: 30rpx;
}
.secbox .title.data-v-677f1e00 {
font-size: 30rpx;
color: #333;
margin-bottom: 35rpx;
}
.secbox .charts_box.data-v-677f1e00 {
display: flex;
flex-direction: column;
margin-bottom: 35rpx;
align-items: center;
}
.secbox .charts_box .ch_li.data-v-677f1e00 {
width: 150rpx;
display: flex;
justify-content: center;
align-items: center;
position: relative;
font-size: 24rpx;
color: #666;
margin-bottom: 15rpx;
}
.secbox .charts_box .ch_li.data-v-677f1e00:last-child {
margin-bottom: 0;
}
.secbox .charts_box .ch_li.data-v-677f1e00::before {
content: "";
position: absolute;
left: 0;
top: 15rpx;
width: 10rpx;
height: 10rpx;
border-radius: 50%;
background-color: #008EFF;
}
.secbox .charts_box .ch_li text.data-v-677f1e00 {
font-size: 30rpx;
color: #008EFF;
margin: 0 10rpx;
}
.secbox .charts_box .ch_li_a.data-v-677f1e00::before {
background-color: #ff7800;
}
.secbox .charts_box .ch_li_a text.data-v-677f1e00 {
font-size: 30rpx;
color: #ff7800;
}
.secbox .statis_li.data-v-677f1e00 {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 34rpx;
}
.secbox .statis_li .sta_num.data-v-677f1e00 {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 200rpx;
}
.secbox .statis_li .sta_num .num.data-v-677f1e00 {
font-size: 32rpx;
color: #000;
}
.secbox .statis_li .sta_num .num text.data-v-677f1e00 {
font-size: 24rpx;
}
.secbox .statis_li .sta_num .minute.data-v-677f1e00 {
font-size: 24rpx;
color: #ff7800;
}
.secbox .statis_li .sta_num .status.data-v-677f1e00 {
font-size: 26rpx;
color: #666;
}