.page-of-air .side-panel{
    width: 3.8rem;
}
.page-of-air .section{
    z-index: initial;
}
.page-of-air .map-container {
    width: calc(100% - 3.8rem);
    height: 100%;
    right: 0;
    left: auto;
}

.banner-search{
    width: 100%;
    height: 1.82rem;
    position: relative;
    background: url("../images/banner.png") no-repeat;
    background-size: cover;
}
.site_title{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: .32rem;
    color: #FFFFFF;
    text-shadow: 0 .02rem .1rem rgba(96,92,75,0.66);
    padding: .5rem 0 0 .27rem;
}
.slide-lang{
    position: absolute;
    top: .19rem;
    right: .22rem;
}

.page-of-air .side-panel .side-wrap .side-con{
    margin-top: -.42rem;
}
.page-of-air .side-panel .side-wrap .side-con .side-search{
    position: relative;
}

.page-of-air .side-panel .side-wrap .side-search .complex .input-icon,
.page-of-air .side-panel .side-wrap .side-search .complex .input,
.page-of-air .side-panel .side-wrap .side-search .complex .button{
    height: auto;
    line-height: .45rem;
}

.page-of-air .side-panel .side-wrap .side-search .complex .input-icon{
    box-shadow: -.02rem .02rem .1rem #DEE0E4;
}
.page-of-air .side-panel .side-wrap .side-search .complex .input{
    border: none;
}
.page-of-air .side-panel .side-wrap .side-search .complex .button{
    min-width: 1rem;
}


.condition-wrap .condition-con{
    padding: .14rem 0 .07rem;
}
.condition-wrap .condition-con > dl {
    border-bottom: none;
    margin: 0;
    padding-bottom: .34rem;
}
.condition-wrap .condition-con > dl > dt{
    line-height: .4rem;
    float: none;
}
.condition-wrap .condition-con > dl > dd{
    overflow: initial;
}
.condition-wrap .condition-con .input,
.condition-wrap .condition-con .select, .chosen-container .chosen-single{
    width: 1.6rem;
    min-width: 1.6rem!important;
    margin-bottom: 0;
    line-height: .24rem;
    border-radius: .04rem;
    border: .01rem solid #CCCCCC;
}
.condition-wrap .condition-con .input{
    height: auto;
    padding: .07rem .14rem .07rem .15rem;
}
.condition-wrap .condition-con .select-AF .select{
    width: 100%;
}

.chosen-container{
    width: 1.6rem;
    margin-bottom: 0;
}
.chosen-container .chosen-single{
    width: auto;
    min-width: calc(100% - .1rem)!important;
}


.box_lcs_wrap{
    justify-content: end;
    margin-bottom: -.44rem;
    margin-top: .16rem;
}

/* checkbox */
.icon-checkbox, .icon-radio{
    width: .13rem;
    height: .13rem;
    border: .01rem solid #E6E6E6;
    background: #fff;
    border-radius: 50%;
}
.icon-checkbox-checked, .icon-checkbox-radio{
    width: .15rem;
    height: .15rem;
    border-radius: 50%;
}
.condition-wrap .industry-search{
    padding: .3rem .14rem 0;
    background: #F6F7F8;
    border-radius: .06rem;
}
.condition-wrap .industry-search dd .radio,
.condition-wrap .industry-search dd .checkbox{
    text-align: center;
    margin-right: 0;
    margin-bottom: .15rem;
    width: 33%;
    float: left;
}
.condition-wrap .industry-search dd .logo-box{
    position: relative;
    width: .72rem;
    height: .72rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.condition-wrap .industry-search dd .logo-box .pos{
    position: absolute;
    right: .08rem;
    top: .01rem;
}
.condition-wrap .industry-search dd .logo-box .logo{
    width: 100%;
    height: 100%;
}
.condition-wrap .industry-search  > dd .checkbox .text{
    width: auto;
    font-size: .14rem;
    line-height: .2rem;
    color: #3D3D3D;
    margin-top: .06rem;
    margin-left: 0;
}

.side-source strong{
    display: block;
}
.side-source p{
    color: #3D3D3D;
    line-height: .24rem;
}

/* table */
.table-con .table-main .table-list{
    border: .01rem solid #D9E1EB;
}
.page-of-air .side-panel .side-wrap .table-main .table-column table thead th{
    border-bottom: .01rem solid #D9E1EB;
    padding: .1rem 0;
    font-size: .12rem;
}
.page-of-air .side-panel .side-wrap .table-main .table-list tr:hover,
.page-of-air .side-panel .side-wrap .table-main .table-list tr:nth-of-type(even){
    background: #F7F8F9;
}
.page-of-air .side-panel .side-wrap .table-main .table-list tr td {
    line-height: .18rem;
    padding: .05rem 0;
    color: #262E3D;
}


/* map */
.map-level-common .map-level-list li span{
    width: .15rem;
    height: .15rem;
    margin: 0 auto;
}


.info {
    z-index: 999;
    width: auto;
    min-width: 22rem;
    padding: .75rem 1.25rem;
    margin-left: 1.25rem;
    position: fixed;
    top: 1rem;
    background-color: #fff;
    border-radius: .25rem;
    font-size: .14rem;
    color: #666;
    box-shadow: 0 .02rem .06rem 0 rgba(27, 142, 236, 0.5);
}
.infodiv {
    width: .2rem;
    height: .2rem;
}

.icon31 {
    background: url(/MapMining/images/map/icon-31.png) no-repeat;
    background-size: 100%;
}
.icon34 {
    background: url(/MapMining/images/map/icon-34.png) no-repeat;
    background-size: 100%;
}
.icon119 {
    background: url(/MapMining/images/map/icon-119.png) no-repeat;
    background-size: 100%;
}
.icon134 {
    background: url(/MapMining/images/map/icon-134.png) no-repeat;
    background-size: 100%;
}
.icon195 {
    background: url(/MapMining/images/map/icon-195.png) no-repeat;
    background-size: 100%;
}
.icon83 {
    background: url(/MapMining/images/map/icon-83.png) no-repeat;
    background-size: 100%;
}
.icon1 {
    background: url(/MapMining/images/map/icon-1.png) no-repeat;
    background-size: 100%;
}
.icon155 {
    background: url(/MapMining/images/map/icon-155.png) no-repeat;
    background-size: 100%;
}
.icon150 {
    background: url(/MapMining/images/map/icon-150.png) no-repeat;
    background-size: 100%;
}
.icon999{
    background: url(/MapMining/images/map/icon-999.png) no-repeat;
    background-size: 100%;
}
.icon-other{
    background: url(/MapMining/images/map/icon-other.png) no-repeat;
    background-size: 100%;
}

.icon-no-31 {
    background: url(/MapMining/images/map/icon-no-31.png) no-repeat;
    background-size: 100%;
}
.icon-no-34 {
    background: url(/MapMining/images/map/icon-no-34.png) no-repeat;
    background-size: 100%;
}
.icon-no-119 {
    background: url(/MapMining/images/map/icon-no-119.png) no-repeat;
    background-size: 100%;
}
.icon-no-134 {
    background: url(/MapMining/images/map/icon-no-134.png) no-repeat;
    background-size: 100%;
}
.icon-no-195 {
    background: url(/MapMining/images/map/icon-no-195.png) no-repeat;
    background-size: 100%;
}
.icon-no-83 {
    background: url(/MapMining/images/map/icon-no-83.png) no-repeat;
    background-size: 100%;
}
.icon-no-1 {
    background: url(/MapMining/images/map/icon-no-1.png) no-repeat;
    background-size: 100%;
}
.icon-no-155 {
    background: url(/MapMining/images/map/icon-no-155.png) no-repeat;
    background-size: 100%;
}
.icon-no-150 {
    background: url(/MapMining/images/map/icon-no-150.png) no-repeat;
    background-size: 100%;
}
.icon-no-999{
    background: url(/MapMining/images/map/icon-no-999.png) no-repeat;
    background-size: 100%;
}
.icon-no-other{
    background: url(/MapMining/images/map/icon-no-other.png) no-repeat;
    background-size: 100%;
}

.yyy {
    position: absolute;
    bottom: .66rem;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}


.common-open-mask {
    width: max-content;
    text-align: left;
    position: relative;
}
.common-open-mask .icon-arrow-css {
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    right: .2rem;
    bottom: -.2rem;
    transform: translate(-50%, 0);
    border-left: .2rem solid transparent;
    border-right: .2rem solid transparent;
    border-top: .2rem solid #fff;
}
.common-open-mask .mask-content {
    padding: 0 .22rem .12rem;
}
.common-open-mask .btn {
    border-top: 1px solid #e5e5e5;
    display: flex;
    justify-content: center;
}
.common-open-mask .btn a {
    display: block;
    font-size: .14rem;
    line-height: .16rem;
    color: #333333;
    text-align: center;
    padding: .1rem 0;
    width: calc(50% - 1px);
    border-left: 1px solid #e5e5e5;
    transition: 1s;
}
.common-open-mask .btn a:first-of-type{
    border-left: 0;
}
.common-open-mask .btn a:hover{
    color: #3e6eff;
    background: rgba(62,110,255,.1);
    text-shadow: .01rem .02rem .06rem 0 rgba(0,0,0,.4);
    font-size: .15rem;
}
.common-open-mask .name {
    font-family: Arial;
    font-weight: bold;
    font-size: .22rem;
    line-height: .24rem;
    color: #333333;
    margin-bottom: .15rem;
    margin-right: .1rem;
}


.common-open-mask .item, .common-open-mask .landBox{
    font-family: Microsoft YaHei;
    font-size: .14rem;
    color: #3D3D3D;
    line-height: .22rem;
    display: flex;
    margin-top: .1rem;
}
.common-open-mask .item .flex{
    margin-left: .15rem;
}
.common-open-mask .item .flex:first-of-type{
    margin-left: 0;
}
.common-open-mask .icon-bg{
    width: .22rem;
    height: .22rem;
    background: rgba(76,152,234,0.05);
    border-radius: 50%;
    margin-right: .07rem;
    position: relative;
}
.common-open-mask .icon-bg b{
    width: .16rem;
    height: .16rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.common-open-mask .icon-bg .country{
    width: .14rem;
    background: url(../images/icon-pos.png) no-repeat;
    background-size: 100%;
}

.common-open-mask .landBox{
    margin-top: 0;
    padding: .1rem 0;
    justify-content: center;
    transition: 1s;
    cursor: pointer;
}
.common-open-mask .landBox:hover{
    font-size: .15rem;
    color: #3e6eff;
    background: rgba(62,110,255,.1);
    text-shadow: .01rem .02rem .06rem 0 rgba(0,0,0,.4);

}
.common-open-mask .icon-bg .land{
    background: url(../images/icon-land.png) no-repeat;
    background-size: 100%;
}

.common-open-mask p {

}
.common-open-mask .blue {
    color: #3E6EFF;
}
.common-open-mask .btn .no-click {
    color: #d5d5d5;
    cursor: initial;
}

/* 矿产地图 */
.common-open-maskBing{
    padding-top: .15rem;
    background: #FFFFFF;
    border-radius: .12rem;
    width: auto;
    box-shadow: 0 0 .1rem #cbcbcd;
    min-width: 2rem;
}
.common-open-maskBing .amap-info-close{
    position: absolute;
}

.tk-popup .common-open-maskBing{
    box-shadow: none;
    min-width: auto;
}
.leaflet-popup-content{
    width: 2.8rem!important;
    margin: 0;
}
.leaflet-control{
    display: none;
}
.map-btnBox{
    position: absolute;
    bottom: 1.94rem;
    right: .16rem;
    z-index: 1;
}
.map-btnBox a{
    display: block;
    font-size: 0.12rem;
    width: 0.32rem;
    height: 0.32rem;
    line-height: .32rem;
    color: #8d96a6;
    background-color: #fff;
    border-radius: .03rem;
    text-align: center;
}
.map-btnBox a.current{
    color: #005596;
    font-weight: bold;
}

/* mining color */
.ct-colorBox .banner-search{
    display: flex;
    align-items: center;
}
.ct-colorBox .site_title{
    padding: 0 0 0 .27rem;
}
.ct-colorBox .comm-left{
    margin-top: 0!important;
}

.ct-colorBox .item{
    margin-top: .2rem;
    width: 100%;
}
.ct-colorBox .item:first-of-type{
    margin-top: 0;
}
.ct-colorBox .title-radio{
    cursor: pointer;
}
.ct-colorBox .title-radio h5{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .14rem;
    line-height: .28rem;
    padding-left: .09rem;
    color: rgba(0,86,150, 1);
    border-left: .03rem solid rgba(0,86,150, 1);
    background: rgba(0,86,150, .1);
    padding-right: .1rem;
}
.ct-colorBox .title-radio .icon {
    display: block;
    width: .05rem;
    height: .05rem;
    border-width: .02rem .02rem 0 0;
    transform: rotate(-45deg);
    margin-left: .08rem;
    margin-top: .04rem;
    border: rgba(0,86,150, 1) solid;
    border-width: .02rem .02rem 0 0;
}
.ct-colorBox .title-radio .iconClose {
    transform: rotate(135deg);
    margin-top: -.04rem;
}


.box-miningColor .tdt-container {
    z-index: 1;
    width: 100%;
    height: 100%
}
.box-miningColor .geojson {
    opacity: 0.9;
}

.list-btn {
    display: flex;
    /*margin-top: .2rem*/
}
.list-btn li {
    width: 50%;
    line-height: .4rem;
    background: rgba(0,85,150,.1);
    font-weight: bold;
    font-size: .16rem;
    color: #005596;
    text-align: center;
    cursor: pointer;
}
.list-btn li:nth-of-type(1) {
    border-radius: .04rem 0 0 .04rem;
}
.list-btn li:nth-of-type(2) {
    border-radius: 0 .04rem .04rem 0;
}
.list-btn li.active {
    color: #FFFFFF;
    background: #005696;
}

.list-tbsMask {
    width: calc(100% - 3.8rem);
    height: 100%;
    background: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 3.8rem;
    z-index: 10;
}
.list-tbsMask .bg {
    width: calc(85% - .42rem);
    height: calc(100% - 2.92rem);
    position: absolute;
    top: 2.36rem;
    left: 0;
    background: #FFFFFF;
    box-shadow: 0 .03rem .06rem 0 rgba(0,0,0,0.4);
    border-radius: .1rem;
    padding: .4rem .22rem 0 .2rem;
}
.list-tbsMask .btn-close{
    position: absolute;
    top: .2rem;
    right: .2rem;
    width: .2rem;
    height: .2rem;
    background: url(/common/images/map/close.png) no-repeat;
    background-size: 100%;
    cursor: pointer;
}
.list-tbsMask .title {
    font-size: .14rem;
    line-height: .2rem;
    color: #252D3C;
    display: flex;
    align-items: flex-end;
    width: 60%;
    padding-bottom: .2rem;
    border-bottom: 1px solid #E8E8E8;
    margin-left: -0.2rem;
    padding-left: .2rem;
}
.list-tbsMask .title .icon {
    display: block;
    width: .24rem;
    height: .24rem;
    /*object-fit: none;*/
}
.list-tbsMask .title h5 {
    font-weight: bold;
    font-size: .22rem;
    line-height: .24rem;
    margin-right: .17rem;
    margin-left: .09rem;
}

.box-table {
    padding-right: .1rem;
    max-height: calc(100% - .66rem);
    margin-top: .2rem;
    overflow-y: auto;
}
.box-table .common-table {
        width: 100%
    }
.common-table thead tr {
    background: #E9EDF3;
}
.common-table tbody tr:nth-of-type(even) {
    background: #F5F6F7;
}
.common-table tr th,
.common-table tr td {
    padding: .06rem .12rem;
    text-align: left;
    font-size: .12rem;
    line-height: .14rem;
    height: .29rem;
}
.common-table tr th {
    font-weight: bold;
    color: #252D3C;
    padding: .18rem .12rem;
}
.common-table tr td {
    color: #616C7E;
    border-bottom: 1px solid #E6E8EA;
}

.country {
    display: flex;
    align-items: center;
}
.country img {
    max-width: .43rem;
    height: .29rem;
    margin-right: .18rem;
    object-fit: cover;
}

.box-bar {
    display: flex;
    align-items: center;
}
.box-bar .cr {
    width: calc(100% - .6rem);
}
.box-bar .cr span {
    display: block;
    height: .15rem;
}
.box-bar strong {
    display: block;
    width: .48rem;
    margin-left: .12rem;
    text-align: left;
    font-weight: bold;
    color: #005696;
}

.page-of-air .map-level-common{
    padding: .04rem .14rem;
}
.btn-legend{
    cursor: pointer;
    font-size: .14rem;
    line-height: .24rem;
    color: #484848;
}

/* 弹窗 */
.map-bar {
    position: relative;
    width: 18px;
}

.tdt-infowindow-content{
    margin: .13rem .19rem!important;
}

.mark-detail-country{
    padding: .07rem 0 .03rem;
}
.mark-detail-country h4{
    font-weight: bold;
    font-size: .2rem;
    color: #3B3B3B;
}
.mark-detail-country p{
    min-width: 1rem;
    font-weight: bold;
    font-size: .18rem;
    color: #3B3B3B;
    line-height: .42rem;
    background: #F0F0F0;
    border-radius: .06rem;
    padding: 0 .1rem;
    margin: .18rem 0 .12rem;
    text-align: center;
}
.mark-detail-country .title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .14rem;
    line-height: .16rem;
    color: #494949;
}
.mark-detail-country .title img{
    width: .16rem;
    height: .16rem;
    margin-right: .09rem;
}
.mark-detail-country .title h5{

}
.mark-detail-country .btn-seeDetail{
    text-align: center;
    margin-top: .12rem;
}

.tips-container {
    width: max-content;
    background: rgba(0,0,0,.4);
    border-radius: 4px;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 50%;
    line-height: 30px;
    padding: 0 6px;
    text-align: center;
    transform: translate(-50%, 0);
    z-index: 99999;
}
.tips-container:before {
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(0,0,0,.4);
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, 0);
}

.cylinder {
    /*margin-left: 100px;*/
    width: 18px;
    height: 14px;
    transform: rotateX(60deg); /*css3新属性*/
    position: absolute;
    /*top: -30px;*/
}
.cylinder:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 14px;
    position: absolute;
    top: 0;
    border-radius: 50px;
    z-index: 1;
}
.cylinder:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 7px;
    left: 0;
    border-bottom-left-radius: 50px; /*css3新属性*/
    border-bottom-right-radius: 50px;
    box-shadow: 0 9px 9px rgba(0,0,0,.4);
}

.zhanbi1:before {background: rgb(219,182,142);}
.zhanbi1:after {background: rgb(204,150,93);}
.zhanbi2:before {background: rgb(104,195,236);}
.zhanbi2:after {background: rgb(39,169,228);}
.zhanbi3:before {background: rgb(249,174,157);}
.zhanbi3:after {background: rgb(246,139,115);}
.zhanbi4:before {background: rgb(119,199,188);}
.zhanbi4:after {background: rgb(60,175,159);}
.zhanbi5:before {background: rgb(219,150,233);}
.zhanbi5:after {background: rgb(203,105,224);}
.zhanbi6:before {background: rgb(133,131,221);}
.zhanbi6:after {background: rgb(80,78,207);}
.zhanbi7:before {background: rgb(255,224,77);}
.zhanbi7:after {background: rgb(255,211,0);}
.zhanbi8:before {background: rgb(107,126,187);}
.zhanbi8:after {background: rgb(43,70,158);}
.zhanbi9:before {background: rgb(77,184,183);}
.zhanbi9:after {background: rgb(0,154,152);}
.zhanbi10:before {background: rgb(49,206,49);}
.zhanbi10:after {background: rgb(63,180,71);}
.zhanbi11:before {background: rgb(221,94,160);}
.zhanbi11:after {background: rgb(206,24,119);}
.zhanbi12:before {background: rgb(246,157,99);}
.zhanbi12:after {background: rgb(242,115,31);}
.zhanbi13:before {background: rgb(126,119,182);}
.zhanbi13:after {background: rgb(70,60,150);}
.zhanbi14:before {background: rgb(127,143,238);}
.zhanbi14:after {background: rgb(72,95,231);}
.zhanbi15:before {background: rgb(249,194,94);}
.zhanbi15:after {background: rgb(246,168,24);}
.zhanbi16:before {background: rgb(154,112,180);}
.zhanbi16:after {background: rgb(111,50,147);}
.zhanbi17:before {background: rgb(116,208,134);}
.zhanbi17:after {background: rgb(56,187,81);}
.zhanbi18:before {background: rgb(191,79,153);}
.zhanbi18:after {background: rgb(163,3,109);}
.zhanbi19:before {background: rgb(80,172,226);}
.zhanbi19:after {background: rgb(5,136,214);}
.zhanbi20:before {background: rgb(232,122,87);}
.zhanbi20:after {background: rgb(222,64,15);}
.zhanbi21:before {background: rgb(80,178,96);}
.zhanbi21:after {background: rgb(5,145,27);}
.zhanbi22:before {background: rgb(77,145,201);}
.zhanbi22:after {background: rgb(0,97,178);}
.zhanbi24:before {background: rgb(194,219,117);}
.zhanbi24:after {background: rgb(167,204,58);}
.zhanbi25:before {background: rgb(72,150,234);}
.zhanbi25:after {background: rgb(145,172,242);}
.zhanbi26:before {background: rgb(81,81,76);}
.zhanbi26:after {background: rgb(151,151,148);}