*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard syntax */
}

.t-main{

}
.t-main1{
    width: 24rem;
    height: 12.025rem;
        background-image:url(../images/index/bj0.png) ;
    background-size: 100% 100%;
    background-position:  center;
    background-repeat: no-repeat;
}
body::-webkit-scrollbar{
    display: none;
}
.t-main::-webkit-scrollbar{
    display: none;
}
#t-main,.t-main{
    background-image:url(../images/index/bj0.png) ;
    background-size: 100% 100%;
    background-position:  center;
    background-repeat: no-repeat;
         width: 24rem;
    height: 13.5rem;

}
/*    background-image:url(../images/index/002.png), url(../images/index/bj0.png) ;
    background-size: 11.25rem 1rem,100% 100%;
    background-position:  bottom center,center;
    background-repeat: no-repeat;*/
.t-head{
    height: 1.3rem;
    width: 100%;
    background: #263746;
    position: relative;
}
.c_lang{
    position:absolute;
    bottom: 0; right: 10px;
}
.t-head>.t-head-top{
    height: .925rem;
    width: 100%;
    background-image: url(../images/index/01.png);
}
.t-head>.t-head-sets{
    height: .375rem;
    width: 100%;
    font-size: .175rem;
}

.t-head>.t-head-top>.t-head-navs{
    width: calc((100% - 9.95rem) / 2);
    height: .625rem;
    padding: 0 .25rem;
}
.t-head>.t-head-top>.t-head-navs>.t-head-nav{
    color: #FFFFFF;
    font-size:  .25rem;
    height: .4625rem;
    padding: .025rem .1875rem;
    margin: 0 .25rem;
}
.t-head>.t-head-top>.t-head-navs>.t-head-nav-hover{
    background-image: url(../images/index/nav_hover.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.t-head>.t-head-top>.t-head-log{
    height: .925rem;
    width: 9.95rem;
    color: #F0F6FB;
    font-size: .375rem;
    letter-spacing: .05rem;
    padding: 0 1rem;
    text-align: center;
}


.t-head-sets>.t-head-set{
    color: #FFFFFF;
    margin: 0 .1875rem;
    padding-left: .25rem;
    background-repeat: no-repeat;
    background-position: left center;
}


.news{
    background-image: url(../images/t01.svg);
}
.user{
    background-image: url(../images/t02.svg);
}
.set{
    background-image: url(../images/t03.svg);
}
.exit{
    background-image: url(../images/t04.svg);
}
.full{
    background-image: url(../images/t05.svg);
}

.t-body{
    padding: .25rem .5rem;
}
.t-side{
    width: 6.0625rem;
}
.lw-tit>.lw-item{
    width: 1.475rem;
    height: 1rem;
    background-color: #254056;
    color: #ffffff;
    padding: .05rem;
}
    .lw-tit > .lw-item > .lw-item-lab {
        font-size: .25rem;
        height: .5rem;
        color: #A9DDEE;
        border-bottom: 1px solid #00BEFF;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }


        .lw-tit > .lw-item > .lw-item-val {
            height: calc(100% - .5rem);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .35rem;
        }
.t-side>.t-side-tit{
    height: .45rem;
    line-height: .45rem;
    padding-left: .75rem;
    background-image: url(../images/index/02.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
    color: #FFFFFF;
    font-size: .25rem;
    position: relative;
}

/* 项目统计 */
.t-xmtj{
    width: 100%;
    height: 2.175rem;
    margin-bottom: .5rem;
    margin-top: .25rem;
}
.t-xmtj-box{
    height: 2.175rem;
    width: 2.25rem;
    background-image: url(../images/index/03.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: .25rem;
}
.t-xmtj-box>.t-xmtj-box-lab{
    color: #FFFFFF;
    font-size: .225rem;
    padding: 0 .25rem;
    text-align: center;
}
.t-xmtj-box>.t-xmtj-box-val{
    font-size: .375rem;
}

.t-aqtj{
    width: 100%;
    height: 2.3rem;
    margin-bottom: .25rem;
}

.t-xcsp {
    width: 100%;
    height: 3.6rem;
    margin-top: .25rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box
}
.t-xcsp>video{
    height: 100%;
    width: 100%;
    background-color: #000000;
}
/* 质量统计 */
.t-zltj{
    height: 2.575rem;
    width: 100%;
    margin-bottom: .5rem;
    margin-top: .25rem;
    padding: 0 .25rem;
}

.t-zltj>.zl-box-tit>.zl-box-tit-item{
    width: 1.6rem;
    height: .75rem;
    padding: .075rem 0;
    background-image: url(../images/r01.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
.t-zltj>.zl-box-tit>.zl-box-tit-item>.zl-box-tit-item-val{
    font-size: .25rem;
}
.t-zltj>.zl-box-tit>.zl-box-tit-item>.zl-box-tit-item-lab{
    font-size: .175rem;
    color: #FFFFFF;
}

.zl-box-maps{
    margin-top: .25rem;
    height: 1.425rem;
}
#zl-map{
    height: 100%;
    width: 1.25rem;
}
#zl-map1{
    height: 100%;
    width: 1.25rem;
}
#zl-map2{
    height: 100%;
    width: 1.25rem;
}

/* 现场动态 */
.xc-box{
    height: 2.25rem;
    width: 100%;
    margin-bottom: .5rem;
    margin-top: .25rem;
}
.xc-box>.xc-box-ul{
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}
.xc-box>.xc-box-ul::-webkit-scrollbar{
    display: none;
}
.xc-box>.xc-box-ul>.xc-box-li{
    height: .375rem;
    color: #FFFFFF;
    font-size: .175rem;
    line-height: .375rem;
    font-size: .175rem;
    padding: 0 .25rem;
    width: 100%;
    background-image: linear-gradient(to right, #1C749F 50%, rgba(255,255,255,0) 0%); /* 35%设置虚线点y轴上的长度 */
        background-position: bottom; /* right配置右边框位置的虚线 */
        background-size: 10px 1px; 
        background-repeat: repeat-x;

}
.t-xc{
    width: 100%;
    height: 3.6rem;
    margin-top: .25rem;
    position: relative;
    border: 1px solid #1F668D;
}
  
.t-xc>.swiper{
    height: 100%;
    width: 100%;
    overflow:hidden;
}
.t-center{
    width: calc(100% - 12.125rem);
    height: 800px;
}
.t-xm{
    height: 2rem;
    width: 100%;
    margin-top: 1rem;
}
.t-xm-box{
    height: 2rem;
    width: 3.25rem;
    margin: 0 .25rem;
    padding-left: 1rem;
    padding-top: .5rem;
    background-image: url(../images/index/001.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.t-xm-box>.t-xm-lab{
    color: #FFFFFF;
    font-size: .175rem;
}

.t-xm-box>.t-xm-val{
    color: #FFFFFF;
}

.t-xm-box>.t-xm-val>span:first-child{
    font-size: .375rem;
}
.t-china-map{
    margin-top: .75rem;
    width: 100%;
    height: 7.5rem;
}
.image-full{
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.flex-row{
    display: flex;
    flex-direction: row;
}
.flex-column{
    display: flex;
    flex-direction: column;
}
.flex-center{
    align-items: center;
    justify-content: center;
}

.flex-start{
    justify-content: flex-start;
}
.flex-end{
    justify-content: flex-end;
}

.flex-between{
    justify-content: space-between;
}
.flex-around{
    justify-content: space-around;
}


.flex-item-start{
    align-items: flex-start;
}
.flex-item-end{
    align-items: flex-end;
}
.flex-item-center{
    align-items: center;
}


.color1{
    color: #00FFFF;
}
.color2{
    color: #12CDA2;
}
.color3{
    color: #FF7474;
}
.color4{
    color: #FFA602;
}
.color5{
    color: #E9E931;
}