html{box-sizing:border-box;height:100%;}
body{background:#fff;word-wrap:break-word;color:#242424;-webkit-overflow-scrolling:touch;}
body>*{font-size:24px;line-height:1.5;}
*,*:before,*:after{box-sizing:inherit;}
a,a:link,a:hover,a:active{text-decoration:none !important;}
a{color:#242424}

.hidden{display:none;}
.clear{height:0;margin:0 !important;font-size:0;overflow:hidden;clear:both;}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:'.';}
.clearfix{*zoom:1;}
h3{font-weight:700}

.bgef{background-color:#eef7fc}
.bgff{background-color:#fff}
.fr{float:right!important}
.fl{float:left!important}
.fs20{font-size:20px!important}
.fs22{font-size:22px!important}
.fs24{font-size:24px!important}
.fs26{font-size:26px!important}
.fs28{font-size:28px!important}
.fs32{font-size:32px!important}

img{width:100%}
.cr27{color:#2799df!important}
.cr62{color:#6215d3!important}
.cr66{color:#666!important;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 92%;}
.cr24{color:#242424!important}
.crff{color:#fff!important}
.crb9{color:#b994ef!important}
.col3{width:33.333%;float:left}

.mb70{margin-bottom:0.7rem!important}
.mb45{margin-bottom:0.56rem!important}
.mb20{margin-bottom:20px!important}
.mb15{margin-bottom:15px!important}
.mb10{margin-bottom:0.1rem!important}
.mb0{margin-bottom:0!important}
.mt0{margin-top:0!important}
.mr0{margin-right:0!important}
.pb20{padding-bottom:20px!important}
.pb10{padding-bottom:10px!important}
.nwrap{white-space: nowrap;text-overflow: ellipsis;max-width: 100%;display: block;overflow: hidden;}
.tc,.ac{text-align:center}
.ar{text-align:right}
.hide{display:none!important}
.pd30{padding:0 30px}

input,select{background-color:#fff;border:0.01rem solid #d6d6d6;line-height:0.18rem;width:100%;padding:0.11rem 0.1rem;color:#242424;border-radius:40px}
::-webkit-input-placeholder {color:#b8b8b8 !important}
:-moz-placeholder {color:#b8b8b8 !important}
::-moz-placeholder{color:#b8b8b8 !important}
:-ms-input-placeholder{color:#b8b8b8 !important}
.btn{background:#3175fe;color:#fff;line-height:0.42rem;border-radius:40px;box-shadow: 0 2px 2px rgba(49, 117, 254, 0.6);}
.icons{background-image:url(/images/icons.png);background-repeat:no-repeat;vertical-align:middle;display:inline-block}

.body-bg{background:url(/images/head_bg.gif) no-repeat center top #eb3f28;background-size: contain;}
header{padding:0.3rem  0}
header h1{width: 27.248%;}
.header-text{width: 62.32%;margin: 0.8rem 0 0.8rem 0.2rem;}
.main{padding-bottom:1px}
.hot__list{padding: 0.3rem 0.4rem .3em;margin-bottom:0.2rem;}
.hot__tit{margin-bottom: 0.1rem;line-height: 0.54rem;}
.hot__tit span{font-weight:400;}
/*.hot__tit label{display:inline-block;white-space: nowrap;text-overflow: ellipsis;max-width:76%;overflow: hidden;}*/
.hot__tit label{max-width: 90%;overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal}
.hot__cont img{width: 30.435%;margin:0.04rem 0 0 5%;}
.hot__cont p{width:65%;}
.hot__info{padding: 0.1rem 0 0.1rem}
.hot__link{margin: 0 -0.3rem;border-top:1px solid #ddd;display:block;line-height: 0.82rem;}
.nmb{width: 40px;height: 40px;line-height: 38px;color:#fff;text-align:center;font-weight:400;font-family: cursive;margin:0.05rem 0.09rem 0 0;font-style: normal;float:left;}
.nb2{background-position: -47px 0;}
.nb3{background-position: -94px 0;}
.nb4{background-position: 0 -48px;}
.icons-right{width: 0.25rem;height: 0.36rem;background-position: -51px -54px;margin-top: 0.22rem;}
.hot__words span{margin-right:12px}
.hot_type{display: inline-block;height:32px;padding: 0 4px;margin-right: 5px;line-height:29px;position: relative;top: -11px;margin-left: 10px;}
.positive{color: #358bcf;border: 1px solid #358bcf}
.neutral{color:#ff9c00;border:1px solid #ff9c00;}
.negative{color:#d43e2a;border:1px solid #d43e2a;}
.hot__words {margin-top:0.1rem;}


.hotDetail__text{padding: 0.22rem 0.3rem;}
.hotDetail__cont{padding-bottom:0.5rem}
.hotDetail__cont h2{padding-bottom:0.3rem}
.hotDetail__cont h4{margin:0.05rem 0 0.4rem;border-left:6px solid #2799df;padding-left:0.1rem;line-height:1}
.echartabs{width:100%;height:420px;margin-bottom:35px}

.info_tb{border:1px solid #F2F2F2;width:100%;color:#666;position:relative;margin:0.3rem 0 0.5rem;text-align:center}
.info_tb td{padding:5px 8px}
.info_tb thead td {background: #f9f9f9}
.nav{width:300px;margin:0 auto;text-align:center;padding:0.1rem 0 0.5rem}
.nav li{width:100px;float:left;width:33.33%;}
.nav li + li{margin-left:-1px}
.nav li a{display:block;border:1px solid #ddd;padding:0.05rem 0}
.nav li.aHver a{color:#fff;background-color:#2799df;border:1px solid #2799df}

.yqTop{max-height:740px;overflow-y:auto;padding:0 .12rem}
.yqTop__li{padding:.21rem .15rem }
.yqTop__li + .yqTop__li{border-top:1px solid #ddd;}
.yqTop__li p{margin-bottom: 0.14rem;height:72px;overflow: hidden; display: -webkit-box;display: -moz-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hotWb__li li{padding:0.3rem 0 0.3rem}
.hotWb__img{width:1.28rem;height:1.28rem;margin:0 auto;border-radius:50%;overflow:hidden;margin-bottom:0.3rem}
.hotWb__li li p{margin-top:0.1rem}
.more{display:block;padding:0.2rem 0 0.35rem}
.icon-down{display:inline-block;border-top:8px solid #2799df;border-left:7px solid transparent;border-right:7px solid transparent;margin: -0.05rem 0 0 0.08rem;vertical-align: middle;}
.more.show .icon-down{transform:rotate(180deg)}

#pieChart1,#pieChart2{height:490px}
#hotWordChart1{height:460px}

.loadding > div{width:24px;height:24px;background:rgb(255, 137, 121);border-radius:100%;display:inline-block;animation:slide 1s infinite;}
.loadding > div:nth-child(1){animation-delay:0.1s;}
.loadding > div:nth-child(2){animation-delay:0.2s;}
.loadding > div:nth-child(3){animation-delay:0.3s;}
.loadding > div:nth-child(4){animation-delay:0.4s;}
.loadding > div:nth-child(5){animation-delay:0.5s;}
.hot__btm{background:url(../images/footer-bg.png) no-repeat center top;height:76px;line-height:74px;margin:0.5rem 0 0.4rem}
footer{padding:0.8rem 0 0.9rem}
footer img{width:280px;margin-bottom: 0.3rem}

@media screen and (max-width: 750px) {
    .hot__info span{width:100%;}
    .hot__info span+span{margin-top:0.1rem}
}


@-moz-keyframes slide{
    0%{transform:scale(1);}
    50%{opacity:0.3;transform:scale(2);}
    100%{transform:scale(1);}
}
@-webkit-keyframes slide {
    0% { transform: scale(1); }
    50% { opacity: 0.3; transform: scale(2); }
    100% { transform: scale(1); }
}
@-o-keyframes slide {
    0% { transform: scale(1); }
    50% { opacity: 0.3; transform: scale(2); }
    100% { transform: scale(1); }
}
@keyframes slide {
    0% { transform: scale(1); }
    50% { opacity: 0.3; transform: scale(2); }
    100% { transform: scale(1); }
}