@charset "utf-8";
body{ background:#f8f8f8;}
/* 页面头部  */
.shop-goods-top{border-bottom: 6px solid #f8f8f8;}
.icon-sort-price span:after{ background: url(../images/common_icon.png) no-repeat; background-size: 200px 200px;}
.reachbuy-header {  background: #fff; position: relative; width: 100%; height:44px; zoom: 1; z-index: 111; box-sizing: border-box;}
.reachbuy-header .header-middle{ padding-top: 0px; width: 100%; text-indent: 0px; height: 44px;line-height: 44px; position: relative; color: #353535; text-align: center; font-size: 18px; margin: auto;}
#search-container{ height:50px; background:#fff;}
.reachbuy-header:after{height:1px;content:'';width:100%;border-top:1px solid #e3e5e9; position:absolute;bottom:-1px;right:0; transform:scaleY(0.5);-webkit-transform:scaleY(0.5);z-index:10}
}
/*中间内容*/
.container{ width:100%;padding:0; margin:auto;position: relative;}
.new-goods-con{margin-top: 50px; padding-left: 25%; background: #fff;}
/*左侧样式*/
.new-goods-con-left{ height:100%;width:25%;background-color:#f8f8f8; position:relative;overflow-y:scroll;-webkit-overflow-scrolling: touch;top:50px;bottom: 48px; position: fixed; left: 0;}
.new-goods-con-left ul{width:100%; overflow:hidden;}
.new-goods-con-left li{ width:100%;height:50px;line-height:50px;background-color:#f8f8f8;font-size:13px; text-align:center; color:#7d7e80;position:relative; cursor: pointer;}
.new-goods-con-left li.current{background:#fff; position: relative;}

.new-goods-con-left li span{display: block;width: 100%;height:50px;line-height:50px;text-decoration: none;font-size: .6rem;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; cursor: pointer;}
.new-goods-con-left li.current span{font-weight: bold; position: relative;}
/*右侧样式*/
p.filter-info{ display: none; line-height: 40px; height: 40px; font-size: .6rem; color: #353535; cursor: pointer; position: relative;}
p.filter-info.fixed-right-top{ position:fixed; background: #fff; height: 40px; right:0; top:50px; z-index: 22; text-align: center; width:75%; left: 25%;transform: translateZ(0);-webkit-transform: translateZ(0);background-attachment：fixed; display: block;}
p.filter-info.filter-info-after:after{ content: ''; display: inline-block; margin-left: 5px;vertical-align: middle; width: 6px; height: 6px;border: 1px solid #999;border-width: 0 0.03rem 0.03rem 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); margin-top: -2px;}
.new-goods-con-right{background: #fff;}
.new-goods-con-right .right-con{overflow: hidden; margin: auto; }
.new-goods-con-right .right-con .right-con-top .filter-term{  width: 100%;overflow:hidden; height:40px; background:#fff;position: relative;max-width: 601px; }
.new-goods-con-right .right-con .right-con-top .filter-term:after,.new-goods-con-right .second-goods-classify:after,p.filter-info.fixed-right-top:before{height:1px;content:'';width:100%;border-top:1px solid #e3e5e9; position:absolute;bottom:-1px;right:0; transform:scaleY(0.5);-webkit-transform:scaleY(0.5);z-index:10}
p.filter-info.fixed-right-top:before{ width: 94%; left: 3%; }
.new-goods-con-right .right-con .right-con-top .filter-term ul{display: -webkit-box !important;display: box !important; position: relative;}
.new-goods-con-right .right-con .right-con-top .filter-term ul.hide{ display: none !important; }
/*.new-goods-con-right .right-con .right-con-top.fixed-right-top ul{ display: none !important }*/
.new-goods-con-right .right-con .right-con-top .filter-term  li {position: relative;-webkit-box-flex: 1;box-flex: 1;border-right: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;line-height:40px; width:33.33%;}
.new-goods-con-right .right-con .right-con-top .filter-term  li span{ display:block; color:#666; font-size:.6rem;}
.new-goods-con-right .second-goods-classify{ position: relative; margin:0 auto; padding-bottom:10px;margin-left:2%;}
.second-goods-classify.fixed-goods-classify{ position:fixed; z-index: 20;background: #fff; right:2.25%;width:70.5%; top:84px;}
.new-goods-con-right .second-goods-classify li{ line-height: 25px; font-size:12px; color:#666; border-radius:2rem; display: inline-block;margin:10px 0 0 2.5%;padding:0 5px; position: relative; min-width:29%; box-sizing:border-box; text-align:center; cursor: pointer;}
.new-goods-con-right .second-goods-classify li:after{content:'';position: absolute;left: 0px;top: 0px;width: 200%;height: 200%;transform-origin: 0 0;transform: scale(.5,.5); box-sizing: border-box;-webkit-transform-origin: 0 0;-webkit-transform: scale(.5,.5);-webkit-box-sizing: border-box; border: 1px solid #e7e7e7 !important;border-radius:4rem;}
.right-con-bd ul li.item{ width:100%; position:relative;overflow:hidden;box-sizing:border-box; padding:10px;display: -webkit-box !important;display: box !important;position:relative;}
.right-con-bd ul li.item:after{height:1px;content:'';width:100%;border-top:1px solid #e9e9e9; position:absolute;bottom:-1px;right:0; transform:scaleY(0.5);-webkit-transform:scaleY(0.5);z-index:10}
.right-con-bd ul li.item .item-pic{ width:3.5rem;height:3.5rem; position: relative;}
.right-con-bd ul li.item .item-pic a{display: block;position: relative;width: 100%;padding-top: 100%;}
.right-con-bd ul li.item .item-pic a img{ display: block;width: 100%;height: auto;position: absolute;left: 0;top: 0;}
.right-con-bd ul li.item .item-pic .sell-out {position: absolute;width:40px;height: 40px;top: 50%;left: 50%; margin-top: -20px;margin-left: -20px; background: url(../images/shouqing.png) no-repeat;background-size: 40px;z-index: 1;}
.right-con-bd ul li.item .item-info{position:relative;-webkit-box-flex: 1; box-flex: 1; width:100%; display:block; margin-left: 5px; min-height: 3.5rem; line-height: 0;}
.right-con-bd ul li.item .item-info .item-name{overflow:hidden; max-height: 1.8rem;}
.right-con-bd ul li.item .item-info.beans-show .item-name{overflow:hidden; max-height: .9rem;}
.right-con-bd ul li.item .item-info .item-name.has-fullcut{max-height: .9rem;}
.right-con-bd ul li.item .item-info .item-name a{ display:block;font-size:0.6rem;line-height:0.9rem;color: #353535;display: block;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.right-con-bd ul li.item .item-info.beans-show .item-name a,.right-con-bd ul li.item .item-info .item-name.has-fullcut a{ text-overflow: ellipsis; overflow: hidden;white-space:nowrap;display: block !important; }
.right-con-bd ul li.item .item-info .item-price { display: block; font-size: .7rem; display: flex; align-items: center; height: 1rem; line-height: 27px; margin-top: .5rem;}
.right-con-bd ul li.item .item-info .item-price del{font-size: 10px;margin-left: 2px;margin-top:5px;}
.right-con-bd ul li.item .item-info .act-sign-tip { margin-top: 0; vertical-align: middle;}
.right-con-bd ul li.item .item-info .item-con-info {width: 100%;margin: auto;overflow: hidden;background: #fff;padding-bottom: 5px;position: relative;left: 0px;bottom: 0; min-height:30px;}
.right-con-bd ul li.item .item-info .cart-box{display: block; min-width:85px;text-align: right; position: absolute; right: 1px; bottom:0; z-index: 2; height: 27px;}
.right-con-bd ul li.item .item-info .cart-box .increase,.right-con-bd ul li.item .item-info .cart-box .decrease{display: inline-block; width:20px; height:20px;float: right; border: none; border-radius: 100%; background-position: center center;}

.right-con-bd ul li.item .item-info .cart-box .num{ display:inline-block; width:25px; height:25px; line-height:25px; box-sizing:border-box; border:none !important; text-align:center;vertical-align:middle;float: right; font-size: 0.65rem; color: #666;}
.right-con-bd ul li.item .item-info .cart-box .num[disabled]{ background:transparent; color:#666;opacity: 1; }
.right-con-bd ul li.item .item-info .cart-box .num.hide,.right-con-bd ul li.item .item-info .item-con-info .cart-box .decrease.hide{ display:none}
.sell-out-btn{color:#d6d6d6 !important}
.goods-sales { display: block; font-size: 11px; line-height: .7rem; color: #999; margin-top: .2rem;}
.iScrollLoneScrollbar{ width:3px !important; display:none !important}
.right-con-bd ul li.item .item-info .cart-box .decrease.hide,.goods-list-box li.item .item-info .cart-box .num.hide{ display:none}
.increase{ position: relative;z-index: 1;}

/*2018.8小田修改*/
.header-search { width: 100%; margin: auto; height: 30px; line-height: 30px; background: #fff; border-radius: 25px; position: relative;}
.header-search .search-icon { display: block; width: 35px;height: 30px; position: absolute; left: 0px; top: 0px; background: url(../images/category_search.png) no-repeat center center; background-size: auto 18px; border: 0; }
.header-search .search-input {display:block; width:100%;-webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; height:30px; background:none; border:0; font-size:14px; line-height:30px; color:#666; text-indent:34px;background: #f5f5f5; border-radius: 20px;}
.new-goods-con-right .second-goods-classify .second-tab-bar { background-color: #f9f9fa; width: 100%; height: .90667rem; overflow: hidden; position: absolute; top: 0; left: 0; -ms-touch-action: none;touch-action: none;}
.new-goods-con-right .increase,.new-goods-con-right .decrease{ width: 27px !important; height: 27px !important; line-height: 27px; font-size: 28px; }
.c-close-attr {background: url(../images/c_cancel.png) center no-repeat; background-size: .5rem .5rem;width: 1rem;height: 1rem; top:14px; right:5px;margin: 0;position:absolute; border:1px solid #B3B3B3; border-radius:50%;}
.new-goods-con-right .second-goods-classify li.current:before{ content:''; opacity: .1;position: absolute; left: 0; top: 0; right: 0;bottom: 0;z-index: -1; border-radius: 4rem;}
.new-goods-con-right .second-goods-classify li.current:after { border-width: 1px; border-style: solid; }
.choose-attribute-close.show,.pre-sale-rule-close.show,.c-close-attr1.show,.c_close_attr2.show{top: 0px !important;width: 38px;height: 29px;line-height: 25px;text-align: center;background-color: rgb(255, 255, 255);font-size: 22px;right:8px;border-radius: 0px;border-top-right-radius: 3px;border-top-left-radius: 3px;z-index: 9999999; opacity: 1; border:0px; font-size: 22px;color: #000; top: -25px !important;position: absolute;}
.spec-menu-show {-webkit-animation: spec-menu-move .5s 1 ease 0s;-moz-animation: spec-menu-move .5s 1 ease 0s;	-ms-animation: spec-menu-move .5s 1 ease 0s;-o-animation: spec-menu-move .5s 1 ease 0s;	animation: spec-menu-move .5s 1 ease 0s;}
.spec-menu-hide {-webkit-animation: spec-menu-back .5s 1 ease 0s;-moz-animation: spec-menu-back .5s 1 ease 0s;-ms-animation: spec-menu-back .5s 1 ease 0s;-o-animation: spec-menu-back .5s 1 ease 0s;animation: spec-menu-back .5s 1 ease 0s;}
.goodstag-seat .goodstag-item>img{ min-width: 17px; max-width: 27px;}
/*底部*/
.fixed-bottom {position: fixed;bottom: 0;left: 0;right: 0;z-index: 300;height: 2.2rem;background: #fff;}
.fixed-bottom:before { height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; top: 0px; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5);}
.fixed-bottom .shop-index-icon{ display:inline-block; position:relative; height:50px; width:50px; margin-left:5px;color:#fff; background:#000; border-radius:100%;top:-12px;text-align: center; display:none;}
.fixed-bottom .cartbox{display:inline-block; position:relative; height:50px;margin-left:5px;color:#fff;text-align: center;}
.fixed-bottom .shop-cart-icon{ display:inline-block; position:relative; height:50px; width:50px;color:#fff;text-align: center;}
.footer-cart-icon a.hide{ display:none !important;}
.fixed-bottom .shop-cart-icon i,.fixed-bottom .shop-index-icon i{ line-height:50px;color: #bbb;font-size: 35px;}
.fixed-bottom .shop-cart-icon em{ position:absolute; right:3px; top:6px; background: #fff;text-align: center;font-weight: normal;font-size:0.5rem;min-width: 12px;height: 12px; padding:2px;line-height: 12px;border-radius:50%; vertical-align:middle;}
.fixed-bottom .goods-total-price{ height:50px;line-height:50px; font-size:0.7rem;display:inline-block;vertical-align: top;}
.fixed-bottom .check-btn{    display: block;float: right;width: auto;height: 1.6rem;color: #fff;line-height: 1.6rem;font-size: 0.7rem;text-align: center;position: relative;cursor: pointer;border-radius: 25px;margin-top: .3rem;margin-right: 3%;padding: 0 13px;min-width: 22%;box-sizing: border-box;}
.not-start-price{ width:auto !important; padding:0 5px;}
.fixed-bottom .check-btn a{color: #fff;font-size: 0.8rem;}
.cart { position: absolute; top: 13px; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; background: url('/images/mobile/cart2.png') no-repeat; background-size: 22px; color: #fff; font-weight: bold; }
.cart:after { content: ''; position: absolute; right: -14px; border-left: 1px solid #777; display: block; height: 20px; color: #ccc; }
#goods-list-container .footer-left .cart-amount { position: absolute; right: -5px; top: -6px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-size: .6em; border-radius: 100%; background-color: red; color: #fff; }
#goods-list-container .total-price, .goods-detail-content .total-price { margin-left: 60px; }
.total-price .number { margin-left: -5px; font-size: 1.3em; color: #777; }
#goods-list-container .footer-right { width: 30%; background-color: rgba(0,153,51,.7); text-align: center; color: #fff; }
.animate-zoom { -webkit-animation-name: zoom; animation-name: zoom; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: .5s; animation-duration: .5s; }
@-webkit-keyframes zoom {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.4, 1.4, 1.4);
 transform: scale3d(1.4, 1.4, 1.4);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes zoom {  0% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.4, 1.4, 1.4);
 transform: scale3d(1.4, 1.4, 1.4);
}
 100% {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
/*购物车弹出盒子*/
.footer-cart-icon{ width:55px !important}
.footer-cart-icon a{ display:block; height:45px; width:45px; border-radius:100%;position: relative;-webkit-transform: translateY(-12px); margin:0 auto;}
.footer-cart-icon.empty-footer-cart{ width:50px !important}
.footer-cart-icon.empty-footer-cart a{ display: block;height: 36px;width: 36px;border-radius: 100%;background: #e5e5e5;
margin: 7px auto;position: relative;-webkit-transform: translateY(0px);}
.fixed-bottom .shop-cart-icon i{ line-height:45px;font-size:29px; color:#fff;}
.footer-cart-icon.empty-footer-cart a i{ color:#fff; font-size:24px; line-height:36px;}
.footer-cart-icon.empty-footer-cart a em{ display:none;}
.fixed-bottom .goods-total-price{transition: transform .4s ease-out 0s;-webkit-transition: -webkit-transform .4s ease-out 0s;}
.fixed-bottom .shop-cart-icon.hide{ display:none !important;}
.cartbox-layer{position: fixed;z-index: 1000;right: 0;left: 0;bottom:51px;}
.mask-div{ z-index:300; cursor:pointer;}
.empty-cart-num{ color:#999;font-size: 1em !important;}
.cartbox-con{position: fixed;left: 0;bottom:51px;transform: translate(0, 100%); backface-visibility: hidden;z-index: 5000;
width: 100%;background-color: @weuiBgColorDefault;transition: transform .5s; background:#fff;opacity: 0;}
.cartbox-con.show{-webkit-transform: translate(0, 0);transform: translate(0, 0);opacity:1;}
.cartbox-con .shop-cart-icon{ position:absolute; left:12px; top:-58px; width:45px; height:45px;border-radius:100%; margin-left:0px;}
.cartbox-con .shop-cart-icon i{ font-size:29px; color:#fff; line-height:45px; display:inline-block;width:45px;text-align: center;}
.cartbox-con .shop-cart-icon em{ position:absolute; right:0px; top:1px; background:#fff;}
.cartbox-hd{position: relative;height:40px;padding:0 10px;}
.cartbox-hd:before{content: "";display: block;position: absolute;width: 0;height: 0;border-color: transparent;border-width:6px;border-style: solid;bottom: 100%;left:30px;border-bottom-color:#fff;}
.cartbox-hd:after,.cartbox-goods-list li .inner .goods-info:after{height: 1px;content: '';width: 100%;border-top: 1px solid #e3e5e9;position: absolute;bottom: -1px;right: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5); z-index: 10;}
.cart-checkbox {position: absolute; left:0px;background:url(../images/flow/ck.png) no-repeat;    background-size: 20px 220px;background-position:10px 20px;}
.cart-checkbox.checked{background-position: 10px -180px;}
.cartbox-hd .box-left{ line-height:40px; font-size:15px; color:#353535; float:left;}
.cart-checkbox.toggle-checkbox{padding-left: 40px;padding-right: 20px;top: 0;background-position: 10px 10px;color: #353535;    font-weight: normal;}
.cart-checkbox.toggle-checkbox.checked{background-position: 10px -190px;}
.cartbox-hd .box-left p{position: absolute;left: 85px;top: 1px;font-size: 12px;color: #666;}
.cartbox-hd .box-right{ line-height:40px; font-size:12px; color:#666; float:right; display:inline-block; height:40px;}
.cartbox-hd .box-right i{ display:inline-block;position:relative;font-size:14px; margin-right:2px; line-height:40px;}
.cartbox-bd{min-height:225px;max-height: 21em;overflow-y:scroll}
.cartbox-goods-list li{position: relative;padding: 5px 0 0 30px;margin-left: 10px;line-height: 36px;color: #353535;}
.cartbox-goods-list li .cart-checkbox{z-index: 3;left: -10px;top: 6px;width: 50px;height: 60px;display:block; margin:10px 0;}
.cartbox-goods-list li .cart-checkbox.invalid{background: #aaa;color: #fff;border-radius: 3px;width: 30px;text-align: center;font-size:10px;margin-left: 5px;height: 20px;line-height: 20px;top: 23px;}
.cartbox-goods-list li .inner{display: block;padding-bottom:0.5rem;position: relative;table-layout: fixed;width: 100%;   border-collapse: collapse; margin:5px 0px;}
.cartbox-goods-list li .inner .min-num{height:20px; line-height:20px;background-color: rgba(27,27,27,0.6);position: absolute;width:70px;left:0px; bottom:0px;z-index: 3;color: #fff;text-align: center; font-size:0.55rem;}
.cartbox-goods-list li .inner .goods-pic {display: block;position: absolute;z-index: 1;top:0;left:0;}
.cartbox-goods-list li .inner .goods-pic img{width:70px;border:1px solid #f8f8f8; box-sizing:border-box;}
.cartbox-goods-list li .inner .goods-info{ display: block; margin: 0 0 0 80px;position: relative; padding-right:0.2rem; height:85px;}
.cartbox-goods-list li .inner .goods-info dd{ position:relative;}
.cartbox-goods-list li .inner .goods-info .goods-name{font-size:1em;line-height: 1.5em;height: 1.5em;color: #353535;   text-overflow: ellipsis;overflow: hidden; -webkit-line-clamp: 1;-webkit-box-orient: vertical;-ms-box-orient: vertical;
-moz-box-orient: vertical;display: -webkit-box;display: -ms-box;display: -moz-box;font-weight: normal;padding: 0 .5em 0 .2em;text-align: left;} 
.cartbox-goods-list li .inner .goods-info .goods-attr{color: #848689;font-size: .8em;line-height: 1.5em;height: 1.5em;   text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;    padding-left: .2em; text-align:left;}
.cartbox-goods-list li .inner .goods-info .goods-price{position: absolute;left: .1em;top: 52px;line-height: 20px;font-size: 1.1em;}
.cartbox-goods-list li .inner .goods-info .goods-price em{ font-size:0.8rem;}
.cartbox-bd .goods-num i{position: absolute;z-index: 3;bottom:4px;width: 49px;height: 40px; line-height:40px; font-size:25px;}
.cartbox-bd .goods-num i.cartbox-decrease{right: 61px;}
.cartbox-bd .goods-num i.cartbox-increase{right: 0;}
.cartbox-bd .goods-num input.num{position: absolute;top:40px;right: 35px;width: 39px;line-height: 55px;height: 40px;overflow: hidden;   text-align: center;font-size: 1em;font-weight: normal; border:none; line-height:40px;}
.mask-footer-layer-tip{position: absolute;z-index: 1;top: -1.2rem;left: 0;right: 0;text-align: center;
font-size: 0.6rem;font-weight: 600;line-height: 0.9rem;color: #FFF;text-shadow: 0 0 0.5rem rgba(0,0,0,0.5);}
.mask-footer-layer-tip i{background-image: url(../images/user/back_down.png);background-repeat: no-repeat;
background-position: 50% 50%;background-size: 75%;width: 0.8rem;height: 0.9rem;display: inline-block;vertical-align: top;
margin-right: 0.1rem;}
.mask-footer-layer-close{position: absolute;z-index: 1;top: -0.6rem;right:0;background-color: #FFF;width: 0.9rem;
height: 0.9rem;padding: 0.15rem;border-radius: 100%;}
.mask-footer-layer-close i{background-image: url(../images/c_cancel.png);background-repeat: no-repeat;
background-position: 50% 50%;background-size:0.55rem;width: 0.8rem;height: 0.8rem;display: inline-block;vertical-align: top;
margin-right: 0.1rem;border: 1px solid #B3B3B3; border-radius:100%;}
.right-con-bd ul li.item .item-tag-box{left:0rem; top: 0; right: auto;width:27px;height:33px; overflow: hidden;}
.right-con-bd ul li.item .icon-best{background: url(../images/best.png) no-repeat;width:27px;height:33px;background-size:27px 33px;display: block;}
.right-con-bd ul li.item .icon-new{width:27px;height:33px;background: url(../images/new.png) no-repeat;background-size:27px 33px;}
.right-con-bd ul li.item .icon-hot{width:27px;height:33px;background: url(../images/hot.png) no-repeat;background-size:27px 33px;}