body {
    /* padding-bottom: 2.2533333333333334rem; */
    background-color: #F4F3F8 !important;
}



.navHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    padding: .4rem;
    z-index: 11;
    border-bottom: 1px solid #efefef;
}

.navHIpt {
    width: auto;
    height: .7466666666666667rem;
    background-color: #F4F3F8;
    border-radius: .37333333333333335rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .4rem;

}

.searchImg {
    width: .3333333333333333rem;
    height: .32rem;
    margin-right: .13333333333333333rem;
}

.searchIpt {
    flex: 1;
    height: 100%;
}

.searchIpt input {
    background-color: #F4F3F8;
}

.nav {
    width: 100%;
    height: auto;
    font-size: .4266666666666667rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-top: .4666666666666667rem;
}

.nav li {
    margin-right: .5333333333333333rem;
}

.nav li:last-child {
    margin-right: 0 !important;
}

.navActive {
    color: #FFA200;
    border-bottom: .08rem solid #FFA200;
}

.dropdown {
    width: 95%;
    height: auto;
    margin: .4rem auto 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .3466666666666667rem;
}

.dropdown li {
    display: flex;
    align-items: center;
}

.screenIcon {
    display: flex;
    align-items: center;

}

.screenImg {
    width: .4266666666666667rem;
    height: .4266666666666667rem;
    margin-left: .13333333333333333rem;
}

.dropdownActive {
    color: #FFA200;
}

.sanjiao {
    width: 0;
    height: 0;
    display: inline-block;
    border-top: .13333333333333333rem solid #666;
    border-left: .10666666666666667rem solid transparent;
    border-right: .10666666666666667rem solid transparent;
    border-bottom: 0;
    margin-left: .06666666666666667rem;
    -webkit-animation: all .5s;
    animation: all .5s;
    vertical-align: middle;
}

.downSan {
    border-top: .13333333333333333rem solid #666;
}

.upSan {
    border-bottom: .13333333333333333rem solid #FFA200;
    border-top: 0;
}




/* 筛选详情盒子 */
.posSlectBox {
    position: relative;
}

.selectBox {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    background-color: #fff;
    z-index: 999;
    display: none;
    margin-top: .4266666666666667rem;
}

.fenlei {
    width: auto;
    height: auto;
    padding: .4rem .29333333333333333rem .16rem .29333333333333333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.fenlei li {
    width: 1.3333333333333333rem;
    height: .64rem;
    border-radius: .18666666666666668rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .3466666666666667rem;
    margin: 0 .10666666666666667rem .24rem .10666666666666667rem;
    position: relative;
}

.fenlei li::before {
    border: 1px solid #EEEEEE;
    border-radius: 18px;
    z-index: 5;
}

/* .mask {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(102, 102, 102, 0.498039);
    z-index: 9;
    cursor: pointer;
    display: none;
} */

/* 号码分段选中效果 */
.s0 {
    color: #fff;
    background-color: #FFA200;
    border: none;
}

.s0::before {
    border: none !important;
}

/* 号码筛选 */
.shaibox {
    width: 100%;
    height: 8.533333333333333rem;
    display: flex;
    justify-content: space-between;
}

.s1Box {
    flex: 1;
    /* padding-top: .26666666666666666rem; */
    overflow: auto;

}

.shaibox>div:first-child {
    background-color: #F4F3F8;
}


.saixuan1 {
    font-size: .3466666666666667rem;

}

.saixuan1 li {
    width: auto;
    height: 1.0666666666666667rem;
    padding-left: .64rem;
    display: flex;
    align-items: center;
}

.cityList li {
    border-bottom: 1px solid #efefef;
}

.cityList li:last-child {
    border: none !important;
}

.saixuan2 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: .26666666666666666rem .8rem 0 .4rem;
    box-sizing: border-box;
    overflow: auto;
}

.saixuan2 li {
    min-width: 1.7333333333333334rem;
    padding: 0 .13333333333333333rem;
    height: .64rem;
    border-radius: .18666666666666668rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .26666666666666666rem;

}

.saixuan2 li::before {
    border: 1px solid #EEEEEE;
    border-radius: 18px;
    z-index: 5;
}

.sL1 {
    background-color: #fff;
    color: #FFA200;
}


/* 号码分段选中效果 */
.sL2 {
    color: #fff !important;
    background-color: #FFA200 !important;
    border: none;
}

.sL2::before {
    border: none !important;
}

/* 智能排序 */
.selectBox2 {
    width: 100%;
    height: auto;
}

.paixu {
    width: 100%;
    height: auto;
    font-size: .37333333333333335rem;
    padding-top: .13333333333333333rem;
}

.paixu li {
    width: auto;
    height: 1.0666666666666667rem;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 .4266666666666667rem;
    justify-content: space-between;
}

.s2 {
    color: #FFA200;

}

.yesIcon {
    display: none !important;
}

.s2 .yesIcon {
    display: block !important;
}


/* 价格区间 */
.selectBox3 {
    width: 100%;
    height: auto;
}

.qujian {
    width: 100%;
    height: 5.333333333333333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: .2rem;
    font-size: .3466666666666667rem;
    background-color: #f4f4f4;
    overflow: auto;
}

.qujian li {
    width: 50%;
    height: .8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 已选项 */
.yixuan {
    width: 100%;
    min-height: 2.1333333333333333rem;
    max-height: 70vh;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f4f4f4;
    flex-direction: row;
    align-content: flex-start;
    justify-content: space-between;
    padding: .21333333333333335rem;
    /* font-size: .32rem; */
    font-size: .3466666666666667rem;
    color: #666;
}

/* #FFA200 */

.yixuan li {
    height: .8533333333333334rem;
    line-height: .8533333333333334rem;
    color:#FFA200 ;
    margin-top: .10666666666666667rem;
    display: flex;
    width: 48%;
    background-color: #fff;
    padding: 0 .16rem;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .13333333333333333rem;
}

.yixuan li span:first-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.deleteIcon{
    margin-bottom: .10666666666666667rem;
}


.clearVal {
    color: #FFA200;
    margin-bottom: .10666666666666667rem;
    margin-left: .10666666666666667rem;
}

.s3 {
    color: #FFA200;

}

.yesIcons {
    margin-left: .2rem;
    display: none !important;
    margin-bottom: .13333333333333333rem;
}

.s3 .yesIcons {
    display: block !important;
}


/* .zhuanQu {
    margin: 4rem .4rem 0;

} */

/* .typeBox {
    height: 100%;
    overflow: auto;
} */

::-webkit-scrollbar {
    display: none;

}

.selectBoxs {
    background-color: #f4f4f4 !important;
}


/* 重置和确定按钮 */
.operationBox {
    width: 100%;
    height: 1.3333333333333333rem;
    border-radius: .48rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .32rem .32rem 0;
    font-size: .4rem;
    margin-bottom: .32rem;
}

.operationBox>div:first-child {
    background-color: #FFFFFF;
    color: #FFA200;
    border-top-left-radius: .6666666666666666rem;
    border-bottom-left-radius: .6666666666666666rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.operationBox>div:last-child {
    background-color: #FFA200;
    color: #FFFFFF;
    border-top-right-radius: .6666666666666666rem;
    border-bottom-right-radius: .6666666666666666rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.dropdownTwo {
    width: 100%;
    margin-top: .4rem !important;
}

/* 第二行筛选头部样式 */
.dropdownTwo li {
    background-color: #f4f4f4;
    padding: .10666666666666667rem 0;
    border-radius: .4rem;
    flex: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .13333333333333333rem;
}


.dropdownTwo .liLast {
    flex: 2 !important;
    background-color: #ffffff !important;
    margin-right: 0 !important;
}



.dropdownTwo li>div {
    width: 66%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}


/* 筛选盒子 */
.screenBox {
    display: none;
    position: fixed;
    right: 0;
    width: 88%;
    height: 100%;
    background-color: #FFFFFF;
    z-index: 12;
}

.screenBox>div {
    width: 100%;
    height: 100%;
}

.screenOne {
    position: relative;
}

.screenList {
    display: none;
    overflow: auto;
}

.screenOneBtn {
    position: absolute;
    left: 0;
    bottom: .21333333333333335rem;
    width: 92%;
    height: 1.2rem;
    border-radius: .5333333333333333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 .32rem;

}

.screenOneBtn>div {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /*font-size: .2rem;*/
    font-size: .37333333333333335rem;;
}

.screenCloseBtn {
    color: #898989;
    border: 1px solid #e1e2e3;
    border-top-left-radius: 1.3333333333333333rem;
    border-bottom-left-radius: 1.3333333333333333rem;
    border-right: none;
}

.screenEnterBtn {
    color: #FFFFFF;
    background-color: #FFA200;
    border-top-right-radius: 1.3333333333333333rem;
    border-bottom-right-radius: 1.3333333333333333rem;

}

.screenBoxTit {
    width: 100%;
    height: 1.3333333333333333rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .13333333333333333rem;
    border: 1px solid #f4f4f4;
}

.screenBoxTit>div {
    flex: 1;
    font-size: .4rem;
}

.backIcon {
    display: inline-block;
    width: .21333333333333335rem;
    height: .21333333333333335rem;
    border-left: 2px solid #999999;
    border-top: 2px solid #999999;
    transform: rotate(-45deg);

}

.screenBoxContent {
    width: 100%;
    /* height: 100%; */
    height: auto;
}

.screenBoxContent ul {
    width: 100%;
    height: 100%;
}

.screenBoxLi {
    width: 100%;
    height: 1.0666666666666667rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .4rem 0 .16rem;
    font-size: .37333333333333335rem;
    border-bottom: 1px solid #f4f4f4;

}

.senLiRight {
    display: flex;
    align-items: center;
    color: #999999;
}



.rightJian {
    display: inline-block;
    width: .21333333333333335rem;
    height: .21333333333333335rem;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    transform: rotate(45deg);
    margin-left: .13333333333333333rem;
}


.excludeNumBox {
    width: 100%;
    height: auto;
    padding: .21333333333333335rem .4266666666666667rem;

}

.excludeNumBox ul {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.excludeNumBtn {
    width: 30%;
    height: .8533333333333334rem;
    background-color: #f7f7ff;
    border-radius: .4266666666666667rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .13333333333333333rem 0;
    font-size: .37333333333333335rem;
}