
.map-sidebar-right .select-parent{
    width: 1.4rem;
}
.NavBar_MapTypeButtonContainerWrapper{
    display: none;
}
.page-of-air .section{
    z-index: auto;
}

.box-mapTitle{
    width: 100%;
    height: 1.78rem;
    background: url(../img/map/banner.png) no-repeat;
    background-size: cover;
    position: relative;
}
.box-mapTitle h2{
    font-size: .32rem;
    line-height: .36rem;
    font-weight: bold;
    color: #FFFFFF;
    position: absolute;
    top: .5rem;
    left: .26rem;
}
.box-mapTitle .mapDes{
    position: absolute;
    right: .22rem;
    top: .22rem;
}
.mapDes .slide-lang{
    width: .58rem;
    margin-top: .1rem;
    padding: 0;
    border: 1px solid #005596;
}
.mapDes .slide-lang:first-of-type{
    margin-top: 0;
}
.mapDes .map-read{
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}


.box-container{
    padding: 0 .25rem;
}

.box-sumUp-number{
    background: linear-gradient(180deg, #E3FBE7, #FFFFFF);
    box-shadow: 0 .02rem .08rem 0 rgba(229,233,230,0.5);
    border-radius: .08rem;
    padding: .34rem .16rem .34rem .26rem;
    margin: -.54rem 0 0;
    position: relative;
}
.box-sumUp-number ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.box-sumUp-number li{
    text-align: center;
}
.box-sumUp-number li:first-of-type{
    margin-left: 0;
}
.box-sumUp-number li span{
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-size: .24rem;
    line-height: .26rem;
    font-weight: bold;
    color: #1AAF9C;
}
.box-sumUp-number li strong{
    font-size: .30rem;
    line-height: .30rem;
}
.box-sumUp-number li p{
    font-size: .14rem;
    line-height: .16rem;
    color: #999999;
    margin-top: .15rem;
}

.title-hover{
    position: absolute;
    right: .14rem;
    top: .1rem;
    z-index: 1;
}
.title-hover .icon-tips{
    display: block;
    width: .14rem;
    height: .14rem;
    background: url(../img/map/icon-tips.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.title-hover .content{
    display: none;
    font-size: .12rem;
    line-height: .16rem;
    color: #fff;
    width: 1.60rem;
    padding: .06rem .10rem;
    background: rgba(26,175,156,.95);
    text-align: justify;
    position: absolute;
    right: 0;
    top: .16rem;
    border-radius: .02rem;
}
.title-hover:hover .content{
    display: block;
}

.side-search{
    margin: .3rem 0 .26rem;
}
.side-search .complex .button{
    min-width: 1rem!important;
}

.common-table{
    width: 100%;
}
.common-table thead tr{
    background: #E1F2FD;
}
.common-table tr th,
.common-table tr td{
    font-size: .14rem;
    line-height: .2rem;
    color: #0D203E;
}

.common-table tr th{
    font-weight: bold;
    padding: .18rem .05rem .12rem;
}
.common-table tr td{
    color: #333;
    padding: .05rem 0;
    text-align: center;
    cursor: pointer;
}
.common-table tr .trade{
    width: 0;
    height: .05rem;
    border: .05rem solid;
    margin-left: .05rem;
}
.common-table tr .trade.open{
    border-color: transparent transparent #333 transparent;
    margin-top: -.1rem;
}
.common-table tr .trade.close{
    border-color: #333 transparent transparent transparent;
    margin-top: .1rem;
}
.pointer{
    cursor: pointer;
}

.common-table tr .logo{
    width: .4rem;
    height: .4rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.common-table tr .logo img{
    max-width: 100%;
    max-height: 100%;
}
.common-table tr .icon-jp{
    width: .13rem;
    height: .18rem;
    background: url(../img/map/icon-medal.png) no-repeat;
    background-size: 100%;
    margin-right: .1rem;
}
.common-table tr .number{
    font-weight: bold;
    color: #F2990C;
}

.common-table tbody tr:nth-of-type(4n+1),
.common-table tbody tr:nth-of-type(4n+2){
    background: #F2FAFF;
}

.common-table tbody .tb-two tr{
    background: transparent;
}
.common-table .tb-two td{
    padding: 0;
}
.common-table .box-tb tr td{
    width: 25%;
    padding: .05rem 0;
}
.common-table .box-tb tr td:first-of-type{
    cursor: initial;
}
.common-table .box-tb .icon-jp{
    background: transparent;
}

.fullName{
    display: none;
}
.disclaimers{
    font-size: .12rem;
    line-height: .2rem;
    color: #999999;
    margin-top: .14rem;
    margin-bottom: .2rem;
}


.page-of-air .side-panel .side-wrap .pager-wrap{
    margin-top: 0;
    background: #E1F2FD;
}
.page-of-air .side-panel .side-wrap .bg .pager-wrap{
    background: #E1F2FD;
}

.box-common-table{
    margin-top: -.5rem;
}
.fixed-header {
    position: sticky;
    top: 0;
    z-index: 1;
}


.common-open-mask{
    min-width: 1.8rem;
    position: relative;
    bottom: .6rem;
    left: -50%;
}
.common-open-mask .popup-mask{
    background: #fff;
    border-radius: .06rem;
}
.common-open-mask .popup-content{
    padding: 0 .26rem .16rem .30rem;
    margin-top: -.14rem;
}
.common-open-mask .logo{
    width: .48rem;
    height: .48rem;
    background: #FFFFFF;
    box-shadow: 0 .01rem .03rem 0 rgba(204,204,204,0.57);
    border-radius: 50%;
    position: relative;
    left: 50%;
    top: -.24rem;
    transform: translate(-50%, 0);
}
.common-open-mask .logo img{
    max-width: 90%!important;
    max-height: .45rem!important;
    /*border-radius: 50%;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.common-open-mask .name{
    font-size: .20rem;
    line-height: .28rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
}
.common-open-mask .btn-jump{
    display: block;
    line-height: .40rem;
    background: #F5FAFF;
    border-radius: 0 0 .08rem .08rem;
    font-size: .14rem;
    color: #247CD2;
    text-align: center;
}
.common-open-mask .amap-info-close{
    position: absolute;
}

/* 打点 or 图例 */
.dot-box{
    width: .40rem;
    height: .40rem;
    border-radius: 50%;
    position: relative;
}
.dot-box .bg{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.dot-box p{
    font-size: .14rem;
    line-height: .14rem;
    color: #FFFFFF;
}

.dot-box.green{
    background: url(../img/map/bg-green.png) no-repeat;
    background-size: 100%;
}
.dot-box.blue{
    background: url(../img/map/bg-blue.png) no-repeat;
    background-size: 100%;
}
.dot-box.orange{
    background: url(../img/map/bg-orange.png) no-repeat;
    background-size: 100%;
}
/*.dot-box.green{background: rgba(67,187,98,.4);}*/
/*.dot-box.green .bg{background: #43BB62;}*/
/*.dot-box.blue{background: rgba(90,145,255,.4);}*/
/*.dot-box.blue .bg{background: #5A91FF;}*/
/*.dot-box.orange{background: rgba(249,146,55,.4);}*/
/*.dot-box.orange .bg{background: #F99237;}*/

.global-legend{
    cursor: pointer;
}
.global-legend .map-level-list li img{
    width: .3rem;
}

/* 数据来源 */
.data-sources-alert{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
}
.data-sources-alert .data-content{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.data-sources-alert b{
    width: .28rem;
    height: .28rem;
    background: url(/MapGZBD/images/fy/icon-close.png) no-repeat;
    background-size: 100%;
    float: right;
    margin-bottom: .95rem;
    margin-right: -.20rem;
    cursor: pointer;
}
.data-sources-alert .data-sources-content{
    width: 5rem;
    padding: .22rem 0 .295rem .24rem;
    background: #fff;
    border-radius: .05rem;
    text-align: left;
}
.data-sources-alert .data-sources-content .content {
    height: 100%;
    overflow-y: auto;
    padding-right: .24rem;
}
.data-sources-alert .data-sources-content h3 {
    font-size: .16rem;
    color: #080808;
    margin-bottom: .14rem;
    font-weight: normal;
}
.data-sources-alert .data-sources-content p {
    font-size: .115rem;
    color: #080808;
    margin-top: 0;
    line-height: .20rem;
    text-align: justify;
}

@media screen and (max-width: 1290px) {
    .brand-mask{
        padding: .30rem .30rem .18rem .30rem;
        left: 4.5rem;
    }
    .brand-mask .icon-tips{
        top: .12rem;
    }
    .brand-mask .icon-close{
        top: 0;
    }
    .brand-mask .number-list{
        margin-bottom: .35rem;
    }
    .brand-mask .number-list li strong{
        font-size: .30rem;
        line-height: .30rem;
    }
    .brand-mask .number-list li span{
        margin-top: .15rem;
    }
}
