@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; }