*{box-sizing: border-box;}
html,body{width: 100%;height: 100%;background-color: #e2ecfb;font-size: 16px;}
.container{width: 100%;background-color: #e2ecfb;}
.title_img{z-index: 10;margin: 10px 0 0 30px;width: 75%;position: relative;}
.card{z-index: 100;position: relative;margin: 10px auto 0;width: 90%;background-color: #fff;border-radius: 10px;padding: 20px;}
.card_head{display: flex;align-items: center;}
.card_head span{width: 6px;height: 22px;background-color: #4ca9f5;border-radius: 8px;vertical-align: middle;}
.card_head i{width: 10px;height: 10px;background-color: #f96033;border-radius: 8px;vertical-align: middle;}
.card_head h2{font-size: 18px;color: #333;padding-left: 8px;font-weight: bold;}
.card_cont{display: flex;margin-top: 10px;}
.card_img{width: 120px;height: 100px;}
.card_cont div{flex: 1;margin: 10px 0 0 10px;overflow: hidden;}
.card_cont div h3{font-size: 16px;font-weight: bold;color: #333;}
.card_cont div p{padding-top: 12px;font-size: 14px;color: #666;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.card_cont .pos_img{width: 16px;vertical-align: middle;}

.dapeng{margin: 30px 0 20px;display: flex;align-items: center;border-bottom: 1px solid #4ca9f5;justify-content: space-between;padding-bottom: 10px;}
.dapeng h1{font-size: 18px;color: #333;}

.jinggao_img{width: 28px;margin-right: 10px;}
.yujing h1{font-size: 14px;color: #333;}
.yujing p{font-size: 12px;padding-top: 6px;color: #666;}

.slideItem{margin-top: 10px;display: flex;align-items: center;justify-content: space-between;}
.slideItem p,.slideItem span{text-align: right;font-size: 14px;color: #333;}
.slideItem p{width: 80px;margin-right: 10px;}
.slideItem span{width: 60px;}
.slideItem .slide{flex: 1;height: 16px;border-radius: 8px;overflow: hidden;}
.bar{height: 16px;border-radius: 8px;background-color: #b4d5fe;}
.btns{display: flex;padding: 15px 0;border-bottom: 1px solid #ccc;justify-content: end;}
.btn{padding: 6px 10px;color: #4ca9f5;background-color: #e9e9e9;border-radius: 6px;font-size: 14px;}

.yujing_card{width: 90%;margin: 20px auto 0;display: flex;align-items: center;padding: 15px 10px;background: url('../images/yujing.png') no-repeat; background-size: 100% 100%;}
.yujing_img{width: 50px;margin: 0 10px;}
.yujing_info{flex: 1;color: white;}
.yujing_info h1{font-size: 16px;}
.yujing_info p{padding-top: 10px;font-size: 14px;}
.yujing_num{font-size: 40px;color: white;font-weight:bold;font-family:  Geneva, Verdana, sans-serif}

.bottom_bg,.bottom_bg img{width: 100%;}
.select{width: 88%;margin: 20px auto;background-color: white;border-radius: 10px;border: 1px solid #4ca9f5;overflow: hidden;}
.select select{width: 100%;height: 40px;padding: 0 10px;line-height: 40px;background-color: white;font-size: 16px;color: #333;outline: none;border: none;}
.content{padding: 20px 10px 0 20px;}
.content p{line-height: 30px;font-size: 16px;color: #666;}
.hj_flex{display: flex;margin-top: 10px;justify-content: space-between;flex-wrap: wrap;}
.hj_item{position: relative;width: 23%;text-align: center;margin-top: 15px;}
.hj_card{width: 100%;text-align: center;padding: 10px 0;background-color: #daeefe;color: #46abfc;font-size: 20px;border-radius: 10px;font-weight: bold;}
.hj_item p{color: #333;padding-top: 6px;font-size: 14px;white-space: nowrap;}
.hj_act::after{position: absolute;right: -5px;top: -5px;content: '';background: url('../images/s_jinggao.png') no-repeat;background-size:100%;width: 20px;height: 20px;}
.hj_act .hj_card{background-color: #fedada;color: #d60101;}
.chart_line{width: 100%;height: 200px;}