body{ -webkit-tap-highlight-color: rgba(238, 238, 238, .5)}
a:link, a:visited{ text-decoration: none;}
a:hover, a:active{ text-decoration: none;}
::-webkit-input-placeholder{ color: #bbbbbb;}
:-moz-placeholder{/* Firefox 18- */
  color: #bbbbbb;}
::-moz-placeholder{/* Firefox 19+ */
  color: #bbbbbb;}
:-ms-input-placeholder{ color: #bbbbbb;}
.grid-inner{ margin-left: auto; margin-right: auto; max-width: 640px; min-width: 320px;}
.grid-white{ background-color: #ffffff;}
.grid-gray{ background-color: #f3f4f6;}
.grid-transparent{ background-color: transparent;}
.fullscreen{ overflow: hidden; *zoom: 1; border: 1px solid #e4e4e4; -webkit-border-image: url("../images/1px/border_image.png") 1 1 stretch; border-image: url("../images/1px/border_image.png") 1 1 stretch;}
.page-logo{ display: block;}
.high{color: #ff5a54!important}
.red{color: #ff5a54!important}
.green{color: #2aa41d!important}
.lightblue{color: #e0ecfc!important}
.darkblue{color: #5d6b85!important}
.lightgray{color: #666666!important;}
.darkgray{color: #838383!important}
.gray{color: #9e9e9e!important}
.white{color: #ffffff!important}
.black{color: #2d2d2d!important}
.darkblack{color: #000!important}
.green{color: #339925!important}
.gold{color: #a17046!important}
.default-color{color: #3f3f3f!important}
.bg-white{background-color: #ffffff!important}
.border-default{border: 1px solid #e4e4e4}
.link-none{cursor: default;}
.link-red{color: #ff5a54}
.link-gray{color: #838383}
[class^="link-"]:link, [class^="link-"]:visited{ text-decoration: underline;}
.link-red:link, .link-red:visited{ text-decoration: none; border-bottom: 1px solid #ff5a54;}
.ui-loading, .ui-empty, #J_loading{ margin: 25px 0; text-align: center; color: #666666; font-size: 14px;}

/*button.css*/

.button-primary{ color: #ffffff; border-color: #ff5a54; background-color: #ff5a54;}
a.button-primary:link, a.button-primary:visited{ color: #ffffff;}
.button-primary:hover, .button-primary:active{ color: #ffffff!important; background-color: #fd726d}
.button-default{ color: #838383; border-color: #9e9e9e; background-color: #ffffff;}
a.button-default:link, a.button-default:visited{ color: #838383;}
a.button-default:hover, a.button-default:active{ color: #838383!important; background-color: #ffffff;}
.button-transparent{ color: #ffffff; border-color: #ffffff; background-color: transparent;}
a.button-transparent:link, a.button-transparent:visited{ color: #ffffff;}
.button-hollow{ color: #9e9e9e; border-color: #9e9e9e; background-color: transparent;}
a.button-hollow:link, a.button-hollow:visited{ color: #9e9e9e;}
.button-white{ color: #ff5a54; border-color: #ff5a54; background-color: #ffffff;}
a.button-white:link, a.button-white:visited{ color: #ff5a54;}
.button-green{ color: #80ab09; border-color: #80ab09; background-color: #ffffff;}
a.button-green:link, a.button-green:visited{ color: #80ab09;}
.button-red{ color: #ff5a54; border-color: #ff5a54; background-color: transparent;}
a.button-red:link, a.button-red:visited{ color: #ff5a54;}
.button-mid{ padding: 4px 10px;}
.button-sm{ padding: 4px;}
.button-m{ padding: 2px 5px;}

/*header.css*/

.grid-inner-desktop{ margin-left: auto; margin-right: auto; width: 640px;}

/*site-header*/

.site-header{ padding: 15px 0; background-color: #fff0d5; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.site-header .logo{ float: left;}
.site-header .logo a{ display: block; width: 266px; height: 70px;}

/*main-nav*/

.main-nav{ float: right; margin: 10px -20px 0 0;}
.main-nav li{ float: left; margin-right: 20px;}
.main-nav li a{ display: block; padding-top: 34px; min-width: 40px; text-align: center; font-size: 16px;}
.main-nav li a:link, .main-nav li a:visited{ color: #613E00;}
.main-nav li a:hover, .main-nav li a:active, .main-nav .active a:link, .main-nav .active a:visited{ color: #ff5a54;}

/*top-header.css*/

.header-wrapper{ position: relative;}
.top-header{ position: relative; height: 44px; background-color: #5a2901;}
.top-header .title{ padding: 9px 44px; font-size: 18px; font-weight: 500; text-align: center; color: #ffffff; overflow: hidden; white-space: nowrap;text-overflow: ellipsis}
.top-header .back, .top-header .action{ position: absolute; color: #ffffff;}
.top-header .back{ left: 0; top: 0; width: 44px; height: 44px; text-align: center; cursor: pointer;}
.top-header .back .fa{ margin-top: 6px; font-size: 32px;}
.top-header .action{ top: 6px; right: 12px;}
.top-action{ display: block; padding: 7px 0; width: 100%; text-align: center; font-size: 15px; border-color: #ff5a54; background-color: #ff5a54;}
.top-action:link, .top-action:visited{ color: #ffffff;}
.top-action .fa{ display: inline-block; margin-right: 3px;}
.top-close{ display: none; position: absolute; left: 0; top: 0; padding: 8px 0 7px; width: 50px; text-align: center;}
.browser-wechat .top-header{ display: none}
.browser-wechat .top-close{ display: block;}
.browser-wechat .wechat-mask{ padding: 10px 15px; text-align: center; border-bottom: 1px solid #efefef; background: #fcf8e3;}

/*top-summary*/

.top-summary{ padding: 10px; text-align: center; border-bottom: 1px solid #e4e4e4; color: #ff5a54; background-color: #ffffff;}

/*i-countdown*/

.i-countdown {}
.i-countdown b{ position: relative; top: 2px; display: inline-block; width: 24px; height: 24px; line-height: 26px; text-align: center; font-weight: 500; font-size: 16px; color: #5d6b85; background-color: #ffffff; border-radius: 4px;}

/*tab.css*/

.tab-container{ background-color: transparent;}
.tab-nav{ background-color: #ffffff;}
.tab-nav:after{ clear: both;}
.tab-nav:before, .tab-nav:after{ content: " "; display: table;}
.tab-nav li{ position: relative; float: left; width: 50%; padding: 0 15px; font-size: 15px; color: #838383;}
.tab-nav-three li{ padding: 0 12px; width: 33.3333%;}
.tab-nav-four li{ padding: 0 12px; width: 25%;}
.tab-nav-five li{ padding: 0 12px; width: 20%;}
.tab-nav li:after{ content: ''; position: absolute; right: -1px; top: 50%; margin-top: -11px; width: 0; height: 22px; border-left: 1px solid #e4e4e4;}
.tab-nav li:last-child:after{ border-left: none;}
.tab-nav li a{ display: block; padding: 10px 0; text-align: center; font-size: 15px; color: #838383;}
.tab-nav .active a{ border-bottom: 2px solid #ff5a54; color: #ff5a54;}
.tab-nav li .arrow-hollow{ position: absolute; left: 50%; bottom: -17px; margin-left: -10px;}
.tab-nav-row li span{ display: block; margin-bottom: 3px; font-size: 21px; color: #2d2d2d;}
.tab-nav-row .active span{ color: #ff5a54;}
.tab-content{ overflow: hidden; *zoom: 1;}
.tab-nav-cusordefault li a{ cursor: default;}
@media only screen and (max-width: 640px){ .tab-nav-five li a{ font-size: 13px}
  .tab-nav-tmp li{ padding: 0; width: 30%;}
  .tab-nav-tmp li:first-child{ width: 40%}
  .tab-nav-tmp li a{ white-space: nowrap;}
  }

/*ol-number*/

.ol-number{ list-style-type: decimal; padding-left: 25px;}
.ol-number li{ margin: 10px 0;}

/*list-stripe*/

.list-stripe{ padding: 0 12px;}
.list-stripe .item{ padding: 12px 0; border-bottom: 1px solid #e4e4e4; font-size: 13px; overflow: hidden; *zoom: 1;}
.list-stripe .item:last-child{ border-bottom: none;}
.list-stripe .item .attr, .list-stripe .item .value{ padding-left: 4px; padding-right: 4px;}
.list-stripe .item .attr{ float: left}
.list-stripe .item .value{ float: right}
.express-wrapper{ position: relative; display: block; padding: 15px 15px 15px 0; overflow: hidden; *zoom: 1;}
.express-wrapper .fa-angle-right{ position: absolute; right: 0; top: 50%; margin-top: -11px;}
.line-title{ margin: 35px 60px 20px; position: relative; height: 1px; border-top: 1px solid #c5c5c5;}
.line-title strong{ position: absolute; left: 50%; top: 50%; margin-left: -60px; margin-top: -10px; width: 120px; height: 20px; line-height: 20px; text-align: center; font-size: 15px; background-color: #f3f4f6;}

/*order-product*/

.order-product{ margin-top: 15px;}
.order-product .current-inventory{ color: #ff5a54!important}
.order-product .current-inventory.lightgray{ color: #666666!important}
.order-product .trash{ display: block; width: 50px; height: 18px; text-align: center;}
.order-product .trash .fa-trash-o{ color: #3f3f3f;}
.current-rule{ position: relative; margin: 0 12px; padding: 10px 0; cursor: pointer; background-color: #ffffff;}
.current-rule .price{ position: absolute; right: 0; top: 10px;}
.current-rule .arrow{ padding-left: 18px; padding-right: 3px;}
.stock-rule-list{ display: none; padding: 0 12px 12px; border-top: 1px dashed #e4e4e4; background-color: #f9f9f9;}
.stock-rule-list.active{ display: block;}
.stock-rule-list .rule-header, .stock-rule-list .rule-item{ margin-top: 8px; color: #b5b5b5; font-size: 13px; overflow: hidden; zoom: 1;}
.stock-rule-list .rule-header .attr, .stock-rule-list .rule-item .attr{ float: left; width: 185px;}
.stock-rule-list .rule-header .value, .stock-rule-list .rule-item .value{ float: right; width: 112px; text-align: center;}
.stock-rule-list .rule-header .attr, .stock-rule-list .rule-header .value{ text-align: center; color: #2d2d2d;}
.stock-rule-list .rule-header .attr{ text-align: left;}
.stock-rule-list .rule-active{ color: #ff5a54;}
.stock-rule-list .rule-active .value{ background: url("img/icon-hook-circle.png") no-repeat 95px 0; background-size: 16px;}
.button-cart{ display: inline-block; padding: 5px 10px; min-width: 92px; font-size: 14px; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid #ff5a54; color: #ffffff; background-color: #ff5a54; border-radius: 3px;}
.button-cart.active{ color: #ff5a54; border-color: #ff5a54; background-color: #ffffff;}
.button-cart[disabled]{ color: #ffffff; border-color: #bbbbbb; background-color: #bbbbbb; pointer-events: none; cursor: not-allowed;}
.page-nav-title{ margin: 12px 0 3px; padding: 0 12px; font-weight: 500; color: #838383;}

/*list-menu*/

.list-menu{ padding-left: 12px; background-color: #fff;}
.list-menu .item{ font-size: 15px;}
.list-menu .item:last-child{ border: none; -webkit-border-image: none; border-image: none;}
.list-menu .item-attr{ padding: 12px 0;}
.list-menu .item-trigger {}
.list-menu .item .attr{ color: #3f3f3f;}
.list-menu .item .attr-avatar{ line-height: 50px;}
.list-menu .item .val{ float: right; padding-right: 30px; color: #9e9e9e;}
.list-menu .item .title, .list-menu .item .info{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list-menu .item .title{ margin-bottom: 2px; font-size: 15px;}
.list-menu .item-trigger .trigger{ position: relative; display: block; padding: 12px 0;}
.list-menu .item-trigger .note{ position: absolute; left: 24px; top: 2px; width: 16px; height: 16px; line-height: 16px; border-radius: 16px; text-align: center; font-weight: 500; font-size: 10px; letter-spacing: -1px; color: #ffffff; background-color: #fa3c30;}
.list-menu .item-trigger .icon{ position: absolute; left: 0; top: 10px; z-index: 2; width: 46px; height: 46px; border-radius: 3px;}
.list-menu .item-trigger .icon-bubbles{ background: #2880d9 url(img/icon_bubbles.png) no-repeat center center; background-size: 28px;}
.list-menu .item-trigger .arrow{ position: absolute; right: 12px; top: 50%; margin-top: -10px; font-size: 20px; color: #ababab;}
.list-menu .item-trigger .time{ position: absolute; right: 12px; top: 12px;}
.i-icon{ display: inline-block; width: 24px; height: 24px; background-size: 24px; background-image: url(img/sprite_icon.png); background-repeat: no-repeat; border-radius: 2px;}
.list-menu .item-trigger .i-icon{ position: absolute; left: 6px; top: 10px;}
.i-icon-nav1{ background-color: #fa746e; background-position: 0 0;}
.i-icon-nav2{ background-color: #a7ca47; background-position: 0 -25px;}
.i-icon-nav3{ background-color: #fb9227; background-position: 0 -50px;}
.i-icon-nav4{ background-color: #de76c0; background-position: 0 -75px;}
.i-icon-nav5{ background-color: #ff826d; background-position: 0 -100px;}
.i-icon-nav6{ background-color: #80a8eb; background-position: 0 -125px;}
.i-icon-nav7{ background-color: #f27a45; background-position: 0 -150px;}
.i-icon-nav8{ background-color: #91bc63; background-position: 0 -175px;}
.i-icon-nav9{ background-color: #65d4d0; background-position: 0 -200px;}
.i-icon-nav10{ background-color: #8a4e80; background-position: 0 -225px;}
.i-icon-nav11{ background-color: #fb9227; background-position: 0 -250px;}
.i-icon-nav12{ background-color: #f27a45; background-position: 0 -275px;}
.i-icon-nav13{ background-color: #80a8eb; background-position: 0 -300px;}
.i-icon-nav14{ background-color: #de76c0; background-position: 0 -325px;}
.i-icon-nav15{ background-color: #ff826d; background-position: 0 -350px;}
.i-icon-nav16{ background-color: #80a8eb; background-position: 0 -375px;}
.i-icon-nav17{ background-color: #8a4e80; background-position: 0 -400px;}
.i-icon-nav18{ background-color: #65d4d0; background-position: 0 -425px;}
.i-icon-nav19{ background-color: #fb9227; background-position: 0 -450px;}
.i-icon-nav20{ background-color: #8a4e80; background-position: 0 -475px;}
.i-icon-nav21{ background-color: #f1b33c; background-position: 0 -500px;}
.i-icon-nav22{ background-color: #f27a45; background-position: 0 -525px;}
.i-icon-nav23{ background-color: #fb9227; background-position: 0 -550px;}
.i-icon-nav24{ background-color: #eaa13a; background-position: 0 -575px;}
.i-icon-nav25{ background-color: #578aff; background-position: 0 -600px;}
.i-icon-nav26{ background-color: #fdb70e; background-position: 0 -625px;}
.i-icon-nav27{ background-color: #63c01f; background-position: 0 -650px;}
.i-icon-blue{ background-color: #80a8eb;}
.i-icon-orange{ background-color: #ff7745;}
.i-diy-wechat{ background-image: url(img/sprite_logos.png); background-position: 0 0;}

/*list-ol*/

.list-ol{ list-style-type: decimal; padding-left: 25px;}
.list-ol .item{ margin-bottom: 6px;}

/*list-form*/

.list-form .item{ font-size: 15px;}
.list-form .form-input, .list-form .form-textarea, .list-form .form-select{ padding: 15px 12px; width: 100%; border: none; font-size: 15px; line-height: 1.3;}
.form-textarea{ height: 93px; resize: none; overflow: hidden;}
.form-input[readonly], .form-textarea[readonly]{ color: #838383; background-color: #fbfbfb;}
.form-label{ cursor: pointer}
.list-form .form-input:focus, .list-form .form-textarea:focus, .list-form .form-select:focus{ outline: none;}
.list-form .form-select{ padding: 15px 8px; width: 49%;}
.list-form .form-select-province{ border-right: 1px solid #e4e4e4;}
.list-form .form-select-grid{ width: 100%}
.list-form .item .note{ padding: 12px; border-top: 1px solid #e4e4e4; font-size: 13px; color: #666666; background-color: #f3f4f6;}
.list-form .item-code{ position: relative;}
.list-form .item-code .button-sendcode{ position: absolute; right: 6px; top: 6px;}
.list-form .item-code .form-input{ padding-right: 156px;}
.list-form .item-label{ position: relative;}
.list-form .item-label label{ position: absolute; left: 12px; top: 15px;}
.list-form .item-label .form-input{ padding-left: 100px; text-align: right;}
.list-form .item-label .phone-code{ padding-left: 72px;}

/*table-score*/

.table-score th, .table-score td{ text-align: center;}
.table-score th{ font-size: 21px; font-weight: 500; color: #2d2d2d;}
.table-score td{ padding-top: 5px; padding-bottom: 5px; color: #9e9e9e;}

/*list-defs*/

.list-defs{ background-color: #fff;}
.list-defs .item{ margin: 0 12px; padding: 12px 0; overflow: hidden; font-size: 13px;}
.list-defs .item-header{ margin: 0 12px; padding: 12px 0; text-align: center; font-size: 15px;}
.list-defs-grid .item-header, .list-defs-grid .item{ margin: 0; padding: 12px 15px;}
.list-defs .item .attr, .list-defs .item .val{ padding-left: 4px; padding-right: 4px;}
.list-defs .item .attr{ float: left;}
.list-defs .item .val{ float: right;}
.list-defs .item-pro{ border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.list-defs .item-pro .list-items{ background-color: #f6f6f6;}
.list-defs .item-fl .val{ display: block; margin-left: 75px; float: none;}
.list-defs .item-action{ position: relative; padding-right: 85px;}
.list-defs .item-action .action{ position: absolute; right: 3px; top: 10px; width: 75px; height: 24px; line-height: 2; font-size: 12px; text-align: center; text-decoration: none; border-radius: 3px;}
.list-defs .item-button{ padding-right: 12px;}
.list-defs .item-button .button{ float: left; margin-left: 12px; padding: 9px 20px; width: 46%; width: calc(50% - 12px);}
.list-defs .item-action a.action:link, .list-defs .item-action a.action:visited{ color: #ffffff; background-color: #fd406d;}
.list-defs .item-action a.action:hover, .list-defs .item-action a.action:active{ color: #ffffff; background-color: #f1476f;}
.list-defs .item-action .action-success, .list-defs .item-action .action-success:hover, .list-defs .item-action .action-success:active{ color: #ffffff; background-color: #2aa41d;}
.list-defs .item-number .attr{ margin-top: 8px;}
.list-defs-grey{ background-color: #e8e8e8; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.list-defs-grey .item{ border-top: 1px solid #fff;}

/*list-items*/

.list-items{ padding: 10px 12px; font-size: 13px; background-color: #fff;}
a.list-items{ position: relative; display: block;}
.list-items .i-cover{ float: left;}
.list-items .i-infor{ position: relative; z-index: 2; padding-left: 8px; height: 75px; overflow: hidden;}
.list-items .i-infor .title{ display: block; margin: 0 0 8px; height: 32px; overflow: hidden;}
.list-items .i-infor a.title:link, .list-items .i-infor a.title:visited{ color: #2d2d2d;}
.list-items .i-infor a.title:hover, .list-items .i-infor a.title:active{ color: #ff5a54;}
.list-items .i-infor .price {}
.list-items .i-infor .price b{ margin-left: 1px;}
.list-items .tr-action{ position: absolute; right: 0; top: 0;}
.list-items .br-action{ position: absolute; right: 0; bottom: 0;}
.list-items .i-infor .button{ min-width: 87px; font-size: 13px;}
.list-items .rc-arrowr{ position: absolute; right: -8px; top: 50%; margin-top: -22px; width: 32px; height: 44px;}
.i-action{overflow: hidden;*zoom: 1;}
.i-action dd{float: left;width: 50%}
.i-action-three dd{width: 33.3333%}
.i-action dd .item{display: block;padding: 12px 0;text-align: center;font-size: 13px;line-height: 1.3846}
.i-action dd a.item:link, .i-action dd a.item:visited{color: #3f3f3f;text-decoration: none}
.i-action .i_cog, .i-action .i_view{display: inline-block;padding-left: 25px;background-repeat: no-repeat;background-position: left center;background-size: 18px}
.i-action .fa{font-size: 15px}
.i-action .i_cog{background-image: url(img/icon_cog.png)}
.i-action .i_view{background-image: url(img/icon_view.png)}

/*store-action*/

.fixed-action{ position: fixed; left: 0; bottom: 0; z-index: 101; width: 100%;}
.fixed-action-wrapper{ padding: 12px; text-align: right; background-color: #ebeff2;}
.fixed-action-wrapper .button{ padding-top: 5px; padding-bottom: 5px; margin-left: 5px; padding-left: 15px; padding-right: 15px;}

/*guide-nav*/

.guide-nav{ height: 48px; overflow: hidden; background-color: #fff;}
.guide-nav li{ float: left}
.guide-nav li a{ display: block; height: 48px; text-align: center;}
.guide-nav li .icon{ padding-top: 30px; background-color: #fff; background-repeat: no-repeat; background-position: center 8px; background-size: 22px;}
.guide-nav li .icon-back{ background-image: url(img/icon_back_black.png);}
.guide-nav li .icon-store{ background-image: url(img/icon_store_black.png);}
.guide-nav li .icon-cart{ background-image: url(img/icon_cart_black.png);}
.guide-nav li .icon:link, .guide-nav li .icon:visited{ color: #838383}
.guide-nav li .icon:hover, .guide-nav li .icon:active{ color: #9e9e9e}
.guide-nav li .h-red, .guide-nav li .h-orange{ height: 49px; line-height: 51px; font-size: 16px; color: #fff;}
.guide-nav li .h-red:link, .guide-nav li .h-red:visited{ background-color: #ff5a54;}
.guide-nav li .h-red:hover, .guide-nav li .h-red:active{ background-color: #fd726d;}
.guide-nav li .h-orange:link, .guide-nav li .h-orange:visited{ background-color: #fe9402;}
.guide-nav li .h-orange:hover, .guide-nav li .h-orange:active{ background-color: #f2910c;}
.guide-nav li .icon-txt{ display: inline-block; margin: 14px 0; padding-left: 33px; height: 32px; line-height: 25px; font-size: 14px; background-repeat: no-repeat; background-position: 0 0; background-size: 28px 20px;}
.guide-nav li .icon-txt-cart{ background-image: url(img/icon_cart.png);}
.guide-nav li .button{ width: 100%; border-radius: 0; padding-top: 12px; padding-bottom: 12px; font-size: 16px;}
.guide-nav li .overview{ padding: 0 12px; text-align: right; height: 48px; line-height: 48px; background-color: #fff; color: #ff5a54;}
.cart-number{ position: relative; margin: 12px 0; padding: 12px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.cart-number .attr{ line-height: 35px;}
.cart-number .product-number-input{ position: absolute; right: 0; top: 12px;}

/*list-address*/

.address-msg{ font-size: 14px; color: #3f3f3f;}
.address-msg dt{ position: relative; margin: 12px 0 3px; color: #2d2d2d;}
.address-msg dt b{ font-size: 15px;}
.address-msg .phone{ margin-left: 15px;}
.address-msg .address{ margin: 3px 0;}

/*list-tip*/

.list-tip{ margin: 15px 0;}
.list-tip li{ position: relative; margin-bottom: 4px; padding-left: 10px; color: #ff5a54;}
.list-tip li:last-child{ margin-bottom: 0}
.list-tip li:before{ content: '*'; position: absolute; left: 0; top: 3px;}

/*tab-wrapper*/

.trigger-category .fa-angle-down{ position: relative; left: 5px; top: 1px;}
.tab-wrapper{ position: relative; z-index: 3;}
.category-wrapper{ display: none; position: absolute; left: 0; top: 100%; padding: 12px; width: 100%; border-bottom: 1px solid #e4e4e4; background-color: #ffffff; box-shadow: 0 3px 5px #e4e4e4;}
.category-show{display: block}
.category-wrapper li{ float: left; padding: 0 5px; margin: 6px 0; width: 98px; height: 34px;}
.category-wrapper a{ display: block; height: 34px; line-height: 34px; border: 1px solid #e4e4e4; text-align: center; overflow: hidden; border-radius: 3px;}
.category-wrapper a:link, .category-wrapper a:visited{ color: #2d2d2d}
.category-wrapper a:hover, .category-wrapper a:active{ color: #ffffff; border-color: #ff5a54; background-color: #ff5a54;}
.category-wrapper .active{ border-color: #ff5a54; background-color: #ff5a54;}
.category-wrapper .active:link, .category-wrapper .active:visited{ color: #ffffff;}

/*panel.css*/

.layout-status{ color: #ffffff; background-color: #5d6b85;}
.layout-tip{ color: #ff5a54; background-color: #ffe1e0;}
.panel-default{ padding: 15px 12px;}

/*panel-status*/

.panel-status{ position: relative; padding: 12px 20px 12px 40px;}
.panel-status .icon{ position: absolute; left: 15px; top: 15px;}

/*layout-info*/

.layout-info{ padding: 0 12px; overflow: hidden; *zoom: 1;}
.layout-info .title{ margin-bottom: 12px; padding: 12px 0; font-size: 18px; text-align: center; color: #2b2b2b;}
.layout-info .item{ float: left; margin-bottom: 6px; width: 50%; font-size: 14px;}
.layout-info .item:last-child{ margin-bottom: 0;}
.layout-info .item .attr{ margin-right: 1px; color: #838383;}
.layout-info .item .value{ color: #2d2d2d;}
.layout-info-anchor{ padding-bottom: 12px;}
.layout-info-anchor .item{ padding-bottom: 0;}
.layout-info-anchor .item a{ display: block; padding: 8px 0;}
.layout-info-grid .item{ width: 100%;}
.contact-tel{ display: block; padding: 12px 0; border-bottom: 1px solid #e4e4e4; text-align: center; font-size: 14px; background-color: #f8f8f8;}
.contact-tel:link, .contact-tel:visited{ color: #ff5a54;}

/*layout-stripe*/

.layout-stripe {}
.layout-stripe .title{ padding: 12px 0; font-size: 18px; text-align: center; color: #2b2b2b; border-bottom: 1px solid #e4e4e4;}
.layout-stripe .item{ padding: 10px 30px; font-size: 14px; color: #2d2d2d; background-color: #f9f8f8;}
.layout-stripe .item:nth-child(odd){ background-color: #f3f4f6;}

/*partner-list*/

.partner-list{ padding: 0 12px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; overflow: hidden; *zoom: 1; background: #f9f8f8 url(img/partner_bg.png?v=1) repeat 0 0;}
.partner-list .title{ padding: 6px 0 5px;}
.partner-list .item{ float: left; padding: 6px 0 5px; width: 33.3333%; color: #838383;}
@media only screen and (max-width: 767px){ .partner-list .item{ width: 50%;}
  }
.add-partner{ position: absolute; right: 0; top: 0;}

/*panel-query*/

.panel-query{ padding-left: 24px; padding-right: 24px;}

/*panel-address*/

.panel-address{ position: relative; display: block; padding: 0 35px 12px;}
.panel-address .fa{ position: absolute; top: 50%;}
.panel-address .fa-map-marker, .panel-address .fa-truck{ margin-top: -8px; color: #525252;}
.panel-address .fa-map-marker{ left: 12px;}
.panel-address .fa-truck{ left: 9px;}
.panel-address .fa-angle-right{ right: 13px; margin-top: -10px; color: #a3a3a3;}
.transport-unactive{ cursor: default;}
.transport-unactive .fa-angle-right{ display: none;}

/*input.css*/

.input-default{ display: block; width: 100%; padding: 10px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff;
  /*background-image: none;*/
  border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); border-radius: 3px; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
textarea.input-default{ height: 66px;}
.input-default:focus{ outline: 0;
  /*border-color: #66afe9;*/
  /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);*/
  }
.input-gray{ background-color: #f3f4f6;}
.input-red{ border-color: #ff5a54;}
.input-red::-webkit-input-placeholder{ color: #ff9f9c;}
.input-red:-moz-placeholder{/* Firefox 18- */
  color: #ff9f9c;}
.input-red::-moz-placeholder{/* Firefox 19+ */
  color: #ff9f9c;}
.input-red:-ms-input-placeholder{ color: #ff9f9c;}

/*table.css*/

.table, .table100{ width: 100%;}
.table thead tr, .table tbody tr{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #ffffff;}
.table thead th, .table tbody td{ padding: 12px 3px; text-align: center; font-size: 14px;}
.table thead th{ font-weight: 500; font-size: 14px; color: #2d2d2d;}
.table tbody td{ color: #838383;}
.table-grid{ border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; background-color: #ffffff; overflow: hidden; *zoom: 1;}
.table-grid-cell{ float: left; padding: 18px 3px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; text-align: center;}
.table-grid-cell .num{ display: block; margin-bottom: 5px; font-weight: 500; font-size: 20px; color: #ff5a54;}
.table-grid-cell .label{ color: #838383;}
.table-grid-three .table-grid-cell{ width: 33.3333%}

/*item-grid-cell*/

.item-grid-cell{ float: left; width: 33.3333%; text-align: center; font-size: 14px; color: #2d2d2d}
.item-grid-cell-double{ width: 66.6666%}

/*product-number-input*/

.product-number-input{ position: relative; display: inline-block; padding: 0 35px;}
.minus-input, .plus-input{ position: absolute; top: 0; width: 35px; height: 35px; text-align: center; border: 1px solid #969696; color: #919191;}
.minus-input{ left: 0;}
.plus-input{ right: 0;}
.minus-input .fa, .plus-input .fa{ margin-top: 9px; font-size: 16px;}
.minus-input.disabled, .plus-input.disabled{ color: #e4e4e4; border-color: #e4e4e4;}
.number-input{ width: 45px; height: 35px; border: 1px solid #969696; text-align: center; font-size: 16px; border-radius: 0;}

/*order-rule.css*/

.order-rule{ border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #ffffff; cursor: pointer;}
.order-rule dt{ position: relative; padding: 10px 15px;}
.order-rule dt .arrow{ position: absolute; right: 15px; top: 10px;}
.order-rule-detail{ display: none; padding: 15px; border-top: 1px solid #e4e4e4; color: #2d2d2d;}
.order-rule.active .order-rule-detail{ display: block;}
.order-rule-detail p{ padding: 2px 0 2px 12px; background: url("img/icon_dot_black.png") no-repeat 0 7px; background-size: 6px;}

/*order-summary*/

.order-summary-prefix, .order-summary{ overflow: hidden; *zoom: 1;}
.order-summary-prefix{ padding: 0 12px; height: 30px; line-height: 30px; color: #fff; background-color: #797a7b;}
.order-summary-prefix .thistime{ float: left; width: 50%;}
.order-summary-prefix .monthtime{ float: left; width: 50%; text-align: right;}
.fixed-summary{ position: fixed;}
.order-summary .attr{ float: left; padding: 15px 12px; width: 67.5%; height: 52px; overflow: hidden; color: #ffffff; background-color: #313131;}
@media only screen and (max-width: 360px){ .order-summary-prefix, .order-summary .attr{ padding-left: 6px; padding-left: 6px;}
  }
.order-summary .value{ float: right; position: relative; width: 32.5%;}
.submit-action .button{ width: 100%; height: 52px; border-radius: 0;}
.submit-action .button-company{ padding-bottom: 42px;}
.submit-action .company-score{ position: absolute; left: 0; bottom: 4px; width: 100%; text-align: center; color: #ffffff; cursor: pointer;}

/*status-default.css*/

.status-default{ margin: 15px auto 12px; text-align: center; color: #ff5a54;}
.status-default strong{ display: inline-block; padding: 5px 0 5px 35px; background: url(img/icon-hook.png) no-repeat left center;}

/*select-address*/

.address-wrapper{ position: fixed; left: 100%; top: 0; z-index: 10001; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');}
.address-wrapper.show{ left: 0;}
.address-wrapper .grid-inner{ overflow: hidden; *zoom: 1;}
.address-wrapper .address-msg{ position: relative; padding-right: 35px;}
.nav-seladdress-item .address-msg .select-hook{ display: none; position: absolute; right: 0; top: 50%; margin-top: -13px; width: 25px; height: 25px; background: url(img/icon-hook-circle.png) no-repeat 0 0; background-size: 25px;}
.nav-seladdress-item.active .address-msg .select-hook{ display: block;}
.address-wrapper .address-content{ overflow-y: auto;}

/*seller*/

.note-volume{ padding: 0 24px;}
.partner-msg{ margin: 12px 0; display: inline-block; text-align: left;}
.partner-msg .item{ margin: 5px 0;}
.partner-msg .item .attr{margin-right: 5px}
@media only screen and (max-width: 480px){ .reg-rule .and{display: none}
  .reg-rule .block-align{ display: block; margin-top: 3px; margin-left: 108px;}
  }

/*wechat-guide*/

.wechat-guide{ display: none; margin: 50px 24px; text-align: center; font-size: 14px;}
.wechat-guide p{ margin: 25px 0 15px; color: #838383;}
.wechat-guide .rule{ margin-top: 10px; display: inline-block;}
.wechat-qrcode{ padding: 10px; border: 1px solid #f4f4f4;}
.wechat-join{ margin: 45px 24px 0; padding: 10px 60px 0; border-top: 1px solid #e4e4e4; overflow: hidden; *zoom: 1;}
.wechat-join dt{ margin: 14px 0; font-size: 15px;}
.wechat-join dd{ margin: 8px 0; line-height: 1.5; font-size: 14px; color: #838383;}

/*editor-container*/

.editor-container{ padding: 0 12px;}
.editor-container .title{ padding: 15px 0; border-bottom: 1px solid #e4e4e4; text-align: center; font-weight: 500; color: #2b2b2b;}
.editor-container .content{ padding: 20px 15px;}
.editor-container .content img{ display: block; max-width: 100%; height: auto;}

/*upload-wechat-qrcode*/

.upload-preview-wrap{ position: relative; margin: 0 auto; width: 232px; height: 232px; overflow: hidden; border: 1px solid #cccccc;}
.mask-upload{ left: 50%; text-align: center; margin-left: -115px; background: rgba(0, 0, 0, 0.3); filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#4c000000', EndColorStr='#4c000000');}
:root .mask-upload{ filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000');}
.mask-upload img{ display: inline-block; margin-top: 99px;}
.upload-guide{ color: #ff5a54;}
.collect-money-msg{ padding: 15px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; background-color: #ffffff;}
.collect-money-msg .form-label{ color: #2d2d2d;}
.collect-money-msg .form-textarea{ margin-top: 6px; padding: 6px 12px; width: 100%; height: 74px; border: 1px solid #e4e4e4; color: #666666; border-radius: 5px;}

/*footer-action.css*/

.footer-action{ margin: 24px 0; padding: 0 24px; overflow: hidden; *zoom: 1;}
.footer-action .button{ display: block; width: 100%; padding: 7px 0; font-size: 15px;}
.footer-action .rspace4{ margin-right: 4%;}
.footer-action .rspace{ margin-right: 3%;}
.footer-action-half, .footer-action-three{ padding: 0 3.75%;}
.footer-action-half .button{ float: left; width: 48%;}
.footer-action-three .button{ float: left; width: 31%}
@media only screen and (max-width: 767px){ .footer-action .rspace{ margin-right: 2%;}
  }

/*ui-pager.css*/

.page-wrapper{ margin: 20px 0 18px; padding: 0 24px;}
.ui-pager{ width: 100%; display: inline-block; border: 1px solid #cdcdcd; border-radius: 2px; background-color: #f3f3f3; background-image: linear-gradient(#f3f3f3, lightgrey);}
.ui-pager a{ float: left; width: 14.857%; height: 40px; line-height: 40px; outline: none; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; color: #555555; vertical-align: middle; text-align: center; text-decoration: none; font-weight: bold; font-size: 24px; font-family: Times, 'Times New Roman', Georgia, Palatino; background-color: #f3f3f3; background-image: linear-gradient(#f3f3f3, lightgrey);}
.ui-pager a:hover, .ui-pager a:focus, .ui-pager a:active{ background-color: #cecece; background-image: linear-gradient(#e4e4e4, #cecece);}
.ui-pager a.disabled, .ui-pager a.disabled:hover, .ui-pager a.disabled:focus, .ui-pager a.disabled:active{ background-color: #f3f3f3; background-image: linear-gradient(#f3f3f3, lightgrey); color: #A8A8A8; cursor: default;}
.ui-pager a:first-child{ border: none; border-radius: 2px 0 0 2px;}
.ui-pager a:last-child{ border: none; border-radius: 0 2px 2px 0;}
.ui-pager input{ float: left; margin: 0; padding: 0; width: 40.572%; height: 40px; line-height: 40px; outline: none; border: none; vertical-align: middle; text-align: center; font-size: 14px; color: #7b7b7b; border-radius: 0;}
@media only screen and (max-width: 767px){ .page-wrapper{ padding: 0 12px;}
  }

/*query.css*/

.query-list .item{ margin: 12px 0; overflow: hidden; *zoom: 1;}
.query-list .item .attr, .query-list .item .value{ float: left; width: 50%;}
.query-list .item .attr{ padding-right: 15px; text-align: right; color: #9e9e9e;}
.query-list .item .value{ color: #2b2b2b;}
.panel-query .status{ padding-top: 50px; line-height: 1.5; background-position: center top; background-repeat: no-repeat;}
.panel-query .success{ background-image: url(img/icon-success.png);}
.panel-query .failure{ background-image: url(img/icon-failure.png);}
.panel-query .note{ background-image: url(img/icon-note.png?v=12);}
.panel-query .button-white{ margin: 30px auto 0; display: block; width: 230px;}
.contact{ padding-top: 15px;}
#cnzz_stat_icon_1254953135 a{ display: inline-block; width: 50px; height: 12px; text-indent: -9999em; overflow: hidden; background: url(../images/cnzzpic.gif) no-repeat 0 0;}
.opacit60{ opacity: .6;}

/* ==========================================================================

   Media Queries for Responsive Design.

   ========================================================================== */

@media only screen and (max-width: 767px){ .fullscreen{ border: none; -webkit-border-image: none; border-image: none;}
  .site-header{ padding: 0;}
  .site-header .logo a{ display: none;}
  #nav{ position: fixed; left: 0; bottom: 0; z-index: 5; width: 100%; background-color: #ffffff;border-width: 1px 0 0; border-style: solid; border-color: #b2b2b2; -webkit-border-image: url("../images/1px/bh-1px-mainnav.png") 2 0 stretch; border-image: url("../images/1px/bh-1px-mainnav.png") 2 0 stretch; display: none;}
  .keyboard-status.fadeout{ display: none}
  .main-nav{ float: none; margin: 0 auto; width: 100%; max-width: 640px; height: 55px; overflow: hidden; *zoom: 1; background-color: #ffffff;}
  .main-nav li{ margin-right: 0; width: 25%;}
  .main-nav3 li{ width: 33.3333%}
  .main-nav3 li:first-child{ display: none;}
  .main-nav li a{ padding-top: 36px; font-size: 12px; background-image: url(img/sprite_nav.png); background-repeat: no-repeat; background-size: 24px;}
  .main-nav li a:link, .main-nav li a:visited{ color: #5a2901}
  .main-nav li .store{ background-position: center 2px;}
  .main-nav li .home{ background-position: center -64px;}
  .main-nav li .search{ background-position: center -129px;}
  .main-nav li .admin{ background-position: center -194px;}
  .main-nav li .store:hover, .main-nav .active .store{ background-position: center -456px;}
  .main-nav li .home:hover, .main-nav .active .home{ background-position: center -260px;}
  .main-nav li .search:hover, .main-nav .active .search{ background-position: center -325px;}
  .main-nav li .admin:hover, .main-nav .active .admin{ background-position: center -391px;}
  .address-wrapper{ height: 62%; height: calc(100% - 65px);}
  .note-volume{ padding: 0 12px;}
  .wechat-join{ margin-left: 12px; margin-right: 12px; padding: 0; padding: 0;}
  .wechat-guide{ margin-left: 12px; margin-right: 12px;}
  .guide-nav li .overview{ padding-top: 4px; line-height: 1.3;}
  .guide-nav .overview .freight{ display: block;}
  }
@media only screen and (min-width: 768px) and (max-width: 989px){ #main{ margin-top: 15px}
  }
@media only screen and (min-width: 992px){ #main{ margin-top: 15px}
  }