@charset "utf-8";

/*下拉 Style*/

.searchWrap {
    padding: 28px 0;
    background: #efefef;
}

.searchInfo .selectbox {
    display: inline-block;
    width: 300px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #656565;
    background: url("../images/arrowDown.png") #FFF no-repeat 98% center;
    cursor: pointer;
    text-indent: 15px;
    position: relative;
    border: 1px #cecece solid !important;
    vertical-align: middle;
}

.searchInfo .selectbox .opts {
    width: 355px;
    line-height: 40px;
    background: #ffffff;
    position: absolute;
    top: 41px;
    display: none;
    max-height: 250px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0px);
    border: 1px solid #CCC;
    border-top: none;
}

.searchInfo span.name {
    padding-left: 20px;
    padding-right: 10px;
    font-size: 18px;
}

.searchInfo span.productType {
    padding-left: 50px;
    font-size: 18px;
}

.searchInfo .selectbox .opts a {
    display: block;
    width: 100%;
    color: #656565;
    background: #ffffff;
    text-decoration: none;
}

.searchInfo .selectbox .opts a:hover {
    /* background: #71b6ef; */
}

.searchInfo .item {
    display: inline;
}

.searchBtn {
    display: inline-block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    margin-left: 20px;
    font-size: 18px;
    color: #FFF;
    background: #0a83d6;
    border: 1px solid #0a83d6;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
}

@media screen and (max-width: 1365px) {
    .searchInfo .selectbox {
        width: 220px;
        background: url(../images/arrowDown.png) #FFF no-repeat 96.5% center;
    }
}

@media screen and (max-width: 992px) {
    .searchInfo .selectbox {
        width: 5.8666666667rem;
        height: .8rem;
        line-height: .8rem;
        font-size: .24rem;
    }
    .searchInfo .item {
        display: inline-block;
        padding-bottom: .2666666667rem;
    }
    .searchInfo .selectbox .opts {
        top: .8266666667rem;
    }
    .searchInfo span.name {
        display: inline-block;
        width: 2rem;
        padding-left: 0;
        padding-right: 5px;
        box-sizing: border-box;
        text-align: right;
        font-size: .2933333333rem;
    }
    .searchBtn {
        width: 1.8666666667rem;
        height: .8rem;
        line-height: .8rem;
        margin-left: 2.0666666667rem;
        font-size: .4rem;
        
    }
}