@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{ font-family:"微软雅黑","Helvetica Neue",Helvetica,sans-serif;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul,li{list-style:none;}
a,a:hover{text-decoration:none;}
em{ font-style: normal;}
input { -webkit-appearance:none; border-radius:0; font-family:"微软雅黑"; outline: none;}
input::-webkit-input-placeholder{color:#a9a9a9;}
input::-moz-placeholder{color:#a9a9a9;}
input:-moz-placeholder{color:#a9a9a9;}
input:-ms-input-placeholder{color:#a9a9a9;}
textarea::-webkit-input-placeholder{color:#a9a9a9;}
textarea::-moz-placeholder{color:#a9a9a9;}
textarea:-moz-placeholder{color:#a9a9a9;}
textarea:-ms-input-placeholder{color:#a9a9a9;}
.wbody { width: 1200px; margin: auto;}
.clear{clear:both;}
.center{ text-align: center;}

.innav{ width: 850px; height: 96px; margin: auto; background:url(../images/navbg.png) no-repeat top center; padding: 0 50px; box-sizing: border-box; position: relative; z-index: 2;}
.innav .img{ float: left;}
.innav .nav{ float: right;}
.innav .nav > .box > li { float: left; }
.innav .nav .box > li a { display: inline-block; line-height: 60px; padding: 0 25px; font-size: 16px; color: #fcffdb; }
.innav .nav .box > li a:hover { text-decoration: underline;}
.innav .nav .icon_cart{ position: absolute; right: -60px;top: 10px; width: 50px; height: 50px; border-radius: 50%; background:#c79e47; box-shadow: 0 0 10px rgba(255,255,255,0.5); }
.innav .nav .icon_cart img{display: block; width: 24px; margin: 13px auto; }
.lmlogo{ position: relative; display: block;}
.diamond{ position: absolute; left: 25px; top: 18px; width: 26px;}
.gdiamond { top: 29px;}

.banner{ position: relative; top: -96px;}
.banner img{ display: block; width: 100%;}

.product{ width: 1200px; margin: auto; border-radius: 6px; background: #0b0f1a; border: 1px solid #716154; position: relative; margin-top: -200px; z-index: 2; padding: 30px 20px 0 20px; box-sizing: border-box;}

.product li{ float: left; width: 23.5%; background: #4b4234; margin-right: 2%;margin-bottom: 20px;}
.product li:nth-child(4n){margin-right: 0;}
.product li:nth-child(4n+1){clear:both;}
.product li img{ border: 4px solid #4b4234; display: block; width: 100%; box-sizing: border-box;}
.product li h3{ padding: 0 10px; color: #fff; font-size: 16px; font-weight: normal; overflow:hidden; text-overflow: ellipsis;white-space: nowrap; line-height: 46px;}

.product li .price{color: #fff;line-height: 24px;padding: 0 10px 10px 10px;}
.product li .price b {font-size: 24px;}
.product li .price del{font-size: 14px;color: #999999;margin-left: 20px;}

.copy{ background: #0b0f1a; text-align: center; font-size: 14px; color: #fff;line-height:2em; padding:10px 0; margin-top:40px;}
.copy .link a{color: #fff;padding:0 .5em;}
.copy .link a:hover{ text-decoration:underline;}
.lmnav { background: #0b0f1a; height: 80px; position: relative;}
.lmnav .img{ float: left; margin-top: 11px;}
.lmnav .nav{ position: absolute; left: 50%; top: 0;margin-left:-600px; width: 1200px; text-align: center;}
.lmnav .nav > .box > li { display: inline-block;}
.lmnav .nav .box > li a { display: inline-block; line-height: 80px; padding: 0 25px; font-size: 16px; color: #fff; }
.lmnav .nav .box > li a:hover { text-decoration: underline;}
.lmnav .nav .icon_cart{position: absolute; right:0px;top: 15px; width: 50px; height: 50px; border-radius: 50%; background:#c79e47; box-shadow: 0 0 10px rgba(255,255,255,0.5);}
.lmnav .nav .icon_cart img{display: block; width: 24px; margin: 13px auto}
.newban{ overflow: hidden; }
.newban img{position: relative; left: 50%; margin-left: -960px;}

.wmain{  border-radius: 6px; background: #0b0f1a; border: 1px solid #716154; padding: 30px 20px; box-sizing: border-box; margin-top:40px;}
.main-img{float:left; border: 1px solid rgba(255,255,255,0.1); padding: 10px; width: 360px;box-sizing: border-box;}
.main-img img{display: block; width: 100%;}

.summary{float: left; margin-left: 40px; width: 750px;}
.product_title{ font-size: 28px; color: #fff; margin-bottom: 20px; font-weight: normal; margin-top: 10px;}
.price_inner{ line-height: 38px;}
.price_inner b{font-size: 28px;color: #ff4f19;}
.price_inner del{font-size: 16px; color:#555;margin-left: 20px;}
.description{color: #999; font-size: 16px; line-height: 26px; margin-top: 20px;}
.description li{padding:10px 0;}
.cart_button{display: flex; margin-top: 20px;}
.cart_button .btn{display: block; line-height: 50px; border: none; padding: 0 50px; background: #c79e47;color: #fff; font-size: 20px;font-weight: bold; }
.quantity{display: flex; border: 1px solid #fff;margin-left: 20px;}
.quantity input{border: none;background: none; line-height: 50px; padding: 0 20px; color: #fff; display: block; font-size: 16px;}
.quantity .qty{width: 35px;text-align: center;border-left: 1px solid #fff;border-right: 1px solid #fff;}
.summarytitle{margin-top: 30px; border-top:4px solid rgba(255,255,255,0.1); line-height: 80px; color: #fff; font-size: 24px;}
.summarytext{font-size: 16px; color: #999; line-height: 36px;}

.shop_table{ display: table; width: 100%;border-collapse: collapse;border-spacing: 0;}
.shop_table thead{ font-size: 14px;color: #fff;border:1px solid rgba(255,255,255,0.1);}
.shop_table thead th{font-weight: normal; line-height: 40px; text-align: left;padding: 8px;}
.shop_table td{padding: 8px;font-size: 14px;font-weight: normal;color: #999;border-color: rgba(255,255,255,0.1);}
.shop_table td:first-child {border-left: 1px solid rgba(255,255,255,0.1);}
.shop_table td:last-child {border-right: 1px solid rgba(255,255,255,0.1);}
.product_content img{ display: block; width: 80px;}
.product-name a{ color: #fff;}

.product-quantity .quantity{margin-left: 0px; max-width: 110px;}
.product-quantity .quantity input{ line-height: 40px; padding: 0 10px;font-size: 14px;}
.quantity .qty{width: 35px;}
.product-removelink a{color: #fff;}
.shop_table .product-subtotal{color:#fff;}
.shop_table tfoot{border:1px solid rgba(255,255,255,0.1);}
.coupons{position: relative;width: 320px;}
.coupons .text{display: block; width: 320px; line-height: 38px; border: 1px solid #fff;background: none; padding: 0 15px; box-sizing: border-box;}
.coupons .btn{position: absolute; right: 1px; top: 1px; background: #c79e47; color: #fff; border: none; line-height: 38px;padding: 0 20px;}
.total{text-align: right; font-size: 20px; color:#ff4f19;}
.pay_table{ border: 1px solid rgba(255,255,255,0.1);display: table; width: 100%;border-collapse: collapse;border-spacing: 0;box-sizing: border-box; margin-top: 30px;}
.pay_table th{text-align: left; color: #fff; line-height: 40px; padding: 8px;}
.pay_table td {padding: 10px; color: #999;line-height: 20px;}
.pay_table td label{ display: flex;}
.pay_table td input{ display: block; width: 16px; height: 16px;margin: 10px 0;}
.pay_table td img{height: 20px; margin: 0 15px;}

.subtotal{border: 1px solid rgba(255,255,255,0.1);margin-top: 30px; padding: 15px; font-size: 16px; color:#fff;}
.subtotal .coupons{float:left;}
.subtotal .right{float:right;}
.subtotal .btn{float:right; display: block; background: #c79e47; color: #fff; border: none; line-height: 50px; padding: 0 50px; font-size: 18px; margin-top: 20px;}
.status{width: 450px; margin: auto; margin-top: 80px; min-height: 500px;}
.status img{ display: block; height: 40px;margin: auto;margin-bottom:20px;}
.status .tips{font-size: 20px;color:#fff; text-align: center; margin-bottom: 30px;}
.status .list{color: #999; line-height: 30px;}
.status .btn{ line-height: 50px; background: #c79e47; color: #fff; font-size: 18px;  display: block; width: 200px; margin: auto; text-align: center; margin-top: 30px;}
.status .info{display: block; line-height: 50px; width: 100%;background:rgba(0,0,0,0.5); border: 1px solid #2c2c2c; padding: 0 15px; box-sizing: border-box; font-size: 16px; color: #fff;}
.status .note{font-size: 13px; color: #555;margin-top: 20px;}
.page-numbers{text-align: center;margin-top: 20px;}
.page-numbers a{display: inline-block;color: #c79e47;border: 1px solid #c79e47; font-size: 12px; line-height: 30px; padding: 0 10px;}
.page-numbers a.on{color: #fff; background:#c79e47;}