body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;border:0}
body{max-width:800px;margin:0 auto;background:#f4f4f4;font-family: 'microsoft yahei';font-size: .30rem;line-height: 1.5;color: #000;font-weight: 300;}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none;color:#000;}
*{box-sizing: border-box;margin:0;padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a,img{-webkit-touch-callout:none;}
ol,ul,li{list-style:none}
textarea,input[type="password"],input[type="submit"],input[type="text"]{font-size:.3rem;resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
h1,h2,h3,h4{font-weight:normal;font-size:.3rem;color:#000;}
input{outline:none;-webkit-appearance:none;} 
textarea{resize:none;}
em{font-style: normal;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset !important;  }  
img{border: 0;outline:none;-webkit-appearance:none;}
*{margin:0;padding:0;box-sizing: border-box;}



.re{position: relative;}
.l{float:left;}
.r{float:right;}
.cf{zoom:1}
.cf:after{content:'';visibility:hidden;clear:both;display:block; height:0}
.dib{display: inline-block;}
.db{display: block;}
.dn{display: none;}




.banner img{width: 100%;display: block;}

.page .content{
    padding: 0 .2rem;
}
.up-tips {
    box-sizing: border-box;
    
    position: relative;
    /* padding: 0 0 0 .4rem; */
    height: .8rem;
    line-height: .8rem;
    color: #222222;
    font-size: .28rem;
    font-weight: bold;
}
.show-area {
    height: .2rem;
    line-height: .2rem;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.show-area span {
    display: inline-block;
    margin-left: .2rem;
    font-size: .2rem;
    color: #737373;
    position: relative;
    padding-left: .24rem;
    font-weight: 400;
    float: left;
}
.show-area span::before {
    content: '.';
    display: block;
    font-size: 0;
    line-height: 0;
    width: .2rem;
    height: .2rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-10%, -50%);
    border-radius: 2px;
}
.show-area span.add-confirm::before {
    background-color: #f06061;
}
.show-area span.suspect::before {
    background-color: #ffd661;
}
.show-area span.confirm::before {
    background-color: #f06061;
}
.show-area span.heal::before {
    background-color: #65b379;
}
.show-area span.dead::before {
    background-color: #87878b;
}

.swiper-container-one{
    height: 5.7rem;
}
#lunbo-two-slider{
    height: 11.1rem;
}
.border-bg{
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    padding: .2rem;
    margin-top: .2rem;
    height: 4.5rem;
}
.lineChart {
    width: 100%;
    padding: 0;
    padding-bottom: 1px;
    height: 3.5rem;
    margin: .1rem auto 0 .3rem;
}
.lineChart .chart {
    width: 100%;
    height: 100%;
}
.swiper-slide-one {
    width: 100%;
    height: 4rem;
}

.swiper-pagination-customs {
    width: 1.63rem;
    height: .84rem;
    display: inline-block;
    background: #f3f6f8;
    opacity: 1;
    color: #222222;
    font-size: .24rem;
    line-height: .32rem;
    vertical-align: middle;
    margin-left: .06rem;
    border-radius: .08rem;
    outline: 0;
    padding-top: .09rem;
    font-weight: 400;
    border: 1px solid #DFE2E4;
}
.swiper-pagination-customs-active {
    opacity: 1;
    padding-top: .09rem;
    background-color: #eef4ff;
    color: #005DEF;
    border: 1px solid #8fb8ff;
}
#lunbo-one-slider .swiper-pagination-customs{
    width: 2.6rem;
    line-height: .4rem;
    height: .6rem;
}
#lunbo-one-slider .swiper-pagination-customs:first-child{
    margin-right: .4rem !important;
}
#lunbo-two-slider .swiper-pagination-customs{
    height: .5rem;
    width:19%;
    /* width: 1.2rem; */
    line-height: .28rem;
    margin-bottom: .1rem !important;
}

.zhexian_left {
    width: .72rem;
    height: .72rem;
    position: absolute;
    background: url(../img/zhexian_left.png) no-repeat;
    background-size: 100% 100%;
    left: 0px;
    top: 2.5rem;
    z-index: 2;
}
.zhexian_right {
    width: .72rem;
    height: .72rem;
    position: absolute;
    background: url(../img/zhelian_right.png) no-repeat;
    background-size: 100% 100%;
    right: 0px;
    top: 2.5rem;
    z-index: 2;
}
.fixed_mask{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background: #fff;
    z-index: 9999999;
}
a.link{
    display: block;
    padding: 0.2rem 0.25rem;
    border-radius: 0.35rem 0 0 0.35rem;
    background-color: #76b5fa;
    color: #fff;
    text-decoration: none;
    font-size: 0.26rem;
    line-height: 0.3rem;
    position: absolute;
    right: 0;
    top: 0.3rem;
}



/* xinwen */
.city-news{
    margin-top: .2rem;
    background: #eef5ff;
    padding: .1rem .3rem 1rem;
    /* margin-bottom:.5rem */
}
.city-news .city-news-top {
    height: 1rem;
    line-height: 1rem;
    font-size: .35rem;
    font-weight: bold;
    position: relative;
    font-family: 'microsoft yahei';
}
.city-news .city-news-top span.city-news-name {
    color: #005dff;
}
.city-news .city-text-item::before, .city-news .city-text-item::after {
    content: '.';
    display: block;
    font-size: 0;
    line-height: 0;
    position: absolute;
}
.city-news .city-text-item::before {
    width: .02rem;
    top: 0;
    left: .12rem;
    bottom: 0;
    background-color: #d8d8d8;
}
.city-news .city-text-item:first-child::before {
    top: .5rem;
}
.city-news .city-text-item i {
    font-weight: normal;
    font-style: normal;
}
.city-news .city-text-item:first-child i {
    background-color: #222222;
    width: .76rem;
    height: .32rem;
    /* background: url(../img/text-before.png) 0 0 no-repeat; */
    background-size: .76rem .32rem;
    display: inline-block;
    margin-bottom: -.04rem;
    margin-right: .05rem;
}
.city-news .city-text-item::after {
    width: .08rem;
    height: .08rem;
    border: 4px solid #737373;
    background-color: #f8f8f8;
    border-radius: 8px;
    top: .34rem;
    left: .04rem;
}
.city-news .city-text-item{
    display: block;
    padding: .22rem 0 .22rem .4rem;
    font-size: .28rem;
    color: #222222;
    font-weight: 400;
    line-height: .444rem;
}
.city-news .city-news-btn {
    display: block;
    height: .72rem;
    /* padding-right: .3rem; */
    line-height: .68rem;
    font-size: .28rem;
    box-sizing: border-box;
    color: #005dff;
    font-weight: 400;
    border: 2px solid #005dff;
    background: url(../img/location.png) .4rem center no-repeat;
    background-size: .40rem .4rem;
    border-radius: .72rem;
    margin: .3rem auto 0;
    width: 64%;
    text-align: center;
    padding-left: .25rem;
}


.loading {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
}
.loading img {
    width: .66rem;
    height: .66rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.33rem;
    margin-top: -.33rem;
}