* {margin: 0;padding: 0;}  td, th, caption {font-size: 14px;}  h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}  address, caption, cite, code, dfn, em, th, var {font-style: normal;font-weight: normal;}  a {color: #555;text-decoration: none;}  a:hover {text-decoration: underline;}  img {border: none;}  ol, ul, li {list-style: none;}  input, textarea, select, button {font: 14px Verdana, Helvetica, Arial, sans-serif;border: none;background-color: rgba(0,0,0,0);}  input {outline: none;}  table {border-collapse: collapse;}  html {overflow-y: scroll;}  .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}  .clearfix {*zoom: 1;}  a:hover {text-decoration: none;color: #b20101;}  .mt_10 {margin-top: 10px;}  li {list-style: none;}  .d_flex {display: flex;}  .d_flex_c {display: flex;align-items: center;justify-content: center;}  .j_b {justify-content: space-between;}  .j_a {justify-content: space-around;}  .j_c {justify-content: center;}  .a_c {align-items: center;}  .flex_warp {flex-wrap: wrap}  .flex {flex: 1;width: 100%;}  .p10 {padding: 10px;}  .p15 {padding: 0.15rem;}  .p20 {padding: 0.2rem;}  .p25 {padding: 25px;}  .pl10 {padding-left: 10px;}  .pl15 {padding-left: 15px;}  .pl20 {padding-left: 20px;}  .pl25 {padding-left: 25px;}  .pr10 {padding-right: 10px;}  .pr15 {padding-right: 15px;}  .pr20 {padding-right: 20px;}  .pr25 {padding-right: 25px;}  .pt10 {padding-top: 10px;}  .pt15 {padding-top: 15px;}  .pt20 {padding-top: 20px;}  .pt25 {padding-top: 25px;}  .pb10 {padding-bottom: 10px;}  .pb15 {padding-bottom: 15px;}  .pb20 {padding-bottom: 20px;}  .pb25 {padding-bottom: 25px;}  .m10 {margin: 10px;}  .m15 {margin: 15px;}  .m20 {margin: 20px;}  .m25 {margin: 25px;}  .ml10 {margin-left: 10px;}  .ml15 {margin-left: 15px;}  .ml20 {margin-left: 20px;}  .ml25 {margin-left: 25px;}  .mr10 {margin-right: 10px;}  .mr15 {margin-right: 15px;}  .mr20 {margin-right: 20px;}  .mr25 {margin-right: 25px;}  .mt10 {margin-top: 10px;}  .mt15 {margin-top: 15px;}  .mt20 {margin-top: 20px;}  .mt25 {margin-top: 25px;}  .mb10 {margin-bottom: 10px;}  .mb15 {margin-bottom: 15px;}  .mb20 {margin-bottom: 20px;}  .mb25 {margin-bottom: 25px;}  .co_e54d42 {color: #e54d42;}  .co_f37b1d {color: #f37b1d;}  .co_fbbd08 {color: #fbbd08;}  .co_8dc63f {color: #8dc63f;}  .co_39b54a {color: #39b54a;}  .co_0081ff {color: #0081ff;}  .co_6739b6 {color: #6739b6;}  .co_9c26b0 {color: #9c26b0;}  .co_e03997 {color: #e03997;}  .co_a5673f {color: #a5673f;}  .co_8799a3 {color: #8799a3;}  .co_ffffff {color: #ffffff;}  .co_828282 {color: #828282;}  .co_333333 {color: #333333!important;}  .co_105cd4 {color: #105cd4!important;}  .bg_fff {background-color: #fff;}  .bg_f9 {background-color: #F9F9F9;}
body{
    font-size: .14rem;
    overflow-y: hidden;
    background-color: #efefef;
}
.plac-box{
    height: .5rem;
}
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .5rem;
    z-index: 90;
    padding: 0 0.05rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 5px #eaeaea;
}
header h1{
    font-size: .18rem;
}
header h1 .logo{
    width:24px;
    height: 24px;
    margin-right: 4px;
}
header h4{
    font-size: .1rem;
    color: #666;
}
header .search-btn{background-color: #17A4B5;
    color: #ffffff;
    height: .4rem;
    width: .5rem;
    border-radius: 0 .05rem .05rem 0;}
.search-box{
    flex: 1;
    border: 1px solid #eaeaea;
    height: .4rem;
    margin: .05rem;
    border-radius: .05rem;
    padding: 0 0 0 .08rem;
}
.search-box button{
    background-color: #17A4B5;
    color: #ffffff;
    height: .4rem;
    width: .5rem;
    border-radius: 0 .05rem .05rem 0;
}
.menu img{
    width: .3rem;
    height: .3rem;
}
.ban-ul{
    background: #fff;
}
.ban-ul none{
    display: none;
}
.ban-ul li{
    position: relative;
    background: #ffffff;
}
.ban-ul li>.tit{
    padding: 0 .1rem;
    width: .8rem;
    height: 1.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ban-ul li.active>.tit{
    background: #efefef;
}

.ul-info{
    display: none;
    flex: 1;
    width: calc(100% - 1.2rem);
    position: absolute;
    top: 0;
    left: 1.1rem;
    z-index: 3;
}
.ul-info.list-info{
    display: block;
    position: relative;
    left: 0;
    width: 100%;
    margin-bottom: .3rem;
}
.ul-info.t1{
    top: -1.3rem;
}
.ul-info.t2{
    top: -2.6rem;
}
.ul-info.t3{
    top: -3.9rem;
}
.ul-info.t4{
    top: -5.2rem;
}
.ban-ul li.active .ul-info{
    display: block;
}
.city-li .tab-item.none{
    display: none;
}
.type{
    padding: .1rem .15rem .1rem 0;
    box-sizing: border-box;
}
.type .tit{
    font-size: .14rem;
    font-weight: bold;
    width: .7rem;
}
.type p{
    flex:1;
    line-height:1.4;
}
.type p span,.type p b{
    font-size: .1rem;
    color: #666;
    display: inline-block;
    width: .8rem;
    line-height: 1.8;
}
.type p span.active{
    color: #17A4B5;
}
.type p b{
    width: .25rem;
    font-size: .1rem;
}
.type p b.active{
    color: #17A4B5;
}
.tab-item a{
    margin-right: .1rem;
    font-size: .1rem;
}
.tab-item a.active{
    color: #17A4B5;
}
.nav-search{
    width: 1.5rem;
    height: .3rem;
    background: #17A4B5;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    line-height: .3rem;
    font-size: .14rem;
    margin-top: .1rem;
}
.nav-ul{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 91;
    background-color: #fff;
    padding: 0 .2rem;
    box-sizing: border-box;
}
.nav-ul .close{
    text-align: right;
    padding-top: .1rem;
}
.nav-ul .close img{
    width: .3rem;
    height: .3rem;
 }
.nav-ul li{
    width: 100%;
    padding: .1rem 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eaeaea;
}
.nav-ul li a:hover{
    color: #17A4B5;
}
.swiper-container{
    margin-top: .5rem;
    width:100%;
    height: 1.7rem;
}
.swiper-container img{
    width:100%;
    height: 100%;
}
.swiper-slide{
    position: relative;
}
.swiper-slide .intro{
    position: absolute;
    top: .1rem;
    left: 0;
    height: .24rem;
    line-height: .24rem;
    background-image: linear-gradient(to right , rgba(0,0,0,0.24) 71%, rgba(0,0,0,0) 100%);
    color: #ffffff;
    padding: 0 .1rem;
}
.swiper-button-next, .swiper-button-prev{
    width: .3rem;
    height: .3rem;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background: url(../img/l11.png)no-repeat;
    background-size: 100% 100%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background: url(../img/r11.png)no-repeat;
    background-size: 100% 100%;
}
.swiper-button-prev:hover,.swiper-container-rtl .swiper-button-next:hover{
    background: url(../img/l12.png)no-repeat;
    background-size: 100% 100%;
}
.swiper-button-next:hover,.swiper-container-rtl .swiper-button-prev:hover{
    background: url(../img/r23.png)no-repeat;
    background-size: 100% 100%;
}
.swiper-pagination-bullet-active{
    background-color: #fff;
}
.page-intro h3{
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    padding: .15rem 0 .1rem;
}
.page-intro h4{
    font-size: .15rem;
    font-weight: bold;
    text-align: center;
    padding-bottom: .1rem;
}
.page-intro p{
    font-size: .12rem;
    color: #666;
    padding: 0 .15rem;
}
.intro .nav{
    justify-content: space-around;
}
.intro .nav li{
    width: 1.5rem;
    text-align: center;
    margin-top: .2rem;
}
.intro .nav li img{
    width: .5rem;
    height: .5rem;
}
.intro .nav li h4{
    font-size: .18rem;
    font-weight: bold;
    margin: .1rem 0 .05rem;
}
.intro .nav li p{
    font-size: .12rem;
    color:#666;
}
.container{
    margin-top: .2rem;
    padding: 0 .15rem;
    box-sizing: border-box;
}
.container .content h2{
    font-size: .24rem;
    font-weight: bold;
}
.container .content .product-box{
    position: relative;
}
.container .content .product-box h2{
    position: relative;
    font-size: .18rem;
    font-weight: bold;
    margin-top: .2rem;
    margin-bottom: .2rem;
    padding-left: .1rem;
}
.container .content .product-box h2::before{
    content: '';
    position: absolute;
    left: 0px;
    width: .05rem;
    height: .2rem;
    background: #17A4B5;
    top: .02rem;
}
.container .content .product-box .more{
    position: absolute;
    right: 0;
    top: .05rem;
    display: flex;
    align-items: center;
}
.container .content .product-box .more img{
    width:.2rem;
    height: .2rem;
}
.product-item{
    width: 48%;
    margin-bottom: .15rem;
    background-color: #fff;
    border-radius: .08rem;
    overflow: hidden;
}
.product-item img{
    width: 100%;
}
.product-item h3{
    font-size: .15rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    padding: 0 .08rem;
}
.product-item p{
    font-size: .12rem;
    color: #666;
    padding: 0 .08rem;
}
.product-item  .comment{
    display: -webkit-box;
    word-break: break-all;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.product-item  .price{
    font-size: .18rem;
    color: #f00;
    font-weight: bold;
    padding: .04rem 0.08rem;
}
.hd-li{
    width: 48%;
    margin-bottom: .15rem;
    overflow: hidden;
    border-radius: .08rem;
}
.hd-li a{
    position: relative;
}
.hd-li a img{
    width: 100%;
    display: block;
}
.hd-li a p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .28rem;
    line-height: .28rem;
    background: rgba(0,0,0,0.4);
    color: #ffffff;
    padding: 0 .1rem;
}
.recomend-box{
    overflow: hidden;
    position: relative;
}
.recomend-box .swiper-slide{
    position: relative;
    background-color: #fff;
    border-radius: .08rem;
    overflow: hidden;
}
.recomend-box .swiper-slide img{
    width: 100%;
    height: 1.4rem;
}
.recomend-box .swiper-slide .re-tip{
    position: absolute;
    top: 1.1rem;
    height: .3rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: .28rem;
    background: rgba(0,0,0,0.4);
    color: #ffffff;
    padding: 0 .1rem;
    box-sizing: border-box;
}
.recomend-box .swiper-slide .re-tit{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cooperation{
    padding: .2rem .15rem;
    box-sizing: border-box;
}
.cooperation h2{
    font-size: .24rem;
    font-weight: bold;
    padding: .1rem 0 .2rem;
}
.cooperation li{
    text-align: center;
    width: 24%;
    margin-bottom: .1rem;
    background-color: #fff;
    padding: .1rem .05rem;
    box-sizing: border-box;
    border-radius: .05rem;
}
.cooperation img{
    width: .5rem;
    height: .5rem;
}



footer{
    width:100%;
    background: #333;
    color: #fff;
    text-align: center;
    padding: 0.2rem 0.15rem;
    box-sizing: border-box;
}
footer a{
    color: #ffffff;
}
.search-list-item{
    width: 48%;
    margin-bottom: .15rem;
    border-radius: .05rem;
    overflow: hidden;
}
.search-list-item img{
    width: 100%;
    display: block;
}
.search-list-item .info{
    background-color: #fff;
    font-size: .1rem;
    padding: .1rem;
    box-sizing: border-box;
}
.search-list-item .info .item1 h3{
    font-size: .14rem;
    font-weight: bold;
}
.search-list-item .info .item1 .price{
    color: #f37b1d;
    font-size: .12rem;
    font-weight: bold;
}
.crumbs{
    padding: .1rem;
    box-sizing: border-box;
}
.crumbs a{
    color: #17A4B5;
}
.detail .detail-info{
    width: 100%;
}
.detail img{
    width:100%;
}
.detail .intro{
    margin: .1rem 0;
    width: 100%;
    background: #ffffff;
    height: 1rem;
    border-radius: .08rem;
}
.detail .intro .t1{
    font-size: .18rem;
    font-weight: bold;
    color: #17A4B5;
}
.detail .intro .item{
    flex: 1;
    text-align: center;
}
.detail-info p{
    line-height: 1.8;
    color: #666;
}
.detail-info p img,.detail-info a img{
    width: .2rem;
    height: .2rem;
    margin-right: .05rem;
}
.detail-info .tel{
    background: #17A4B5;
    color: #ffffff;
    border-radius: .08rem;
    padding: .1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .1rem 0;
}
.detail-info .input-btn{
    border: 1px solid #17A4B5;
    color: #17A4B5;
    border-radius: .08rem;
    padding: .1rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .1rem 0;
}
.detail-item h3{
    padding: .2rem 0;
    font-weight: bold;
    font-size: .2rem;
    color: #000;
}
.detail-item img{
    width: 100%;
    margin-bottom: .1rem;
    display: block;
}
.example{
    position: relative;
    overflow: hidden;
}
.example .ex-item{
    position: relative;
}
.example .ex-item img{
    width:100%;
    height: 1rem;
}
.example .ex-item h4{
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: .24rem;
    line-height: .24rem;
    width: 100%;
}
.yu-box ,.yu{
    width: 100%;
}
.label-box{
    width: 100%;
    display: flex;
    align-items: center;
    padding: .06rem;
    height: .4rem;
    margin: .08rem 0;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: .05rem;
}
.label-box img{
    width: .24rem;
    height: .2rem;
    position: relative;
    top: 3px;
}
.label-box p{
    flex: 1;
    display: flex;
}
.label-box p input{
    flex: 1;
    width: 100%;
}
.label-box p select{
    flex: 1;
    width: 100%;
}
.submit-box{
    width: 100%;
    height: .4rem;
    background-color: #17A4B5;
    color: #ffffff;
    margin: .1rem auto;
    text-align: center;
    line-height: .4rem;
    color: #ffffff;
    border-radius: 0.04rem;
}
.submit-box input{
    display: block;
    width: 100%;
    height: 100%;
    line-height: .4rem;
    color: #ffffff;
}
.pages{
    display: flex;
    justify-content: center;
    padding: 0.1rem 0;
}
.pages li a{
    display: inline-block;
    padding: 0.02rem 0.06rem;
    margin: 0 0.05rem;
    border: 1px solid #eaeaea;
    font-size: 0.12rem;
    border-radius: 2px;
}

.pages li.active a{
    background-color: #17A5B3;
    border: 1px solid #17A5B3;
    color: #ffffff;
}