hls_crm/unpackage/dist/dev/mp-weixin/pagesA/crm/statisticalFrom/achieveStatis.wxss

163 lines
3.6 KiB
Plaintext

@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 基本颜色 */
.querylist.data-v-866f2220 {
padding: 0 30rpx;
display: flex;
justify-content: space-between;
align-items: center;
background: #fff;
}
.querylist .queryfir.data-v-866f2220 {
margin-right: 15rpx;
background: #fff;
border-radius: 8rpx;
}
.querylist .querysec.data-v-866f2220 {
background: #fff;
border-radius: 8rpx;
}
.querylist .form_right.data-v-866f2220 {
width: 180rpx;
height: 80rpx;
font-size: 28rpx;
color: #666;
text-align: center;
line-height: 48rpx;
display: flex;
justify-content: center;
align-items: center;
}
.querylist .form_right .bottomimg.data-v-866f2220 {
width: 20rpx;
height: 33rpx;
margin-left: 15rpx;
}
.sectionbox.data-v-866f2220 {
padding: 40rpx 30rpx 40rpx;
background: #fff;
margin-top: 24rpx;
position: relative;
}
.sectionbox .setAchieve.data-v-866f2220 {
position: absolute;
right: 30rpx;
top: 30rpx;
font-size: 28rpx;
color: #008EFF;
}
.sectionbox .sec_type.data-v-866f2220 {
display: flex;
justify-content: center;
margin-bottom: 35rpx;
}
.sectionbox .sec_type .form_right.data-v-866f2220 {
width: 180rpx;
height: 80rpx;
font-size: 22rpx;
color: #666;
text-align: center;
line-height: 48rpx;
display: flex;
justify-content: center;
align-items: center;
}
.sectionbox .sec_type .form_right .bottomimg.data-v-866f2220 {
width: 20rpx;
height: 33rpx;
margin-left: 15rpx;
}
.sectionbox .sec_top.data-v-866f2220 {
display: flex;
justify-content: space-between;
align-items: center;
}
.sectionbox .sec_top .sec_left.data-v-866f2220 {
width: 49%;
flex-shrink: 0;
border-right: 1rpx solid #f5f5f5;
text-align: center;
}
.sectionbox .sec_top .sec_left.data-v-866f2220:last-child {
border-right: 0;
}
.sectionbox .sec_top .sec_left .left_t.data-v-866f2220 {
font-size: 26rpx;
color: #666;
margin-bottom: 8rpx;
}
.sectionbox .sec_top .sec_left .left_m.data-v-866f2220 {
font-size: 30rpx;
color: #333;
}
.sectionbox .sec_bot.data-v-866f2220 {
margin-top: 45rpx;
}
.sectionbox .sec_bot .pro_box.data-v-866f2220 {
width: 690rpx;
height: 24rpx;
border-radius: 12rpx;
background: #f5f5f5;
position: relative;
}
.sectionbox .sec_bot .pro_box .pro_in.data-v-866f2220 {
width: 300rpx;
position: absolute;
left: 0;
top: 0;
height: 24rpx;
border-radius: 12rpx;
background: #008EFF;
}
.sectionbox .sec_bot .bot_w.data-v-866f2220 {
margin-top: 20rpx;
display: flex;
justify-content: space-between;
align-items: center;
}
.sectionbox .sec_bot .bot_w .bot_w_l.data-v-866f2220 {
font-size: 28rpx;
color: #666;
}
.sectionbox .sec_bot .bot_w .bot_w_l ._span.data-v-866f2220 {
color: #008EFF;
margin-left: 8rpx;
}
.chartbox.data-v-866f2220 {
margin-top: 24rpx;
background: #fff;
padding: 40rpx 30rpx;
}
.chartbox .chart_top.data-v-866f2220 {
width: 690rpx;
margin: 0 auto 30rpx;
}
.chartbox .tabbox.data-v-866f2220 {
border-top: 1rpx solid #dfdfdf;
border-left: 1rpx solid #dfdfdf;
width: 690rpx;
}
.chartbox .tabbox .table_li.data-v-866f2220 {
display: flex;
justify-content: flex-start;
align-items: center;
}
.chartbox .tabbox .table_li.data-v-866f2220:first-child {
background: rgba(3, 170, 150, 0.5);
}
.chartbox .tabbox .table_li .table_td.data-v-866f2220 {
border-bottom: 1rpx solid #dfdfdf;
border-right: 1rpx solid #dfdfdf;
width: 221rpx;
text-align: center;
padding: 20rpx 0;
color: #333;
}
.chartbox .tabbox .table_li .table_td.data-v-866f2220:first-child {
width: 120rpx;
}
.chartbox .tabbox .table_li .table_td.data-v-866f2220:last-child {
width: 130rpx;
}