body{background: #f7f7f7;}

i.filter_icon{background: url('/public/app/wap/statics/images/wap/fit_sel.png') no-repeat 0px 2px;padding-right:11px;background-size: 11px;}
i.buy_reback{background:url('/public/app/wap/statics/images/wap/yong.png') no-repeat 0px 1px;background-size: 10px;padding-right: 14px;}
i.goods_save{background:url('/public/app/wap/statics/images/wap/star.png') no-repeat 0px 1px;background-size: 12px;padding-right: 14px;}
i.goods_save.is_fav{background-image: url('../product/p_shou_cang_fav.png');}
i.goods_share{background:url('/public/app/wap/statics/images/wap/share.png') no-repeat 0px 1px;background-size: 12px;padding-right: 14px;}
i.addcart{background:url('/public/app/wap/statics/images/wap/add.png') no-repeat 0px 0px;background-size:auto 21px;}

.dialog{width: 100% !important;top:0 !important;left: 0 !important;}

.popup{z-index: 8;}
.arr.top{width: 0px;height: 0px;border-top:4px solid #999;border-left:4px solid #fff;border-right:4px solid #fff;border-bottom: 4px solid #fff;transform:rotate(180deg);-webkit-transition:rotate(180deg);-moz-transition:rotate(180deg);-o-transition:rotate(180deg);}
.arr.top.show{width: 0px;height: 0px;border-top:4px solid #e54646;border-left:4px solid #fff;border-right:4px solid #fff;border-bottom: 4px solid #fff;transform:rotate(180deg);-webkit-transition:rotate(180deg);-moz-transition:rotate(180deg);-o-transition:rotate(180deg);}
.arr.down{width: 0px;height: 0px;border-top:4px solid #999;border-left:4px solid #fff;border-right:4px solid #fff;border-bottom: 4px solid #fff;transform:rotate(0deg);-webkit-transition:rotate(0deg);-moz-transition:rotate(0deg);-o-transition:rotate(0deg);}
/*.arr.down{background:url('.');}*/
.arr.down.show{width: 0px;height: 0px;border-top:4px solid #e54646;border-left:4px solid #fff;border-right:4px solid #fff;border-bottom: 4px solid #fff;transform:rotate(0deg);-webkit-transition:rotate(0deg);-moz-transition:rotate(0deg);-o-transition:rotate(0deg);}
.panel-list{margin-top:5px;width: 100%;background-color: #f7f7f7;}
#J_mask{position: fixed;display:none;}
#J_filter{position:relative;}
#J_filter .title{position:fixed;bottom:0;width: 100%;padding: 0;height: 35px;line-height: 35px;border-top: 1px solid #e4e4e4;background: #fff;}
.dialog-content,#filter_container,#J_filter{height: 100%;}
.tab .filter_title{width: 100%;height: 36px;}
.tab .trigger-list{padding:5px 0;background-color: #fff;border-bottom: 1px solid #e4e4e4;z-index: 8;top:0;left:0;}
.tab .trigger-list.float{position: fixed;}
.tab .trigger-list .trigger,.tab .trigger-list .filter-handle{border:none;border-right: 1px solid #e4e4e4;}
.tab .trigger-list .trigger.price_sel.up,.tab .trigger-list .trigger.price_sel.dwn{color:#e54646;}
.tab .trigger-list .trigger.price_sel.up i.top{border-top:4px solid #e54646;}
.tab .trigger-list .trigger.price_sel.dwn i.down{border-top: 4px solid #e54646;}
.tab .trigger-list .trigger.show_type i.show_type_list{background: url('/public/app/wap/statics/images/wap/show_type_list.png') no-repeat;background-size: 18px;padding-right: 18px;padding-bottom: 3px;}
.tab .trigger-list .trigger.show_type i.show_type_grid{background: url('/public/app/wap/statics/images/wap/show_type_grid.png') no-repeat;background-size: 18px;padding-right: 18px;padding-bottom: 3px;}
.tab .trigger-list li{}
.tab .trigger-list li:last-child{border: none;line-height: 1.8;}
.tab .trigger-list .trigger.act{color:#ef2929;}
.tab .more_trigger{height: 0px;background-color:#fff;position: fixed;top:36px;left:0;width:100%;overflow: hidden;z-index: 9;}
/*.tab .more_trigger.show{height:137px;}*/
.tab .more_trigger li{text-align: left;border-top:none;border-bottom: 1px solid #eee;padding:10px 7%;position: relative;}
.tab .more_trigger li.trigger.act{border:none;border-bottom: 1px solid #eee;}
.tab .more_trigger li:last-child{border:none;}
.tab .more_trigger li i{position: absolute;right:21px;top:13px;display:none;}
.tab .more_trigger li.show{color:#f73030;}
.tab .more_trigger li.show i{display:block;}
.tab .more_trigger img{display: block;}
.tab .bg{background-color: rgba(0,0,0,0.80);width: 100%;height:100%;z-index: 7;display: none;position: fixed;top:0;left:0;}
.tab .bg.show{display:block;}

.brand_desc img{width: 100%;}

.pt-gallery .panel{padding:0 6px;}
.pt-list .pt-h-item{background-color: #fff;margin-top: 5px;border:1px solid #e4e4e4;padding:10px 0 8px;position: relative;margin-left: }
.pt-list .pt-h-item .buy-icon i{width: 26px;height: 21px;position: absolute;right: 1%;top:57%;}
.pt-list .pt-h-img{border: none;height: auto;width: 30%;position: relative;padding-bottom: 30%;overflow: hidden;margin-left: 3%;}
.pt-list .pt-h-img>img{width: 100%;position: absolute;top:0;left: 0;}
.pt-list .pt-h-img div{position: absolute;width: 25%;}
.pt-list .pt-h-img canvas{height: calc((100vw - 14px)*0.075*1.25);width: 100%;}
.pt-list .pt-h-img p{position:absolute;top:0;left:0;width: 150%;font-size:12px;-webkit-transform-origin-x:0;-webkit-transform:scale(calc(8/12));line-height: calc((100vw - 14px)*0.075*1.25);}
.pt-list .pt-h-img i.prepare_finish{background: url('../product/prepare_finish.png') no-repeat;position: absolute;background-size: 100%;}
.pt-list .pt-h-img i.prepare_finish.list{width: 80%;height: 80%;top: 10%;left:10%;}
.pt-list .pt-h-img i.nostore-icon{background:url('../product/nostore.png') no-repeat;position: absolute;background-size: 100%;width: 80%;height: 80%;top:10%;left:10%;}
.pt-list .pt-h-info{width: 64%;margin-left: 3%;float: left;}
.pt-list .goods_info{}
.tags img{width: 100%;display: block;height: calc((100vw - 14px)*0.075);}
.tag_tl{top:0;left: 0;}
.tag_tr{top:0;right: 0;}
.tag_bl{bottom: 0;left:0;}
.tag_br{bottom: 0;right: 0}
.pt-h-price{color:#e54646;font-size: 16px;}
.pt-h-price span{text-decoration:line-through;color:#b6b6b6;font-size:12px;}

.pt-filter dl{margin:0;border:none;}
.pt-filter dl dt{border:none;border-top:1px solid #e4e4e4;padding:12px 10px;}
.pt-filter dl dt:nth-child(1),.pt-filter dl dt:nth-child(2){border-top: none;}
.pt-filter dl dt.handle{background:#fff;font-weight: 400;}
dd{overflow: hidden;}
dd.hide{display: block!important;height: 0px;overflow: hidden;}
#J_filter dd:nth-last-child(2){margin-bottom: 40px;}
.pt-filter dl dd table{background: #fff;margin:0 3%;width: 94%;}
.pt-filter dl dd table td{border:none;background: #e7e7e7;display:inline-block;width: 23%;margin-right: 2%;line-height: 2.3;border-radius: 3px;margin-bottom: 7px;}
.pt-filter dl dd table td:nth-child(4n){margin-right: 0;}
.pt-filter dl dd table td.handle{background: #f73030;color:#fff;}
.pt-filter dl dd table td.empty{background: #fff;}
.pt-filter .title .reset{float: right;width: 24%;line-height: 36px;background: #e4e4e4;text-align: center;color:#000;font-weight: 400;}
.pt-filter .title .btn{height: 36px;line-height: 36px;width: 24%;background: #d72628;color: #fff;text-align: center;}
.pt-filter dl dt .arr.up{float: right;display:none;margin-right: 5px;margin-left: 10px;transform:rotate(-45deg);-webkit-transition:rotate(-45deg);-moz-transition:rotate(-45deg);-o-transition:rotate(-45deg);border-width:1px 1px 0 0;width: 5px;height: 5px;margin-top: 7px;}
.pt-filter dl dt.handle .arr.up{display:block;}
.pt-filter dl dt .arr.dwn{float: right;display:block;margin-right: 5px;margin-left: 10px;transform:rotate(135deg);-webkit-transition:rotate(135deg);-moz-transition:rotate(135deg);-o-transition:rotate(135deg);border-width: 1px 1px 0 0;width: 5px;height: 5px;margin-top: 4px;}
.pt-filter dl dt.handle .arr.dwn{display:none;}

.promotion-tags{/*overflow: hidden;*/margin: 2px 0 10px;height: 19px;}
.promotion-tags .tag{float:left;margin-right:-3px;color:#fff;background:#f73030;padding:1px 3px;border-radius:3px;font-size:12px;-webkit-transform-origin-x:0;-webkit-transform:scale(calc(9/12));}
.promotion-tags .tag_grid{float:left;color:#fff;background:#f73030;padding:0 2px;border-radius:3px;font-size:12px;margin-right: 3px;}
.promotion-tags .pt-h-other{font-size:12px;color:#666;float: right;margin-right: 32px;}

.goods_btn{border-top:1px solid #e4e4e4;text-align:center;}
.goods_btn>div{overflow:hidden;margin-top:8px;}
.goods_btn .btn-save{float:left;width:49%;border-right:1px solid #e4e4e4;}
.goods_btn .btn-save span{margin-left:3px;color:#999;}
.goods_btn .btn_share div{float: left;width: 50%;}
.goods_btn .btn_share span{margin-right: 3px;color: #999;}

.gallery-grid .goods-item{float:left;background: #fff;width:47%;position: relative;padding-bottom:10px;}
.gallery-grid .goods-item:nth-child(odd){margin:5px 1% 0 2%;}
.gallery-grid .goods-item:nth-child(even){margin:5px 2% 0 1%;}
.gallery-grid .goods-item .goods-pic{position:relative;width:100%;padding-bottom:100%;overflow:hidden;}
.gallery-grid .goods-item .goods-pic a img{position: absolute;top:0;left:0;height:100%;}
.gallery-grid .goods-item .goods-pic i.prepare_finish{background: url('../product/prepare_finish.png') no-repeat;position: absolute;background-size: 100%;}
.gallery-grid .goods-item .goods-pic i.prepare_finish.grid{width: 76%;height: 76%;top: 12%;left:12%;}
.gallery-grid .goods-item .goods-pic i.nostore-icon{background: url('../product/nostore.png') no-repeat;position: absolute;background-size: 100%;width: 76%;height: 76%;top:12%;left:12%;}
.gallery-grid .goods-item .goods-pic .tag_grid{position: absolute;width: 25%;}
.gallery-grid .goods-item .goods-pic .tag_grid img{width: 100%;display: block;}
.gallery-grid .goods-item .goods-pic .tag_grid canvas{width: 100%;height: calc((47vw - 6px)/4*1.25);}
.gallery-grid .goods-item .goods-pic .tag_grid p{position:absolute;top:0;left:0;width: 120%;font-size:12px;-webkit-transform-origin-x:0;-webkit-transform:scale(calc(10/12));line-height: calc((47vw - 6px)/4*1.25);text-align: center;}
.gallery-grid .goods-info{padding:0 5px;}
.gallery-grid .goods-info .goods-name{margin-top: 5px;height: 44px;overflow: hidden;}
.gallery-grid .goods-info .goods-name a{color: #333;font-weight: normal;}

#share{position:fixed;height:150px;width:100%;background:#fff;bottom:-220px;z-index:11;}
#share ul{overflow: hidden;text-align: center;padding-bottom: 20px;}
#share ul li{float: left;width: 25%;margin-top: 17px;}
#share ul li img{width: 42%;margin:0 29% 3px;display: block;}
#share ul li span{margin-top: 3px;}
#share div.clo_share{width: 100%;background: #f6f6f6;height: 34px;padding-top: 11px;}
#share div.clo_share p{text-align: center;background: #aaa;width: 94%;margin:0 3%;padding:5px 0;color:#fff;font-size: 15px;border-radius: 3px;}