
.domestic,.abroad{
        height: 0.44rem;
        font-family: PingFangSC;
        font-size: 0.16rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        color: #007ed9;
        padding: 0 0.12rem;
        display: inline-block;

}
.show-search{
    max-height: 0.5rem;
    vertical-align:middle;
    text-align: left;
    line-height: 0.5rem;
    .showList{
        white-space: nowrap;
        overflow: scroll;
        float:left;
        font-family: PingFangSC;
        font-size: 0.16rem;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        text-align: center;
        height:0.5rem;
        vertical-align: middle;
    }
    .showItem{
        min-width: 0.44rem;
        line-height: .32rem;
        border-radius: 0.02rem;
        display: inline-block;
        height: .32rem;
        text-align: center;
        font-size: .14rem;
        color: #007ed9;
        background-color: rgba(0, 126, 216, 0.15);
        margin-right: 0.08rem;
        margin-top: 0.09rem;
        vertical-align: middle;
    }
}

    //border-top:  solid #D9D9D9 1px;
    //border-bottom:solid #D9D9D9 1px ;
    .autocomplete-input{
        height:0.5rem ;
        border: none;
        font-size: 0.14rem;
        display: inline-block;
        line-height: 0.5rem;
        vertical-align:middle;
     }
    .search-icon {
        display: inline-block;
        vertical-align:middle;
        height: 0.5rem;
        line-height: 0.5rem;
        width: 0.33rem;
        color: #D9D9D9;
        background:url('./search.svg') 0 0 no-repeat;
        background-size:0.33rem 0.5rem;
    }


.area1_ctrl {
    vertical-align: middle;
    margin: 0;
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 9901;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.area1_roll {
    display: -webkit-box;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: transparent;
}

.area1_roll > div {
    height: 0.2rem;
    font-family: PingFangSC;
    font-size: 0.16rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.25em;
    color: #667580;
    height: 6.5rem;
    float: left;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1
}

.gear {
    font-family: PingFangSC;
    &.area1_province{
    width:1rem;
    border-top:  solid  #e6eaed 0.5px;
    border-bottom:solid #e6eaed 0.5px ;
    text-align: center;
    line-height: 0.5rem;  }
}
.area1_roll{
    .city{
        height: 0.5rem;
        text-align: center;
        line-height: 0.5rem;
        border-right:solid #e6eaed 0.5px ;
        background-color: #f5f6f7;
        overflow: hidden;
        .cityname{
            max-width: 75%;
            height:0.5rem ;
            overflow: hidden;
            display: inline-block;
        }
    }
    .province{
        height: 0.5rem;
        border-bottom:solid #e6eaed 0.5px ;
        text-align: center;
        line-height: 0.5rem;
        margin: 0 0;
        overflow: hidden;
        .provincename{
            max-width: 75%;
            height:0.5rem ;
            overflow: hidden;
            display: inline-block;
        }

    }
    .sys-caozuojilu .path2:before {
        position: absolute;
        left: 4px;
        margin-top:2px;
        margin-left:0

    }
    .sys-caozuojilu .path1:before{
        display: none;
    }
    .country{
        position: relative;
        height: 0.5rem;
        width:100%;
        text-align: center;
        line-height: 0.5rem;
        margin: 0 0;
        overflow: hidden;
        background-color: #f5f6f7;

        .countyname{
            max-width: 75%;
            height:0.5rem ;
            overflow: hidden;
            display: inline-block;
        }
        .sys-singlebox:before{
            position: absolute;
            right: 0.04rem;
            margin-top:2px
        }
        .sys-duoxuan:before{
            position: absolute;
            top: -0.12rem;
            right: -0.07rem;
        }
    }
}

.area1_roll>div .gear {
    width: 100%;
    float: left;
    position: absolute;
    z-index: 9902;
    margin-top: 0;

}.area1_roll>div:nth-child(3) {
       background-color:#f5f6f7 ;
   }
.area1_roll>div:nth-child(2) {
    background-color:#f5f6f7 ;
}




