body{background:#f6f6f6} .banner_box{width:100%;margin-top:80px} .banner_box img{width:100%} .mianbao p{font-size:16px;color:#565656;margin:30px 0 20px} .mianbao h1{font-size:34px;color:#000;margin-bottom:40px} .center .container{padding:0} .tab li{color:#000;text-align:left;font-size:34px} #content{border-top-width:0;margin-top:20px;background:#fff;margin-bottom:90px;clear:both} #content ul{line-height:25px;width:100%} .box .li1{width:100%;float:right;border:1px solid #ebebeb;padding:30px 100px;background:#fff;border-top:0;border-bottom:0} #content h5{font-size:22px;color:#565656;margin-bottom:30px} .box input{width:100%;height:50px;line-height:50px;border:1px solid #999;padding:0 15px;color:#000;font-size:16px;margin-bottom:20px} .box .city{margin-bottom:0;background:url(../images/store/arrow.png) no-repeat 97%} .box .city.on_{margin-bottom:0;background:url(../images/store/xiala_on.png) no-repeat 97%;color:#c67a48} .box .city.on_{margin-bottom:0;background:url(../images/store/xiala_on.png) no-repeat 97%;color:#c67a48} div.on_ input::-webkit-input-placeholder{color:#c67a48!important} div.on_ input::-moz-placeholder{color:#c67a48!important} div.on_ input:-moz-placeholder{color:#c67a48!important} div.on_ input:-ms-input-placeholder{color:#c67a48!important} .province_box{overflow:hidden;position:relative} .province_box i{position:absolute;width:24px;height:24px;right:27px;top:13px;background:url(../images/store/sousuo.png) no-repeat 97%;cursor:pointer} .province_box:hover i.on_{background:url(../images/store/sousuo_on.png) no-repeat 97%} #list dl dd:hover{background:#f8f8f8} .box .list{display:flex;justify-content:left;flex-wrap:wrap} .box .list p{width:180px;padding-top:16px;height:50px;border:1px solid #ebebeb;line-height:20px;padding-left:42px;text-align:left;font-size:16px;margin:10px 16px 0 0;cursor:pointer} .box .list a{-o-transition:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s;transition:0s} .box .list .p1{margin-left:0;background:url(../images/store/feiji.png) no-repeat 10px} .box .list .p2{padding-left:55px;background:url(../images/store/bianjing.png) no-repeat 18px} .box .list .p3{padding-top:5px;text-align:center;padding-left:50px;background:url(../images/store/hangkong.png) no-repeat 10px;padding-right:20px} .box .list .p4{margin-left:0;background:url(../images/store/lunchun.png) no-repeat 10px 15px} .box .list .p5{padding-left:55px;margin-right:0;background:url(../images/store/keche.png) no-repeat 18px} .box .list .p6{background:url(../images/store/huoche.png) no-repeat 10px} .box .list .p7{margin-left:0;background:url(../images/store/waijiaoren.png) no-repeat 10px} .box .list .p8{padding-left:55px;background:url(../images/store/chengshi.png) no-repeat 18px} .box .list .p9{background:url(../images/store/youlun.png) no-repeat 10px} .box .type:hover{color:#c67a48} .box .list p:hover{color:#c67a48} .box .list .p1:hover{margin-left:0;background:url(../images/store/feiji.png) no-repeat 10px} .box .list .p2:hover{background:url(../images/store/bianjing.png) no-repeat 18px} .box .list .p3:hover{background:url(../images/store/hangkong.png) no-repeat 10px} .box .list .p4:hover{background:url(../images/store/lunchun.png) no-repeat 10px 15px} .box .list .p5:hover{background:url(../images/store/keche.png) no-repeat 18px} .box .list .p6:hover{background:url(../images/store/huoche.png) no-repeat 10px} .box .list .p7:hover{background:url(../images/store/waijiaoren.png) no-repeat 10px} .box .list .p8:hover{background:url(../images/store/chengshi.png) no-repeat 18px} .box .list .p9:hover{background:url(../images/store/youlun.png) no-repeat 10px} .box .list p.on{color:#c67a48} .box .list .p1.on{margin-left:0;background:url(../images/store/jichang_on.png) no-repeat 10px #c67a48} .box .list .p2.on{background:url(../images/store/bianjing_on.png) no-repeat 18px #c67a48} .box .list .p3.on{background:url(../images/store/feiji_on.png) no-repeat 10px #c67a48} .box .list .p4.on{background:url(../images/store/lunchuan_on.png) no-repeat 10px 15px #c67a48} .box .list .p5.on{background:url(../images/store/keche_on.png) no-repeat 18px #c67a48} .box .list .p6.on{background:url(../images/store/huoche_on.png) no-repeat 10px #c67a48} .box .list .p7.on{background:url(../images/store/waijiao_on.png) no-repeat 10px #c67a48} .box .list .p8.on{background:url(../images/store/chengshi_on.png) no-repeat 18px #c67a48} .box .list .p9.on{background:url(../images/store/youlun_on.png) no-repeat 10px #c67a48} .box .type{width:135px;line-height:50px;border:1px solid #ebebeb;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;margin-top:20px;font-size:16px;cursor:pointer} .box .type.on{color:#fff;background:#c67a48} .box .type.on a{color:#fff} .item{width:100%;overflow:hidden;margin-top:10px;background:#fff;height:170px} .item h3{font-size:18px;width:100%;color:#000;padding:25px 0 20px 30px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;font-weight:600} .item h3 i{display:inline-block;width:26px;height:26px;background:url(../images/store/vip_car.png) no-repeat 0 4px;margin-right:5px} .item h3 i:hover{background:url(../images/store/vip_car_on.png) no-repeat 0 4px} .item h3 em{display:inline-block;width:26px;height:26px;background:url(../images/store/diqiu.png) no-repeat} .item h3 em:hover{background:url(../images/store/diqiu_on.png) no-repeat} .item h3 p{float:right} .item h3 p img{width:26px;display:inline-block;vertical-align:middle} .item p,.item span{display:block;color:#565656;font-size:14px;margin-bottom:10px;padding-left:30px} .item span{-webkit-transition:.3s;-o-transition:.3s;transition:.3s;width:100%;height:20px;background:url(../images/store/youjianyou.png) no-repeat right} .item i{font-style:normal;margin-left:30px;padding-left:30px;background:url(../images/store/tell.png) no-repeat left} .item .right a:hover span{background:url(../images/store/youjiantou_on.png) no-repeat right} .item .right a:hover h3{color:#c67a48} .item img{width:100%;float:left} .item .left{width:220px} .item .left img{width:100%} .item .right{width:74%;float:left;height:98%;margin-left:20px;border-bottom:1px solid #d0d0d0;padding-right:40px} .li1 .list p.on{background:#c06f44;border:#c06f44;color:#fff} .li1 .list p span{display:block} #list_box{position:relative;width:100%;background:#fff;overflow:hidden;padding:0 100px} .fenye{margin:50px auto 0;width:315px;padding-bottom:80px;text-align:center} .fenye a,.fenye i{float:left;cursor:pointer} .fenye i{margin:0 3px} .fenye ul li{float:left;margin:0 3px;font-size:12px;width:35px;height:35px;line-height:35px;text-align:center;border:1px solid #ebebeb;border-radius:50%;color:#000} .fenye ul li.active{background:#c06f44;padding:0 9px;color:#fff} .fenye .fast{background:url(../images/search/fast.png) no-repeat 50% 50%/100%;width:35px;height:35px;display:inline-block} .fenye .last{background:url(../images/search/last.png) no-repeat 50% 50%/100%;width:35px;height:35px;display:inline-block} .fenye .prev-btn{background:url(../images/search/icon-prev.png) no-repeat 50% 50%/100%;width:35px;height:35px;display:inline-block} .fenye .next-btn{background:url(../images/search/icon-next.png) no-repeat 50% 50%/100%;width:35px;height:35px;display:inline-block} .box .list .on a{color:#fff} @media only screen and (max-width:1200px){#tab{float:none;margin:0 auto} #content{width:100%;margin:0 auto} } #btn{padding:14px;font-size:14px;color:#fff;border-radius:6px;background-color:#337ab7;border:none} #list{font-size:16px;position:relative;height:880px;overflow:hidden;display:none;box-shadow:0 1px 14px #ccc} #list>section{overflow-y:auto;height:100%} #list>section>dl>dt{color:#403e41;height:70px;line-height:70px;padding-left:60px;font-size:24px;border-bottom:1px solid #e8e8e8} #list>section>dl>dd{font-size:18px;color:#333;line-height:70px;position:relative;padding-left:60px;cursor:pointer} #list>section>dl>dd:after{content:'';position:absolute;left:0;right:0;margin:auto;bottom:1px;width:88%;height:1px;background-color:#c8c7cc;transform:scaleY(.5);-webkit-transform:scaleY(.5)} #list>section>dl>dd:last-of-type:after{display:none} #navBar{position:absolute;width:26px;right:30px;top:110px;display:none} #navBar.active{background:rgba(211,211,211,.6)} #navBar>a{text-align:center;display:block;text-decoration:none;height:1.166%!important;line-height:100%!important;font-size:18px;margin-bottom:10px;color:#565656} #prompt{position:fixed;left:50%;top:50%;margin:-30px 0 0 -30px;width:60px;height:60px;text-align:center;line-height:60px;font-size:30px;color:#fff;background:rgba(0,0,0,.5);z-index:10;display:none;border-radius:4px} #prompt.active{display:block} @media (max-width:1200px){.box .list p{width:31.9%} .box .list p.p3{padding-top:16px;text-align:left;padding-left:48px} .box .li1 .list p span{display:inline} .box .list .p3,.box .list .p6,.box .list .p9{margin-right:0} .box .list .p5{margin-right:16px} .box .li1{padding:30px 40px} .box .list .p{display:none!important} .box .list .m{display:block!important;padding-top:16px;text-align:left;padding-left:50px} .item .right{width:68%} } .box .list p.m_1{display:none!important} @media (max-width:992px){.box .list p{width:31.3%;font-size:15px} #list_box{padding:0 40px} .item .right{width:64%} .province_box i{background-size:.23rem!important;right:.35rem;top:.18rem} .item h3 i{margin:0} .item h3 p{padding-left:0} .item h3{font-size:.18rem;padding-top:10px} } @media (max-width:767px){.box .list p.m_1{display:block!important} #content h5{text-align:center;font-size:.35rem;margin-bottom:.3rem} .box .li1{padding:.3rem .4rem .4rem} .box input{height:.6rem;line-height:.6rem;padding:0 .4rem;font-size:.21rem} .province_box i{background-size:.3rem!important;right:.4rem;top:.09rem} .province_box:hover i{background-size:.3rem!important} .box .city{right:.4rem;background:url(../images/store/arrow.png) no-repeat 94%;background-size:.22rem!important} .box .city.on_{background:url(../images/store/xiala_on.png) no-repeat 94%;background-size:.22rem!important;color:#c06f44} .box .type{width:100%;height:.6rem;line-height:.6rem;font-size:.21rem;padding:0 .4rem;text-align:left;color:#c06f44;border:1px solid #999} .box .list{padding-top:.3rem;border:1px solid #999;border-top:0;display:none} .box .list p{width:100%;margin:0;border:0;background-position:0!important;background:#fff!important;height:.6rem;padding:0 0 0 .4rem!important;line-height:.6rem;font-size:.21rem} .box .list p:hover{background:#e9e9e9!important} .box .list .p3{text-align:left} .box .type{background:url(../images/store/arrow.png) no-repeat 94%;background-size:.22rem!important} .box .type.on_{background:url(../images/store/xiala_on.png) no-repeat 94%;background-size:.22rem!important} #list_box{padding:0} .item{height:auto;padding:0 .46rem} .item .left{width:2.6rem} .item h3{font-size:.25rem;padding:0 0 .2rem .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .item .right{width:58%;border:0;margin-left:.1rem;padding-right:0} .item p{margin-bottom:.1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden} .item p,.item span{font-size:.18rem;padding-left:.3rem;line-height:.28rem} .item span{background-size:.3rem} .item .right a:hover span{background-size:.3rem} .item i{margin-left:.3rem;padding-left:.45rem;background-size:.28rem} .item span i{display:inline-block!important;width:22px;height:27px;background:url(../images/store/vip_car.png) no-repeat 0 .05rem;margin:0;background-size:.3rem} .item span i:hover{background:url(../images/store/vip_car_on.png) no-repeat 0 .05rem;background-size:.3rem} .item span em{display:inline-block!important;width:20px;height:26px;background:url(../images/store/diqiu.png) no-repeat;background-size:.3rem} .item span em:hover{background:url(../images/store/diqiu_on.png) no-repeat;background-size:.3rem} .fenye{margin:.5rem auto 0;width:3.7rem;padding-bottom:.9rem} .fenye ul li{width:.44rem;height:.44rem;line-height:.44rem} .fenye .fast,.fenye .last,.fenye .next-btn,.fenye .prev-btn{width:.44rem;height:.44rem;line-height:.44rem} .fenye ul li.active{padding:0} .box .type.on a{color:#333} }