﻿
article{padding-top:1rem;}
.dnone{display:none;}
.List-BigPic .top120{top: 1.2rem}
.List-BigPic{position: relative;background: -webkit-gradient(linear, 100% 100%, 0 0, from(rgba(255,255,255,0)), to(rgba(0,0,0,.2)));background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,.2))}
.List-BigPic b.tips{font-size: .36rem;color: transparent;height: .6rem;line-height: .6rem;position: fixed;top: .3rem;left: 50%;z-index: 4;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);display: none}
.List-BigPic .banner{width: 100%;display: block;border: 0;height: 5.2rem}
.List-BigPic .wave{position: absolute;bottom: 0;width: 100%;height: .52rem;z-index: 1}
.List-BigPic .title{width: 98%;position: absolute;bottom: 1rem;left: 2%;z-index: 1}
.List-BigPic .title h2{color: #fff;font-size: .58rem;display: inline-block;vertical-align: bottom;text-shadow: .02rem .02rem .02rem #000}
.List-BigPic .title .tip{background-repeat: no-repeat;background-size: 100% 100%;display: inline-block;position: relative;padding: .1rem .14rem;color: #fff;bottom: .07rem;font-size: 0}
.List-BigPic .title .tip b{font-size: .22rem;text-shadow: .02rem .02rem .02rem #000}

.list-recommend{background: #f4f4f4;overflow: hidden;padding: .4rem 0 .3rem 0;text-align: center;}
.list-recommend b.r-title{background:-webkit-linear-gradient(left,#37996a,#01bb6e 75%);-webkit-background-clip:text;color:transparent;text-align:center;display:inline-block;padding-left:.2rem;padding-right:.2rem}
.list-recommend b.r-left,.list-recommend b.r-right{width:.8rem;height:.01rem;display:inline-block;background-color:#01bb6e;vertical-align:middle}

.list-recommend-products{padding-bottom: .1rem;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch}
.list-recommend-products .conts{width: 95.2%;margin: .1rem .2rem;float: left;position: relative}
.list-recommend-products .conts .product{/*width: 2.6rem;*/margin: 0 auto;position: relative;z-index: 2}
.list-recommend-products .conts img{height: 2.05rem;width: 3.22rem;float: left;display: block;border-radius: .1rem;}
.list-recommend-products .conts h3{font-size: .28rem;color: #444;line-height: .4rem;margin-top: -2.05rem;margin-left: 3.45rem;float: left;display: block;height: .8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-recommend-products .conts span{font-size: .24rem;color: #999;margin-top: -1.24rem;margin-left: 3.45rem;float: left;display: block;height: .8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-recommend-products .conts del{display: none;}
.list-recommend-products .conts p{color: #37996a;font-size: .36rem;display: block;letter-spacing: .02rem;float: left;margin: -.5rem .3rem .18rem 3.45rem;}
.list-recommend-products .conts b{color: #fff;background-color: #37996a;float: right;display: inline-block;margin-top: -.5rem;padding: .05rem .2rem;border-radius: 0 .2rem 0 0;}
.list-recommend-products .conts p em{font-size: .24rem;color:#999;}
.list-recommend-products .conts .f-bg{position: absolute;background: #fff;width: 2.9rem;left: 0;bottom: 0;height: 75%;z-index: 1;box-sizing: border-box}
.list-recommend-products .conts .f-bg::after{content: '';position: absolute;width: 200%;height: 200%;border: .02rem solid #ccc;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.5, .5);-ms-transform: scale(0.5, .5);-o-transform: scale(0.5, .5);transform: scale(0.5, .5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;top: -.02rem;left: 0;-webkit-border-radius: .12rem;border-radius: .12rem} .filter-all::-webkit-scrollbar, .list-choose-scroll::-webkit-scrollbar, .list-recommend-products::-webkit-scrollbar{width:0;height:0;display:none}

.list-recommend{padding-bottom: .1rem;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch}
.list-recommend .conts{width: 95.2%;margin: .1rem .2rem;float: left;position: relative}
.list-recommend .conts .product{/*width: 2.6rem;*/margin: 0 auto;position: relative;z-index: 2}
.list-recommend .conts img{height: 2.05rem;width: 3.22rem;float: left;display: block;border-radius: .1rem;}
.list-recommend .conts h3{font-size: .28rem;color: #444;line-height: .4rem;margin-top: -2.05rem;margin-left: 3.45rem;float: left;display: block;height: .8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-recommend .conts span{font-size: .24rem;color: #999;margin-top: -1.24rem;margin-left: 3.45rem;float: left;display: block;height: .8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.list-recommend .conts del{display: none;}
.list-recommend .conts p{color: #37996a;font-size: .36rem;display: block;letter-spacing: .02rem;float: left;margin: -.5rem .3rem .18rem 3.45rem;}
.list-recommend .conts b{color: #fff;background-color: #37996a;float: right;display: inline-block;margin-top: -.5rem;padding: .05rem .2rem;border-radius: 0 .2rem 0 0;}
.list-recommend .conts p em{font-size: .24rem;color:#999;}
.list-recommend .conts .f-bg{position: absolute;background: #fff;width: 2.9rem;left: 0;bottom: 0;height: 75%;z-index: 1;box-sizing: border-box}
.list-recommend .conts .f-bg::after{content: '';position: absolute;width: 200%;height: 200%;border: .02rem solid #ccc;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.5, .5);-ms-transform: scale(0.5, .5);-o-transform: scale(0.5, .5);transform: scale(0.5, .5);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;top: -.02rem;left: 0;-webkit-border-radius: .12rem;border-radius: .12rem} .filter-all::-webkit-scrollbar, .list-choose-scroll::-webkit-scrollbar, .list-recommend-products::-webkit-scrollbar{width:0;height:0;display:none}


#bg{background: #000;width: 100%;height: 100%;position: absolute;top: 0rem;left: 0rem;filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;z-index: 999}


.tab-show{z-index: 100}
.tab-screen{width: 100%;height: 1rem;line-height: 1rem;color: #555;border-bottom: .01rem solid #ccc;bottom: 0;background: #fff;z-index: 9;position: relative;}
.tab-screen ul{width: 100%;height: 1rem}
.tab-screen li{width: 25%;float: left;text-align: center;font: .32rem/1rem 'HiraginoSansGB W3';}
.tab-screen li.active-tab{background: #ddd;color: #555}
.tab-screen li.active-tab.sel-screen{color: #46d264;background: #fff}
.tab-screen .city-inner li.active{color: #46d264}
.tab-screen .city-inner li.active i{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-left: .04rem solid;border-bottom: .04rem solid}
.tab-screen span{position: relative}
.tab-screen i{display: block;position: absolute;background-repeat: no-repeat}
.des-screen i, .dep-screen i, .sort-screen i{width: 0;height: 0;top: .16rem;right: -.22rem;border-color: #646464 transparent transparent;border-width: .06rem;border-style: solid}


.dialog{position: relative;left: 0rem;padding: 0rem 0rem 0rem 0rem;width: 100%;z-index: 9999;}
.dialog .dialog-detail{background: #f5f5f5;margin: 0rem auto;width: 100%;}
.dialog .dialog-list a{height: 1rem;border-bottom: .02rem solid #e8e8e8;display: block;line-height: 1rem;padding-left: .3rem;overflow: hidden;font-size:.3rem;}
.dialog .dialog-list a:visited{color: #555;}
.dialog .dialog-list a:last-child{border-bottom: none;}
.dialog .dialog-list a.on{color: #2A98DA}
.dialog .dialog-list1{}
.dialog .dialog-list1 .items{pading: .3rem}
.dialog .dialog-list1 a{margin: .25rem auto;display: inline-block;text-align: center;width: 23.5%;font-size:.3rem;}
.dialog .dialog-list1 a:visited{color: #555;}
.dialog .dialog-list1 a.on{color: #2A98DA}
.dialog .dialog-list2 li{border-bottom: .02rem solid #e8e8e8;padding-left: .3rem;}
.dialog .dialog-list2 li dt a{height: 1rem;display: block;line-height: 1rem;overflow: hidden;font-size:.3rem;}
.dialog .dialog-list2 li dt a:visited{color: #555;}
.dialog .dialog-list2 li.on dt{padding: .1rem 0;}
.dialog .dialog-list2 li.on dt a{height: .6rem;line-height: .6rem;color: #2A98DA;}
.dialog .dialog-list2 li.on dt a:hover{color: #555;}
.dialog .dialog-list2 li dd{padding-left: .2rem;margin: 0rem;padding: 0rem 0rem .2rem 0rem;display: none;}
.dialog .dialog-list2 li.on dd{display: block;}
.dialog .dialog-list2 li dd a{margin: .25rem auto;display: inline-block;text-align: center;width: 1.57rem;font-size: .28rem;color: #999;}
.dialog .dialog-list2 li dd a:hover{color: #555;}
.dialog .dialog-list2 li dd a.on{color: #2A98DA}
.dialog .dialog-detail .btn-wrap{padding: .2rem 0rem .3rem 0rem;text-align: center;}
.dialog .dialog-detail .confirm{display: inline-block;outline: none;border: 0rem;-moz-border-radius: .1rem;-webkit-border-radius: .1rem;border-radius: .1rem;background: #2A98DA;color: #ffffff;height: .6rem;line-height: .6rem;padding: 0rem .8rem;}
.dialog .dialog-detail .reset{display: inline-block;background: #ddd;color: #555;height: .6rem;line-height: .6rem;padding: 0rem .3rem;-moz-border-radius: .1rem;-webkit-border-radius: .1rem;border-radius: .1rem;margin-left: .3rem;}
.dialog .dialog-point{height: .2rem;width: 100%;margin-top: -.2rem;}
