.filtrate{
    height:44px;
    margin-top:46px;
    background: #FFF;
    position: fixed;
    top:0px;
    left: 0;
    width: 100%;
    z-index: 1000;
    display: block;
}
.filtrate .list{
    height: 44px;
    line-height: 44px;
    text-align: center;
    float: left;
    width: 25%;
    font-size: 13px;
    cursor:pointer;
}

.filtrate .list span{
    height: 44px;
    line-height: 44px;
}

.filtrate .list .img{
    width: 13px;
    height: 13px;
}

.distance{
    margin:90px 0 0 0
}

.distanceHeight{
    height: 100%;
    margin: 10px 0 60px 0;
}

.distanceHeight .mt10{
    margin-top:10px;
}
.distanceHeight .group {
    margin:15px;
    border-bottom: 1px #e5e5e5 solid;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.van-action-bar {height: inherit;}
.van-nav-bar__left, .van-nav-bar__right {padding: 0 5px;}
.van-nav-bar__title {width: 80%;max-width: 100%;margin-left: 58px;}
.van-field__left-icon .van-icon,.van-field__right-icon .van-icon {color: red;}
.van-nav-bar__content {height: inherit;}
/*.van-action-bar {position: absolute;}*/
.van-action-bar-button--first { margin-left: 0;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.van-action-bar-button--last { margin-right: 0; border-top-right-radius: 0;border-bottom-right-radius: 0;}
.van-icon-search::before {content: "\e710"; color: #999;}
@media screen and (min-width: 550px) { 
    .van-popup--top {  left: inherit;  width: 550px; }
}

.province_name{
    height: auto;
    width: 30%;
    float: left;
    margin-bottom: 130px;

}

.province_name li{
    background: #f7f8fa;
    cursor: pointer;
    padding:0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    color: #000;
    text-align: left;
    padding-left: 10px;
    display: block;
}
 
.province_name li p{
    width: 80%;
    margin: 0 auto;
}


.province_name .active {
  background-color: #FFF;
}


.areaRightBox{
    height:100%;
    width: 70%;
    position: fixed;
    top:100;
    right: 0;
    
}

.areaRightBox .city_name{
    height: 100%;
    width: 45%;
    float: left;
    overflow-y: scroll;
     margin-bottom: 130px;
}

.areaRightBox .district_name{
    height: 100%;
    width: 45%;
    float: left;
    overflow-y: scroll;
    margin-bottom: 130px;
}

.areaRightBox .city_name li,.areaRightBox .district_name li{
    padding: 10px;
    cursor: pointer;
    padding:0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    float: left;
    color: #000;
    text-align: left;
    padding-left:20px;
}

.areaRightBox .city_name li p,.areaRightBox .district_name li p{
    width: 80%;
    margin: 0 auto;
}

.areaRightBox .city_name .cityActive {
  color:red;
}

.areaRightBox .district_name .districtActive {
  color:red;
}