/* 脚部 */
.footer {
    padding-top: 58px;
}


/* 包着地图与地图上div的盒子 */
.bao {
    width   : 100%;
    height  : 948px;
    overflow: hidden;
    margin  : 0;
    position: relative;
}

/* 地图 */
#allmap,#storemap {
    width             : 100%;
    height            : 100%;
    -webkit-transition: .8s;
    transition        : .8s;
}


/* 覆盖在地图上的div */
/* .mendianBox {
    width          : 1200px;
    height         : 190px;
    position       : absolute;
    bottom         : 75px;
    left           : 50%;
    transform      : translateX(-50%);
    z-index        : 98;
    display        : flex;
    justify-content: space-between;
    align-items    : flex-end;
} */

/* 左边 */
.leftBox {
    width                : 387px;
    height               : 280px;
    display              : -webkit-box;
    display              : -ms-flexbox;
    display              : flex;
    -webkit-box-orient   : vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction   : column;
    flex-direction       : column;
    -webkit-box-pack     : justify;
    -ms-flex-pack        : justify;
    justify-content      : space-between;
    position             : absolute;
    z-index              : 98;
    bottom               : 75px;
    left                 : 100px;
    transition           : .5s;
    -webkit-transition   : .5s;
    -moz-transition      : .5s;
    -ms-transition       : .5s;
    -o-transition        : .5s;
}
.serviceType,.dealerpage,.fours {
    color:#fff;
    width             : 100%;
    height            : 40px;
    line-height       : 40px;
    background        : #000;
    border-radius     : 5px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-left      : 20px;
    position          : relative;
}

.serviceType .serviceType-list,.dealerpage .serviceType-list,.fours .fours-list{
    display:flex;
    width:347px;
}

.serviceType .serviceType-list li,.fours .fours-list li{
    padding: 0 12px;
    cursor: pointer;
    text-align: center;
    height: 26px;
    line-height: 26px;
    margin-top: 7px;
    border-right:1px solid #fff;
}

.serviceType .serviceType-list li:last-child,.fours .fours-list li:last-child{
    border-right:0;
}

.serviceType .serviceType-list li span,.fours .fours-list li span{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:5px;
    border:1px solid #fff;
    margin-right:9px;
}

.serviceType .serviceType-list li.checked span,.fours .fours-list li.checked span{
    border:1px solid #c79836;
    background-color:#c79836;
}

.dealerpage {margin-top:10px;background: transparent;}
.dealerpage .serviceType-list{display: inline-flex;width:550px;}

.dealerpage .serviceType-list li{
    padding: 0 12px;
    cursor: pointer;
    text-align: center;
    height: 26px;
    line-height: 26px;
    margin-top: 7px;
}

.dealerpage .serviceType-list li span{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius:5px;
    border:1px solid #fff;
    margin-right:9px;
}

.dealerpage .serviceType-list li.checked span{
    border:1px solid #c79836;
    background-color:#c79836;
}

.boxTit {
    width             : 100%;
    height            : 53px;
    line-height       : 53px;
    font-weight       : 700;
    font-size         : 26px;
    background        : #000;
    color             : #fff;
    border-radius     : 5px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-left      : 20px;
}

.boxTit>span {
    color: #c79830;
}

.inpBox,
.inp {
    width             : 100%;
    height            : 40px;
    line-height       : 40px;
    background        : #000;
    border-radius     : 5px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-left      : 20px;
    position          : relative;
}

.inp {
    margin-top : 10px;
    line-height: 38px;
    background : transparent;
    border     : 1px solid #e2e2e2;
}

.inpBox>input,
.inp>input {
    height     : 39px;
    line-height: 40px;
    width      : 80%;
    border     : 0;
    outline    : 0;
    background : transparent;
    font-size  : 16px;
    color      : #fff;
}

.inpBox>input::-webkit-input-placeholder,
.inp>input::-webkit-input-placeholder {
    color: #fff;
}

.inpBox>input:-ms-input-placeholder,
.inp>input:-ms-input-placeholder {
    color: #fff;
}

.inpBox>input::-ms-input-placeholder,
.inp>input::-ms-input-placeholder {
    color: #fff;
}

.inpBox>input::placeholder,
.inp>input::placeholder {
    color: #fff;
}

::-webkit-input-placeholder {
    color: #fff;
}

.inpBox>img,
.inp>img {
    position         : absolute;
    right            : 15px;
    top              : 50%;
    -webkit-transform: translateY(-50%);
    transform        : translateY(-50%);
    cursor           : pointer;
}

.province {
    width             : 100%;
    height            : 40px;
    background        : #000;
    border-radius     : 5px;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-left      : 20px;
    line-height       : 40px;
    position          : relative;
    cursor            : pointer;
}

.province>i {
    display           : block;
    width             : 18px;
    height            : 10px;
    background        : url("../img/mendian/icon684.png") no-repeat center center;
    background-size   : cover;
    position          : absolute;
    top               : 50%;
    right             : 15px;
    -webkit-transform : translateY(-50%);
    transform         : translateY(-50%);
    -webkit-transition: .4s;
    transition        : .4s;
}

.province>.province-choose {
    width                   : 100%;
    height                  : 511px;
    background              : #fff;
    position                : absolute;
    left                    : 0;
    bottom                  : 38px;
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;
    -webkit-box-sizing      : border-box;
    box-sizing              : border-box;
    padding                 : 10px 15px;
    -webkit-transform       : scaleY(0);
    transform               : scaleY(0);
    -webkit-transform-origin: bottom;
    transform-origin        : bottom;
    -webkit-transition      : .5s;
    transition              : .5s;
}

.province>.province-choose>.choose-tit {
    width     : 100%;
    height    : 40px;
    background: #fff;
}


.searchResult {
    width        : 100%;
    height       : 39px;
    color        : #fff;
    background   : #c79830;
    border-radius: 5px;
    text-align   : center;
    line-height  : 39px;
    font-size    : 16px;
    cursor       : pointer;
}


/* 右边 */
.rightBox {
    width             : 229px;
    height            : 39px;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-pack  : justify;
    -ms-flex-pack     : justify;
    justify-content   : space-between;
    position          : absolute;
    bottom            : 75px;
    right             : 100px;
    transition        : .5s;
    -webkit-transition: .5s;
    -moz-transition   : .5s;
    -ms-transition    : .5s;
    -o-transition     : .5s;
}

.boxItem {
    width            : 111px;
    height           : 39px;
    display          : inline-block;
    background       : #000;
    color            : #fff;
    line-height      : 39px;
    text-align       : center;
    border-radius    : 5px;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : center;
    -ms-flex-pack    : center;
    justify-content  : center;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    cursor           : pointer;
}

.boxItem>i {
    display           : inline-block;
    width             : 14px;
    height            : 14px;
    border-radius     : 50%;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border            : 2px solid #fff;
    margin-right      : 7px;
}

.boxItem>i.xuanzhong {
    border    : 2px solid #c79830;
    background: #c79830;
}

.icon-7v{width:27px;height:13px;display: inline-block;background-image:url(../img/icon-7v.png);margin: 3px 0 0 5px;background-size:27px 13px;}
.icon-6v{width:27px;height:13px;display: inline-block;background-image:url(../img/icon-7v.png);margin: 3px 0 0 5px;background-size:27px 13px;}
.icon-5v{width:27px;height:13px;display: inline-block;background-image:url(../img/icon-5v.png);margin: 3px 0 0 5px;background-size:27px 13px;}
.icon-4v{width:27px;height:13px;display: inline-block;background-image:url(../img/icon-3v.png);margin: 3px 0 0 5px;background-size:27px 13px;}
.icon-3v{}

/* 查询结果 */
.searchRes {
    width             : 0;
    height            : 100%;
    background        : #000 url('../img/mendian/res.png') no-repeat center center;
    position          : absolute;
    top               : 0;
    left              : 0;
    z-index           : 99;
    overflow          : hidden;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    padding-top       : 124px;
}

.res-content {
    width       : 650px;
    float       : right;
    margin-right: 100px;
}

.res-content>.info-desc {
    position         : initial;
    -webkit-transform: translate(0);
    transform        : translate(0);
}

.closebtn {
    font-size               : 30px;
    color                   : #e2e2e2;
    background              : #000;
    border                  : 0;
    outline                 : 0;
    position                : absolute;
    right                   : 100px;
    top                     : 124px;
    cursor                  : pointer;
    -webkit-transition      : .7s;
    transition              : .7s;
    -webkit-transform-origin: center center;
    transform-origin        : center center;
    z-index                 : 10000;
}

.closebtn:hover {
    -webkit-transform: rotate(360deg);
    transform        : rotate(360deg);
}


/* 查询结果列表 */
.storeList {
    width     : 100%;
    height    : 433px;
    margin-top: 26px;
    overflow-y: auto;
}

/* .storeList::-webkit-scrollbar {
    width        : 8px;
    height       : 100%;
    background   : #1b1b1b;
    border-radius: 4px;
}

.storeList::-webkit-scrollbar-thumb {
    background   : #706f6f;
    border-radius: 4px;
} */


.storeList>ul>li {
    margin  : 24px 0;
    position: relative;
    width   : 100%;
}

.storeId {
    position   : absolute;
    top        : 3px;
    right      : 15px;
    width      : 100px;
    height     : 30px;
    line-height: 30px;
    color      : #fff;
    background : #c79830;
    cursor     : pointer;
    text-align : center;
    opacity    : 0;
}

.storeList>ul>li:first-child {
    margin-top: 0;
}

.storeList>ul>li>div>p.storeName {
    color         : #c79830;
    padding-bottom: 14px;
    font-weight   : 700;
}

.storeList>ul>li>div>span.storePhone {
    text-decoration: underline;
    color          : #fff;
}

.storeList>ul>li>div>p.storeAdd {
    color: #fff;
}

/* 省市区 */
.currentLocation {
    color: #fff;
}

.web-searchRes {
    display: none;
}

.choose-over {
    width      : 350px;
    margin     : 0 auto;
    height     : 41px;
    text-align : center;
    line-height: 41px;
    font-size  : .18rem;
    color      : #fff;
    background : #c79830;
    margin-top : .4rem;
    cursor     : pointer;
    display    : none;
}

.choose-header {
    width        : 100%;
    border-bottom: 1px solid #cecfcf;
}

.choose-header>ul {
    width            : 350px;
    height           : 50px;
    margin           : 0 auto;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    justify-content  : space-between;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
}

.choose-header>ul>li {
    width      : 108px;
    height     : 29px;
    color      : #fff;
    background : #000;
    line-height: 29px;
    text-align : center;
    font-size  : 16px;
    cursor     : pointer;
    overflow   : hidden;
}

.choose-header>ul>li.nowChoose {
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    background        : transparent;
    border            : 1px solid #c79830;
    color             : #c79830;
}

.choose-det {
    width: 350px;
    height: 391px;
    margin: 0 auto;
    margin-top: 8px;
    overflow-y: auto;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.choose-det>ul {
    width: 100%;
}

.choose-det>ul>li {
    width             : 100%;
    /* height         : .77rem; */
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    border-bottom     : 1px solid #cecfcf;
    font-size         : 14px;
    padding-left      : 6px;
    color             : #000;
    cursor            : pointer;
}

.web-province-choose {
    display: none;
}

@media (max-width:992px) {
    .choose-over {
        width      : 6.67rem;
        margin     : 0 auto;
        height     : 41px;
        text-align : center;
        line-height: 41px;
        font-size  : .18rem;
        color      : #fff;
        background : #c79830;
        margin-top : .4rem;
    }

    .web-province-choose {
        display: block;
    }

    /* 脚部 */
    .web-footer {
        padding-top: .58rem;
    }


    /* 包着地图与地图上div的盒子 */
    .bao {
        margin-top: .71rem;
        width     : 100%;
        height    : 13.48rem;
        overflow  : hidden;
        margin    : 0;
        position  : relative;
    }

    /* 地图 */
    #allmap,#storemap {
        width             : 100vw;
        height            : 100vh;
        -webkit-transition: .8s;
        transition        : .8s;
        -moz-transition   : .8s;
        -ms-transition    : .8s;
        -o-transition     : .8s;
    }

    /* 覆盖在地图上的div */
    .mendianBox {
        width            : 6.67rem;
        height           : 1.90rem;
        position         : absolute;
        bottom           : .75rem;
        left             : 50%;
        -webkit-transform: translateX(-50%);
        transform        : translateX(-50%);
        z-index          : 98;
        display          : block;
        -webkit-box-pack : justify;
        -ms-flex-pack    : justify;
        justify-content  : space-between;
        -webkit-box-align: end;
        -ms-flex-align   : end;
        align-items      : flex-end;
    }

    /* 左边 */
    .leftBox {
        width                : 6rem;
        height               : 3.2rem;
        margin               : 0 auto;
        display              : -webkit-box;
        display              : -ms-flexbox;
        display              : flex;
        -webkit-box-orient   : vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction   : column;
        flex-direction       : column;
        -webkit-box-pack     : justify;
        -ms-flex-pack        : justify;
        justify-content      : space-between;
        font-size            : .16rem;
        margin-left          : 50%;
        transform            : translateX(-50%);
        -webkit-transform    : translateX(-50%);
        -moz-transform       : translateX(-50%);
        -ms-transform        : translateX(-50%);
        -o-transform         : translateX(-50%);
    }

    .boxTit {
        width             : 100%;
        height            : .53rem;
        line-height       : .53rem;
        font-weight       : 700;
        font-size         : .26rem;
        background        : #000;
        color             : #fff;
        border-radius     : .05rem;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding-left      : .20rem;
    }

    .boxTit>span {
        color: #c79830;
    }

    .serviceType,.fours {
        width: 100%;
        height: .53rem;
        line-height: .53rem;
        background: #000;
        border-radius: .05rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
    }

    .serviceType .serviceType-list,.fours .fours-list{width: unset;}
    .serviceType .serviceType-list li,.fours .fours-list li{
        height: .53rem;
        line-height: .53rem;
        margin-top: 0;
    }

    .inpBox,
    .web-inp {
        width             : 100%;
        height            : .40rem;
        line-height       : .40rem;
        background        : #000;
        border-radius     : .05rem;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding-left      : .20rem;
        position          : relative;
    }

    .web-inp {
        height       : .41rem;
        margin-top   : .30rem;
        line-height  : .38rem;
        background   : transparent;
        border       : 1px solid #e2e2e2;
        font-size    : .18rem;
        margin-top   : .44rem;
        margin-bottom: .44rem;
    }

    .inpBox>input,
    .web-inp>input {
        height     : .38rem;
        line-height: .40rem;
        width      : 80%;
        border     : 0;
        outline    : 0;
        background : transparent;
        font-size  : .16rem;
        color      : #fff;
    }

    .inpBox>img {
        width: .17rem;
    }

    .inpBox>input::-webkit-input-placeholder,
    .web-inp>input::-webkit-input-placeholder {
        color: #fff;
    }

    .inpBox>input:-ms-input-placeholder,
    .web-inp>input:-ms-input-placeholder {
        color: #fff;
    }

    .inpBox>input::-ms-input-placeholder,
    .web-inp>input::-ms-input-placeholder {
        color: #fff;
    }

    .inpBox>input::placeholder,
    .web-inp>input::placeholder {
        color: #fff;
    }

    ::-webkit-input-placeholder {
        color: #fff;
    }

    .inpBox>img,
    .web-inp>img {
        position         : absolute;
        right            : .15rem;
        top              : 50%;
        -webkit-transform: translateY(-50%);
        transform        : translateY(-50%);
    }

    .web-inp>img {
        width: .17rem;
    }

    .province {
        width             : 100%;
        height            : .40rem;
        background        : #000;
        border-radius     : .05rem;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding-left      : .20rem;
        line-height       : .40rem;
        position          : relative;
    }

    .province>i {
        display           : block;
        width             : .18rem;
        height            : .10rem;
        background        : url("../img/mendian/icon684.png") no-repeat center center;
        background-size   : cover;
        position          : absolute;
        top               : 50%;
        right             : .15rem;
        -webkit-transform : translateY(-50%);
        transform         : translateY(-50%);
        -webkit-transition: .4s;
        transition        : .4s;
    }

    .province>.province-choose {
        width                   : 100%;
        height                  : 2.00rem;
        background              : red;
        position                : absolute;
        left                    : 0;
        bottom                  : .38rem;
        border-top-left-radius  : .05rem;
        border-top-right-radius : .05rem;
        -webkit-box-sizing      : border-box;
        box-sizing              : border-box;
        padding                 : .10rem .15rem;
        -webkit-transform       : scaleY(0);
        transform               : scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin        : bottom;
        -webkit-transition      : .5s;
        transition              : .5s;
    }

    .province>.province-choose>.choose-tit {
        width     : 100%;
        height    : .40rem;
        background: #fff;
    }


    .searchResult {
        width        : 100%;
        height       : .39rem;
        color        : #fff;
        background   : #c79830;
        border-radius: .05rem;
        text-align   : center;
        line-height  : .39rem;
        font-size    : .16rem;
        cursor       : pointer;
    }


    /* 右边 */
    .rightBox {
        width           : 2.29rem;
        height          : .39rem;
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        position        : absolute;
        top             : 1rem;
        left            : .7rem;
    }

    .boxItem {
        width            : 1.11rem;
        height           : .39rem;
        display          : inline-block;
        background       : #000;
        color            : #fff;
        line-height      : .39rem;
        text-align       : center;
        border-radius    : .05rem;
        display          : -webkit-box;
        display          : -ms-flexbox;
        display          : flex;
        -webkit-box-pack : center;
        -ms-flex-pack    : center;
        justify-content  : center;
        -webkit-box-align: center;
        -ms-flex-align   : center;
        align-items      : center;
        font-size        : .18rem;
    }

    .boxItem>i {
        display           : inline-block;
        width             : .14rem;
        height            : .14rem;
        border-radius     : 50%;
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        border            : .02rem solid #fff;
        margin-right      : .07rem;
    }

    .boxItem>i.xuanzhong {
        border    : .02rem solid #c79830;
        background: #c79830;
    }


    .web-res-content {
        width : 100vw;
        margin: 0 auto;
    }

    .web-res-content>.info-desc {
        width : 6.67rem;
        margin: 0 auto;
    }

    .web-res-content>.info-desc>.desc-title {
        font-size: .26rem;
    }

    .web-res-content>.info-desc>.desc-content {
        line-height: .36rem;
    }

    .web-res-content>.info-desc>hr {
        margin       : 0;
        margin-top   : .28rem;
        margin-bottom: .30rem;
        max-width    : .62rem;
        background   : #fff;
    }

    .web-res-content>.chooseFan {
        width           : 6.67rem;
        margin          : 0 auto;
        height          : .44rem;
        display         : -webkit-box;
        display         : -ms-flexbox;
        display         : flex;
        -webkit-box-pack: justify;
        -ms-flex-pack   : justify;
        justify-content : space-between;
        margin-top      : .62rem;
        margin-bottom   : .2rem;
    }

    .web-res-content>.chooseFan>button {
        width      : 3.04rem;
        height     : .44rem;
        background : #fff;
        text-align : center;
        font-size  : .18rem;
        line-height: .44rem;
        border     : 0;
        outline    : 0;
    }

    .web-inp {
        width        : 6.67rem;
        margin       : 0 auto;
        margin-bottom: .26rem;
    }

    /* 查询结果列表 */
    .web-storeList {
        width     : 100%;
        margin-top: .26rem;
        font-size : .18rem;
    }

    hr {
        width     : 6.67rem !important;
        margin    : 0 auto;
        text-align: center;
        margin    : 0 auto;
        height    : 0.03rem;
        background: #1b1b1b;
    }

    .web-storeList>hr {
        width     : 6.67rem;
        text-align: center;
        margin    : 0 auto;
        height    : 0.03rem;
        background: #1b1b1b;
    }

    .web-storeList>hr:nth-child(1) {
        margin-bottom: .2rem;
    }

    .web-storeList>ul {
        width     : 100%;
        height    : 5.64rem;
        overflow  : auto;
        margin-top: .2rem;
    }

    /* .web-storeList>ul::-webkit-scrollbar {
        width        : .08rem;
        height       : 100%;
        background   : #1b1b1b;
        border-radius: 4px;
    }

    .web-storeList>ul::-webkit-scrollbar-thumb {
        background           : #706f6f;
        border-radius        : .04rem;
        -webkit-border-radius: .04rem;
        -moz-border-radius   : .04rem;
        -ms-border-radius    : .04rem;
        -o-border-radius     : .04rem;
    } */

    .web-storeList>ul>li {
        padding   : .12rem 0;
        position  : relative;
        width     : 100vw;
        margin-top: .2rem;
    }

    .web-storeList>ul>li:first-child {
        margin-top: 0;
    }

    .web-storeList>ul>li>div {
        width   : 6.67rem;
        margin  : 0 auto;
        position: relative;
    }

    .web-storeList>ul>li>div>p.storeName {
        color         : #c79830;
        padding-bottom: .1rem;
        font-weight   : 900;
    }

    .web-storeList>ul>li>div>span.storePhone {
        text-decoration: underline;
        color          : #fff;
    }

    .web-storeList>ul>li>div>p.storeAdd {
        color: #fff;
    }

    .web-storeList>ul>li>div>button {
        border    : 0;
        outline   : 0;
        background: #c79830;
        color     : #fff;
        width     : 1.2rem;
        height    : .4rem;
        font-size : .18rem;
        position  : absolute;
        top       : .12rem;
        right     : 0;
        display   : none;
    }

    .web-res-content>.chooseFan>button.fanChoose {
        background: #c79830;
        color     : #fff;
    }

    .choosePage {
        width      : 3.04rem;
        height     : .44rem;
        background : #fff;
        margin     : .48rem auto;
        color      : #000;
        text-align : center;
        font-size  : .18rem;
        line-height: .44rem;
    }

    /* 省市区 */
    .currentLocation {
        color: #fff;
    }


    .web-searchRes {
        position   : relative;
        background : #000;
        width      : 100%;
        height     : auto;
        z-index    : 999;
        padding-top: .91rem;
        color      : #fff;
    }

    .web-closebtn {
        width      : .5rem;
        height     : .5rem;
        line-height: .5rem;
        text-align : center;
        border     : 0;
        outline    : 0;
        color      : #c7c7c7;
        font-size  : .5rem;
        position   : absolute;
        top        : .9rem;
        right      : .5rem;
        background : transparent;
    }


    /* 三级联动 */
    .web-province-choose {
        width     : 100%;
        height    : 12.61rem;
        background: #f4f4f4;
        display   : none;
        margin-top: .71rem;
    }

    .web-province-choose>.choose-header {
        width        : 100%;
        border-bottom: 1px solid #cecfcf;
    }

    .web-province-choose>.choose-header>ul {
        width            : 6.43rem;
        height           : 1.22rem;
        margin           : 0 auto;
        display          : -webkit-box;
        display          : -ms-flexbox;
        display          : flex;
        -webkit-box-pack : justify;
        -ms-flex-pack    : justify;
        justify-content  : space-between;
        -webkit-box-align: center;
        -ms-flex-align   : center;
        align-items      : center;
    }

    .web-province-choose>.choose-header>ul>li {
        width      : 1.99rem;
        height     : .44rem;
        color      : #fff;
        background : #000;
        line-height: .44rem;
        text-align : center;
        font-size  : .18rem;
    }

    .web-province-choose>.choose-header>ul>li.nowChoose {
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        background        : transparent;
        border            : 1px solid #c79830;
        color             : #c79830;
    }

    .web-province-choose>.choose-det {
        width     : 6.43rem;
        height    : 9.35rem;
        margin    : 0 auto;
        margin-top: .08rem;
        overflow-y: auto;
    }

    .web-province-choose>.choose-det>ul {
        width: 100%;
    }

    .web-province-choose>.choose-det>ul>li {
        width             : 100%;
        /* height         : .77rem; */
        -webkit-box-sizing: border-box;
        box-sizing        : border-box;
        padding-top       : .39rem;
        padding-bottom    : .18rem;
        border-bottom     : 1px solid #cecfcf;
        font-size         : .2rem;
        padding-left      : .16rem;
        color             : #000;
    }

    .dealerpage {margin-top:10px;line-height:.36rem;font-size:.18rem;height: .36rem;}
    .dealerpage .serviceType-list{width:85%;}

    .dealerpage .serviceType-list li{
        padding: 0 2px;
        cursor: pointer;
        text-align: center;
        height: .36rem;
        line-height: .36rem;
        margin-top: 7px;
    }

    .dealerpage .serviceType-list li span{
        display:inline-block;
        width:6px;
        height:6px;
        border-radius:3px;
        border:1px solid #fff;
        margin-right:2px;
    }

    .ssssType-mobile{margin-bottom: .4rem;}
}