.container {
    background: url('../images/bg-find.png') no-repeat;
    height: 100%;
    background-size: 100%;
    background-position: 0 1rem;
    display: flex;
    flex-direction: column;
}

.find form {
    margin-top: 3.94rem;
    flex-grow: 1;
    background-color: #fff;
    border-radius: .36rem .36rem 0 0;
}

.find form .box {
    margin-top: .32rem;
}

.find .box h3 {
    font-size: .32rem;
}

.find .form-range {
    margin: 0.86rem 0;
}

.room-num h3 {
    padding-left: .32rem;
    font-size: .32rem;
}

.room-num ul {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
    margin-left: .32rem;
    margin-top: .06rem;
}

.room-num ul li {
    width: 1.475rem;
    height: .6rem;
    background: #F4F6F8;
    border-radius: .04rem;
    text-align: center;
    line-height: .6rem;
    margin-right: .32rem;
    margin-top: .26rem;
    color: #B5BBC0;
}

.room-num ul li.active {
    background: #5CB87D;
    color: #fff;
}

.area .selected {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: .6rem;
    background: #F4F6F8;
    border-radius: .04rem;
}

.area .selected i {
    display: block;
    height: .26rem;
    width: .2rem;
    background: url('../images/icon_address.png') no-repeat;
    background-size: 100%;
    margin: 0 .18rem;
}

.area .selected span {
    color: #B5BBC0;
}

.select-box {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 19;
    display: none;
}

.city-county {
    height: 6.4rem;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.city-county ul,
.city-county ul li {
    list-style: none;
    height: .88rem;
    line-height: .88rem;
    flex-shrink: 0;
}

.city-county ul.city {
    width: 2.4rem;
    height: 100%;
    overflow-y: auto;
    background: #F4F6F8;
}

.city-county ul li {
    width: 100%;
    letter-spacing: 0.02rem;
}

.city-county ul.city li {
    text-align: center;
}

.city-county ul.city li.active {
    text-align: center;
    color: #5CB87D;
}

.city-county ul.zoning {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
}

.city-county ul.zoning li a {
    display: block;
    padding-left: .52rem;
    line-height: .88rem;
}

.select-box .btns {
    padding: .2rem 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.select-box .btn {
    height: .8rem;
    border-radius: .08rem;
    text-align: center;
    display: block;
    line-height: .8rem;
}

.select-box .btn-cancel {
    width: 1.6rem;
    margin-left: .32rem;
}

.select-box .btn-select {
    height: .8rem;
    border-radius: .08rem;
    color: #fff;
    text-align: center;
    display: block;
    line-height: .8rem;
    width: 4.94rem;
    font-weight: 600;
    margin: 0 auto;
    background: #5CB87D;
}

.tel .telphone {
    width: 100%;
    height: .6rem;
    box-shadow: inset 0 -0.01rem 0 0 #EEEEEE;
    padding-bottom: .01rem;
}

.tel .telphone input {
    width: 100%;
    border: none;
    height: 100%;
}

.alert h6 {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
}

.alert h6 i {
    width: .32rem;
    height: .32rem;
    display: block;
    background: url('../images/icon_tips.png') no-repeat;
    background-size: 100%;
    margin-right: .12rem;
}

.alert h6 span {
    color: #FFB548;
}

.alert p {
    color: #BDC3C8;
    margin-top: .1rem;
}

.btn-ok {
    display:block;
    height: .88rem;
    background-color: #5CB87D;
    color: #fff;
    text-align: center;
    line-height: .88rem;
    width: 100%;
    border: none;
    border-radius: .04rem;
    margin-bottom: .82rem;
}