﻿#title_menu {position:relative;border-top:1px solid #373d46;background-color:#222933;overflow:hidden;}
#title_menu h2 {padding:11px 60px 11px 4%;color:#fff;font-size:18px;}
#title_menu span {position:absolute;top:50%;right:4%;margin-top:-4px;display:block;border:8px solid transparent;border-top-color:#fff;transition:none;}
#title_menu span.active {margin-top:-12px;border-top-color:transparent;border-bottom-color:#fff;}
#menu {display:none;width:100%;background-color:#222933;}
#menu a {display:block;position:relative;padding:11px 50px 11px 4.2%;color:#d3d3d3;font-size:16px;border-top:1px solid #373d46;border-bottom:none;box-sizing:border-box;}
#menu a.cur,#menu a:hover {color:#d7000f;}
#menu a:after {display:none;}
#menu a .icon {position:absolute;top:50%;left:4%;margin-top:-10px;font-size:18px;line-height:normal;}
#menu a .arrow {position:absolute;top:50%;right:4%;margin-top:-7px;font-size:12px;line-height:normal;}

#goods_ssk {position:relative;padding:3% 4%;font-size:0px;background-color:#f8f8f8;}
#goods_ssk input {display:inline-block;padding:0px 10px;width:calc(100% - 70px);height:34px;vertical-align:top;border:1px solid #ddd;border-right:none;}
#goods_ssk span {display:inline-block;width:70px;height:34px;line-height:34px;color:#fff;font-size:14px;font-weight:bold;text-align:center;vertical-align:top;background-color:#ff8f17;cursor:pointer;}

#goods_fls {padding:3% 4%;}
#goods_fls select {padding:0 10px;width:100%;height:34px;color:#666;text-align:center;border-radius:3px;border:1px solid #ddd;background-color:#fff;}
#goods_fls select:nth-child(2) {margin-top:3%;}

#goods li {padding:3% 10px 3% 10px;color:#999;font-size:12px;border-top:1px solid #e7e7e7;}
#goods li .info {display:flex;}
#goods li .info .imgs {width:92px;font-size:0px;}
#goods li .info .imgs img {width:100%;box-sizing:border-box;border:1px solid #e7e7e7;}
#goods li .info .text {flex:0 1 auto;margin-left:10px;}
#goods li .info .text div h2 {color:#333;font-size:12px;}
#goods li .info .text div p {margin-top:3px;line-height:1.6;}
#goods li .info .text dl dd {display:inline-block;line-height:1.6;vertical-align:top;box-sizing:border-box;}
#goods li .info .text dl dd:nth-child(odd) {width:60%;padding-right:10px;}
#goods li .info .text dl dd:nth-child(even) {width:40%;}

#goods li .jgs {display:flex;padding-top:3%;}
#goods li .jgs .price {flex:0 0 auto;width:150px;}
#goods li .jgs .price p {padding-left:22px;padding-bottom:5px;}
#goods li .jgs .price dl {width:100%;color:#333;line-height:1.6;}
#goods li .jgs .price dl dt {display:inline-block;width:80px;text-align:right;vertical-align:top;}
#goods li .jgs .price dl dd {display:inline-block;width:70px;vertical-align:top;}
#goods li .jgs .gms {flex:1 1 auto;}
#goods li .gms .moq {position:relative;margin-bottom:5px;}
#goods li .gms .moq span {position:absolute;top:0px;right:0px;}
#goods li .gms .amount {position:relative;margin:6px 0;}
#goods li .gms .amount > span {color:#ff0000;}
#goods li .gms .amount > span:nth-child(2) {position:absolute;top:0px;right:0px;}
#goods li .gms .ans span, #goods li .gms .ans a {display:inline-block;width:48%;height:26px;line-height:24px;font-weight:bold;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid #ff8f17;cursor:pointer;}
#goods li .gms .ans span:nth-child(1) {color:#ff8f17;background-color:#fff;}
#goods li .gms .ans span:nth-child(2) {color:#fff;background-color:#ff8f17;margin-left:4%;}
#goods li .gms .ans a:nth-child(1) {color:#ff8f17;background-color:#fff;}
#goods li .gms .ans a:nth-child(2) {color:#fff;background-color:#ff8f17;margin-left:4%;}
#goods li .gms .outstock {display:flex;align-items:center;text-align:center;height:100%;color:#ff0000;font-size:14px;}
#goods li .gms .outstock span {width:100%;}

.quantity {position:relative;z-index:2;width:120px;height:26px;text-align:center;border:1px solid #e5e5e5;background-color:#fff;}
.quantity span {position:absolute;top:0px;z-index:2;display:block;width:26px;height:26px;cursor:pointer;}
.quantity span:after {position:absolute;top:50%;left:50%;display:block;margin-top:-1px;margin-left:-6px;width:12px;height:2px;content:"";background-color:#555;}
.quantity span:nth-child(2) {right:0;}
.quantity span:nth-child(2):before {position:absolute;top:50%;left:50%;display:block;margin-top:-6px;margin-left:-1px;width:2px;height:12px;content:"";background-color:#555;}
.quantity span.disabled {cursor:default;opacity:0.3;}
.quantity input {width:66px;height:26px;color:#333;font-size:13px;text-align:center;border:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;background-color:#fff;}
.quantity .tips {position:absolute;bottom:-36px;right:0px;padding:6px 10px;min-width:100%;color:#fff;word-break:keep-all;white-space:nowrap;border-radius:4px;box-sizing:border-box;background-color:rgba(0,0,0,0.7);}
.quantity .tips:before {position:absolute;top:-10px;right:54px;display:block;content:"";border:5px solid transparent;border-bottom-color:rgba(0,0,0,0.7);}