@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;list-style:none;}
body{ font-family:"微软雅黑","Helvetica Neue",Helvetica,sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); color: #000; }
ul,li{list-style:none;}
a,a:hover{text-decoration:none;}
em{ font-style: normal;}
input { -webkit-appearance:none; font-family:"微软雅黑"; outline: none;border: 1px solid #e8e8e8; color: #000;}
input::-webkit-input-placeholder{color:#888;}
input::-moz-placeholder{color:#888;}
input:-moz-placeholder{color:#888;}
input:-ms-input-placeholder{color:#888;}
textarea::-webkit-input-placeholder{color:#888;}
textarea::-moz-placeholder{color:#888;}
textarea:-moz-placeholder{color:#888;}
textarea:-ms-input-placeholder{color:#888;}
select{ -webkit-appearance: none;}
.clear{clear:both!important;}
.fl{float: left;}
.fr{float: right;}
.wbody{width: 1200px; margin: auto;}


.intop{ border-bottom: 1px solid #e8e8e8;}
.intop .language{ float:left; display: flex; }
.intop .language select{ display: block; line-height: 16px; height: 16px; border: none; margin:12px 15px; font-size: 13px; color: #555; padding-right: 30px;background: url("../images/icon_arrow_bottom.svg") no-repeat scroll right 15px center transparent; background-size: 10px auto; outline: none;}
.intop .language select:first-child{margin-left: 0; border-right:1px solid #e8e8e8;}
.intop .intopnav{float:right; display: flex;}
.intop .intopnav a{font-size: 13px; color: #555; line-height: 16px;margin:12px 0; padding: 0 15px;border-right:1px solid #e8e8e8;}
.intop .intopnav a:last-child{padding-right: 0;border-right:none;}
.intop .intopnav a:hover{ text-decoration: underline;}
.inhead{position: relative;}
.wlogo{display: flex;}
.wlogo .img{ display: block; margin-top: 12px;}
.navbtn{display: none;}
.wsearch{ margin-left: 100px; position: relative; line-height: 50px; height: 50px; margin-top: 20px; width: 660px; box-sizing: border-box;}
.wsearch input{display: block; width: 100%; line-height: 50px;  border:1px solid #E8E8E8; height: 50px; box-sizing: border-box; border-radius: 0; padding: 0 20px; font-size: 16px; color: #000;}
.wsearch button{position: absolute; right: 1px ;top: 1px; height: 48px; width: 60px; border: none; background:#FFC221; outline: none;}
.mobile_searchbox{ display: none;}
.wiconlink{ display: flex; margin: 30px 0;}
.wiconlink img{ display: block; margin-left: 30px;}
.wshoppingcart{position: relative;}
.wshoppingcart .num{position: absolute; right: -10px; top: -5px; font-size: 14px; font-weight: bold; background:#FFC221; color: #fff; padding: 0 6px; line-height: 20px; border-radius: 3px;}
.wiconlink .searchbtn{display: none;}

.wnav { background: #000;}
.innav{  display: flex;}
.innav li{margin: 0 20px; position: relative;}
.innav li a.item{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding: 0 25px; line-height: 50px;}
.innav li a.item:hover{color:#FFC221;}
.innav li .item_child{display: none; position: absolute; top: 50px; left: -20px; z-index: 100; box-shadow:  0 0 10px rgba(0,0,0,0.4); background: #fff; padding: 20px 20px 0 20px; border-radius: 4px; border-top: 3px solid #FFC221; }
.innav li:hover .item_child{display: block;}
.innav li .item_child a{ color: #000; font-size: 16px; display: block; white-space: nowrap;margin-bottom: 20px;}
.innav li .item_child a:hover{ text-decoration: underline;}
.mobile_menu{display: none;}
.mnav_more{display: none;}
.banner a{display: block; width: 100%; height: 500px;background-repeat: no-repeat;background-position: top center;background-size: auto 100%;overflow: hidden;}

.wtitle{ text-align: center; color: #000; font-size: 30px; margin-top: 40px; font-weight: bold;}
.wproductlist{border-bottom: 1px solid #f5f5f5; padding-bottom: 40px;}
.wproductlist li{float: left; margin-top: 30px; width: 18.4%;margin-right: 2%; box-sizing: border-box; position: relative;}
.wproductlist li:nth-child(5n){margin-right: 0;}
.wproductlist li :hover img{opacity: 0.8;}
.wimgbox{ position: relative;height:290px; overflow: hidden;}
.wimgbox img{display: block; width: 100%;}
.wlab{ position: absolute; top: 10px; right: 0; width: 80px; line-height: 30px; color: #fff; font-weight: bold; background-image: linear-gradient(to right, rgba(249,13,4,0.2), rgba(249,13,4,1)); text-align: center;}
.wprotext{position: absolute; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,1)); color: #fff; padding: 10px; box-sizing: border-box;}
.wprotext .title{font-size:16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px;}
.wprotext .price b{font-weight: bold; color: #FFC221;}
.wprotext .price del{font-size: 14px;}
.wbuybtn{display: block; width: 100%; line-height: 40px; background:#FFC221; color: #000; font-size: 18px; font-weight: bold; text-align: center; margin-top: 10px;}
.wbuybtn:hover{ background:#EFB210;}

.wnew-list{ margin-top: 40px;}
.wnew-list li{float: left; width: 49%; margin-right: 2%; border: 1px solid #ebebeb;padding: 30px; box-sizing: border-box;}
.wnew-list li:nth-child(2n){margin-right: 0;}
.wnew-list li a{ display: flex;}
.wnew-list li a:hover .title{text-decoration: underline;}
.wnew-list li .num{display: block; width: 100px!important; height: 100px; border: 3px solid #000; line-height: 100px; text-align: center; box-sizing: border-box; color: #000; font-size: 50px; margin-right: 30px;}
.wnew-list li .text{width: 78%;}
.wnew-list li .title{ font-size: 14px; color: #000; font-weight: bold;}
.wnew-list li .time{font-size: 12px; color: #999; line-height: 40px;}
.wnew-list li .con{font-size: 14px; color: #999; line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}

.wfooter{ background: #EFEFEF; margin-top: 60px; padding-top: 50px;}
.wfooter dl{float: left; width: 400px; padding-left: 100px; box-sizing: border-box;}
.wfooter dl dt{font-size: 18px; font-weight: bold; color: #000;margin-bottom: 10px;}
.wfooter dl dd a{ display: block; font-size: 16px; line-height: 40px; color: #000;}
.wfooter dl dd a:hover{text-decoration: underline;}
.wcopyright{background:#EFEFEF; line-height: 80px; text-align: center; font-size: 14px; color:#666666;}

.product_selectbox{float:left; width: 23.5%; margin-right:2%; border: 1px solid #E8E8E8; margin-top: 50px; padding:20px 30px; box-sizing: border-box;}
.product_select{ position: relative;}
.product_select_line{border: 1px solid #E8E8E8; line-height: 45px; padding: 0 20px; border-radius: 50px; font-size: 14px; position: relative;margin-top: 20px;}
.product_select_line:after {border-bottom: 2px solid #999;border-right: 2px solid #999;content: '';display: block;height: 5px;margin-top: -4px;pointer-events: none;position: absolute;right: 20px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 5px;}
.product_select_line.open:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.product_select_line .list{position: absolute; left: 0; top: 48px; width: 100%; border: 1px solid #E8E8E8; background: #fff; z-index: 100;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;display: none;}
.product_select_line .list li{padding: 0 20px; font-size: 14px; line-height: 40px; cursor: pointer;}
.product_select_line .list li:hover{background: #f6f6f6;}
.product_select_line .list li.on{font-weight: bold; background: #f6f6f6;}
.product_select_line.open .list{display: block;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0); box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.product_genre{ margin-top: 20px;}
.product_genre .cselect{ font-size: 16px; font-weight: bold;}
.product_genre .list{ font-size: 14px;}
.product_genre .list li{ margin-top: 20px; display: flex; line-height: 22px; padding-left: 10px; cursor: pointer;}
.product_genre .list li i{ display: block; width: 22px; height: 22px; border-radius: 50%; border: 1px solid #E8E8E8; margin-right: 10px; box-sizing: border-box;}
.product_genre .list li:hover{ text-decoration: underline;}
.product_genre .list li.check i{ background:#FFC221 url(../images/icon_check.svg) no-repeat center; border: none;}
.wprolist{width: 74.5%; margin-top: 20px;}
.wprolist .wproductlist{ border-bottom: none;}
.wprolist li{width: 23.5%; margin-right:2%;}
.wprolist li:nth-child(5n){ margin-right: 2%;}
.wprolist li:nth-child(4n){ margin-right: 0!important;}

.wpages{ text-align: center;}
.wpages a{ display: inline-block; padding:0 20px; background: #F6F6F6; height: 45px; line-height: 45px; font-size: 14px; color: #000; cursor: pointer;margin-bottom:5px;margin-right:3px;}
.wpages a.on{background:#FFC221;}
.wpages a img{display: inline-block; width: 10px;}

.topprocontent{margin-top: 50px;}
.topprocontent .leftimg{float: left; width: 300px;}
.topprocontent .leftimg img{display: block; width: 100%; }
.topprocontent .righttext{ width: 860px; margin-left: 30px;}
.topprocontent .righttext .title{font-size: 24px; color: #000000;}
.topprocontent .righttext .con{ font-size: 14px; color: #999; line-height: 20px;padding: 10px 0; border-bottom: 1px solid #E8E8E8;}
.topprocontent .righttext .parameter{ font-size: 16px ;color: #000000; margin-top: 15px;}
.topprocontent .righttext .parameter img{display:inline-block; vertical-align: middle; margin-left: 10px; margin-right: 30px; width: 30px;}
.topprocontent .righttext .price{ margin-top: 30px;}
.topprocontent .righttext .price b{ font-weight: bold; font-size: 32px; color:#FFC221;}
.topprocontent .righttext .price del{color:#666666; font-size: 16px; margin-left:10px;}
.topprocontent .righttext .box{display: flex; margin-top: 30px;}
.qtynum{ display: flex;}
.qtynum span{background:#F6F6F6; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 20px; cursor: pointer;}
.qtynum input{height: 50px; text-align: center; line-height: 50px; font-size: 18px; color: #000; border: none;background:#F6F6F6; margin: 0 2px; padding: 0 15px; box-sizing: border-box; width: 60px;}
.topprocontent .righttext .btn{ width: 200px; line-height: 50px; height: 50px; background:#FFC221; font-size: 18px; font-weight: bold; text-align: center; border: none; margin-left: 20px;}
.topprocontent .righttext .btn:hover{background:#EFB210;}
.topprocontent .righttext .stock{ font-size: 16px; color:#ffc221; margin-top: 20px; }
.topprocontent .righttext .stock span{ margin-right: 40px;}
.topprocontent .righttext .date{ font-size: 16px; margin-top: 30px; line-height: 30px;}
.topprocontent .righttext .date em{ margin-left:10px; padding: 0 10px; border: 1px solid #E8E8E8; font-size: 14px;  display: inline-block;}
.wcontitle{ margin-top: 40px; font-size: 20px; font-weight: bold; padding-bottom: 20px; border-bottom:1px solid #E8E8E8; }
.procontent{ font-size: 14px; line-height: 30px; margin-top: 20px; color: #666;}

.flowbox{ float: right; width: 500px; position: relative; display: flex; margin-top: 30px;}
.flowbox .bor{ position: absolute; width: 100%; top: 7px; left: 0;  height: 6px; background:#EDEDED; border-radius: 10px;}
.flowbox .bor em{ display: block; width: 33.333%; height: 6px; border-radius: 10px;  background: #FFC221;}
.flowbox ul{ display: flex; width: 100%; position: relative;}
.flowbox ul li{  width: 33.333%; text-align: center; font-size: 12px; color:#333333;}
.flowbox ul li em{ display: block; width: 20px; height: 20px; border-radius: 50%; background: #BBBBBB; font-size: 14px; color: #fff; line-height: 20px; text-align: center;margin: auto; margin-bottom: 10px;}
.flowbox ul li.on em{ background:#FFC221;}

.wcart{ margin-top: 40px;}
.table-info-th{margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;p-webkit-box-sizing: border-box;box-sizing: border-box; font-size: 20px;font-weight: bold; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8; text-align: center;}
.table-info-th .info-th{ width: 18%;}
.table-info-th .info-th:first-child{width: 56%; text-align: left;}
.table-info-th .info-th:last-child{text-align: right;}
.table-info .textbox{width: 90%;}
.table-info{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-sizing: border-box;box-sizing: border-box; text-align: center; margin-top: 30px;}
.table-info .info{ width: 18%;}
.table-info .info:first-child{width: 56%; text-align: left;}
.table-info .info:last-child{text-align: right;}
.table-info .info.procon{display: flex;}
.table-info .close{ display: block; margin-right:30px; margin-top: 30px;cursor:pointer}
.table-info .close img{cursor:pointer}
.table-info .pimg{ position: relative; width: 80px; margin-right: 30px;}
.table-info .pimg img{display: block; width: 100%;}
.table-info .pimg .wlab{ width: 60px; height: 20px; line-height: 20px;  font-size: 12px;}
.table-info .pchanp{display: flex;}
.table-info .title{ font-size: 18px; line-height: 24px; color: #000;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.table-info .con{ font-size: 14px; color: #999999; line-height: 20px;margin-top: 10px;overflow: hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.table-info .delparice{ font-size: 12px; color: #999999;}
.table-info .cjprice{ font-size: 16px; margin-top: 10px;}
.table-info .qtynum{  margin: auto; width: 160px;}
.table-info .total{ font-size: 16px; font-weight: bold; line-height: 50px;}
.suborder{ border-top:1px solid #E8E8E8; margin-top: 30px;padding-top: 20px;}
.suborder .coupon{position: relative; border: 1px solid #ffc221;  height: 50px; box-sizing: border-box;}
.suborder .coupon .text{ border: none;width: 340px; padding: 0 20px; box-sizing: border-box; display: block; height:48px; line-height: 48px;outline: none;}
.suborder .coupon .btn{position: absolute; right: 0px; top: 0px; padding:0 20px; border: none; background: #FFC221; line-height: 48px;display: block; height: 48px;outline: none; font-size: 16px; color: #000;}
.subtotal{ font-size: 16px;color: #000; text-align: right;}
.subtotal .fee{ font-size: 12px; margin: 10px 0;}
.subtotal .items b{ font-size: 20px;}
.subtotal .btn{ display: block; width: 260px; height: 50px; background: #FFC221; line-height: 50px; text-align: center; border: none; font-size: 18px; font-weight: bold; margin-top: 30px;}
.paytitle{ font-size: 18px; font-weight: bold; border-top: 1px solid #E8E8E8;  margin-top: 30px; padding-top: 30px;}
.paylist li{ float: left; width: 33.333%; line-height: 40px; font-size: 14px;margin-top: 30px;}
.paylist li label{display: flex;}
.paylist li input{ display: block; width: 22px; height: 22px; border: 1px solid #E8E8E8; border-radius: 50%;margin-top: 10px;  }
.paylist li input:checked{ background:#FFC221 url(../images/icon_check.svg) no-repeat center;border: none;}
.paylist li img{display: block; height: 40px; margin: 0 20px;}

.wstatus{width: 650px; margin: auto; border-radius: 4px; margin-top: 60px; padding: 30px; box-sizing: border-box; margin-bottom: 60px;}
.wstatus .icon{ display: block; margin: auto;}
.wstatus .title{ text-align: center; font-size: 18px; margin-top: 20px;}
.wstatus .list{ margin-top: 30px; color: #666666; font-size: 14px; line-height: 24px;}
.wstatus .list li{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wstatus .btn{display: block;width: 260px; height: 50px; text-align: center; line-height: 50px; color: #000; font-weight: bold; font-size: 18px; background:#FFC221; margin: auto; border: none; margin-top: 30px;}
.wstatus .btn:hover{ background:#EFB210;}
.wstatus .title2{ text-align: center; font-size: 20px; font-weight: bold;}
.wstatus .token{ display: block; width: 80%; margin: auto; line-height: 50px; padding: 0 20px; box-sizing: border-box; margin-top: 20px;}
.wstatus .note{ width: 80%; font-size: 14px;color: #f90d04; margin: auto; margin-top: 20px;}
.loginbox{ width: 1000px; margin: auto; margin-top: 100px;}
.login{width: 390px;}
.login .title{ font-size: 30px;}
.login .list li{ margin-top: 20px; position: relative;}
.login .list li .info{display: block; width: 100%; line-height: 50px; border-radius: 4px; padding-left: 44px; box-sizing: border-box;}
.login .list li .icon{position: absolute; left: 10px; top: 13px; width: 24px;}
.login .list li .btn{ display: inline-block; width:180px; margin-right: 30px; line-height: 50px; background:#FFC221; color: #000; font-weight: bold; font-size: 18px; border: none; margin-top: 30px;}
.login .list li .btn:hover{background:#EFB210;}
.login .list li .link{font-size: 16px; color: #333333;}
.login .list li .link:hover{text-decoration: underline;}
.loginright{ margin-left: 200px;margin-top: 50px; }
.loginright .title{font-size: 24px;}
.loginright .link{ display: inline-block; padding: 0 30px;line-height: 50px; background:#FFC221; color: #000; font-weight: bold; font-size: 18px; border: none; margin-top: 30px;}
.loginright .link:hover{background:#EFB210;}

.register .title{font-size: 30px;}
.register .list li{ display: flex; margin-top: 20px;}
.register .list li span{ width: 140px; color: #666666; line-height: 50px;}
.register .list li span em{color: #f90d04;}
.register .list li .info{display: block; width: 390px; height: 50px; line-height: 50px; padding: 0 20px; box-sizing: border-box;border-radius: 4px;}
.register .list li .tx{font-size: 16px; color: #f90d04;margin-top: 20px;}
.register .list li .btn{display: inline-block; width:180px; margin-right: 30px; line-height: 50px; background:#FFC221; color: #000; font-weight: bold; font-size: 18px; border: none; margin-top: 30px;}
.register .list li .btn:hover{background:#EFB210;}
.register .list li .link{font-size: 16px; color: #333333;}
.register .list li .link:hover{text-decoration: underline;}
@media screen and (max-width:1210px){
	.wbody {width: 100%;padding: 0 15px; box-sizing: border-box;}
	.wsearch{ margin-left: 40px;  width: 40%;}
	.innav li{margin: 0 10px;}
	.innav li a.item{  padding: 0 20px;}
	.wfooter dl{width: 33.333%; padding-left:0; box-sizing: border-box;}
	.banner a{height: 400px;}
	.product_selectbox{ width: 25%;}
	.wprolist{width: 73%}
	.wprolist li{width: 32%; }
	.wprolist li:nth-child(5n){ margin-right: 2%!important;}
	.wprolist li:nth-child(4n){ margin-right: 2%!important;}
	.wprolist li:nth-child(3n){ margin-right: 0!important;}
	.topprocontent .leftimg{width: 25%;}
	.topprocontent .righttext{ width: 72%; margin-left: 3%;}
	.topprocontent .righttext .price{ margin-top: 15px;}
	.topprocontent .righttext .box{margin-top: 15px;}
	.topprocontent .righttext .date{ margin-top: 15px;}
}
@media screen and (max-width:1010px){
	.loginbox{ width: 100%;padding: 0 15px; box-sizing: border-box;margin-top: 100px;}
	.login{width: 50%;}
	.loginright{ margin-left: 4%;width: 46%; }
}
@media screen and (max-width:768px){
	.wbody {width: 100%;padding: 0 15px; box-sizing: border-box;}
	.intop .language select{ font-size: 12px; }
	.intop .intopnav{display: none;}
	.wlogo .img{  height: 50px; margin-top: 5px;}
	.wsearch{ display: none;}
	.wiconlink{  margin: 20px 10px 20px 0;}
	.wiconlink img{ display: block; margin-left: 15px; height: 20px;}
	.wshoppingcart{position: relative;}
	.wshoppingcart .num{position: absolute; right: -10px; top: -5px; font-size: 14px; font-weight: bold; background:#FFC221; color: #fff; padding: 0 6px; line-height: 20px; border-radius: 3px;}
	.navbtn{ display: block; height: 26px;margin-top: 17px; margin-right: 10px;}
	.wiconlink .searchbtn{display: block;}
	.wnav {display:none; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
	.innav{  display: block; position: relative; width: 300px; margin: 0; padding: 0;height: 100%; background: #fff; overflow-y: scroll;}
	.mobile_menu{display: block; background:#FFC221; color: #fff; font-size: 16px; font-weight: bold; line-height: 40px;position: relative; padding: 0 15px; width: 300px; box-sizing: border-box;}
	.mobile_menu .nav_closebtn{ position: absolute; right: 15px; top: 12px; height: 16px;}
	.innav li{margin: 0 ; position: relative;}
	.innav li a.item{ font-size: 14px; padding: 0 15px; line-height: 50px; color: #000; border-bottom: 1px solid #ebebeb; }
	.mnav_more{display: block; position: absolute; right: 0; top: 0;  height: 8px; padding: 21px 20px;}
	.innav li .item_child{display: none; position: relative; top: 0; left: 0;box-shadow: none; background: #fff; padding: 15px 15px 0 15px; border-radius: 0; border-top: none; font-size: 12px; border-bottom: 2px solid #ebebeb; }
	.innav li:hover .item_child{display:none;}
	.innav li .item_child a{  font-size: 12px; margin-bottom: 15px;}
	.innav li .item_child a:hover{ text-decoration: underline;}
	.banner a{height: 160px;}
	.mobile_searchbox{ display: none; position: fixed; left: 0; top: 0; width: 100%; background:#000; height:101px; padding: 0 15px; box-sizing: border-box; z-index: 2000;  }
	.mobile_searchbox input{ display: block; height: 40px; padding: 10px 15px; background: #fff; width: 100%;border-radius: 0; border: none;font-size: 14px; color: #000;}
	.mobile_searchbox .search_close {display: flex; color: #fff;margin: 15px 0; line-height: 15px;}
	.mobile_searchbox .search_close img{display: block; height: 15px;margin-right: 5px;}
	
	.wtitle{ font-size: 18px; margin-top: 15px; }
	.wproductlist{padding-bottom: 15px;}
	.wproductlist li{margin-top: 15px; width: 48.5%;margin-right: 3%;}
	.wproductlist li:nth-child(2n){margin-right: 0!important;}
	.wproductlist li:nth-child(5n){margin-right: 3%;}
	.wproductlist li :hover img{opacity: 0.8;}
	.wimgbox{position:relative;height:auto;}
	.wimgbox img{display: block; width: 100%;}
	.wlab{ position: absolute; top: 10px; right: 0; width: 60px; line-height: 30px; color: #fff; font-size: 14px;}
	.wprotext{position: absolute; bottom: 0; left: 0; width: 100%; background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,1)); color: #fff; padding: 10px; box-sizing: border-box;}
	.wprotext .title{font-size:14px; margin:0;}
	.wprotext .price del{font-size: 12px;}
	.wbuybtn{line-height: 30px; font-size: 16px; }
	.wnew-list{ margin-top: 15px;}
	.wnew-list li{width: 100%; margin-right: 0;padding: 15px;}
	.wnew-list li:first-child{border-bottom: none;}
	.wnew-list li:nth-child(2n){margin-right: 0;}
	.wnew-list li .num{width: 60px!important; height:60px; line-height: 60px; font-size: 30px; margin-right: 15px;}
	.wnew-list li .con{font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

	.wfooter{ margin-top: 20px; padding-top: 30px;}
	.wfooter dl{ width: 100%; padding-left: 0; }
	.wfooter dl dt{font-size: 16px;}
	.wfooter dl dd a{font-size: 14px; line-height: 30px; }
	.wcopyright{line-height: 40px;font-size: 12px; }
	
	.product_selectbox{float:none; width: 100%; margin-right:0; margin-top: 15px; padding:15px;}
	.product_genre{ margin-top: 0; position: relative;}
	.product_genre .cselect{border: 1px solid #E8E8E8; line-height: 45px; padding: 0 20px; border-radius: 50px; font-size: 14px; position: relative;margin-top: 20px; font-weight: normal;}
	.product_genre:after {border-bottom: 2px solid #999;border-right: 2px solid #999;content: '';display: block;height: 5px;margin-top: -4px;pointer-events: none;position: absolute;right: 20px;top: 50%;-webkit-transform-origin: 66% 66%;-ms-transform-origin: 66% 66%;transform-origin: 66% 66%;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;transition: all 0.15s ease-in-out;width: 5px;}
	.product_genre.open:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	.product_genre .list{ position: absolute; left: 0; top: 48px; width: 100%; border: 1px solid #E8E8E8; background: #fff; z-index: 100;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform: scale(0.75) translateY(-21px);-ms-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;display: none;}
	.product_genre .list li{ padding: 0 20px; font-size: 14px; line-height: 40px; cursor: pointer; margin-top: 0; display: block; }
	.product_genre.open .list{display: block;pointer-events: auto;-webkit-transform: scale(1) translateY(0);-ms-transform: scale(1) translateY(0);transform: scale(1) translateY(0);}
	.product_genre .list li i{ display: none;}
	.product_genre .list li:hover{ text-decoration:none;}
	.wprolist{width: 100%; margin-top: 0;}
	.wprolist .wproductlist{ border-bottom: none;}
	.wprolist li:nth-child(3n){ margin-right: 3%!important;}
	.wproductlist li:nth-child(5n){margin-right: 3%!important;}
	.wprolist li:nth-child(2n){ margin-right: 0%!important;}
	
	.productbox{padding: 0;}
	.topprocontent{margin-top: 0;}
	.topprocontent .leftimg{float: none; width: 100%; background: #F6F6F6; padding: 15px 0;}
	.topprocontent .leftimg img{ width: 40%; margin: auto;}
	.topprocontent .righttext{ width:100%; float: none; margin-left: 0; padding: 0 15px; box-sizing: border-box;}
	.topprocontent .righttext .title{font-size: 16px;padding-top: 10px;}
	.topprocontent .righttext .con{ font-size: 12px; line-height: 18px;padding: 10px 0;}
	.topprocontent .righttext .parameter{ font-size: 14px ; margin-top: 10px;}
	.topprocontent .righttext .parameter img{ margin-right: 20px; width: 20px;}
	.topprocontent .righttext .price{ margin-top: 15px;}
	.topprocontent .righttext .price b{  font-size: 24px;}
	.topprocontent .righttext .price del{font-size: 12px;}
	.topprocontent .righttext .box{ margin-top: 15px;}
	.qtynum span{ width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
	.qtynum input{ width: 60px; height: 40px; line-height: 40px; font-size: 16px;}
	.topprocontent .righttext .btn{  line-height: 40px; height: 40px; font-size: 16px;}
	.topprocontent .righttext .stock{ font-size: 12px;margin-top: 15px; }
	.topprocontent .righttext .stock span{ margin-right: 20px;}
	.topprocontent .righttext .date{ font-size: 14px; margin-top: 15px; line-height: 30px;}
	.topprocontent .righttext .date em{ margin-left:10px; font-size: 12px;}
	.wcontitle{ margin-top: 20px; font-size: 16px;padding-bottom: 10px; padding: 0 15px;}
	.procontent{ font-size: 12px; line-height: 20px; margin-top: 15px;padding: 0 15px;}
	.contg li:last-of-type{ display: none;}
	
	.flowbox{ float: none; width: 100%;margin-top: 15px;}
	.wcart{ margin-top: 15px;}
	.table-info-th{display: none;}
	.table-info{display: block; text-align: center; margin-top: 15px; position: relative;}
	.table-info .info{ width: 100%;}
	.table-info .info:first-child{width: 100%;}
	.table-info .info.procon{display: block;}
	.table-info .close{float:left; width: 20px; margin-right:15px; margin-top: 15px;}
	.table-info .close img{width: 100%;}
	.table-info .pimg{float: left; width: 80px; margin-right: 15px;}
	.table-info .pchanp{display: block;}
	.table-info .title{ font-size: 14px; line-height: 20px;}
	.table-info .con{ display: none;}
	.table-info .price{display: flex; position: absolute; top: 50px; left: 130px; width: auto; line-height: 20px;}
	.table-info .cjprice{ font-size: 16px; margin-top: 0; margin-left: 10px;}
	.table-info .qtynum{  margin: auto;margin-left: 130px;  width: 160px; margin-top: 40px;}
	.table-info .total{ display: none;}
	.suborder{margin-top: 15px;padding-top: 15px;}
	.suborder .coupon{ float: none;height: 40px; }
	.suborder .coupon .text{ width: 100%; padding: 0 15px;height:38px; line-height: 38px;}
	.suborder .coupon .btn{line-height: 38px; height: 38px;}
	.subtotal{float: none;  font-size: 14px; margin-top: 20px;}
	.subtotal .items b{ font-size: 18px;}
	.subtotal .btn{  width: 200px; height: 40px; line-height: 40px; float: right;  font-size: 16px; margin-top: 15px;}
	.table-info  .subprice{ left: 95px;}
	.table-info .qty{ text-align: right; margin-top: 10px;}
	.paytitle{  margin-top: 15px; padding-top: 15px;}
	.paylist li{ float: none; width: 100%; line-height: 40px; font-size: 12px;margin-top: 20px;}
	.paylist li label{display: flex;}
	.paylist li input{ display: block; width: 22px; height: 22px; border: 1px solid #E8E8E8; border-radius: 50%;margin-top: 10px;  }
	.paylist li input:checked{ background:#FFC221 url(../images/icon_check.svg) no-repeat center;border: none;}
	.paylist li img{display: block; height: 40px; margin: 0 20px;}
	.subtotal .fee{ font-size: 12px; margin: 0;}
	.wstatus{width: 100%; margin-top: 30px; padding: 15px; margin-bottom: 30px;}
	.wstatus .list{ margin-top: 15px;}
	.wstatus .btn{width: 200px; height: 40px; line-height: 40px; font-size: 16px; margin-top: 20px;}
	.loginbox{ width: 100%; padding: 0 15px; box-sizing: border-box; margin-top: 30px;}
	.login{float: none;width: 100%;}
	.login .title{ font-size: 18px;}
	.login .list li{ margin-top: 15px; position: relative;}
	.login .list li .info{display: block; width: 100%; line-height: 40px; border-radius: 4px; padding-left: 44px; box-sizing: border-box;}
	.login .list li .icon{position: absolute; left: 10px; top: 13px; width: 24px;}
	.login .list li .btn{ display: block; width:100%; margin-right: 0; line-height: 40px;font-size: 16px;  margin-top: 20px;}
	.login .list li .link{ display: block; margin-top: 10px; font-size: 14px;}
	.loginright{margin-left: 0;margin-top: 30px; float: none; width: 100%; }
	.loginright .title{font-size: 16px; text-align: center; margin-top: 40px; color: #999;}
	.loginright .link{ display: block; text-align: center;line-height: 40px;font-size: 16px; border: none; margin-top: 15px;}
	.register .title{font-size: 18px;}
	.register .list li{ display: block; margin-top: 15px;}
	.register .list li span{display: block; width: 100%; line-height: 20px; font-size: 14px;margin-bottom: 10px;}
	.register .list li .info{display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 15px;}
	.register .list li .tx{font-size: 12px; margin-top: 15px;}
	.register .list li .btn{display: block; width:100%; margin-right: 0; line-height: 40px; font-size: 16px; margin-top: 30px;}
	.register .list li .link{font-size: 14px; display: block; margin-top: 10px;text-align: center;}
	.wstatus .title2{  font-size: 18px; }
	.wstatus .token{width: 100%;  line-height: 40px; padding: 0 15px; margin-top: 15px;}
	.wstatus .note{width: 100%; font-size: 12px; margin-top: 15px;}
	}

.c-float-popWrap{width:220px;border-radius:4px;z-index:9999;position:absolute;overflow:hidden}
.c-float-popWrap .c-float-modePop{background-color:rgba(51,51,51,.9);border-radius:2px;padding:15px}
.c-float-popWrap .c-float-modePop .warnMsg{padding:0;font-size:14px}
.c-float-popWrap .c-float-modePop .content{margin-top:10px}
.c-float-popWrap .c-float-modePop .doBtn{width:190px;margin-top:10px}
.c-float-popWrap .c-float-modePop button{width:80px;height:30px;line-height:30px;color:#444;font-size:14px;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#eee),color-stop(100%,#999));border:0;border-radius:2px;padding:0;margin:10px 5px 0}
.c-float-popWrap.hide{display:none;-webkit-box-shadow:none}
.c-float-popWrap.show{display:block;}
.c-float-popWrap.msgMode .c-float-modePop .content,.c-float-popWrap.msgMode .c-float-modePop .doBtn{display:none}
.c-float-popWrap.alertMode .c-float-modePop .content{display:none}
.c-float-popWrap.alertMode .c-float-modePop .doBtn .cancel{display:none}
.c-float-popWrap.confirmMode .c-float-modePop .content,.c-float-popWrap.confirmMode .c-float-modePop .doBtn{display:block}
.c-float-impWarn{background-color:rgba(215,23,23,.9);display:block;text-align:center;padding:10px 10px 10px 10px;color:#fff}
.c-float-modePop{text-align:center;background-color:rgba(23,23,23,.9)}
.c-float-modePop .warnMsg{padding:10px 10px 10px 10px;color:#fff}

.emailtip{ display: none; color:red;padding-bottom:12px;}
.loading{position: fixed; top:50%;left: 50%; width: 400px;margin-left: -200px;margin-top: -60px;background: #ffff; box-shadow: 0 0 10px rgba(0,0,0,0.3); text-align: center; color: #666; font-size: 14px; padding: 30px 0; border-radius: 10px;}	
.loading .img{display: block; width: 30px;margin: auto;margin-bottom: 10px;}

.wcontent{font-size: 16px; line-height: 30px; color: #666; margin-top: 40px;}

.wstatus .keytip{background-color:#f3f3f3;padding:10px;border:1px solid #d5d4d4;border-radius:2px;font-size:17px;text-align:left}

@media screen and (max-width:768px){
 .wcontent{font-size: 14px; line-height: 24px;  margin-top: 20px;}
}
.rightnav { display: flex;margin-top: 30px;}
.rightnav a{display: block; font-size: 20px; margin-right: 30px; color: #666; line-height: 30px;}
.rightnav a.on{color: #FFC221; font-weight: bold; border-bottom: 3px solid #FFC221;}
@media screen and (max-width:768px){
 .rightnav {margin-top: 20px;}
 .rightnav a{font-size: 18px; margin-right: 20px; line-height: 26px;}
 .rightnav a.on{ border-bottom: 3px solid #FFC221;}
}
@font-face {
    font-family: "iconfont";
    src: url('/css/iconfont/iconfont.eot?t=1560392048425'); /* IE9 */
    src: url('/css/iconfont/iconfont.eot?t=1560392048425#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('/iconfont/iconfont.woff?t=1560392048425') format('woff'), url('/css/iconfont/iconfont.ttf?t=1560392048425') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('/css/iconfont/iconfont.svg?t=1560392048425#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: Iconfont;
    src: url('/css/iconfont/iconfont.ttf'), url('/css/iconfont/iconfont.svg'), url('/css/iconfont/iconfont.woff'), url('/css/iconfont/iconfont.eot');
}
.stock-right:before {content:"\e633";}