.box-back{
    display: flex;
    justify-content: end;
    margin-top: .1rem;
    margin-bottom: .2rem;
    cursor: pointer;
}
.box-back span{
    font-size: .14rem;
    color: rgba(54,140,238, 1);
}

.box_btn{
    display: flex;
}
.box_btn .item{
    width: .58rem;
    line-height: .34rem;
    border-radius: .04rem;
    text-align: center;
    color: #333A43;
    font-size: .16rem;
    margin-left: .05rem;
    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: .15rem;
    padding: 0 .08rem .10rem;
    background: rgba(245,246,247, .83);
}

.box_tab .title{
    margin: 0 -.08rem;
    cursor: pointer;
}
.box_tab h5{
    display: flex;
    align-items: center;
    font-size: .14rem;
    line-height: .28rem;
    padding-left: .09rem;
    color: #333A43;
}
.box_tab .title .icon{
    display: block;
    width: .05rem;
    height: .05rem;
    border-width: .02rem .02rem 0 0;
    transform: rotate(-45deg);
    margin-left: .08rem;
    margin-top: .04rem;
}
.box_tab .title .iconClose{
    transform: rotate(135deg);
    margin-top: -.04rem;
}
.box_tab .title1450 h5{
    background: rgba(39,175,88, .1);
    border-left: .03rem solid rgba(39,175,88, 1);
}
.box_tab .title1451 h5{
    background: rgba(54,140,238, .1);
    border-left: .03rem solid rgba(54,140,238, 1);
}
.box_tab .title1452 h5{
    background: rgba(37,203,241, .1);
    border-left: .03rem solid rgba(37,203,241, 1);
}
.box_tab .title1453 h5{
    background: rgba(248,222,3, .1);
    border-left: .03rem solid rgba(248,222,3, 1);
}
.box_tab .title1455 h5{
    background: rgba(232,114,52, .1);
    border-left: .03rem solid rgba(232,114,52, 1);
}

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


.box_tab .citylist{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: .27rem;
}
.box_tab li{
    width: 33.33%;
    padding-top: .30rem;
    text-align: center;
    cursor: pointer;
}
.box_tab li img{
    width: .80rem;
    height: .80rem;
    border-radius: 50%;
    margin: 0 auto;
}
.box_tab li p{
    font-size: .14rem;
    line-height: .14rem;
    color: #333A43;
    margin-top: .20rem;
}

/* 打点 */
.box{
    position: relative;
    width: .18rem;
    margin-left: .09rem;
}
.tips-container,.lights-tips{
    width: max-content;
    background: rgba(0,0,0,.4);
    border-radius: .04rem;
    font-size: .14rem;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 50%;
    line-height: .30rem;
    padding: 0 .06rem;
    text-align: center;
    transform: translate(-50%, 0);
    z-index: 99999;
}
.tips-container:before {
    content: '';
    border-left: .05rem solid transparent;
    border-right: .05rem solid transparent;
    border-top: .05rem solid rgba(0,0,0,.4);
    position: absolute;
    bottom: -.05rem;
    left: 50%;
    transform: translate(-50%, 0);
}

.cylinder{
    width: .18rem;
    height: .14rem;
    transform: rotateX(60deg);
    position: absolute;
}
.cylinder:before{
    content: '';
    display:inline-block;
    width: 100%;
    height: .14rem;
    position: absolute;
    top: 0;
    border-radius: .50rem;
    z-index: 1;
}
.cylinder:after{
    content: '';
    display:inline-block;
    width: 100%;
    height: 100%;
    position:absolute;
    top: .07rem;
    left: 0;
    border-bottom-left-radius: .50rem;
    border-bottom-right-radius: .50rem;
    box-shadow: 0 .09rem .09rem 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: .27rem;
    height: .27rem;
    background: url(../images/icon-default.png) no-repeat;
    background-size: 100%;
}


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

.content-num{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #F6F6F6;
    border-radius: .04rem;
}
.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: 1.20rem;
}
.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: .26rem;
}
.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: .10rem;
    font-size: .12rem;
    line-height: .14rem;
    color: #000000;
}
.see-detail{
    display: block;
    font-size: .14rem;
    line-height: .16rem;
    color: #0C0E11;
    margin-top: .20rem;
    text-align: center;
}


/* 图例 */
.map-level-common .map-level-list .other span{
    display: block;
    width: .24rem!important;
    height: .24rem;
    background: url(/MapCity/images/icon-default.png) no-repeat;
    background-size: 100%;
    margin: 0 auto .01rem;
}