.sales{padding: 6.7708vw 0;}
.sales .form{display: flex;position: relative;z-index: 10;}
.sales .select{width: 15.625vw;height: 2.6042vw;box-sizing: border-box;border: 1px solid #ccc;border-radius: 0.5208vw;margin-right:  0.5208vw;position: relative;}
.sales .select p{cursor: pointer;display: flex;align-items: center;padding:0 0.6771vw;height: calc(2.6042vw - 2px);color: var(--c5);}
.sales .select p::after{content: '';width: 1.0417vw;height: 1.0417vw;background: url(../images/select_arrow.png) no-repeat;background-size: cover;position: absolute;right: 0.9375vw;position: absolute;top: 50%;margin-top: -0.5208vw;transition: .5s ease-out;}
.sales .select ul{background: var(--cw);left: 0;top: 2.6042vw;margin-top: -1px;width: 100%;border: 1px solid #ccc;border-radius: 0.5208vw;max-height: 12.5vw;overflow-y: auto;display: none;z-index: 20;background: var(--cw);}
.sales .select li{padding: 0 0.6771vw;line-height: 2.5vw;color:var(--c5);cursor: pointer;}
.sales .select li:hover{color: var(--ch);}
.sales .select-open p::after{transform: rotate(180deg);}

.sales .search-box{display: flex;width: 15.625vw;height: 2.6042vw;border-radius: 0.5208vw;border: 1px solid #CCC;align-items: center;justify-content: space-between;box-sizing: border-box;padding: 0 0.9896vw 0 0.6771vw;}
.sales .search-box .text{display: block;width: 12.5vw;height: 2.0833vw;color: var(--c6);}
.sales .search-box .btn{display: block;width: 0.9375vw;height: 0.9375vw;background: url(../images/search.png) no-repeat;background-size: cover;border: none;}
.sales-list{display: flex;flex-wrap: wrap;padding-bottom: 2.6042vw;}
.sales-list .item{width: 29.1667vw;background: #F7F7F7;border-radius: 0.5208vw;box-sizing: border-box;padding: 2.0833vw 2.0833vw 2.2917vw;margin: 0 2.0833vw 1.5625vw 0;}
.sales-list .item:nth-child(3n){margin-right: 0;}
.sales-list .item .step{display: flex;margin-bottom: 0.5208vw;}
.sales-list .item i{display: block;width: 1.25vw;height: 1.25vw;background: url(../images/tel_icon.png) no-repeat;background-size: cover;margin-right: 0.625vw;}
.sales-list .item .addr-icon{background-image: url(../images/addr_icon.png);}
.sales-list .item p{line-height: 1.875;color: var(--c5);max-width: 22.9167vw;}

/*移动端适配*/
@media screen and (max-width: 750px) {
    .sales{padding: 1.2rem 0;}
    .sales .form{display: block;}
    .sales .select{width: 100%;height: .8rem;margin: 0 0 .3rem;border-radius: .1rem;}
    .sales .select p{height: .8rem;border-radius: .1rem;padding: 0 .3rem;}
    .sales .select p::after{width: .4rem;height: .4rem;right: .3rem;margin-top: -.2rem;}
    .sales .select ul{top: .8rem;max-height: 4rem;border-radius: .1rem;margin: -2px 0 0 -1px;}
    .sales .select li{padding: 0 .3rem;line-height: .8rem;}
    .sales .search-box{width: 100%;height: .8rem;border-radius: .1rem;padding-right: .3rem;}
    .sales .search-box .text{width: 5.8rem;height: .6rem;padding: 0 .3rem;}
    .sales .search-box .btn{width: .36rem;height: .36rem;}
    .sales-list{padding-bottom: .5rem;}
    .sales-list .item{width: 100%;border-radius: .1rem;margin: 0 0 .5rem;padding: .4rem .3rem;}
    .sales-list .title{line-height: 1.25;}
    .sales-list .item .step{margin-bottom: .2rem;}
    .sales-list .item i{width: .36rem;height: .36rem;margin: .1rem .2rem 0 0;}
    .sales-list .item p{max-width:5.2rem;}

}