/* category */
@import url("reset.css");
@import url("menu3.css");
@import url("footer.css");
.goods-box div,.product-info div{overflow:hidden;}
.opacity_img .p-img{width:190px;height:190px;}
.product-info {margin-top: 20px;}
.preview{float: left;width: 400px;height: auto;}
.product-wrap{float: left;width:570px;margin: 0 20px;}
.track {float:right;width: 178px;border: 1px solid #eaeaea; padding-bottom:10px;}
/* preview */
.gallery_wrap{ width:398px; height:398px; border:1px solid #d2d2d2; text-align:center;}
.gallery_wrap a{ width:398px; height:398px; display:table-cell; vertical-align:middle;}
.gallery_wrap a img{ max-width:398px; max-height:398px;}
.spec-list{ width:398px; height:60px; border:1px solid #d2d2d2; border-top:0; padding:14px 0;}
.spec-list .spec-prev,.spec-list .spec-next{ float:left; width:39px; margin:18px 0 0 0; text-align:center;}
.spec-list .spec-items{ float:left; width:320px; height:60px; overflow:hidden;}
.spec-list .spec-items ul{ width:325px;}
.spec-list .spec-items li{ float:left; width:60px; height:60px; margin-right:5px;}
.spec-list .spec-items li a{ display:block;width:58px; height:58px; border:1px solid #fff;}
.spec-items li a img{width:58px; height:58px;}
.spec-list .spec-items li:hover a,.spec-list .spec-items li a.img-hover{ border-color:#f42424;}
.spec-list .spec-items li a.imgHover{ border-color:#f42424;}
/* product-wrap */
.product-wrap .name{ font-size:16px; color:#555; font-weight:700; margin-bottom:10px; margin-top:10px;}
.summary{ position:relative;}
.summary .s-p-w-wrap {background: #fff4f2;padding: 22px 0 12px;}

.shop-price{ color:#f42424; font-size:18px;}
.summary .si-info{ position:absolute; top:30px; right:18px;}
.summary .si-cumulative{ float:left; padding-right:10px; margin-right:10px; font-size:12px; line-height:14px; border-right:1px solid #d2d2d2;}
.summary .si-cumulative em{ font-size:14px; color:#b31919; margin-left:8px; }
.summary .si-cumulative:last-child{ margin-right:0; border-right:0; padding-right:0;}

.summary-basic-info {margin-top: 15px;}
.summary-item{ position:relative; float:left; width:100%; margin-bottom:5px;}
.summary-item .si-tit{ float:left; padding-left:20px; width:50px; margin-right:10px; line-height:24px; color:#8c8c8c;}
.summary-item .si-warp{ float:left;line-height:24px; width:450px;}
.summary-item .si-warp .shop-price{ font-size:30px; height:24px; line-height:24px; float:left;}
.summary-item .si-warp .m-price{ line-height:24px;text-decoration: line-through;}
.summary-item .quan-item{ float: left;height: 20px;line-height: 20px;color: #fff;background-color: #ff6590;padding: 0 7px; position:relative; margin:4px 5px 0 0; overflow:hidden;}
.summary-item .quan-item i{ position: absolute;width: 8px;height: 8px;background-color: #f3f3f3;border-radius: 50%;top: 4px;overflow: hidden;}
.summary-item .quan-item i.i-left{ left:-5px;}
.summary-item .quan-item i.i-right{ right:-5px;}

.is-stock span{ float:left; margin-right:5px;}
.store-selector{ float:left; position:relative;}
.text-select .tit { padding:0 10px; border:1px solid #d2d2d2; height:23px; line-height:23px; cursor:pointer;}
.text-select .tit .iconfont{ font-size:12px;}
.text-select.hover .tit{ border-bottom-color:#fff; position:relative; z-index:11;}
.text-select .area-warp{ position:absolute; border:1px solid #d2d2d2; width:290px; padding:10px 23px 15px 18px; top:24px; left:0; z-index:10; display:none; background:#fff;}
.text-select .tab{ border-bottom:1px solid #d2d2d2; float:left; width:100%; padding-left:1px; height:24px;}
.text-select .tab li{ min-width:36px; float:left; padding:0 10px; height:23px; line-height:23px; border:1px solid #d2d2d2; border-bottom:0; margin-left:-1px; text-align:center; cursor:pointer;}
.text-select .tab li.curr{ border-bottom:1px solid #fff; border-top:2px solid #f42424; height:22px; color:#f42424;}
.text-select .tab-content{ float:left; width:100%; margin-top:15px;}
.text-select .tab-content ul{ width:300px;}
.text-select .tab-content li{ float:left; width:70px; line-height:18px; margin:0 5px 5px 0;}
.text-select .tab-content li a{ display:inline-block; padding:0 4px; color:#333;}
.text-select .tab-content li a:hover{ background-color:#f42424; color:#fff;}
.text-select .tab-content li a.choosable{ color:#ddd; cursor: default;}
.text-select .tab-content li a.choosable:hover{ background:none;}
.link-red{ color:#b31919;}
.pl10 { padding-left: 10px; }
.gary{ color:#8c8c8c;}
.amount-warp{ float:left;}
.amount-warp .buy-num{ border:1px solid #d2d2d2; width:28px; height:28px; float:left; outline:0; text-align:center;}
.amount-warp .a-btn{ float:left; width:22px; height:28px; border:1px solid #d2d2d2; border-left:0;}
.amount-warp .a-btn a{ float:left; width:22px; height:14px; line-height:14px; text-align:center;}
.amount-warp .a-btn .btn-reduce{ height:13px; border-top:1px solid #d2d2d2;}
.amount-warp a .iconfont{ font-size:12px;}
.amount-warp .a-btn .btnDisabled{ color:#e0e0e0;}

.is-number span{ line-height:30px; float:left; margin-left:14px;}

.store-warehouse{ float:left;}
.store-warehouse-info{ float:left;}
.store-warehouse .text-select{margin-left:-1px; cursor:pointer;}
.store-warehouse .warehouse{ display:none; position:absolute; border:1px solid #d2d2d2; border-top:0; background-color:#fff; top:24px; z-index:999;}
.store-warehouse .warehouse li{ padding:0 10px;}
.store-warehouse .warehouse li:hover{ background: #ddd;}
.store-warehouse .store-prompt{ float:left; height:25px; line-height:25px; color:#999; margin-left:10px;}
.store-warehouse .store-prompt strong{ font-size:16px;color:#666;}
.store-warehouse h2{ float:left; line-height:25px; color:#666;font-family: '\5B8B\4F53';}

.store-warehouse strong{ font-size:14px;}
.mod_tags{border: dashed #e6e6e6;border-width: 1px 0;padding: 5px 0 5px 0;}
.mod-item{float: left;margin: 2px 8px 2px 0; position:relative;}
.mod-item a img {margin: 1px 3px 1px 1px;display: inline-block;vertical-align: middle; width:30px;height:30px;}
.mod-item a i {display: inline-block;font-size: 12px;vertical-align: middle;margin: 0 8px;font-style: normal;}
.mod-item a {float: left;padding: 4px 6px;border: 1px solid #ddd;background: #fff;color: #333;}
.mod-item.selected a{float: left; border: 1px solid #e60021; }
.mod_tags .si-tit{ margin-top:10px; }

.is-service {border-top: 1px dashed #e6e6e6;padding-top: 10px;}
.choose-btns{ margin:20px 0px 60px 0px; padding-left:20px;}
.choose-btns a{ height:46px; line-height:46px; float:left; margin-right:10px; font-size:18px; color:#fff; padding:0 40px; cursor:pointer; border:0; margin-bottom:10px;}
.choose-btns a:last-child{ margin-right:0;}
.ml60 { margin-left: 60px; }
.choose-btns .iconfont{font-size:18px;margin-right:8px;display:inline-block;vertical-align:middle;margin-top:-3px;}
.btn-append{border-radius:4px;background-color:#f42424;}
/* track */
.track .track-tit{height: 30px;border-bottom: 1px solid #eaeaea;background: #fcfcfc; line-height: 31px;text-align: center;position:relative; margin-bottom:5px; font-size:14px; color:#666;}
.track .track-tit a{display: inline-block;float: right;margin-right: 14px;font-size: 12px;color: #aaa;font-family: 'songti';}
.track-tit a:hover{color:#f30213;}
.track-tit i{margin-right:5px; font-size:16px;}
.track .track-con{ max-height:550px; overflow:hidden;}
.track .track-con li{ position: relative;width: 130px;height: auto; margin: 0 auto 4px; text-align: center;}
.track .track-con li .p-img{ width:130px; height:130px;}
.track .track-con li .p-name{ width:100%; height:20px;}
.track .track-con li .p-name a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.track .track-con li .price{ width:100%; height:20px; line-height:20px; text-align:center; color:#f42424;}
.track .track-con li a:hover .price{ color:#f42424;}


.des_tab{height: 40px;border: 1px solid #e5e5e5;box-shadow: 1px 1px 2px rgba(221,221,221,0.6);background-color: #fafafa;line-height: 40px;text-align: left; color: #333;font-family: 'microsoft yahei';font-size: 14px;}
.des_tab .cur{background:#e60012;color:#fff;}
.des_tab a{position: relative;top: -1px;left: -1px;float: left;width: 120px;border-right: 1px solid #e1e1e1;height: 42px;line-height: 40px;text-align: center;color: #333;font-family: 'microsoft yahei';font-size: 14px;outline: 0;z-index: 30;}

.des_info{background: #f7f7f7;font-size: 12px;font-family: simsun;border: 1px solid #eaeaea;margin-top: 12px;padding: 10px;overflow: hidden;}
.des_info dd {margin-right: 1%;height: 30px;line-height: 30px;width: 32.3%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.desbox{padding: 12px 0;font-size: 14px;font-family: "microsoft yahei";overflow: hidden;}
.desbox img {max-width: 1200px;}

[v-cloak] {
    display: none !important;
}
/*收藏*/
.short-share { height: 20px; margin-top: 20px;width:100%;}
.short-share a { cursor: pointer; }
.follow i { width: 14px; height:20px;color:#df3033;}
.short-share a i { display: inline-block; vertical-align: middle; margin-right: 5px; }



/*立即购买*/
.choose-btns .btn-buy{
    background-color: #ffeded;
    border: 1px solid #FF0036;
    width: 114px;
    height: 46px;
    text-align: center;
    color: #FF0036;
    font-family: 'Microsoft Yahei';
    border-radius: 4px;
}