@charset "UTF-8";
html,body,*{border:0;vertical-align:baseline;margin:0;padding:0;background-repeat: no-repeat;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html,body, input, textarea, select, button {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga", "kern";outline:none;-webkit-appearance: none;}
html,body {font: 14px/16px 'Open Sans','Helvetica Neue',Arial,'Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',sans-serif; color:#000; background: #eaeaea; font-weight: 400;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;text-size-adjust: 100%;}
body {padding-bottom: 50px}

h1,h2,h3,h4,h5 {font-weight: 300;line-height: 1}
p {line-height: 1.6;font-size: 14px;}
* {box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
a {text-decoration:none;color:#000;outline: none}
/* a:hover {text-decoration:none; color:#000;} */
/* .clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after ,.product-body:before,.product-body:after {clear: both;font-size:0; height: 0; line-height: 0;visibility: hidden;display: block;content: " ";} */
/* .clearfix:before, */.clearfix:after,/* .container:before, */.container:after,/* .panel-body:before,.panel-body:after, */ /* .row:before, */.row:after ,/* .product-body:before, */.product-body:after {clear: both;font-size:0; height: 0; line-height: 0;visibility: hidden;display: block;content: " ";}
.container {padding: 0 10px}
.blur {-webkit-backface-visibility: hidden; -ms-filter: blur(5px); -moz-filter: blur(5px); -webkit-filter: blur(5px); filter: blur(5px);}
.cell {display: table-cell; width: 9999px;table-layout:fixed;*display: inline-block; *width: auto;}
.disabled {text-decoration: line-through; color: #999 !important}
.border-box,textarea {box-sizing: border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.flex {display:-moz-box; display:-webkit-box; display:-o-box; display:box; display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex; /* -webkit-flex-flow: column wrap;flex-flow: column wrap;justify-content: space-around; */}
.middle {display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-webkit-box-align: center;display: -moz-box;-moz-box-orient: horizontal;-moz-box-pack: center;-moz-box-align: center;display: -o-box;-o-box-orient: horizontal;-o-box-pack: center;-o-box-align: center;display: -ms-box;-ms-box-orient: horizontal;-ms-box-pack: center;-ms-box-align: center;display: box;box-orient: horizontal;box-pack: center;box-align: center;}
.line {margin-top: 10px; border-top: #ccc 1px solid; height: 10px; overflow: visible;}
.bg-white {background: #fff;}
/*
.clearfix:before,.clearfix:after,.container:before,.container:after, {display: table; content: " ";}
 .toggle:after {content: ''; display: inline-block; width: 6px; height: 6px; border: solid #333; border-width: 0 1px 1px 0; vertical-align: middle; margin-left: 7px;transition:transform .2s ease-in; transform: rotate(45deg); -webkit-transform: rotate(45deg);} */
.toggle:after {content: '\e603';font-family: "iconfont";font-size: 0.857rem;line-height: 24px;color: #888;vertical-align: 0;padding-left: 7px;}
/* .toggle:after {content: '◇';font-size: 0.714rem;line-height: 24px;color: #888;vertical-align: 0;padding-left: 7px;} */
/* .toggle:hover:after {border-width: 1px 0 0 1px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} */
.ml5 {margin-left: 5px !important}.ml10 {margin-left: 10px !important}.ml15 {margin-left: 15px !important}.ml20 {margin-left: 20px !important}.ml30 {margin-left: 30px !important}
.mr5 {margin-right: 5px !important}.mr10 {margin-right: 10px !important}.mr15 {margin-right: 15px !important}.mr20 {margin-right: 20px !important}.mr30 {margin-right: 30px !important}
.mt5{margin-top:5px !important}.mt6{margin-top:6px !important}.mt8{margin-top:8px !important}.mt10{margin-top:10px !important}.mt20{margin-top:20px !important}.mt30{margin-top:30px !important}
.mb5{margin-bottom:5px !important}.mb6{margin-bottom:6px !important}.mb8{margin-bottom:8px !important}.mb10{margin-bottom:10px !important}.mb20{margin-bottom:20px !important}.mb30{margin-bottom:30px !important}.mb50{margin-bottom:50px !important}.mb60{margin-bottom:60px !important}
.pl5 {padding-left: 5px !important}.pl10 {padding-left: 10px !important}.pl15 {padding-left: 15px !important}.pl20 {padding-left: 20px !important}.pl30 {padding-left: 30px !important}
.pr5 {padding-right: 5px !important}.pr10 {padding-right: 10px !important}.pr15 {padding-right: 15px !important}.pr20 {padding-right: 20px !important}.pr30 {padding-right: 30px !important}
.m0 {margin:0!important;}
.p0 {padding:0!important;}
.fl-left {float: left !important}
.fl-right {float: right !important}
.t-left {text-align: left !important}
.t-center {text-align: center !important}
.t-right {text-align: right !important}
.po-right {right:0 !important; left:auto !important}
.show {display: block !important}
.hide {display: none !important}
.row {margin-right: -10px; margin-left: -10px;}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {padding-right: 10px; padding-left: 10px;position: relative;min-height: 1px; float: left;}
.col-1 {width: 8.33%}
.col-2 {width: 16.67%}
.col-3 {width: 25%}
.col-4 {width: 33.33%}
.col-5 {width: 41.67%}
.col-6 {width: 50%}
.col-7 {width: 58.33%}
.col-8 {width: 66.67%}
.col-9 {width: 75%}
.col-10 {width: 83.33%}
.col-11 {width: 91.67%}
.col-12 {width: 100%}
.line-dashed,.line-solid {clear: both; float: none; width: 100%; margin: 0 0 15px; border: none; border-bottom: #bac3b0 1px dashed; height: 15px;}
.line-solid {border-bottom: #bac3b0 1px solid;}

.btn {font-size: 1rem; display: inline-block; background: #666; color: #fff; text-align: center; border: none; cursor: pointer; padding:5px 10px;}
.btn:hover {background: #a07936; color: #fff !important;}
.btn-circle {border-radius: 38px;}
.btn-big {font-size: 1.143rem; padding: 15px 30px}
.btn-none {background: #fff; color: #333; border: #fff 1px solid}
.btn-white {background: #fff; color: #000; border: #ccc 1px solid}
.btn-yellow {background: #fabf37; color: #000;}
.btn-red {background: #a07936; color: #fff;}
.btn-red:hover {background: #ff9933; color: #fff;}
.btn-green {background: #1abc9c; color: #fff;}
.btn-green:hover {background: #3a4153; color: #fff;}
.btn-orange {background: #ff9933; color: #fff;}
.btn-orange:hover {background: #a07936; color: #fff;}
.btn-long {width: 100%; padding: 10px}

.has {color:#a07936}

header {position: fixed; top: 0; z-index: 99990;transform: translateZ(0);-webkit-transform: translateZ(0); width: 100%; height:50px; color:#000; padding: 3px 0; margin:0; background: rgba(255,255,255,0.8); -webkit-user-select:none; box-shadow: 0px 0px 5px #ccc; /* transition: all .5s; -webkit-transition: all .5s; */}
header .container {display:-moz-box; display:-webkit-box; display:-o-box; display:box;display: -ms-flexbox;display: -webkit-flex;display: flex;/* -webkit-flex-flow: column wrap;flex-flow: column wrap;justify-content: space-around; */}
header .logo {width: 120px; /* float: left; */ padding: 10px 0; margin-right: 10px;}
header .logo img {width: 100%; vertical-align: middle;}
header .title,.pop-header .title {/* float: left; width: 200px;*/ padding: 15px 0; text-align: center; font-size: 1.125rem; overflow: hidden; -webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;-ms-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -webkit-box-ordinal-group: 3; box-ordinal-group: 3;}
header .search {/* float: right; */-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1; min-width: 120px; position: relative;-ms-box-ordinal-group: 5; -moz-box-ordinal-group: 5; -webkit-box-ordinal-group: 5; box-ordinal-group: 5;}
header .search form {background: #fff; padding: 4px 25px 4px 4px; margin-top: 7px; height: 30px;  display: flex; border-radius: 30px; position: relative;}
header .search input {width:100%; flex: 1; height: 22px; vertical-align: middle; padding: 0; margin-top: 0}
header .search button {background: transparent; width: 16px; height: 16px; color: #888; position: absolute; top:6px; right: 9px}
.image-search {background:url(../../images/camera.png) no-repeat center top; background-size: 20px auto; height:20px; line-height:20px; border:none; width: 20px; cursor: pointer; position: relative; margin-right: 6px;}
.back-btn {width: 25px; /* float: left; */margin-right: 10px; padding: 14px 0;-ms-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-box-ordinal-group: 1; box-ordinal-group: 1;}
.back-btn i {font-size: 1.625rem}
.more-btn {width: 25px; margin-left: 10px; padding: 14px 0;}
.more-btn i {font-size: 1.625rem}
#menu-trigger {width: 25px; /* float: right; */ margin-left: 10px; padding: 14px 0; position: relative; -ms-box-ordinal-group: 6; -moz-box-ordinal-group: 6; -webkit-box-ordinal-group: 6; box-ordinal-group: 6;}
#menu-trigger i {display: block; width: 100%; height: 2px; margin-bottom: 5px; background: #000; transform: scaleX(1); -webkit-transform: scaleX(1); transition: all .5s; -webkit-transition: all .5s;}
#menu-trigger.on i {position: absolute; top:20px;}
#menu-trigger.on i:nth-child(1) {transform: scaleX(1) rotateZ(45deg); -webkit-transform: scaleX(1) rotateZ(45deg);}
#menu-trigger.on i:nth-child(2) {transform: scaleX(0); -webkit-transform: scaleX(0);}
#menu-trigger.on i:nth-child(3) {transform: scaleX(1) rotateZ(-45deg); -webkit-transform: scaleX(1) rotateZ(-45deg);}

nav {position: fixed; right:-260px; top:0; z-index: 99995; width: 260px; min-height: 320px; background: rgba(255,255,255,0.9); overflow: auto; /* transition: all .5s; -webkit-transition: all .5s; */}
nav dl {padding:10px;}
nav .close {position: absolute; right:0px; top:0px; width: 30px; height: 30px; line-height: 30px; border-radius: 30px; background: rgba(255,255,255,0.5);color: #fff; font-size: 1rem; text-align: center;}

.all-nav-list {margin: 10px 0;}
.all-nav-list .nav-item {}
.all-nav-list .nav-item h3{font-weight: bolder; padding: 11px 10px; border-bottom:1px solid #ccc; font-size: 1rem;position: relative;}
.all-nav-list .nav-item span{display: none;} 
.all-nav-list .nav-item-list{display:none;}
.all-nav-list .nav-item-list .close{display: none}
.nav-item-list .sub-nav-item {}
.nav-item-list .sub-nav-item dl{padding:6px 0px;}
.nav-item-list .sub-nav-item dd em{font-style: normal;}
.nav-item-list .sub-nav-item dt,.nav-item-list .sub-nav-item dd{position:relative;}
.nav-item-list .sub-nav-item dt a,.nav-item-list .sub-nav-item dd a{display: block;padding: 9px 10px; border-bottom:1px dashed #ccc; color:#666;text-decoration:none;}
.nav-item-list .sub-nav-item dd a {padding: 9px 10px 9px 20px;}
.nav-item-list .cat-ex-info,.nav-item-list .cat-ex-info dl,.nav-item-list .cat-ex-info dd,.nav-item-list .cat-ex-info dt{padding:0;}
.nav-item-list .cat-ex-info dd img {max-width:100%; width: 100%;}
.all-nav-list .nav-item h3:after,.nav-item-list .sub-nav-item dt:after,.nav-item-list .sub-nav-item dd:after {content: "\e608";position: absolute; right: 5px; top:50%; margin-top: -5px; font-family: iconfont; font-size: 0.714rem; font-weight: 300; color: #ccc;transition: all .5s; -webkit-transition: all .5s;}
.all-nav-list .nav-item h3:after {content: "\e617";}
.expand .nav-item-list {display: block;}
.nav-item.expand h3:after {transform: rotateZ(-180deg); -webkit-transform: rotateZ(-180deg);}
.nav-item.no-children h3:after {transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg);}

#toggle-language,#toggle-currency,#toggle-terminal {padding: 5px; text-align: center;}
#toggle-language ul,#toggle-currency ul {width: 100%; white-space:nowrap; -webkit-flex-flow: row nowrap;flex-flow: row nowrap; -moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; -webkit-justify-content: space-around;justify-content: space-around;}
#toggle-language ul a,#toggle-currency ul a,#toggle-terminal a {display: inline-block; padding: 5px 10px; width: 100px; border-radius: 30px; border:#ccc 1px solid; background: #fff}
#toggle-language ul a img,#toggle-currency ul a img {margin-right: 3px;}
#toggle-language ul a.on,#toggle-currency ul a.on,#toggle-terminal a.on {background: #FCF1E2}
#toggle-terminal {text-align: center;}

#bottom-bar {position: fixed; left: 0; bottom: 0; z-index: 99900; width: 100%; height:50px; color:#000;  margin:0; background: #fff; border-top: #ccc 1px solid;-webkit-user-select:none;/* box-shadow: 0px 0px 5px #555; */}
#bottom-bar ul {display:-moz-box; display:-webkit-box; display:-o-box; display:box;
-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; display: -ms-flexbox;display: -webkit-flex;display: flex;  -webkit-justify-content: space-around;justify-content: space-around; width: 100%}
#bottom-bar ul li {/* float: left; width: 25%; */ overflow: hidden; position: relative;}
#bottom-bar ul li a {display: block; text-align: center; color: #000; padding: 8px 0;height:50px;}
#bottom-bar ul li i {font-size: 1.429rem; color: #555;}
#bottom-bar ul li span {display: inline-block; width: 100%; margin-top: 1px; font-size: 0.857rem}
#bottom-bar ul li em {position: absolute; right: 2px; top: 3px; background: #a07936; padding:0 2px; min-width: 15px; height: 15px; font-size: 10px; color: #fff; border-radius: 30px 30px 30px 0px; text-align: center; font-style: normal;}
#bottom-bar ul li a.on {color: #a07936}
#bottom-bar ul li a.on i,#bottom-bar ul li a.on span{color: #a07936;}
#bottom-bar ul li a.btn {background: #a07936; color:#fff}
#bottom-bar ul li a.btn i,#bottom-bar ul li a.btn span{color: #fff;}
#bottom-bar ul.product-bottom-bar {-webkit-justify-content:space-between;justify-content:space-between}
#bottom-bar ul.product-bottom-bar li {width:18%}
#bottom-bar ul.product-bottom-bar li:nth-child(3) {width:24%; margin-left: 10px; /* float: right; */}
#bottom-bar ul.product-bottom-bar li:nth-child(4) {width:40%; margin-left: 10px; /* float: right; */}
#bottom-bar ul.product-bottom-bar li:nth-child(4) a {line-height: 34px; font-size: 1.286rem}
#bottom-bar ul li i.has {color: #a07936}


footer {position: relative;}
footer .container {padding:10px; background-color: #fff; /* border-top: #ff9933 1px solid; */}
footer .subscribe-container {}
footer .subscribe-title {color: #999; font-size: 1.143rem; font-weight: normal; padding: 0 0 10px 0; text-transform: uppercase;}
footer .subscribe {width: 100%;}
.subscribe form {width: 100%; display: block; overflow: hidden; background-color: #fff; border: #a07936 2px solid; height: 40px; line-height: 40px; padding-right: 90px; position: relative;}
.subscribe form input {width: 100%; height: 36px; padding: 0 10px; overflow: hidden; background: #fff; font-size: 1rem; border: none;}
.subscribe form button {width: 80px; height: 36px; text-align: center; font-size: 1rem; background-color: #a07936; color: #fff; border: none; cursor: pointer; position: absolute; right:0; top:0; text-transform: uppercase;}
.subscribe form button i {margin-right: 5px; vertical-align: middle;}
.subscribe form {border: #ccc 1px solid;height: 38px; line-height: 38px;}

.footer-nav {padding: 20px 0; margin-top: 30px; border: #eee 1px solid; border-width: 1px 0}
.footer-nav dl.f-nav-list {width: 20%; float: left; color: #666}
.footer-nav dl a {color: #666}
.footer-nav dl dt {padding: 0 0 5px 0; font-size: 1.143rem; text-transform:uppercase;}
.footer-nav dl dd {padding: 2px 0; font-size: 0.857rem; /*list-style: disc; list-style-position: inside*/}
.footer-nav-bar {padding: 20px 0; text-align: left;}
.footer-nav-bar li {display: inline-block; border: none; border-left: #ccc 1px solid; padding:0 15px 0 16px; color: #888;}
.footer-nav-bar li:nth-child(1) {border: none; padding-left:0 }
.footer-nav-bar li a {color: #888;}
.footer-copyright {padding: 5px 0}
.copyright {color: #999; text-align: center;}
.footer-copyright .copyright {color: #999; text-align: left}
.footer-copyright .payment-logo {text-align: right;}

.viewport {padding-top: 50px; position: relative;  /* transition: all .5s; -webkit-transition: all .5s; */}


.countdown {padding: 8px 10px; background-color: #fff; border: #ddd 1px solid; display: inline-block; margin: 10px 0;}
.countdown i {font-size: 1.357rem; color: #666; vertical-align: middle;}
.countdown span {margin-left: 5px; display: inline-block; vertical-align: middle;}
.option label {display: inline-block; min-width: 32px; background-color: #fff; border: #ccc 1px solid; padding: 2px; position: relative;}
.option label a {display: inline-block; min-width: 26px; height: 26px; line-height: 26px; background-color: #fff; vertical-align: middle; font-size: 0.857rem; color: #888; cursor: pointer;}
.option label a img {height: 100%; vertical-align: middle;}
.option label a span {margin: 0 5px;}
.option label i {width: 13px; height: 13px; position: absolute; right:0; bottom: 0; background: url(../../images/selected.png) no-repeat 0 0; display: none}
.option label.selected {border: #e4393c 2px solid; padding: 1px;}
.option label.selected i {display: block; }
.option input {display: none}

.checkbox {width:20px;height: 20px; display: inline-block; position: relative; vertical-align: middle;}
.checkbox input {display: none}
.checkbox:before {border:1px solid #999; width: 10px; height: 10px; border-radius: 10px; position: absolute; left: 5px; top: 5px; content: ' '}
.checkbox.selected {background: #e4393c; border-color:#e4393c; border-radius: 30px;}
.checkbox.selected:before,.checkbox.selected:after {background:#fff; height: 2px; border-radius: 5px; position: absolute; border:none; content: ' '}
.checkbox.selected:before {transform-origin:right; width: 7px; left:1px; top:13px; transform: rotate(45deg);}
.checkbox.selected:after {transform-origin:left; width: 13px; right:0px; bottom: 5px; transform: rotate(-45deg);}

.switch-checkbox { display: inline-block; vertical-align: middle; width: 2.6rem; border-radius: 0.8rem; box-sizing: border-box; height: 1.6rem; position: relative; cursor: pointer; -webkit-align-self: center; align-self: center; }
.switch-checkbox .switch-box { width: 2.6rem; border-radius: 0.8rem; box-sizing: border-box; height: 1.6rem; background: #e5e5e5; z-index: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: none; cursor: pointer; position: relative; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.switch-checkbox .switch-box:before { content: ' '; position: absolute; left: 0.1rem; top: 0.1rem; width: 2.4rem; border-radius: 0.8rem; box-sizing: border-box; height: 1.4rem; background: #fff; z-index: 1; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: scale(1); transform: scale(1); }
.switch-checkbox .switch-box:after { content: ' '; height: 1.4rem; width: 1.4rem; border-radius: 1.4rem; background: #fff; position: absolute; z-index: 2; top: 0.1rem; left: 0.1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.4); -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.switch-checkbox input[type="checkbox"] { display: none; }
.switch-checkbox input[type="checkbox"]:checked + .switch-box { background: #4cd964; }
.switch-checkbox input[type="checkbox"]:checked + .switch-box:before { -webkit-transform: scale(0); transform: scale(0); }
.switch-checkbox input[type="checkbox"]:checked + .switch-box:after { -webkit-transform: translateX(1.1rem); transform: translateX(1.1rem); }
html.android .switch-checkbox input[type="checkbox"] + .switch-box { -webkit-transition-duration: 0; transition-duration: 0; }
html.android .switch-checkbox input[type="checkbox"] + .switch-box:after,
html.android .switch-checkbox input[type="checkbox"] + .switch-box:before { -webkit-transition-duration: 0; transition-duration: 0; }

.digit {margin: 10px 0; width: 90px; height: 30px; line-height: 28px; font-size: 0; text-align: center; border: #ddd 1px solid; overflow: hidden;}
.digit label {width: 90px; display: block;}
.digit a {width:20px; height: 28px; float: left; border-right: #ddd 1px solid; font-size: 1.250rem; background-color: #f1f1f1; color: #666; font-family: Arial}
.digit a:hover {background-color: #a07936; color: #fff !important}
.digit input {width: 50px; height: 28px;border: none; font-size: 1.214rem; border-right: #ddd 1px solid; text-align: center; float: left;}


/* -------------------------- */
/* 新增批量加购物车-Mobile */
.option label b {height: 20px; position: absolute; right: -10px; top: -10px; display: none; background: #F00; color: #fff; font-size: 10px; line-height: 20px; text-align: center; padding: 0 10px; border-radius: 50px;}
.img-option {overflow-y: auto; max-height: 300px;}
.img-option label {margin-right: 20px;}
.img-option label a {height: 50px; line-height: 50px; width: 43vw; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.img-option label a img {height: 46px; margin-right: 20px;}
.img-option label a span {color: #000; padding-right: 10px; font-size: 14px;}
ul.qty-list {border-bottom: #ccc 1px dotted; height: 50px; font-size: 14px; display: flex;}
ul.qty-list li {height: 50px; line-height: 50px;}
ul.qty-list li.qty-1 {width: 80px;}
ul.qty-list li.qty-2 {width: 80px;font-weight: bolder;  font-size: 16px;}
ul.qty-list li.qty-3 {width: 120px;}
ul.qty-list li.qty-4 {text-align: left; font-weight: bold; color: #f00;}
ul.qty-list .digit {width: 110px;}
ul.qty-list .digit label {border: none;height: 28px; width: 110px; padding: 0;}
ul.qty-list .digit label:hover {border: none;}
ul.qty-list .digit {height: 30px; line-height: 28px;}
ul.qty-list .digit a {width:30px; height: 28px; line-height: 28px; font-weight: bolder; font-size: 16px;}
ul.qty-list .digit input {height: 28px;width: 50px; display: block;}
/* -------------------------- */

#loading {width:80px; height:80px; border-radius:10px; background:url(../../images/loading.gif) center 5px no-repeat rgba(255,255,255,0.5); position:absolute; left:50%; margin-left:-40px; top:100px; z-index:999999; padding-top:50px; color:#fff; text-align:center; filter:Alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.msgbox,.msgbox_body,.msgbox_icon,.msgbox_info {display:inline-block;height:56px;line-height:30px;padding:13px;font-weight:bold;font-size:14px;color:#606060;vertical-align: middle;}
.msgbox {width:100%;position:fixed;_position:absolute;top:46%;left:0;text-align:center;z-index:999999;padding:0; display: block;}
.msgbox_body {background:#fff;margin:0 auto;position:relative;z-index:999999;border:#ccc 1px solid;padding:0; height:auto; box-shadow:0 0px 3px #999;}
.msgbox_info {background:#fff;padding:13px 20px; vertical-align: middle;}
.msgbox_icon {background:#f5f5f5;font-size:30px;text-align:center;padding:13px 18px; vertical-align: middle;}
.msgbox_icon i.icon-succeed {color:#27AE60}
.msgbox_icon i.icon-failure {color:#E74C3C}
.msgbox_icon i.icon-tip {color:#3498DB}
.msgbox_icon i.icon-warn {color:#F39C12}

.tip-page {padding: 50px; font-size: 1.286rem; text-align: center; background: #fff; line-height: 1.5;}
.tip-page i {font-size: 80px; vertical-align: middle;}
.tip-page i.icon-succeed {color:#27AE60}
.tip-page i.icon-failure {color:#E74C3C}
.tip-page i.icon-tip {color:#3498DB}
.tip-page i.icon-warn {color:#F39C12}
.tip-page  span {display: block;  margin-top: 20px;}

.main-slide {}
.main-slide img,.swiper-slide img{width: 100%}
.swiper-pagination-bullet {background:#000;border:2px solid #fff;}
.swiper-pagination-bullet-active {background:#a07936}

.list-tab {padding:10px; white-space:nowrap; display:-moz-box; display:-webkit-box; display:-o-box; display:box; overflow: hidden; overflow-x: auto; height: 50px}
.list-tab a {display: inline-block; padding: 0 10px; background-color: #f3f3f3; font-size: 1rem; font-weight: normal; height: 30px; line-height: 30px; margin:0 8px 0 0; position: relative; text-align: center; color: #555}
.list-tab a.on,.list-tab a:hover  {background-color: #a07936; color: #fff!important}
.list-tab a.on i {position: absolute; left: 50%; bottom:-12px; margin-left: -6px; border-width: 6px; border-color: #a07936 transparent transparent transparent; border-style: solid; display: block; width: 0; height: 0; z-index: 9}
.panel {}
.panel-body {display: none}

.banner-box {margin:5px; clear: both;}
.banner-box img {width: 100%}

.list-empty {padding: 50px!important; text-align: center;}

.products {}
.product {padding: 5px; width: 50%; overflow: hidden; position: relative; z-index: 100}
.product .product-body {border: #ddd 1px solid; background: #fff; padding: 5px;}
.product .product-img {position: relative; overflow: hidden;}
.product .product-img img {width: 100%;display: block;}
.product .product-explain {padding: 5px 10px}
.product .title {margin: 8px 0; font-size: 1rem; color: #777; height: 34px; overflow: hidden; text-overflow:ellipsis;}
.product .title a {color: #777}
/* .product .title a:hover {color: #a07936} */
.product .price {color: #a07936; font-size: 1.143rem; font-weight: bold;}
.product del {color: #888; margin-right: 8px; font-size: 0.857rem; font-weight: normal; display: none}
.product ins { text-decoration: none}
.product .to-wishlist,.product .to-cart {position: absolute; right: 15px; display: block; width: 20px; height: 20px; line-height:20px; font-size: 20px; text-align: center;}
.product .to-wishlist {top:15px; color: #333; opacity: 0.7}
.product .to-wishlist.has {color: #a07936;}
.product .to-cart {bottom:15px; color: #000;}
/* .product .product-img .ctrl-bar {position: absolute; left:0; bottom:0; width: 100%; overflow: hidden;}
.product .ctrl-bar .quick-view,.product .ctrl-bar .add-to-cart {background-color: rgba(0,0,0,0.5); color: #fff; text-align: center; padding: 8px 10px;}
.product .ctrl-bar .quick-view a {margin: 0 5px; color: #fff;}
.product .ctrl-bar .quick-view a:hover {color: #a07936}
.product .ctrl-bar .add-to-cart {background-color: #ff9933; padding: 0}
.product .ctrl-bar .add-to-cart a {display: block; padding: 8px 10px; background-color: #ff9933; color: #fff}
.product .ctrl-bar .add-to-cart a:hover {background-color: #a07936; color:#fff !important;}
.product .product-img .ctrl-bar {-webkit-animation:downOut .3s ease-in-out alternate;animation:downOut .5s ease-in-out alternate forwards;}
.product:hover .product-img .ctrl-bar {-webkit-animation:downIn .3s ease-in-out alternate;animation:downIn .5s ease-in-out alternate forwards;} */
.product .comments {}
.product .attr {color: #333; padding: 5px 0; display: none}
.product .attr span {color: #375d81}
.product .desc {color: #888; display: none}
.product .close{position:absolute;width:30px;height:30px;background-color: #fff; background-color: rgba(250,250,250,0.9); border-radius: 30px; font-size: 18px; line-height: 30px; overflow: hidden; color:#aaa;cursor:pointer;top:12px;right:12px;text-align:center; z-index: 99; /* line-height:16px;font-family:"Microsoft Yahei";font-size:1.429rem;background:none; */}
.product .close:hover {background-color:#e4393c;color: #fff}


.waterfall-column .product{width: 100%}

.abs-product {}
.abs-product .product .product-img{/* height: 100px; */ text-align: center; background: #fff}
.abs-product .product .product-img img {max-width: 100%; /* max-height: 100%; */ width: auto; display: inline-block; vertical-align: middle;}
.abs-product .product .title {height: 50px; width: 100%; overflow: hidden; text-overflow:ellipsis;}

.product-container {overflow: hidden; }
.product-container h1 {font-size: 1.429rem; font-weight: normal; padding:10px; text-transform: uppercase; margin:0}
.product-filter {padding:10px;}
.product-filter .btn-group-child {padding: 6px 10px}
.product-grid {padding: 0 5px}
.product-grid .product {float: left; position: relative;}
.product-list .product {width: 100%; position: relative;}
.product-list .product-body {border:transparent 1px solid; border-bottom: #ddd 1px solid;}
.product-list .product:hover .product-body {border: #ddd 1px solid;}
.product-list .product-body .product-img {float: left; width: 30%; padding-right: 10px}
.product-list .product-body .product-explain {float: right; width: 70%; padding-left: 10px}
.product-list .product-body .title {display: block; width: 100%}
.product-list .product-body .title a {font-size: 1.143rem; color: #555}
.product-list .ctrl-bar {float: right; width: 150px}
.product-list .ctrl-bar .quick-view {background-color: transparent; font-size: 0;-webkit-text-size-adjust:none; padding: 10px 0 10px 1px;}
.product-list .ctrl-bar .quick-view a {width: 33.33%; height: 35px; line-height: 35px; border: #ccc 1px solid; color: #666; font-size: 1rem; display: inline-block; text-align: center; margin: 0 0 0 -1px}
.product-list .price {margin-right: 190px}
.product-list .comments {margin-right: 190px}
.product-list .product .attr {display: block;}
.product-list .product .desc {clear: both; display: block; width: 100%}

#product-end {padding:20px 0; line-height: 1.5; color: #888; text-align: center; width: 100%; clear: both; display: none}
#product-loading {background:url(../../images/loading.gif) center center no-repeat; height:90px; width: 100%; clear: both; display: none}

.btn-group {display: inline-block;}
.btn-group-body {padding-left: 1px;font-size: 0;-webkit-text-size-adjust:none;}
.btn-group-child {border: #ddd 1px solid; display: inline-block; background-color: #f1f1f1; color: #777; font-size: 1rem; padding:3px 7px; margin-left:-1px;}
.btn-group-child.on,.btn-group-child:hover {background-color: #a07936; border: #a07936 1px solid; color: #fff}

.article-container {padding: 5px 0; margin:10px 0; background: #fff}
.article-list {margin: 5px; background: #fff}
.article-list li  {width: 100%; padding: 5px 10px; border-bottom: #e1e1e1 1px dashed; font-size: 0.857rem;}
.article-list li a {color: #666;}
.article-list li strong {margin-right: 5px;}

.article-info {padding: 5px}
.article-info h1 {font-size: 1.429rem; line-height: 1.5}
.article-copyform {padding: 20px 0; color: #999}
.article-copyform span {margin-right: 20px}
.article-copyform a {color: #999}
.article-content {padding: 20px 0; color: #000; font-size: 1rem; line-height: 1.8}
.article-content p {color: #000; font-size: 16px; line-height: 1.8 !important; padding: 10px 0;}
.article-content img {max-width: 98%}
.relate-links {padding: 10px 0;}
.relate-links li {width: 100%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; padding: 5px 0; line-height: 1.6; color: #999}
#product-prev,#product-next {position: fixed; top:50%; margin-top: -15px; width: 30px; height: 30px; line-height: 30px; overflow: hidden; background: rgba(0,0,0,0.5); color: #fff; text-align: center;}
#product-prev a,#product-next a {color: #fff;}
#product-prev {left:0;}
#product-next {right:0;}

#product-intro {padding: 5px}
#product-intro h1 {font-size: 1.143rem; padding:5px 0; margin-top: 5px; border-top:#ccc 1px solid; font-weight: normal; line-height: 1.5}
#product-intro dl {padding: 3px 0px}
#product-intro dt {/* float: left; width: 100px; */ padding:3px 0; text-transform: capitalize;}
#product-intro dd {padding:3px 0; /* margin-left: 100px; */}
#product-intro .price {padding:5px; /* background-color: #f5f5f5; */ }
#product-intro .price dt,#product-intro .price dd {display: inline-block;}
#product-intro .price dd {margin-right: 10px}
#product-intro .price a {color: #888;}
#product-intro .price label,#product-intro .attr label {}
#product-intro .price del {color: #888; margin-right: 8px; font-size: 0.857rem; font-weight: normal;}
#product-intro .price ins {font-size: 1.429rem; font-weight: bold; color: #a07936; text-decoration: none}
#product-intro .promotion {padding:3px 0;}
#product-intro .promotion span {display: block; padding: 0 0 10px 0}
#product-intro .promotion strong {background: #c30e24; color: #fff; display: inline-block; padding:1px 5px;}
#product-intro .gift {color: #333; padding: 10px 0}
#product-intro .gift a {color: #333;}
#product-intro .gift i {color: #c30e24; margin-right: 10px}
#product-intro .gift img {width: 30px; margin-right: 10px}
#product-intro .attr {padding:3px 10px;}
#product-intro .attr span {}
#product-intro .option,#product-intro .attr {padding:5px 0; /* margin: 20px 0; */display:-moz-box; display:-webkit-box; display:-o-box; display:box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; width: 100%}
#product-intro .option dt,#product-intro .option dd {padding:6px 0;}
#product-intro .attr {padding:2px 0; color: #666}

#product-detail {padding: 5px}
.product-detail {border-bottom: #ddd 1px solid; margin-top: 20px}
.product-detail,.product-detail p {line-height: 1.6}
.product-detail .list-tab,.most-product .list-tab {background-color: #f5f5f5; padding: 0; height: 50px}
.product-detail .panel,.most-product .panel {background-color: #fff; padding: 30px 0; margin-top: -10px}
.product-detail .panel-body,.most-product .panel-body {padding: 10px 5px}
.product-detail img {max-width: 100%}

.pop-container {position:fixed;z-index:999990;top:0px;left:100%;height:100%;width:100%;background:#eaeaea;display:block; overflow: hidden;}
.pop-container.animate{-webkit-animation-duration: .3s;animation-duration: .3s;}
.pop-header {display:-moz-box; display:-webkit-box; display:-o-box; display:box;
-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between;width: 100%; height:50px; color:#000; padding: 3px 10px; margin:0; background: #fff; -webkit-user-select:none; box-shadow: 0px 0px 5px #ccc;}
.pop-header .submit {padding: 9px 0 0 10px}
.pop-header .submit .btn {padding:5px 9px; border-radius: 3px}
.pop-body {overflow: auto; position: fixed; left:0; top: 50px; width: 100%; height:-moz-calc(100% - 100px);height:-webkit-calc(100% - 100px);height: calc(100% - 100px);}
.pop-body .input {background: #fff; padding: 5px; margin-top: 10px}
.pop-body .input input,.pop-body .input textarea {width: 100%; border: none; font-size: 1.143rem}
.pop-body .input input {padding:5px 0;}
.pop-body .input textarea {height: 100px}
.pop-body .input-tip {padding: 5px; color: #777; font-size: 1rem}
.pop-footer {position: fixed; left:0; bottom: 0; height: 50px; width: 100%; padding: 5px 5px; border-top: #eee 1px solid; background: #fff;}
.pop-footer .btn {width: 100%; height: 40px; text-align: center;}

.preview {position:fixed;z-index:999980;top:0px;left:100%;height:100%;width:100%;background:#000;display:block; overflow: hidden;}
.preview.animate{-webkit-animation-duration: .3s;animation-duration: .3s;}
.preview-header {display:-moz-box; display:-webkit-box; display:-o-box; display:box;-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between;width: 100%; height:50px; color:#fff; padding: 3px 10px; margin:0; /* background: rgba(0,0,0,0.5); */ -webkit-user-select:none; position:fixed;top:0;left:0;z-index: 10}

.preview-body {overflow: hidden; position: absolute;top:0px;left:0;height:100%;width:100%;z-index: 2;}
.preview-footer {position: fixed; left:0; bottom: 0; z-index: 10px; height: 50px; width: 100%; padding: 5px 5px; z-index: 5; text-align: right;}
.preview-footer .btn {padding:10px 20px; text-align: center;}
.preview input[type="file"] {height:0px;width:0px;border:0px;display:none;}
.preview-img {position: absolute; left:0; top:0; z-index: 3;}
.preview-img img {width: 100%}
.crop-mask {position: absolute; /* left:50%; top:50%; */ left:0; top:0; z-index: 5;height:100%;width:100%;}

.overlay,#buy-container-overlay{position:fixed;z-index:999930;top:0px;left:0px;height:100%;width:100%;background:#000;display:none;opacity: 0.7}
#buy-container {width: 100%;background:#fff; position: fixed; left:0; bottom: 0; z-index: 999933; min-height: 200px;display:none;}
#buy-container .close {width: 30px; height: 30px; position: absolute; right:8px; top:8px;}
#buy-container .close:before,#buy-container .close:after {display: block; width: 100%; height: 2px; margin-bottom: 5px; background: #333;position: absolute; top:15px; content: ' '}
#buy-container .close:before {transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);}
#buy-container .close:after {transform:rotateZ(-45deg); -webkit-transform:rotateZ(-45deg);}
#buy-container .product-img {position: absolute; left:10px; top:-30px; width: 80px; height: 80px; border-radius: 5px; border:1px solid #aaa; background: #fff; overflow: hidden;vertical-align: middle;text-align: center;}
#buy-container .product-img img {max-width: 100%;max-height: 100%;display: inline-block; vertical-align: middle;}
#buy-container .product-img:after {display: inline-block; vertical-align: middle; height: 100%; content: ' '}
#buy-container .price {color: #a07936; font-size: 1.429rem; padding:20px 50px 20px 110px; }
#buy-container .buy-body {max-height: calc(100%-300px); overflow: auto;}
#buy-container .option {padding:5px 10px;overflow-y: auto; max-height: 300px;}
#buy-container .option dt {padding:0;}
#buy-container .option dd label {margin:5px 10px 5px 0;}
#buy-container .quantity {padding: 10px; margin:10px 0; border:#eee 1px solid; border-width: 1px 0; display:-moz-box; display:-webkit-box; display:-o-box; display:box;-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#buy-container .quantity .title {height: 40px; line-height: 40px; font-size: 1.143rem; color: #666}
#buy-container .quantity .digit {vertical-align: middle; margin:0;width: 150px; height: 40px}
#buy-container .quantity .digit label {width: 150px; height: 40px}
#buy-container .quantity .digit a{width: 30px; height: 40px; line-height: 40px;}
#buy-container .quantity .digit input {width: 90px; height: 40px}
#buy-container .buy-ctrl {padding-top: 20px;}
#buy-container .buy-ctrl button {background: #ff9933; color: #fff; font-size: 1.143rem; text-align: center; padding: 11px 20px; width: 100%}
#buy-container .buy-ctrl button.submit-to-cart {width: 50%;float: left;}
#buy-container .buy-ctrl button.submit-close {background: #1abc9c; color: #fff;}

.price ins {text-decoration: none; display: block;}
.price del {color: #888; font-size: 0.857rem; display: block;}
.cart-list {}
.cart-list dl {margin:10px 0; background: #fff}
.cart-list dd {display: table; width: 100%;}
.cart-list dd.sub-product {border-top:1px dashed #ccc;}
.cart-list .cart-no {display: table-cell; width: 30px; vertical-align: middle; text-align: center; padding: 8px 0;}
.cart-list .set-no {display: table-cell; width: 5px; background: #8CD0AD;}
.cart-list .cart-img {display: table-cell; width: 80px; text-align: center; padding: 8px 0;}
.cart-list .cart-img img {width: 80px;}
.cart-list .cart-info {display: table-cell; padding: 8px 10px; vertical-align: top}
.cart-list .cart-info h3 {margin-bottom: 3px; line-height: 1; font-size: 1rem}
.cart-list .cart-info h3 a span {display: inline-block; vertical-align: middle; background: #6DD7EA; color: #fff; padding: 1px 6px; font-size: 0.857rem}
.cart-list .cart-info h4 {color: #888; margin-bottom: 2px; font-size: 0.857rem}
.cart-list .cart-info .exinfo {display: table; width: 100%}
.cart-list .cart-info .quantity {display: table-cell; width: 100px; }
.cart-list .cart-info .price {display: table-cell; text-align: right; vertical-align: middle; font-size: 1.125rem;}
.cart-list .cart-info .price em {font-style: normal;color: #888; font-size: 1rem;margin-left: 10px}
.cart-list dd.cart-list-ctrl {border-top:#eee 1px solid; vertical-align: middle; color: #999; width: 100%; padding: 8px 10px}
.cart-list .action {display: table-cell; width: 120px; padding-left: 20px}
.cart-list .action a {margin-right: 20px; color: #aaa}
.cart-list .sub-total {display: table-cell; text-align: right;}
.cart-list .sub-total b {font-weight: 400; font-size: 1.125rem; color: #666;}
.cart-empty {padding: 30px 10px; text-align: center; font-size: 1rem; color: #666;}
#cart-bar {position: fixed; left: 0; bottom: 0px; z-index: 99995; width: 100%; height:50px; color:#000;  margin:0; background: #fff; border-top: #ccc 1px solid;}
.cart-bar li {width:25%;float: left;height:50px;}
.cart-bar li:nth-child(1) {line-height: 50px;padding-left:5px}
.cart-bar li:nth-child(1) .checkbox {margin-right: 3px}
.cart-bar li:nth-child(2) {width:45%; text-align: right; padding:10px 5px;color: #666;}
.cart-bar li:nth-child(2) .amount {color: #a07936; font-size: 1.286rem; font-weight: 400;}
.cart-bar li:nth-child(2) div {color: #888; font-size: 0.857rem}
.cart-bar li:nth-child(2) span {display: inline;}
.cart-bar li:nth-child(3) {width:30%;text-align: center;}
.cart-bar li:nth-child(3) a {line-height: 50px; display: block; height: 50px; background: #ff9933; color: #fff; font-size: 1rem}
.cart-ctrl {display:-moz-box; display:-webkit-box; display:-o-box; display:box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:10px 5px; background: #fff}
.cart-ctrl .total {display: block; font-size: 1rem; color: #777; margin-right: 12px; vertical-align: middle; -webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.cart-ctrl .total strong {display: inline-block; font-size: 1.571rem; color: #a07936 }
.cart-ctrl .total .address {font-size: 1rem; color: #666}
.cart-ctrl .btn {display: block; width: 35%;padding: 15px 10px}

.step-container {background: #fff; padding: 10px 0; margin-bottom: 10px}
.step-container .option label {padding: 2px 21px; font-size: 1.143rem; margin: 5px 20px 5px 0}
.step-container .option label a {font-size: 1.143rem}
.step-container .option label.selected {padding: 1px  20px;}
.checkout-cart {padding: 0 5px}
.checkout-cart dl {border-bottom:1px solid #ccc;}
.checkout-cart dl:last-child {border:none;}


#checkout-bar {position: fixed; left: 0; bottom: 0px; z-index: 99995; width: 100%; height:50px; color:#000;  margin:0; background: #fff; border-top: #ccc 1px solid;}
.checkout-bar li {width:25%;float: left;height:50px;}
.checkout-bar li:nth-child(1) {width:65%; text-align: left; line-height: 50px; padding:0 5px;color: #666; font-size: 1rem}
.checkout-bar li:nth-child(1) .amount {color: #a07936; font-size: 1.571rem; font-weight: 400;}
.checkout-bar li:nth-child(1) div {color: #888; font-size: 0.857rem}
.checkout-bar li:nth-child(1) span {display: inline;}
.checkout-bar li:nth-child(2) {width:35%;text-align: center;}
.checkout-bar li:nth-child(2) a {line-height: 50px; display: block; height: 50px; background: #ff9933; color: #fff; font-size: 1rem}
.checkout-total {display:-moz-box; display:-webkit-box; display:-o-box; display:box;-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding: 13px 5px; border-bottom: #eee 1px solid;}
.checkout-total:last-child {border:none;}
.checkout-total .title {color: #666}
.checkout-total .price {color: #000; text-align: right;}
.checkout-total .price strong {font-size: 1.571rem; color: #a07936 }
.address-tip {padding: 5px; background: #FCFAF2; -webkit-justify-content: flex-start; justify-content: flex-start; /* position: fixed; left:0; bottom: 50px; width: 100%; z-index: 9999; */}
.address-tip span {display: inline-block; vertical-align: middle; margin-left: 10px}

.option-btns {position: absolute; top:6px; right: 0px; z-index: 9; text-align: right; font-size: 1rem}
.option-btns a {margin: 0 5px; color: #666}
.step-title {font-size: 1.286em; padding: 8px 5px; border-bottom: #ddd 1px solid; margin-bottom: 10px; position: relative;}
.step-title span {font-size: 1rem;}
.step-title .option-btns {top:8px;}
.step-content {padding: 5px 5px 10px 5px; border-bottom: #eee 1px solid;}
.step-content:last-child {border-bottom: none}
.step-ctrl {padding:9px 0 30px 0;}
.step-ctrl.pin-bottom {position: fixed; left:0; bottom: 0; z-index: 9999; width: 100%; padding:0;}
.step-ctrl.pin-bottom .cart-ctrl {padding:0;height:50px;line-height: 50px;background: #fff; border-top: #ccc 1px solid;}
/* .addr-selected {position: relative; background: url(../../images/line.png) left bottom repeat-x #fff; padding:10px 5px; margin-top: 10px}
.addr-selected dl {padding-top:10px;}
.addr-selected dt {font-size: 1.143em;}
.addr-selected dt span {margin-left: 20px}
.addr-selected dt em {font-style: normal; background: #a07936; color: #fff; font-size: 0.857rem; border-radius: 10px; padding: 2px 5px; display: inline-block; vertical-align: middle;}
.addr-selected dd {padding:10px 0; color: #666; overflow: hidden; width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.addr-list li {position: relative; padding: 9px 0}
.addr-list li:hover {background-color: #f5f5f5}
.addr-list li .option-btns {display: none;}
.addr-list li:hover .option-btns {display: block;} */

.addr-list {position: relative; padding:10px 50px 10px 10px;background: url(../../images/line.png) -10px bottom repeat-x #fff; margin:10px 5px}
.addr-list.selected {}
.addr-list .addr-title {font-size: 1.143em;}
.addr-list .addr-title span {margin-left: 10px}
.addr-list .addr-title em {font-style: normal; background: #a07936; color: #fff; font-size: 0.857rem; border-radius: 5px; padding: 1px 2px; display: inline-block; vertical-align: middle;}
.addr-list .addr-info {padding:10px 0; color: #666; overflow: hidden; width: 100%; text-overflow:ellipsis; white-space:nowrap;}
.addr-list .addr-edit {position: absolute; right:10px; top:50%; margin-top: -10px; font-size: 20px; color: #5488BF}
.addr-selected {padding:0;}
.addr-selected input {display: none}
.addr-selected .addr-list {margin:0;padding:15px 5px;}

.addr-more,.addr-close {margin-left: 15px; color: #888;}
.addr-more i,.addr-close i {margin-left: 10px; font-size: 0.857rem}
.order-list {}
.order-remarks textarea {border:#ccc 1px solid; vertical-align:text-top; width:100%; padding:5px; color:#333; word-break:break-all; overflow:auto;}

.payment-detail {margin:0 auto; border: #eee 1px solid;}
.payment-detail h3 {font-size: 1.286rem; padding: 10px 0}
.payment-detail p {font-size: 1.143rem; padding: 10px 0}
.payment-detail .amount {color: #a07936; font-weight: bolder; font-size: 1.571rem}
.payment-detail .option {padding: 10px 0 20px 0; text-align: center;}
.payment-detail .option label {margin-right: 20px; padding: 5px 20px}
.payment-detail .option label.selected {padding: 4px 19px}
.payment-detail .option label a {font-size: 1.143rem; color: #333;}
.payment-detail .step-container {padding: 5px; margin: 10px 0}
.payment-detail .payment-status {padding:20px 5px; line-height: 1; font-size: 1.286rem; text-align: center;}
.payment-detail .payment-status i {font-size: 50px; margin-bottom: 20px; display: block;}
.payment-detail .payment-status i.icon-succeed {color: #00DA89;}
.payment-ctrl {padding: 10px 0; text-align: center;}
.payment-ctrl p.error {color: #f00; margin-left: 30px; font-size: 1.143rem;}
.bank-list label {display: inline-block; vertical-align: middle; width: 19%;}
.bank-list label input {width:15px; height:15px; padding:9px 0px 0 0; vertical-align: middle;}
.bank-list label img {width:130px; vertical-align: middle;}

.rating {position: relative; letter-spacing: 5px; font-size: 22px; width: 130px; overflow: hidden; color: #e5e5e5;line-height: 1; white-space:nowrap;}
.rating i {cursor: pointer; vertical-align: middle;}
.rating p {position: absolute; left:0; top: 0; width: 90%; color: #1ABC9C; overflow: hidden; margin: 0; padding: 0; line-height: 1; font-size: 1em;}
.rating span {display: inline-block; vertical-align: middle;}
.rating-wrap {height: 30px}
.rating-wrap .rating,.rating-wrap .rating-num {display: inline-block; vertical-align: middle; color: #999;}
.rating-wrap .rating p {color: #a07936;}
.rating-wrap .rating-num {background: #ccc; color: #666; font-size: 12px; border-radius: 20px 20px 20px 0px; padding:0px 10px;}


.comment .score-list {height: 60px; position: static;}
.comment .score-list .score-title {color: #666; display: block; }

.comment .rating-warp {color: #666;height: 70px;}
.comment .rating,.comment-list .rating {color: #bbb;}
.comment .rating p,.comment-list .rating p {color: #a07936;line-height: 1}

.comment {margin:20px 0 0 0; clear:both; /* background:#f5f5f5; border:#e1f6ff 1px solid; */ padding:10px 0; overflow:hidden;}
.comment h3 {font-size:18px; height:35px; border-bottom: #ccc 1px solid}
.comment form,.comment-list li,.comment-list li .bubble {margin:20px 0 0 80px; padding: 10px; position: relative; min-height:150px; background: #f5f5f5; border-radius: 5px }
.comment .user,.comment-list li .user {position: absolute; left:-80px; top: 0px; width: 80px; height: 80px;}
.comment .user img,.comment-list li .user img {width: 60px; height: 60px; border-radius: 5px;}
.comment i.arrow,.comment-list li i.arrow {position:absolute; left:-12px; top:10px; width:0; height:0; border-color:transparent #f5f5f5 transparent transparent; _border-color:red #f5f5f5 red red; _filter:chroma(color=red); border-width:6px; border-style:solid; font-size:0; line-height:0;}
/* .comment-list li ul li i.arrow {position:absolute; left:auto; right:-12px; top:10px; width:0; height:0; border-color:transparent transparent transparent #f5f5f5; _border-color:red red red #f5f5f5; _filter:chroma(color=red); border-width:6px; border-style:solid; font-size:0; line-height:0;} */
.comment textarea {border:#eee 1px solid; vertical-align:text-top; height:100px; width:100%; padding:5px; color:#666; word-break:break-all; overflow:auto; resize:vertical;}
.comment p.btn_box {margin:8px 0 0 0; text-align: right;}
.comment p.btn_box span {float: left; color: #f00}
.comment button {padding: 6px 20px}
.comment-list {margin:20px 0 0 0; clear:both;}
.comment-loading {height: 100px; background: url(../images/loading.gif) no-repeat center center;}
.comment-list li {min-height: 60px;margin:10px 0 0 40px; padding: 0; background:transparent;}
.comment-list li .bubble {margin: 0;padding:5px;min-height: 40px; position: static;}
.comment-list li .user {left:-40px; top: 0px; width: 30px; height: 30px;}
.comment-list li .user img {width: 30px; height: 30px;}
.comment-list li .content {color: #666; line-height: 1.7; padding-bottom:10px; font-size: 14px;}
.comment-list li .content a {color: #555}
.comment-list li .bar {border-top: #cfcfcf 1px dashed; font-size: 12px; border-radius: 0 0 5px 5px; padding-top:10px;}
.comment-list li .bar span {color: #999}
.comment-list li .bar a {float: right; margin: 0 0 0 20px; color: #999}
.comment-list li .bar a:hover {color: #0086CE}
.comment-list li .bar a i {margin: 0 3px 0 0}
.comment-list li .bar a.inform {color:#bbb;}
.comment-list li .bar a.inform:hover {color:#000;}
.comment-list li .reply {clear: both; padding: 10px}
.comment-list li .reply textarea {border:#ccc 1px solid; vertical-align:text-top; height:30px; width:100%; padding:5px; color:#666; word-break:break-all; overflow:auto;}
.comment-list li .reply .btn_bar {height: 30px; text-align: right; padding: 6px 0 0 0} 
.comment-list li .reply .btn_bar a {color:#999; margin: 0 10px 0 0}
.comment-list li .reply .btn_bar span {float: left; color: #f00}
.comment-list li ul {border-left:#DBE5D7 3px solid;padding:0 0 0 5px; margin:10px 0px 10px -40px;}
/* .comment-list li ul li {min-height:30px;margin:5px 40px 5px 5px;}
.comment-list li ul li .bubble {min-height: 30px;}
.comment-list li ul li .user {left:auto; right:-40px; width: 30px; height: 30px;}
.comment-list li ul li .user img {width: 30px; height: 30px;} */
.comment-list li ul li .content {}
.comment-list li ul li .content span {margin:0 0 0 10px; color:#999}
.comment-list li.more {margin:10px 0 0 0;height:38px;line-height:38px; padding: 0; background:#f1f1f1;border:#f1f1f1 1px solid; min-height: 38px; color: #333; text-align:center;cursor: pointer;}
.comment-list li.more:hover {background:#ecf2f3;}
.comment-list .loader {}
#comment-empty {padding: 20px; text-align: center;color: #666}
#comment-empty a {color:#666}

/* 会员中心 */
/* ================================================ */
.msg-warn {background: #fff6d2; border: 1px solid #ffe57d; padding: 5px 10px 5px 30px; color: #666; font-size: 0.857em; position: relative;}
.msg-warn i {color: #f8ce33; font-size: 1.5em; vertical-align: middle; margin-right: 5px;position: absolute; left:6px; top:50%; margin-top: -8px;}
.msg-error {background-color: #F1DDDD; border-color:#f00; color: #f00}
.msg-error i {color: #f00}

.login-form {background: #fff;padding: 30px;}
.login-form h1 {font-weight: 400; font-size: 2em; text-align: center; color: #666; height: 50px}
.login-form form p {display: block; position: relative; margin:15px 0px 15px 45px; border: #ccc 1px solid;}
.login-form form p span {display: block; text-align: right; height: 30px; line-height: 20px;}
.login-form form p span.error {color: #c40e24}
.login-form form p label {display: block; position: absolute; top:-1px; left:-47px; background-color: #f5f5f5; border: #ccc 1px solid; text-align: center; width: 48px; height: 47px; line-height: 47px; font-size: 1.571em; color: #999}
.login-form form p b {position: absolute; left: -20px; top: 45px; font-size: 1.286em;color: #c40e24}
.login-form form p input {display: block; vertical-align: middle; width: 100%; height: 45px; line-height: 45px; font-size: 100%; background: #fff; padding:0 5px; border: none}
.login-form form button {display: block; padding:10px 0; width: 100%; font-size: 1.286em}
.login-form form .safe {height: 40px}
.login-form form .safe .switch-checkbox {margin-left: 10px}
.login-form form .auto-login {float: left;}
.login-form form .auto-login input{vertical-align: middle;;}
.login-form form .forget {float: right;}
.login-form .other-login {color: #666; margin:30px auto; text-align: center;}
.login-form .other {border-top: #999 1px dashed; margin-top: 20px; padding: 20px 0 0px 0; text-align: center;}
.login-form .other a {color: #a07936; margin:0 30px;}
.login-footer  {border: none}
.login-footer .container {padding-top: 0}

.register-form .item-row .item-input input {text-align: left !important;}
.register-form button {display: block; padding:10px 0; width: 100%; font-size: 1.286em}

.amount {color: #a07936; font-size: 1.143rem}
.status {color: #a07936; font-size: 0.857rem}
.date-time {color: #999; font-size: 0.857rem}
.item-group {background: #fff; margin: 10px 0; border:#ddd solid; border-width: 1px 0;}
.item-flex {display:-moz-box; display:-webkit-box; display:-o-box; display:box;-moz-box-pack:justify; -webkit-box-pack:justify; -o-box-pack:justify; box-pack:justify;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-justify-content: space-between; justify-content: space-between;border-bottom: #eee 1px solid;width: 100%;position: relative;border-bottom: #eee 1px solid; padding: 10px 5px;}
.item-flex .item-img {width: 80px; margin-right: 10px}
.item-flex .item-auto {-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.item-block {border-bottom: #eee 1px solid; padding: 10px 5px;}
.item-block .item-title {border-bottom: #eee 1px solid; font-size: 1.143rem; padding: 0px 5px 10px 5px;}
.item-block p {padding-top:10px; color: #666}
.item-flex:last-child,.item-block:last-child {border-bottom: none}
.item-row {border-bottom: #eee 1px solid;display: table; width: 100%;}
.item-row:last-child {border-bottom: none}
.item-row .item-title {display: table-cell; width: 35%; padding: 10px 5px; vertical-align: middle;font-size: 1rem;}
.item-row .item-input,.item-row .item-value,.item-row .item-img {display: table-cell; width: 65%; padding: 10px 5px 10px 0px; color: #999; font-size: 1.143rem; text-align: right;}
.item-row .item-value p {text-align: left;}
.item-row .item-value input,.item-row .item-value textarea {display: none}
.item-row .item-input span {}
.item-row .item-input input[type="text"],.item-row .item-input input[type="password"],.item-row .item-input input:disabled,.item-row .item-input textarea,.item-row .item-input select {width: 100%; font-size: 1.143rem; color: #999; background: #fff; text-align: right;}
.item-row .item-input input:focus {color: #333; text-align: left;}
.item-row .item-input textarea {text-align: left;}
.item-row .item-input select {display: block; margin:5px 0; text-decoration: none}
.item-row .item-input .flex input,.item-row .item-input .flex select {width: auto; text-align: left; /* border: none; background: #fff; */}
.item-row .item-img img {height: 50px; border-radius: 5px; vertical-align: middle; display: inline-block;}
.item-push,.item-row .item-push {position: relative; padding-right: 25px}
.item-push:after {content: "\e608";position: absolute; right: 5px; top:50%; margin-top: -5px; font-family: iconfont; font-size: 0.714rem; font-weight: 300; color: #ccc}
.item-emphasis {display: inline-block; padding:10px 10px; text-align: center;}
.item-emphasis i[class^="icon-"] {font-size: 1.571rem; padding-bottom: 3px; color: #333}
.item-emphasis strong {display: block; font-size: 1.285rem; padding-bottom: 10px}
.item-emphasis span {display: block; font-size: 0.857rem; color: #666}
.item-point {position: relative; overflow: hidden; padding:10px 0 10px 16px;}
.item-point i[class^="icon-"] {display: block; font-size: 1.571rem; padding-bottom: 3px; color: #666}
.item-point p {vertical-align: middle;}
.item-point .item-icon {text-align: center;color: #666}
.item-point:before {position: absolute; left:0; top:0; width: 1px; height: 100%; background: #ccc; content: ' '}
.item-point:after {position: absolute; left:-4px; top:50%; margin-top: -3px; width: 6px; height: 6px; background: #fff; border:#ccc 1px solid; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); content: ' '}
.item-bar {padding:0 5px;}
.item-tab {white-space:nowrap; display:-moz-box; display:-webkit-box; display:-o-box; display:box; display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex; -webkit-flex-flow: row nowrap;flex-flow: row nowrap; -webkit-justify-content: flex-start; justify-content: flex-start; overflow: hidden; overflow-x: auto; padding:0 10px;}
.item-tab a {display: inline-block; padding: 10px 15px; border-bottom: #fff 2px solid; font-size: 1.143rem}
.item-tab a.on {border-bottom: #a07936 2px solid;}
.item-footer {height: 50px; width: 100%; padding: 5px 5px; border-top: #eee 1px solid; background: #fff;}
.item-footer .btn,.footer-ctrl .btn {width: 100%; height: 40px; /* line-height: 40px; */ text-align: center;}
.footer-ctrl {position: fixed; left:0; bottom: 50px; z-index: 99990;height: 50px; width: 100%; padding: 5px 5px; border-top: #eee 1px solid; background: #fff;}

.customer-nav {margin: 10px 0;}
.customer-nav dt {font-weight: bolder; padding: 11px 10px; border-bottom:1px solid #ccc;}
.customer-nav dd {border-bottom:1px dashed #ccc;/* font-size: 0.857rem */}
.customer-nav dt,.customer-nav dd {position: relative;}
.customer-nav dt:after,.customer-nav dd:after,.customer-base:after {content: "\e608";position: absolute; right: 5px; top:50%; margin-top: -5px; font-family: iconfont; font-size: 0.714rem; font-weight: 300; color: #ccc}
.customer-nav dt:after {content: "\e617";}
.customer-nav dd a {color: #666;display: block; padding: 11px 10px;}

.customer-header {background: #a07936; color: #fff; padding: 11px 10px; height: 160px;position: relative;}
.customer-base {position: relative; padding: 10px 0; color: #fff; display:-moz-box; display:-webkit-box; display:-o-box; display:box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.customer-base:after {color: #fff; font-size: 1.286rem; margin-top: -9px; opacity: 0.8; right:0;}
.customer-base .portrait {width: 60px; height: 60px; border-radius: 60px; overflow: hidden;}
.customer-base .portrait img {width: 100%}
.customer-base .info {-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1; padding:0 20px; text-transform: capitalize; }
.customer-base .info h3 {font-size: 1.286rem;padding: 10px 0}
.customer-base .info h4 {font-size: 1rem; color: #eee}
.customer-base .info h4 span {margin-right: 15px}
.customer-log {background: rgba(255,255,255,0.5); position: absolute; left:0; bottom: 0; display: -ms-flexbox;display: -webkit-flex;display: flex; width: 100%; padding: 10px}
.customer-log a {display: block; text-align: center; color: #fff; padding: 5px 0; width: 33.333%; height:40px;}
.customer-log a i {font-size: 1.857rem; color: #fff; font-weight: normal;}
.customer-log a span {display: inline-block; width: 100%; margin-top: 1px; font-size: 0.857rem}


.order-list {}
.order-list dl {background: #fff; margin:10px 0;}
.order-list dt {padding: 10px 5px; border-bottom: #eee 1px solid}
.order-list dt strong {font-size: 1.143rem; font-weight: 400}
.order-list dt span {color: #999; font-size: 0.857rem; margin-left: 10px}
.order-list dd.order-products {background: #f6f6f6; padding: 10px 5px; border-bottom: #eee 1px solid}
.order-list dd.order-products ul {overflow: auto;display:-moz-box; display:-webkit-box; display:-o-box; display:box;}
.order-list dd.order-products .product-img {width: 80px; height: 80px; background: #fff; padding: 3px; margin-right: 10px; overflow: hidden; text-align: center; vertical-align: middle; position: relative;}
.order-list dd.order-products .product-img span {display: block; position: absolute; left:0; bottom: 3px; width: 100%; background: rgba(0,0,0,0.5); color: #fff; padding:5px 0; text-align: center; font-size: 0.857rem}
.order-list dd.order-products .product-img:after {display: inline-block; vertical-align: middle; height: 100%; content: ' '}
.order-list dd.order-products .product-img img{max-width: 100%;max-height: 100%; vertical-align: middle;}
.order-list dd.order-products .product-title {-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1; padding-left:10px;}
.order-list dd.total,.order-list dd.action {padding: 10px 5px; text-align: right;}
.order-list dd.total {border-bottom: #eee 1px solid; color: #666}
.order-list dd.total .amount {color: #a07936; font-size: 1.143rem;}
.order-list dd.action .btn {padding: 5px 10px; margin-left: 10px}

.customer-portrait {float: left; width: 200px; height: 200px; background: #f6f6f6; position: relative; display: none}
.customer-portrait img {width: 200px; height: 200px;}
.customer-portrait a.edit-link {position: absolute; z-index: 99; bottom: 0px; right:0; background-color: rgba(0,0,0,0.3); padding: 5px 10px; font-size: 0.857rem; color: #fff; display: none}
.customer-portrait:hover a.edit-link {display: block}


/*分页*/
.pages {padding:14px 0 10px;font-family:'宋体'; text-align:center;vertical-align: middle;}
.pages a {display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px; margin:0 2px; vertical-align: middle;}
.pages a:hover { background:#f1f1f1; color:#000; text-decoration:none;}
.pages span {display:inline-block; height:30px;padding:0 10px; line-height:30px; background:#a07936; border:1px solid #a07936; color:#fff; text-align:center; margin:0 2px; vertical-align: middle;}
.pages span.page-info {background:#fff; border:1px solid #e3e3e3; color:#666;}
.pages input {height: 28px; line-height: 28px; border:1px solid #e3e3e3; text-align: center; font-size: 0.857rem; width: 30px; margin:0 2px; vertical-align: middle;}
.pages .no-page { display:inline-block; height:30px; line-height:30px; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }

header,footer,nav,.viewport,.animate {-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards; display: block;-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
/* 开启GPU加速及Hack动画闪烁 */
header,footer,nav,.viewport,.animate {/* -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); */
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;}
header,footer,nav,.viewport {-webkit-animation-duration: .3s;animation-duration: .3s;}
.nav-right-in {-webkit-animation-name: navRightIn;animation-name: navRightIn;}
@-webkit-keyframes navRightIn {0%{-webkit-transform: translateX(0);}100%{-webkit-transform: translateX(-260px)}}
@keyframes navRightIn {0%{transform: translateX(0);}100%{transform: translateX(-260px)}}
.nav-right-out {-webkit-animation-name: navRightOut;animation-name: navRightOut;}
@-webkit-keyframes navRightOut {0%{-webkit-transform: translateX(-260px);}100%{-webkit-transform: translateX(0)}}
@keyframes navRightOut {0%{transform: translateX(-260px);}100%{transform: translateX(0)}}


.right-in {-webkit-animation-name: rightIn;animation-name: rightIn;}
@-webkit-keyframes rightIn {0%{-webkit-transform: translateX(0);}100%{-webkit-transform: translateX(-100%)}}
@keyframes rightIn {0%{transform: translateX(0);}100%{transform: translateX(-100%)}}
.right-out {-webkit-animation-name: rightOut;animation-name: rightOut;}
@-webkit-keyframes rightOut {0%{-webkit-transform: translateX(-100%);}100%{-webkit-transform: translateX(0)}}
@keyframes rightOut {0%{transform: translateX(-100%);}100%{transform: translateX(0)}}