.page-of-air .side-panel .side-wrap > h1{
    font-size: 16px;
    line-height: 20px;
}
.side-search{
    margin-bottom: 10px;
}

.box_btn{
    display: flex;
}
.box_btn .item{
    width: 58px;
    line-height: 34px;
    border-radius: 4px;
    text-align: center;
    color: #333A43;
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
}
.box_btn .item:first-of-type{
    margin-left: 0;
}
.box_btn .item.btn0{background: rgba(246,132,151, .25)}
.box_btn .item.btn1{background: rgba(39,175,88, .25)}
.box_btn .item.btn2{background: rgba(54,140,238, .25)}
.box_btn .item.btn3{background: rgba(37,203,241, .25)}
.box_btn .item.btn4{background: rgba(248,222,3, .25)}
.box_btn .item.btn5{background: rgba(244,167,3, .25); display: none;}
.box_btn .item.btn6{background: rgba(232,114,52, .25)}

.box_btn .item:hover,
.box_btn .item.active{
    color: #fff;
}
.box_btn .item.btn0:hover,
.box_btn .item.btn0.active{background: rgba(246,132,151, 1)}
.box_btn .item.btn1:hover,
.box_btn .item.btn1.active{background: rgba(39,175,88, 1)}
.box_btn .item.btn2:hover,
.box_btn .item.btn2.active{background: rgba(54,140,238, 1)}
.box_btn .item.btn3:hover,
.box_btn .item.btn3.active{background: rgba(37,203,241, 1)}
.box_btn .item.btn4:hover,
.box_btn .item.btn4.active{background: rgba(248,222,3, 1)}
.box_btn .item.btn5:hover,
.box_btn .item.btn5.active{background: rgba(244,167,3, 1)}
.box_btn .item.btn6:hover,
.box_btn .item.btn6.active{background: rgba(232,114,52, 1)}

.box_tabList{}
.box_tab{
    margin-top: 15px;
    padding: 0 8px 10px;
    background: rgba(245,246,247, .83);
}

.box_tab .title{
    margin: 0 -8px;
    cursor: pointer;
}
.box_tab h5{
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 28px;
    padding-left: 9px;
    color: #333A43;
}
.box_tab .title .icon{
    display: block;
    /*width: 10px;*/
    /*height: 6px;*/
    /*background: url(../images/icon-arrow.png) no-repeat;*/
    /*background-size: 100%;*/
    width: 5px;
    height: 5px;
    /*border: #666 solid;*/
    border-width: 2px 2px 0 0;
    transform: rotate(-45deg);
    margin-left: 8px;
    margin-top: 4px;
}
.box_tab .title .iconClose{
    transform: rotate(135deg);
    margin-top: -4px;
}
.box_tab .title1450 h5{
    background: rgba(39,175,88, .1);
    border-left: 3px solid rgba(39,175,88, 1);
}
.box_tab .title1451 h5{
    background: rgba(54,140,238, .1);
    border-left: 3px solid rgba(54,140,238, 1);
}
.box_tab .title1452 h5{
    background: rgba(37,203,241, .1);
    border-left: 3px solid rgba(37,203,241, 1);
}
.box_tab .title1453 h5{
    background: rgba(248,222,3, .1);
    border-left: 3px solid rgba(248,222,3, 1);
}
.box_tab .title1455 h5{
    background: rgba(232,114,52, .1);
    border-left: 3px solid rgba(232,114,52, 1);
}

.box_tab .title1450 .icon{
    border: rgba(39,175,88, 1) solid;
    border-width: 2px 2px 0 0;
}
.box_tab .title1451 .icon{
    border: rgba(54,140,238, 1) solid;
    border-width: 2px 2px 0 0;
}
.box_tab .title1452 .icon{
    border: rgba(37,203,241, 1) solid;
    border-width: 2px 2px 0 0;
}
.box_tab .title1453 .icon{
    border: rgba(248,222,3, 1) solid;
    border-width: 2px 2px 0 0;
}
.box_tab .title1455 .icon{
    border: rgba(232,114,52, 1) solid;
    border-width: 2px 2px 0 0;
}


.box_tab .citylist{
    display: flex;
    /*justify-content: space-between;*/
    flex-wrap: wrap;
    padding-bottom: 27px;
}
.box_tab li{
    /*flex: 0 0 calc((100% - 74px)/3);*/
    width: 33.33%;
    padding-top: 30px;
    text-align: center;
    cursor: pointer;
}
.box_tab li img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto;
}
.box_tab li p{
    font-size: 14px;
    line-height: 14px;
    color: #333A43;
    margin-top: 20px;
}


.page-of-air .section{
    position: initial !important;
    z-index: initial !important;
}
.map-sidebar-right .select-parent{
    width: 144px;
}
.select-parent .drop{
    max-height: none;
}

/* 地图 */

.box{
    position: relative;
    width: 18px;
}
.tips-container,.lights-tips{
    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);
}

/* 先锋 */
.vanguard:before{ background: #3ED478; }
.vanguard:after{ background: #1AAF54; }
.leading:before{ background: #64A7F4; }
.leading:after{ background: #308AF0; }
.flat:before{ background: #98E9FC; }
.flat:after{ background: #26CBF2; }
.potential:before{ background: #FDE4A5; }
.potential:after{ background: #F9D067; }

.following:before{ background: #F9C659; }
.following:after{ background: #F4A703; }
.chasing:before{ background: #F9A172; }
.chasing:after{ background: #E87234; }

.icon-default{
    display: block;
    width: 27px;
    height: 27px;
    background: url("../images/icon-default.png") no-repeat;
    background-size: 100%;
}

.common-popup{
    padding: 10px 20px 15px;
}
.common-popup .popup-content{
    padding: 0;
}
.common-popup .title{
    position: relative;
}
.common-popup .title .logo{
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 0;
}
.common-popup .title h4{
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 24px;
    color: #000000;
    padding: 5px 0 15px;
}

.content-num{
    width: 100%;
    display: flex;
    justify-content: space-between;
    /*padding: 20px 10px 12px;*/
    background: #F6F6F6;
    border-radius: 4px;
}
.content-num li{
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40%;
    position: relative;
}
.content-num li:first-of-type{
    width: 56%;
    height: 120px;
}
.content-num li .logo{
    max-width: 85% !important;
    max-height: 85% !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.content-num li h5{
    font-weight: bold;
    font-size: 26px;
}
.content-num li .vanguard{color: #27AF58;}
.content-num li .leading{color: #368CEE;}
.content-num li .flat{color: #26CBF2;}
.content-num li .potential{color: #F8DE03;}
.content-num li .following{color: #F4A703;}
.content-num li .chasing{color: #E87234;}

.content-num li p{
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}
.see-detail{
    display: block;
    font-size: 14px;
    line-height: 16px;
    color: #0C0E11;
    margin-top: 20px;
}


.page-of-air .map-level-common .other span{
    width: 24px;
    height: 24px;
    background: url("/MapCity/images/icon-default.png") no-repeat;
    background-size: 100%;
    margin: -3px auto;
}
.page-of-air .map-level-common .other p{
}