*{
    margin:0;
    padding:0;
}
*{
    list-style:none;
}
a{
    text-decoration:none!important;
}
a:hover{
    text-decoration:none!important;
}
a:focus{
    text-decoration:none!important;
}
input{
    outline: none;
}
html,body{margin:0;padding:0;}
p,h3{
    margin:0;
}
.lf{
    float:left;
}
.rf{
    float:right;
}
html{
    background:#2461F0;
}
body{
    background:url(/static/image/bg0.jpg),url(/static/image/bg1.jpg), url(/static/image/bg2.jpg) , url(/static/image/bg3.jpg) ;
    background-repeat: no-repeat,no-repeat, no-repeat, no-repeat;
    background-position: top left ,top right ,left center ,right center;
    background-size: 296px 290px ,574px 290px ,323px 3543px,333px 2125px;
    padding-bottom:65px;
}
@media (min-width: 1200px){
    .container {
        width: 1310px;
        padding:0px;
    }
}
.epidemic—situation-tit{
    padding-top:65px;
    margin-bottom:65px;
}
.epidemic—situation-tit img{
    width:500px;
    height:56px;
}
.closing-date{
    font-family: PingFangSC-Light;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 2.5px;
    background:url(/static/image/time.png) no-repeat 1px center;
    padding-left:30px;
    background-size: 18px 18px;
    margin-top:20px;
}
.main{
    background: #FFFFFF;
    border-radius: 10px;
    min-height:1200px;
    padding:0 90px;
}
.tab1{
    height:73px;
    line-height: 73px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    justify-content:space-around;
    color: #666666;
    font-size: 20px;
    letter-spacing: 2px;
}
.tab1 div{
    cursor: pointer;
}
/*.tab1>div:first-child:hover{*/
    /*color: #2461F0;*/
/*}*/
/*.tab1>div:nth-child(2):hover{*/
    /*color: #2461F0;*/
/*}*/
.tab1 .active{
    color: #2461F0;
}
.tab1 .select-city{
    padding-left: 58px;
    width: 150px;
    height: 50px;
    margin-top: 11px;
    line-height: 50px;
    background: url(/static/image/location-icon.png);
    background-repeat: no-repeat;
    background-position: 25px 12px ;
    background-size: 23px 79px ;
    border: 1px solid #fff;
    border-bottom: none;
}
.select-city>div{
    height:50px;
}
.select-city-arrow{
    display: inline-block;
    width: 20px;
    height: 50px;
    background:  url(/static/image/arrow-icon.png) 5px 17px no-repeat;
    background-size:18px 66px;
}
/*.tab1 .select-city:hover ,*/.tab1 .select-city.active{
    color: #2461F0;
    padding-left: 58px;
    width:150px;
    background: url(/static/image/location-icon.png);
    background-repeat: no-repeat;
    background-position: 25px -38px ;
    background-size: 23px 79px ;
}
/*.tab1 .select-city:hover .select-city-arrow,*/.tab1 .select-city.active .select-city-arrow{
    background:  url(/static/image/arrow-icon.png) 5px -33px  no-repeat;
    background-size:18px 66px;
}
.select-city-style{
    position: relative;
    border: 1px solid #EAEAEA !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none !important;
}
.select-city ul{
    display: none;
    position: absolute;
    left:-1px;
    width:150px;
    height:256px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: none;
    text-align: center;
    overflow: scroll;
    z-index:10;
}
.select-city ul li{
    height:50px;
    line-height:50px;
}
.select-city ul li:hover{
    background: #1861ED;
    color: #fff;
}
.FOQEMQ{
    flex-shrink: 0;
    position: relative;
    height: 5px;
    width: 100%;
}
.hPlFoQ{
    transform: translateX(185px) scaleX(1);
    transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;
    position: absolute;
    width: 40px;
    height: 100%;
    border-radius: 5px;
    background: #2461F0;
    transform-origin: 0 50%;
}
.classify{
    margin:56px 0;
    display: flex;
    justify-content: space-between;
    font-size:20px;
    letter-spacing: 2px;
    text-align: center;
}
.classify1,.classify2{
    display: none;
}
.classify2 .item span:nth-child(3){
    display: none;
}
.classify span{
    display: block;
}
.classify span:nth-child(2){
    font-size: 36px;
    color: #C43F17;
    letter-spacing: 0.9px;
}
.classify span:nth-child(3){
    letter-spacing: 1.6px;
    font-size: 16px;
    color: #999999;
}
.classify span i{
    font-style: normal;
    color: #C43F17;
}

.classify .item:nth-child(2) span:nth-child(2){
    color: #EA8E1F;
}
.classify .item:nth-child(2) span:nth-child(3) i{
    color: #EA8E1F;
}
.classify .item:nth-child(5) span:nth-child(2){
    color: #333333;
}
.classify .item:nth-child(5) span:nth-child(3) i{
    color: #333333;
}
.classify .item:nth-child(6) span:nth-child(2){
    color: #2461F0;
}
.classify .item:nth-child(6) span:nth-child(3) i{
    color: #2461F0;
}
.classify0-1 .item:nth-child(3) span:nth-child(2){
    color: #2461F0;
}
.classify0-1 .item:nth-child(3) span:nth-child(3) i{
    color: #2461F0;
}
.classify0-1 .item:nth-child(4) span:nth-child(2){
    color: #333333;
}
.classify0-1 .item:nth-child(4) span:nth-child(3) i{
    color: #333333;
}
.map-area,.trend{
    height:800px;
    background: #F8F9FA;
    margin:auto;
    margin-bottom:40px;

}

.trend{
    height: 850px;
    border: 1px solid #EAEAEA;
    background: #fff;
}
.tab2,.tab3{
    display: flex;
    background: #F5F6F7;
    letter-spacing: 1.8px;
}
.tab2 div,.tab3 div{
    display: inline-block;
    height:62px;
    width:50%;
    color: #666666;
    line-height:62px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}
.tab2 .active,.tab3 .active{
    background: #2461F0 ;
    color: #fff;
    position: relative;
}
.tab2 .active b,.tab3 .active b{
    display: block;
    width: 17px;
    height: 12px;
    background:url(../../static/image/triangle.png) no-repeat;
    background-size: 17px 12px;
    position: absolute;
    left: 50%;
    margin-left:-9px;
}

.tab3-1,.tab3-2{
    display: none;
}
.charts{
    width:850px;
    height:660px;
    margin:auto;
    margin-top:28px;

}
.charts0{
    width:1072px;
    height:635px;
}
.charts1{
    width:1072px;
    height:670px;
    margin:auto;
    margin-top:28px;

}
#china-chart-total{
    display: none;
}
.china-chart{

}
.world-chart,.countries-chart{
    display: none;
}

#world-chart-total{
    display: none;
}
#china-total-trend-chart{
    display: none;
}
.trend-chart-world{
    display: none;
}
.trend-chart-province{
    display: none;
}
#country-total-trend-chart{
    display: none;
}
#usa-chart-total{
    display:none;
}
.summary{
    color: #666666;
    margin-bottom:100px;
}
.abroad-summary{
    display: none;
}
.abroad-provinces-summary{
    display: none;
}
.summary div{
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom:22px;

}
.summary table{
    width:100%;

}
.summary table thead tr:first-child{
    border-bottom:none !important;
}

.summary table tr{
    border-bottom:1px solid #EAEAEA;
}
.summary table th{
    height:62px;
    background: #F5F6F7;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1.8px;
    font-weight: normal;
}
.summary table td{
    height:55px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1.8px;
}
.summary table td:first-child{
    color: #2461F0;
}

/*排序按钮*/
.statistics{
    position: relative;
}
.num-sort{
    position: absolute;
    width:13px;
    height:6px;
    display: inline-block;
    cursor: pointer;
}
.sort1{
    /*display: none;*/
    background: url(/static/image/sort-num1.png) no-repeat;
    background-size:30px 6px ;
    top:24px;
    right:21px;
}
.sort1.active{
    background: url(/static/image/sort-num1.png) no-repeat -20.8px;
    background-size:30px 6px ;
}
.sort1:hover{
    background: url(/static/image/sort-num1.png) no-repeat -20px;
    background-size:30px 6px ;
}
.sort2{
    /*display: none;*/
    background: url(/static/image/sort-num2.png) no-repeat;
    background-size:29px 5px ;
    top:32px;
    right:21px;
}
.sort2.active{
    background: url(/static/image/sort-num2.png) no-repeat -20px;
    background-size:29px 5px ;
}
.sort2:hover{
    background: url(/static/image/sort-num2.png) no-repeat -20px;
    background-size:29px 5px ;
}

/*排序按钮 end*/
table  ,td ,th{
    border:none !important;
}
th,td{
    line-height:62px!important;
    padding:0px !important;
}

/*增添echarts表格*/
.overseas-import{
    height: 800px;
    border: 1px solid #EAEAEA;
    background: #fff;
    margin: auto;
    margin-bottom: 40px;
}