@charset "UTF-8";
/*=====

页面中有大写J开头的class或者id，表示此dom被绑定了javascript事件

命名字典

pt = product
btn = button
ib = inline-block
active = act
select = sel
delete = del
gb = gray-block
ob = orange-block
pre = preferential
mem = member
fav = favorites

=====*/
html { font-family: sans-serif; }

* { margin: 0; padding: 0; border: 0; }

img {width:100%; display:block;}

ul, ol, menu { list-style: none; }

body {font-family:"Microsoft YaHei","Arial"; font-size:14px; line-height:1.5; color:#333; word-wrap: break-word; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-touch-callout: none; }

table { border-collapse: collapse; border-spacing: 0; }

address, em, i { font-style: normal; }

input, select, button { vertical-align: middle; }

input, select, button, textarea { font-size: 100%; font-family: inherit; color:#717171;}

a { color: #333333; text-decoration: none; }

h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;}

.page { width:100%; }

.full-screen { margin: 0 auto; padding-top:45px;}

.full-padding { padding:45px 12px 0 12px;}

.box, .col2 { display: box; display: -webkit-box; display: -moz-box; width: 100%; }
.box .col, .col2 .col { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; }

.f-l { float: left; }

.f-r { float: right; }

.t-r { text-align: right; }

.t-l { text-align: left; }

.t-c { text-align: center; }

.ib { display: inline-block; }
.ib.gray { background-color: #666666; color: #FFFFFF; }

.gb { display: block; border: 1px solid #DDDDDD; background-color: #f5f5f5; padding: 10px; }

.ob { display: block; border: 1px solid #FCE8BE; background-color: #FEF7E9; padding: 10px; }

.c-fix:after { content: "\0020"; display: block; visibility: hidden; clear: both; }

.fix-f { float: left; width: 100%; }

.hide { display: none !important; }

.price { color: #FF0000; }

.f-red { color: #C60808; padding-right:3px; position:relative;}

.lnk { color: #2970A6; }

select, input { padding: 0; margin: 0; outline: none; }

.star { display: inline-block; width: 66px; height: 11px; background: url(../images/star.png) no-repeat 0 -80px; }
.star b { display: inline-block; height: 100%; background: url(../images/star.png) no-repeat; }
.star.big { line-height: 20px; vertical-align: -4px; width: 125px; height: 20px; background: url(../images/star_b.png) no-repeat 0 -100px; }
.star.big b { background: url(../images/star_b.png) no-repeat; }
.star.s_1 { background-position: 0px -80px; }
.star.s_2 { background-position: 0px -60px; }
.star.s_3 { background-position: 0px -40px; }
.star.s_4 { background-position: 0px -20px; }
.star.s_5 { background-position: 0px 0px; }

.dialog { background-color: #FFFFFF; border-radius:6px; z-index:100000; text-align:center; position:absolute !important; left:15% !important; right:15% !important; top:50% !important; width:auto !important; -webkit-transform:translateY(-50%) !important;}
.dialog .dialog-head { position: relative; text-align: center; border-bottom: 1px solid #BFBFBF; }
.dialog .close { position: absolute; top: -14px; right: -14px; background-color: #FFFFFF; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 2px solid #000000; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px; }

.confirm { padding: 10px 20px; }
.confirm .btn-bar { margin-bottom: 20px; }
.confirm .true { margin-right: 10px; }
.confirm .false { margin-left: 10px; }

.msg { font-weight: bold; font-size: 14px; line-height: 40px; padding: 10px; display:block; text-align:center;}
.checkout-success {text-align:center; display:block; color:#000;}

.bold { font-weight: bold; }

.section { border-bottom: 1px solid #ddd; padding: 12px 0; margin:0 12px;}

.popup {position: fixed; z-index:100000; background:rgba(0, 0, 0, 0.8); border-radius:8px; left:20% !important; right:20% !important; top:50% !important; -webkit-transform:translateY(-50%) !important; text-align: center; color: #FFFFFF; line-height:20px; padding:25px 0;}


#J_mask { position:fixed; top: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.4); }

#loading { margin: -50px 0 0 -50px; width: 100px; height: 100px; text-align: center; position: absolute; top: 50%; left: 50%; z-index: 20; }

.d-table .k { line-height: 26px;}
.d-table .v { line-height: 26px; }

.d-line { line-height: 20px; position: relative; display:flex;}
.d-line .k, .d-line .v { display: inline-block; }
.d-line .l-k {line-height: 24px; min-width:80px;}
.d-line .l-v { display: block; padding:0 10px 0 0; line-height: 24px; }
.d-line .down { position: absolute; top: 50%; right: 0; margin-top: -5px; }

.btn {background:#397eff; border-radius:4px; display:block; text-align:center; font-weight:bold; color:#fff; height:40px; line-height:40px; width:100%;}
.btn:hover, .btn:active, .btn:visited { color: #FFFFFF; text-decoration: none; }

.btn.orange {background:#ff7700;}
.btn.red {background:#ff7700;}

.btn.gray, .btn.disabled { background: #EAEAEA; color: #333333; height: 31px; line-height: 31px; border: 1px solid #DDDDDD; }
.btn.gray:visited, .btn.disabled:visited { background: #EAEAEA; color: #333333; }
.btn.disabled { color: #888888; }
.btn.disabled:visited { color: #888888; }

.mg_btn {margin:20px 12px 0 12px;}

.size_list {padding-bottom:8px;}
.size_list .size_item {display:flex; align-items:center; border-bottom:1px solid #e5e5e5; padding:8px 0;}
.size_list .size_item:last-child {border:none;}
.size_list .size_item h2 {font-size:16px; font-weight:bold; color:#000; width:100px; min-width:100px;}
.size_item i {width:18px; height:18px; min-width:18px; background:url(off.png); background-size:cover; margin-right:10px;}
.size_list .size_item.on i {background:url(cur.png); background-size:cover;}
.size_list .size_item p {flex-grow:1; text-align:right;}

.size_info {width:100%; padding:8px 0 80px 0;}
.size_info p {padding:3px 0;}

.info_success {display:flex; flex-direction: column; align-items:center; justify-content:center; position:absolute; top:50%; margin-top:-50px; left:0; right:0;}
.info_success img {width:48px;}
.info_success h2 {font-size:24px; font-weight:bold; color:#000; padding-top:10px;}

.fixed_bar {position:fixed; left:0; right:0; bottom:0; z-index:100; background:#fff; padding:8px 12px;}
.fixed_bar button {background:#397eff; border-radius:4px; display:block; text-align:center; font-weight:bold; color:#fff; height:40px; width:100%;}

.rg_fixed {position:fixed; left:0; right:0; bottom:0; z-index:100; background:#fff; padding:8px 12px}

.btn-bar.login_bar {position:static; padding:10px 0 0 0;}


.hide{display:none !important;}

button.btn { width: 100%; }

.xiaofu_jc {padding:18px 0 10px 0; text-align:center;}
.xiaofu_jc h1 {color:#159948; font-size:22px; font-weight:bold;}
.xiaofu_jc h3 {color:#8c8c8c; font-size:14px;}


.tab .trigger-list {display:flex; align-items:center; gap:10px; padding:10px 0 15px 0;}
.tab .trigger {text-align: center; flex-grow:1; background:#eee; border-radius:5px; height:36px; line-height:36px; text-align:center;}
.tab .trigger.act {background:#397eff; color:#fff;}
.tab .panel { display: none; }
.tab .panel.act { display: block; }

.xs_info {border-radius:4px; background:#f8f8f8; margin:0 12px; padding:10px 12px; margin-top:12px;}
.xs_info2 {display:flex; align-items:center; flex-wrap:wrap; padding-top:2px;}
.xs_info2 .text-nowrap {flex-grow:1; width:50%; padding:2px 0;}

.icon { position: relative; display: inline-block; text-align: center; }
.icon.r-arr { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; width: 16px; height: 16px; background-color: #333333; }
.icon.r-arr .arr { border-color: #FFFFFF; position: absolute; }
.icon.r-arr .arr.top { bottom: 4px; left: 5px; }
.icon.r-arr .arr.right { top: 5px; left: 4px; }
.icon.r-arr .arr.down { top: 4px; left: 5px; }
.icon.r-arr .arr.left { top: 5px; right: 4px; }
.icon.r-b { position: relative; display: inline-block; width: 22px; height: 22px; line-height: 22px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; }
.icon.red { background-color: #FC6B00; color: #FFFFFF; padding: 0 5px; height: 22px; line-height: 22px; }
.icon.orange { background-color: #FF5800; color: #FFFFFF; padding: 0 5px; height: 22px; line-height: 22px; }
.icon.gray { background-color: #CCCCCC; color: #FFFFFF; padding: 0 5px; height: 22px; line-height: 22px; }

.arr { display: inline-block; border: #666 solid; border-width: 2px 2px 0 0; width:8px; height:8px; }
.arr.top { -webkit-transform: rotate(315deg); transform: rotate(315deg); -webkit-transition-duration: 0; transition-duration: 0; }
.arr.right { position: relative; top: -2px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-duration: 0; transition-duration: 0; }
.arr.down { -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition-duration: 0; transition-duration: 0; }
.arr.left { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-duration: 0; transition-duration: 0; }

.form .c-g {border: 1px solid #BFBFBF; border-radius:4px; padding: 6px 0; margin:0 0 12px 0; display:flex; align-items:center;}
.form .c-l-g { line-height: 26px; border: 1px solid #BFBFBF; padding: 6px 0; margin: 16px 0; }
.form .c-l {width: 90px; min-width:90px; padding-right: 10px; text-align: right; border-right: 1px solid #BFBFBF; }
.form .c {position: relative; flex-grow:1; padding:0 10px;}
.form .c select {width:100%;}
.form .c .region {display:flex; align-items:center;}
.form .ib-btn { display: inline-block; padding: 0 10px; font-size: 12px; text-decoration: none; color: #FFFFFF; }
.form .btn-send { position: absolute; right: 10px; top: 0; height: 25px; line-height: 25px; width: auto; white-space: nowrap; }
.form .x-input, .form .text { border: none; width: 100%; height: 26px; }
.form .x-input {padding:0 10px; box-sizing:border-box;}
.form .verify-input { width: 80px; }
.form .verify-code { vertical-align: middle; }
.form .select { border: none; background: none; width: 100%; height: 26px; }
.form .inputstyle { border: none; background: none; height: 26px; }
.form .s-arr { position: absolute; top: 10px; right: 10px; }
.form .c-g-c { height: 28px; line-height: 28px; padding:0 0 15px 0; }
.form .c-g-c label { text-decoration: underline; color: #000099; }
.form .notice { text-align: right; color: #999999; }
.form .acc-email, .form .get-email-vcode, .form .o-email, .form .acc-mobile, .form .get-mobile-vcode, .form .o-mobile, .form .a-s-verify { display: none; }

.o-f-mobile .acc-mobile, .o-f-mobile .get-mobile-vcode, .o-f-mobile .o-mobile { display: block; }
.o-f-mobile .acc-email, .o-f-mobile .get-email-vcode, .o-f-mobile .o-email { display: none; }

.o-f-allof .a-s-verify { display: block; }

.o-f-email .acc-email, .o-f-email .get-email-vcode, .o-f-email .o-email { display: block; }
.o-f-email .acc-mobile, .o-f-email .get-mobile-vcode, .o-f-email .o-mobile { display: none; }

.pageview { padding: 10px 0; text-align: center; }
.pageview .flip { display: inline-block; padding: 1px 5px 2px; margin: 0 2px; border: 1px solid #ddd; }
.pageview .active { color: #fff; background: #a50c17; }
.pageview .over { color: #ccc; }

/*===顶部header容器===*/


/*===顶部header容器===*/
/*===footer===*/

.fixed_pd {padding-bottom:49px;}

.foot_tab {position:fixed; left:0; bottom:0; right:0; z-index:100; border-top:1px solid #e2e2e2; background:#fff; padding:4px 0 4px 0;}
.foot_tab ul {display:flex; align-items:center;}
.foot_tab li {flex-grow:1;}
.foot_tab li a {display:flex; justify-content:center; align-items:center; flex-direction: column;}
.foot_tab li.tab1 i {background:url(/static/tab1.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:0.5}
.foot_tab li.tab2 i {background:url(/static/tab2.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:0.5}
.foot_tab li.tab3 i {background:url(/static/tab3.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:0.5}
.foot_tab li.tab4 i {background:url(/static/tab4.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:0.5}
.foot_tab li.tab1.on i {background:url(/static/tab1_on.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:1}
.foot_tab li.tab2.on i {background:url(/static/tab2_on.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:1}
.foot_tab li.tab3.on i {background:url(/static/tab3_on.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:1}
.foot_tab li.tab4.on i {background:url(/static/tab4_on.png) no-repeat; background-size:cover; width:24px; height:24px; opacity:1}
.foot_tab li span {line-height:16px; color:#8c8c8c; font-size:12px;}
.foot_tab li.on span {color:#397eff;}

.footer { padding:0px; text-align: center; color: #999; background-color: #f5f5f5; overflow:hidden; height:0;}
.footer p { margin-top: 10px; }

/*======footer=====*/
/*======顶部操作条=====*/
header {border-bottom: 1px solid #D6D6D6; background:#fff; height:44px; position:fixed; left:0; top:0; right:0; z-index:100;}

.a-bar {display:flex; align-items:center; height:44px; justify-content:center; font-weight:bold; font-size:16px; color:#000; position:relative;}
.a-back {position:absolute; width:32px; height:32px; left:6px; top:6px; z-index:10; display:flex; align-items:center; justify-content:center;}
.a-back img {width:24px; height:24px; }
.a_right {position:absolute; width:22px; height:22px; right:15px; top:11px; z-index:10;}
.a_home {position:absolute; width:22px; height:22px; left:48px; top:11px; z-index:10;}

.user_bar .a_home {left:15px;}


.tit {font-size:14px; font-weight:bold; color:#000; padding:12px 0 10px 0;}


.a-bar .a-search { padding-left: 5px; }
.a-bar .a-search.active { border: 1px solid #999; background-color: #FFF; }
.a-bar .a-search.active .a-search-ipt { display: inline-block; }
.a-bar .a-search .a-search-ipt { display: none; border: none; }
.a-bar .a-search .a-search-btn { border: none; width: 49px; height: 25px; line-height: 25px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNS8wMy8xM95CB9IAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAAA8UlEQVQokZWRwVXDMBBEv90ILgFe5k46yKMCOx1QQkqgA3AHpgNynwPpAHeQVGAOrJ9tWebBXCStZnZG2mIYBgAk7YET8MiEC3Cy3ZFBMQwDkhrgNUcItLabtFiG4yg8A0+2C+ABeI96HQZL591u9xFRz7b3KUFSBxyA3na1cGZ648tG5OdY7yStxABsfYrtr9kxL5Z0nxMnbtdUfIn9KSee1Xvbn6l4vDxI6kYnSZWkN6CO+3l8YJrznPQbFvMuAaJwBPqEfONn9iPqMJqc54jYFXAd35hJ1tpuVuIt5Br8WZxrUG5T14i/aeN4/Jdzim/uuWYe+jT1fgAAAABJRU5ErkJggg==) no-repeat 50%; }

/*======顶部操作条 end=====*/


/*====商品主图====*/
.pt-pic { padding-bottom: 10px; position:relative;}
.pt-pic .slider { height: 255px; padding-top: 6px; }
.pt-pic .slider-item { width: 240px; height: 240px; border: 1px solid #ddd; border-radius:3px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.pt-pic .slider-item img { max-width:240px; max-height: 240px; vertical-align: middle; }

/*====商品主图 end====*/
/*===商品详情页===*/
.pt-name { font-size: 16px; padding: 0 12px; text-align:center;}
.pt-name2 { font-size: 14px; text-align:center; color:#717171; padding:1px 12px 5px 12px;}

.ytg {position:absolute; right:8px; bottom:38px; width:80px; z-index:100; opacity:0.6;}

.pt-price { position: relative; border-bottom: 1px solid #ddd; line-height:24px; text-align:center; padding-bottom:15px;}
.pt-price .price { color: #FF0000; font-size: 18px; font-weight: bold; }
.pt-price .arr { position: absolute; top: 50%; right: 5px; margin-top: -3px; }

.pt-promotions { position: relative; border-bottom: 1px solid #BFBFBF; padding: 8px 21px 8px 5px; }
.pt-promotions .arr { position: absolute; top: 50%; right: 5px; margin-top: -3px; }
.pt-promotions .ib { padding: 0 5px; margin: 5px; }

.promotions-panel { padding: 10px; }
.promotions-panel .panel { padding: 10px 0; }
.promotions-panel .panel li { padding: 5px 0; border-top: 1px dashed #ddd; }
.promotions-panel .panel li.first { border: none; }
.promotions-panel .panel li.disable { color: #999; }
.promotions-panel .panel li.disable span { color: #999; }
.promotions-panel .panel span { color: #900; }

.pt-sku { padding:15px 2px 8px 12px; position: relative; }
.pt-sku .sku { padding: 0 10px; margin:0 10px 8px 0; border: 1px solid #DDDDDD; background-color: #EAEAEA; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height:34px; color: #000000; }
.pt-sku .sku .arr { position: relative; top: -3px; margin-left: 3px; }
.pt-sku .sku.sel { border-color: #397eff; background:#397eff; color:#fff;}
.pt-sku .sel-sku-box { padding: 0 0; }
.pt-sku .close-bar { margin-top: 10px; border-top: 1px solid #BFBFBF; text-align: center; }
.pt-sku .close-bar .close { position: relative; top: -1px; display: inline-block; width: 50px; height: 25px; -webkit-border-radius: 0px 0px 4px 3px; -moz-border-radius: 0px 0px 4px 3px; border-radius: 0px 0px 4px 3px; background-color: #FFFFFF; border: 1px solid #BFBFBF; border-top: 1px solid #FFFFFF; }
.pt-sku .sku-item .k { width: 50px; line-height: 36px; }
.pt-sku .sku-item .v {display:flex; align-items:center; flex-wrap:wrap;}
.sku-list .sku-item {display:flex;}

.goods_bar {position:fixed; left:0; right:0; bottom:0; z-index:100; background:#fff; padding:8px 12px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #e2e2e2;}
.pt-btn {display:flex; align-items:center;}
.pt-btn .btn {margin-left:10px;}

.goods_bar .btn.orange {background:#397eff; width:180px;}
.goods_bar .btn.red {width:100px; display:none !important;}

.goods_bar .pt-num .plus, .goods_bar  .pt-num .minus {width:38px; height:38px; font-size:20px; display:flex; align-items:center; justify-content:center;}
.goods_bar .pt-num .num .num-ipt {width:80px; height:38px;}


.pt-detail {padding:10px 12px 15px 12px;}
.pt-detail .panel { padding:0 0 15px 0 ; }
.pt-detail .panel img { max-width: 100%;}

.pt-comment { padding: 10px; }
.pt-comment .info { padding: 10px 110px 10px 10px; border: 1px solid #ddd; background-color: #f2f2f2; }
.pt-comment .info .publish { float: right; margin-right: -110px; width: 80px; padding: 10px; border-left: 1px solid #ddd; }
.pt-comment .info .publish .btn { height: 25px; line-height: 25px; font-size: 12px; }
.pt-comment .info .grades { padding: 10px 0; }
.pt-comment .info .grades .num { font-size: 18px; font-weight: 800; color: #f60; }
.pt-comment .info .gray { color: #999; }
.pt-comment .count { padding: 15px 0 10px; }
.pt-comment .list { display: none; }
.pt-comment .list.active { display: block; }
.pt-comment .list .item { margin-top: 10px; }
.pt-comment .list .item .anthor { padding: 10px 10px 10px 77px; background-color: #f2f2f2; }
.pt-comment .list .item .anthor .person { float: left; margin-left: -68px; width: 62px; text-align: center; }
.pt-comment .list .item .anthor .person .level { border: 1px solid #fce8be; background-color: #fef7e9; }
.pt-comment .list .item .anthor .person .pic { width: 60px; height: 60px; border: 1px solid #eee; overflow: hidden; background-color: #ddd; }
.pt-comment .list .item .anthor .person .name { padding-top: 3px; }
.pt-comment .list .item .anthor .time { float: right; }
.pt-comment .list .item .anthor .content { padding-top: 30px; min-height: 70px; }
.pt-comment .list .item .content { word-break: break-word; }
.pt-comment .list .item .consult { padding: 10px; background-color: #f2f2f2; }
.pt-comment .list .item .reply { padding-left: 50px; }
.pt-comment .list .item .reply .reply-item { margin-top: 10px; padding: 5px 10px; border: 1px solid #ddd; border-radius: 5px; line-height: 20px; position: relative; }
.pt-comment .list .item .reply .reply-item .n { float: left; margin-top: 8px; margin-left: -40px; width: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #666; border-radius: 5px; }
.pt-comment .list .item .reply .reply-item .c { display: block; }
.pt-comment .list .item .reply .reply-item .t { display: block; margin-top: -20px; text-align: right; color: #999; }
.pt-comment .list .item .reply .reply-item i { position: absolute; left: -4px; top: 22px; background-color: #fff; border-color: #ddd; border-width: 1px 1px 0 0; }
.pt-comment .list .item .reply .btn { margin-top: 10px; height: 25px; line-height: 25px; font-size: 12px; }
.pt-comment .pager { margin-top: 10px; text-align: center; }
.pt-comment .pager .prev, .pt-comment .pager .next, .pt-comment .pager .current { padding: 3px 8px; border: 1px solid #ddd; background-color: #f2f2f2; }
.pt-comment .pager .prev { float: left; }
.pt-comment .pager .next { float: right; }
.pt-comment .pager .current { display: inline-block; }

.publish_comment { padding-bottom: 10px; }
.publish_comment .grades { padding: 5px 0; }
.publish_comment .grades .tag { display: inline-block; width: 80px; text-align: right; }
.publish_comment .consult-type { height: 65px; }
.publish_comment .consult-type strong { display: block; padding: 10px 0; }
.publish_comment .consult-type span { float: left; width: 80px; height: 30px; line-height: 30px; text-align: center; }
.publish_comment .consult-type span.active { color: #FFF; background-color: #333; }
.publish_comment .textarea { padding: 10px 0; }
.publish_comment .textarea .action-fill-textarea { width: 98%; height: 80px; border: 1px solid #ddd; resize: none; }
.publish_comment .tip { padding: 10px 0; text-align: right; color: #999; }
.publish_comment .item { padding: 5px; border: 1px solid #ddd; line-height: 25px; min-height: 25px; }
.publish_comment .item label { float: left; width: 70px; padding-right: 5px; border-right: 1px solid #ddd; text-align: right; }
.publish_comment .item input { border: none; margin-left: 5px; width: 200px; vertical-align: middle; }
.publish_comment .item .verify-input { width: 88px; }
.publish_comment .item .verify-code { vertical-align: middle; }
.publish_comment .mt10 { margin-top: 10px; }

/*===商品详情页 end===*/
/*===商品列表页===*/
.brands-list { padding: 10px 0; }
.brands-list .items { float: left; width: 33.33333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; padding-bottom: 10px; padding-right: 10px; }
.brands-list .items:nth-child(3n+0) { padding-right: 0; }
.brands-list .img { width: 91px; height: 91px; border: 1px solid #DDDDDD; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.brands-list .img img { max-width: 91px; max-height: 91px; vertical-align: middle; }
.brands-list .intro { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*===商品列表页 end===*/
/*===购物车页===*/



.cart-pt .pre-info { padding: 10px; background-color: #EEEEEE; }
.cart-pt .order-promotion .pre-info { padding: 0; background: transparent; }
.cart-pt .cart-empty { width: 160px; margin: 0 auto; padding: 50px 0; }
.cart-pt .cart-empty h1 { padding-top: 90px; font-size: 14px; background: url(../images/cart_empty.png) no-repeat center top; }
.cart-pt .cart-empty p { padding-top: 20px; line-height: 30px; color: #999; }

.cat_list ul {padding:10px 6px; display:flex; flex-wrap:wrap;}
.cat_list li {padding:10px 6px; width:33.3333%; box-sizing:border-box; text-align:center;}
.cat_list .cat_img {width:100%; position:relative; padding-bottom:100%;}
.cat_list .cat_img img {width:100%; height:100%; position:absolute; top:0; left:0;}
.cat_list .cat_name { height:20px; margin-top:5px; line-height:20px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.no-data {padding:150px 0; text-align:center; color:#999;}

/*===购物车页 end===*/
/*===商品相关===*/
.pt-gallery .panel { padding: 0 10px; }
.pt-gallery .no-data { padding: 30px 0; text-align: center; }
.pt-gallery .no-data a { color: #2970A6; }
.pt-gallery .warn { margin-bottom: 20px; display: inline-block; padding-left: 40px; height: 32px; line-height: 32px; background: url(../images/warn.jpg) no-repeat; }
.pt-gallery .filter-handle { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; border-top: 2px solid #FFFFFF; border-bottom: 1px solid #BFBFBF; text-align: center; height: 25px; line-height: 25px; }

.goods_list {display:flex; flex-wrap:wrap; padding:10px 5px;}
.goods_list .gd_list { padding:5px 5px 10px 5px; width:50%; box-sizing:border-box;}
.goods_list .gd_link { color: #333333; }
.goods_list .gd_img {width:100%; position:relative; padding-bottom:125%;}
.goods_list .gd_img img {width:100%; height:100%; position:absolute; top:0; left:0;}
.goods_list .gd_name { height:20px; margin-top:8px; line-height:20px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.goods_list .price { height: 20px; line-height: 20px; text-align:center;}

.pay_btn {display:flex; align-items:center; justify-content:space-around; padding-top:20px;}
.pay_btn .view_od {background:#999;}
.pay_btn .btn {width:40%;}

.cart-pt {padding:5px 12px;}
.pt-list {padding:0;}
.pt-list .pt-h-item {display:flex; flex-wrap:wrap; padding:12px 0; border-bottom:1px solid #e2e2e2; position:relative;}
.pt-list .pt-h-link { color: #333333; }
.pt-list .pt-h-img {width:85px; min-width:85px; margin-right:12px;}
.pt-list .pt-h-img img {width:100%;}
.pt-list .pt-h-info {flex-grow:1; padding-right:24px;}
.pt-list .pt-h-name {line-height:18px; padding-bottom:3px;}
.pt-list .price { height: 20px; line-height: 20px;}

.pt-h-del {position:absolute; top:12px; right:0; width:20px; opacity:0.5;}

.pt-num {display:flex; align-items:center;}

.pt-num .plus, .pt-num .minus { display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #BFBFBF; background:#f3f3f3; color:#333; text-align: center; }
.pt-num .plus {border-top-left-radius:0; border-bottom-left-radius:0;}
.pt-num .minus {border-top-right-radius:0; border-bottom-right-radius:0;}
.pt-num .num .num-ipt { border-top: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; background-color: #FFFFFF; height: 30px; line-height: 30px; text-align: center; width: 35px; padding: 0 2px; border-radius:0;}
.pt-num .warn-message { margin-left: 5px; }

.order-btn-bar {padding:8px 12px; background:#fff; position:fixed; left:0; bottom:0; right:0; z-index:100; border-top:1px solid #e2e2e2;}

.cart_fixed {display:flex; justify-content:space-between; padding:8px 12px; background:#fff; position:fixed; left:0; bottom:49px; right:0; z-index:100; border-top:1px solid #e2e2e2;}
.cart_fixed .btn {width:160px;}
.pt-filter .title { height: 30px; line-height: 30px; padding: 5px; border-bottom: 1px solid #DDD; }
.pt-filter .title .reset { font-weight: 800; color: #2970A6; }
.pt-filter .title .btn { float: right; width: 80px; height: 25px; line-height: 25px; font-size: 12px; }
.pt-filter dl { margin: 8px; border-bottom: 1px solid #DDD; }
.pt-filter dl dt { padding: 8px 10px; border: 1px solid #DDD; border-bottom: none; }
.pt-filter dl dt span { margin-left: 10px; font-weight: normal; color: #333; }
.pt-filter dl dt span.act { color: #FDB543; }
.pt-filter dl dt .arr { margin-right: 10px; }
.pt-filter dl dt .down { display: none; }
.pt-filter dl dt.first { border-bottom: none; }
.pt-filter dl dt.handle { font-weight: 800; background: #EAEAEA; }
.pt-filter dl dt.handle .right { display: none; }
.pt-filter dl dt.handle .down { display: inline-block; }
.pt-filter dl dd table { width: 100%; text-align: center; table-layout: fixed; background: #efefef; }
.pt-filter dl dd table td { height: 30px; border: 1px solid #DDD; border-bottom: none; }
.pt-filter dl dd table .handle { color: #FFF; background: #666; }

.pt-category .title { height: 38px; line-height: 38px; padding: 0 10px; border-bottom: 1px solid #DDD; }
.pt-category strong { font-size: 16px; }
.pt-category .content { padding-bottom: 20px; text-align: center; background: #EAEAEA; }
.pt-category .content em { display: block; height: 30px; line-height: 30px; color: #999; }
.pt-category .content .item { float: left; width: 47%; margin: 10px 1% 0; background: #FFF; border: 1px solid #DDD; }
.pt-category .content .item a { display: block; padding: 8px 0; }
.pt-category .content .item .arr { float: right; margin: 8px 10px 0 0; }
.pt-category .content .item span { display: inline-block; width: 130px; height: 18px; line-height: 18px; vertical-align: middle; overflow: hidden; }

.action-post-reply .form-item { padding: 5px 0; }
.action-post-reply .action-filled-textarea { width: 98%; height: 80px; border: 1px solid #ddd; resize: none; }
.action-post-reply .verify-code { vertical-align: middle; }


/*===商品 end===*/
/*===下单页===*/
.address-form { padding:20px 12px; }

.address-btn { margin-top: 10px; }

.pay-item, .shipping-item, .address-item { margin:10px 0; }

.pre-type { font-weight: bold; line-height: 26px; margin-top: 10px; }

.order-msg .c-g { margin: 0; padding: 6px 10px; }

.point-dis { padding: 10px; }
.point-dis b { color: #f00; }
.point-dis p { padding: 10px 0; }
.point-dis p span { margin-left: 20px; }
.point-dis .dis-set input { height: 28px; border: 1px solid #ddd; }
.point-dis .dis-set .btn { width: 80px; display: inline-block; vertical-align: middle; }

.coupon-use { padding: 10px; }
.coupon-use .panel { padding: 10px; }
.coupon-use .panel p { padding: 10px 0; }
.coupon-use .panel .btn { display: inline-block; width: 60px; vertical-align: middle; height: 20px; line-height: 20px; font-size: 12px; }
.coupon-use .used { padding: 5px 10px 0; border-top: 1px solid #ddd; }
.coupon-use .used li { padding: 5px 70px 5px 0; }
.coupon-use .used li .del { float: right; margin-right: -70px; color: #00e; }

.order-promotion, .unused-promotion { padding: 5px 0; }
.order-promotion h3, .unused-promotion h3 { font-weight: normal; }
.order-promotion ul, .unused-promotion ul { padding-left: 30px; }
.order-promotion .btn-collapse, .order-promotion .btn-collapse, .unused-promotion .btn-collapse, .unused-promotion .btn-collapse { display: inline-block; margin-right: 10px; width: 16px; height: 16px; border: 1px solid darkgrey; text-align: center; vertical-align: middle; font: 14px/18px simsun, serif; color: #666; }

/*===下单页end===*/
/*===会员中心===*/
.mem-info {background:#397eff; margin:0 20px; border-radius:8px;}
.mem-bg {padding:20px 20px; background:url(/static/userbg.png); background-repeat:no-repeat; background-position: right top; background-size:contain;}
.mem-avatar {width:48px; height: 48px; overflow: hidden; text-align: center; }
.mem-avatar img {width:100%; height:100%;}

.mem-base { display:flex; align-items:center; justify-content:space-between;}
.mem_left {display:flex; align-items:center;}

.mem-name {font-weight: bold; color:#fff; font-size:15px; margin-left:12px;}
.mem-base .btn {background:#fff !important; color:#000; line-height:32px; height:32px; width:60px;}

.user_info {display:flex; flex-wrap:wrap; font-size:14px; color:#fff; opacity:0.75; border-top:1px solid rgba(255,255,255,0.5); padding-top:10px; margin-top:12px; line-height:22px;}
.user_info .div1 {width:60%;}
.user_info .div2 {width:40%;}

.mem-experience { float: right; }
.mem-experience a { color: #2970A6; }

.mem-deposit { margin: 12px 0; }

.mem-integration { margin: 12px 0; }

.mem-menu {padding:20px;}
.menu_item  {padding:20px 0; border-bottom:1px solid #e2e2e2;}
.mem-menu .menu_item:last-child {border:none;}
.menu_item a {display:flex; align-items:center; justify-content:space-between;}
.menu_item a .img_1 {width:32px; height:32px; margin-right:12px; opacity:0.5}
.menu_item a .img_2 {width:24px; height:24px; opacity:0.4}
.menu_item a .left {display:flex; align-items:center;}


.mem-fav-list .title { position: relative; display: block; font-weight: bold; height: 30px; line-height: 30px; }
.mem-fav-list .arr { position: absolute; top: 50%; right: 13px; margin-top: -3px; }
.mem-fav-list .box { background-color: #BFBFBF; }

.mem-fav-item { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; height: 75px; display: block; margin: 1px 0px 1px 1px; background-color: #FFFFFF; }
.mem-fav-item:last-child { margin-right: 1px; }
.mem-fav-item img { max-height: 75px; max-width: 75px; }

.mem-order-list {padding:3px 12px;}
.mem-order-item { padding: 13px 0; }

.order_info .d-line {justify-content:space-between;}

.mem-order-pt { border: 1px solid #DDDDDD; border-top: none; padding: 0px 0 10px 10px; display:flex; flex-wrap:wrap;}

.mem-pt-item { position: relative; margin:10px 10px 0 0; width: 72px; height: 72px; overflow: hidden; display:flex; align-items:center; justify-content:center;  border: 1px solid #BFBFBF;}
.mem-pt-item img { max-width: 72px; max-height: 72px;}
.mem-pt-item .num { position: absolute; top: 0; right: 0; background-color: #FF5800; height: 13px; line-height: 13px; color: #FFFFFF; font-size: 11px; padding: 0 3px; }
.mem-pt-item .icon { position: absolute; top: 0; left: 0; }

.order_btn {display:flex; justify-content:flex-end; padding:10px 0 0 0;}
.order_btn a {border-radius:4px; background:#999; color:#fff; line-height:30px; margin-left:10px; padding:0 12px;}
.order_btn a.on {background:#397eff; color:#fff;}

.mem-comment-list th { height: 30px; border-bottom: 1px solid #ddd; background: #eee; }
.mem-comment-list td { padding: 5px 0; }
.mem-comment-list .goods-pic img { width: 60px; height: 60px; }
.mem-comment-list .goods-name { padding: 0 5px; }
.mem-comment-list .datetime { width: 88px; text-align: center; }
.mem-comment-list .actions { width: 60px; text-align: center; white-space: nowrap; }

.coupons { padding: 0 10px 10px; }
.coupons .gb { margin-top: 10px; }

.address {padding:3px 0px;}
.address .item, .address .count { padding: 12px 0; margin:0 12px; border-bottom: 1px solid #DDD; position: relative; }
.address a { display: inline-block; margin-top: 10px; width: 80px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #DDD; background: #EEE; }
.address span { position: absolute; right: 0; top: 12px; padding: 2px 8px; color: #FFF; background-color: #ff6600; }
.address .arr { position: absolute; right: 10px; top: 48%; }
.address .def { background-color: #fef7e9; }
.address .item p {padding-right:40px;}

.favorites .count { padding: 10px; border-bottom: 1px solid #DDD; }
.favorites .item { padding: 10px 10px 10px 110px; height: 120px; position: relative; }
.favorites .item .f-l { margin-left: -100px; }
.favorites .item span, .favorites .item a { display: block; }
.favorites .item .pic { width: 80px; height: 80px; border: 1px solid #DDD; margin-bottom: 10px; }
.favorites .item img { width: 80px; height: 80px; }
.favorites .item .del { width: 80px; height: 25px; line-height: 25px; text-align: center; border: 1px solid #DDD; background: #EEE; }
.favorites .item .size { margin-top: 5px; color: #CCC; }
.favorites .item .price { margin-top: 10px; color: red; }
.favorites .item .get { position: absolute; right: 10px; bottom: 10px; width: 90px; height: 25px; line-height: 25px; text-align: center; }
.favorites .item .disabled { color: #FFF; background: gray; }

.integral, .deposit { padding: 10px; }
.integral .count, .deposit .count { padding-bottom: 10px; font-weight: 800; }
.integral .count em, .deposit .count em { margin-right: 30px; }
.integral table, .deposit table { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; width: 100%; }
.integral table th, .deposit table th { padding: 5px; border-bottom: 1px solid #DDD; text-align: left; }
.integral table td, .deposit table td { padding: 5px; }
.integral table .trade, .deposit table .trade { color: green; }
.integral .deposit-num, .deposit .deposit-num { padding-bottom: 20px; }
.integral .deposit-way, .deposit .deposit-way { padding-bottom: 70px; }
.integral .deposit-way .act, .deposit .deposit-way .act { border-color: #900; }
.integral .deposit-way .btn, .deposit .deposit-way .btn { margin-top: 10px; }

/*===会员中心 end===*/
/*=== 注册 ===*/
.reg-license { max-height: 400px; overflow-y: scroll; }

/*=== 文章系统页面 ===*/
.article-list .article-item { line-height: 2.5; font-size: 14px; }

.article-main { font-size: 14px; line-height: 2; }
.article-main .mod-title { text-align: center; }
.article-main .article-time { text-align: center; }
.article-main .mod-content { margin: 0 2em; }

/*=== 自动补全 ===*/
.autocompletion { position: absolute; z-index: 1000; background-color: #FFFFFF; border: 1px solid #CCCCCC; width: 100%; margin-left: -2px; font-size: 14px; line-height: 2; }

.autocompletion-shim { position: absolute; z-index: 999; background: rgba(255, 255, 255, 0.01); width: 100%; margin-left: -2px; -webkit-tap-highlight-color: transparent; pointer-events: none; }

/*=== coupon ===*/
.coupon-widget { color: #fff; background-color: #fff; }
.coupon-widget .coupon-banner{overflow: hidden;}
.coupon-widget .coupon-banner img { width: 100%; vertical-align: bottom; }
.coupon-widget .coupon-content { position: relative; padding: .4rem .85rem .4rem; }
.coupon-widget .coupon-content .coupon-title { position: absolute; left: 0; right: 0; top: -1rem; background: url(youhui.png) no-repeat center center; background-size: 4rem; text-indent: -999px; color: #fff; }
.coupon-widget .coupon-content .coupon-note { color: #999; margin-bottom: 5px; }
.coupon-widget .coupons-list-type1 { overflow: hidden; }
.coupon-widget .coupons-list-type1 .cp-left { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; margin-left: .7rem; }
.coupon-widget .coupons-list-type1 .cp-left .title { font-size: 1.1em; max-height: 2rem; line-height: 1rem; overflow: hidden; }
.coupon-widget .coupons-list-type1 .cp-left .name { display: none; }
.coupon-widget .coupons-list-type1 .cp-right { width: 2rem; text-align: center; font-size: .9em; margin-right: .7rem; }
.coupon-widget .coupons-list-type1 .cp-right .cp-btn { display: block; padding: 2px 0; height: 1.8rem; width: 1.8rem; line-height: .9rem; margin: auto; color: #fff; background-color: #e86403; border-radius: 3px; }
.coupon-widget .coupons-list-type1 .cp-item { display: box; display: -webkit-box; display: -moz-box; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -moz-box-align: justify; -ms-flex-align: center; justify-content: space-between; align-content: center; margin-right: 10px; margin-bottom: 7px; height: 3rem; float: left; width: 48%; color: #fff; background: url(../images/coupon_sm.png) no-repeat center; background-size: 100%; background-origin: content-box; }
.coupon-widget .coupons-list-type1 .cp-item:nth-child(2n) { margin-right: 0; }
.coupon-widget .coupons-list-type1 .cp-item.act { background: url(../images/coupon_sm_dis.png) no-repeat center; background-size: 100%; background-origin: content-box; }
.coupon-widget .coupons-list-type1 .cp-item.act .cp-btn { background-color: #8e8e8e; }
.coupon-widget .coupons-list-type2 { overflow: hidden; }
.coupon-widget .coupons-list-type2 .cp-left { position: relative; float: left; padding: 0 ; width: 68.5%; height: 4rem; }
.coupon-widget .coupons-list-type2 .cp-left .title { margin-top: 1.2rem; font-size: .9rem; height: 1.2rem; line-height: 1.2rem; text-align: center; overflow: hidden; }
.coupon-widget .coupons-list-type2 .cp-left .name { position: absolute; bottom: 6px; right: 10px; font-size: .85em; }
.coupon-widget .coupons-list-type2 .cp-right { width: 31.5%; float: left; height: 4rem; text-align: center; font-size: 1em; }
.coupon-widget .coupons-list-type2 .cp-right .cp-btn { display: block; height: 4rem; line-height: 3.6rem; margin: auto; color: #e86403; }
.coupon-widget .coupons-list-type2 .cp-item { margin-bottom: 7px; height: 4rem; width: 100%; color: #fff; background: url(../images/coupon_bg.png) no-repeat center; background-size: 100%; background-origin: content-box; }
.coupon-widget .coupons-list-type2 .act { background: url(../images/coupon_bg_dis.png) no-repeat center; background-size: 100%; background-origin: content-box; }
.coupon-widget .coupons-list-type2 .act .cp-btn { color: #bbb; }


.home-nav { display: box; display: -webkit-box; display: -moz-box; width: 100%; height: 56px; background-color: #FC6B00; }
.home-nav a { box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; display: block; }
.home-nav .logo { text-align: center; background-color: #FC6B00; width: 90px; height: 56px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-nav .logo img { max-width: 90px; max-height: 56px; vertical-align: middle; }
.home-nav .item { padding-top: 33px; line-height: 23px; color: #FFFFFF; text-align: center; }
.home-nav .item .cart-num { position: absolute; top: 0; margin-left: -20px; width: 20px; height: 20px; line-height: 20px; border-radius: 10px; background: #333; }
.home-nav .bg1 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAAANUlEQVQ4jWP8////fwYqACZqGEJVg1gYGBgcqWEQI5WCiLpec6CGQYyj0U8QjEY/YTD4oh8AFWsTFhmXkUYAAAAASUVORK5CYII=) no-repeat 50% 10px; }
.home-nav .bg2 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAUCAYAAABxnDbHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAABIklEQVRIib1V2xGCMBBcHP+lA2MHdCAl2IGUYAl0InaAHcQOtAPtgA7WDy7j+chDEHeGuWRyybL3SDKSmABXAEvf4nwCQqMIT/8i3Yg9qvETZhOSWp9DRtK7OBBrsSv0uX3DHM85+BUuPkJHagFsARwANCPJavRKbdCLZMUeliRGfp2cVYT8QNLwgXwEYSlndDHfmcT+JsI/lngi3N425uhaphG7+wepk5yrfDQDQvtVivSkUhubL/O7k31tir++Bl2I9+hbaCOhagF0kYBVYm1SIjxVaDkMJkVpRv/TVojaAkCe8P9XpTiI0CtTiq0BnCN+JQLX3hs8IahVyELNbvioekpBRcPre9oKNV68zDWMrOv5YKWlUhBrA1d0HSN3rvvufsmxhhsEXo0AAAAASUVORK5CYII=) no-repeat 50% 10px; }
.home-nav .bg3 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAABLElEQVQ4ja2UfZHDIBDFX08BEpAQCXFwkVAHFwmVgIRIiIRKQAJ1gIN3f7A7oRx7JZ3uDAMJb3987e6FJE6YB5BGhF8noBOAMKwmOdo2FvMj+lGo52HbJ8Ebn+3lrs/sNpG8yjh8AnwT2ErSkczS3DvgieQssBakC+0kF9H9WUQhO8m7AHp2q5zcP7oonPXCkiABwI9E4APADiBLMiQAUb7rmHZN/135L/X29WGynGI0YhyPqIl6La1I4ZTxCDS20B74DNyEWmCwvLQ6WJpFNHtv3ipCqel7FqXPvUkLPDXOQCmZ187iE3pmHFOTQIM/VPee5D9YYpY9hgVWh8AjGTKfi9G90s0twwLXmZXlBPrqcwVUW0fAvnLYaBebRa5FdS/BuiNvANu2shNyv4tPj3BWh8AIAAAAAElFTkSuQmCC) no-repeat 50% 10px; }
.home-nav .bg4 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAVCAYAAACg/AXsAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAAAuklEQVQ4je2U0QnCMBiEPyWPPjhCR+gGxk06ghuom7iJ7QYVHKBu0A3Oh7YQ0vrHmlcPAskf+Li7QDaSCqAiR5K8MuUC3gu4rfRwjp3Ukli5JEnbrC5GuYVZgV10Rxx7IU6q6DD2rNhJLXA0nPTfxOmB2oDMtATZA2XCSZuClMDdgDSAT0H+nczVAVcD0sWDT5CLAakYOttZkJQK4BCcHy66tBxM8sH+Cficn62XVEjCMTxZ80OsE2PJbxecG5qCadMnAAAAAElFTkSuQmCC) no-repeat 50% 10px; }
.home-nav .bg5 { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAAA+ElEQVQ4ja2UzQ2DMAyF3Z45ZARGYAR26AKMwgiMwAA9MAojcOGOxABfL7Zq0oSfCktPwHPyeLacCCA7aIGJb0zKZffsiQ1OaFRYDFcFW924AJXjK+XIOc0JWpl1Ile78k8LWpm5vJX/k3vK3ZFxYH0qE7nS9fe0w16fg4gExwfl/JpTDoPr0wq8Favrb7jisBKRWd8LEXkpCuVmXXPoMLAdaJyjMcEPsdNcmQA926H2w91HPwuxoBdbSA90asCXWNSSnRNLucrBH8XOBG2uAJoLYobG7S+9u72jdgRrV+c//nEXuxztIuBi71K9BOABkBnuv+L22+YDrf7eqQh5U4kAAAAASUVORK5CYII=) no-repeat 50% 10px; }

.home-nav-down { text-align: center; color: #EEEEEE; background-color: #484848; margin-top: 15px; }
.home-nav-down td { border-left: 1px solid #6d6d6d; }
.home-nav-down td a { display: block; line-height: 30px; color: #FFFFFF; }

.home-to-top { position: relative; padding: 10px 0; text-align: center; }
.home-to-top .to-top { position: absolute; right: 10px; padding-right: 15px; color: #666; background: url(./top.jpg) no-repeat 100% 2px; }

.search { position: relative; height: 30px; background-color: #FC6B00; border: 2px solid #FC6B00; margin: 16px 0px 13px; }
.search .key { display: block; margin-right: 36px; background-color: #FFFFFF; border: none; width: 100%; height: 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.search .submit { width: 30px; height: 30px; position: absolute; top: 0; right: 0; background: #FC6B00 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDUvMTUvMTPGSXG+AAAAoklEQVQokZWS0Q3DIAxEUSdhhIzACBmB0RghIzBCRugI2eD1I9AewU6Vkywh8DtsTABCiwRURu3AKjlD9EXmXsWDkyRVuWkBNjnLFlwFtMrrBm8L7vJ6i5ITPdh8lBZdSfdf4acl2IqyPoYTznHQerNuLXc9r1LWJn1FAc0Hvbr/0zBvdcqtNNXB/Ou+Bt5oEucn8SorHuzFZPAEngyewmqQPy9QxGSgpAE7AAAAAElFTkSuQmCC) no-repeat 50%; border: none; }

.slider { position: relative; overflow: hidden; }
.slider .slider-list { position: absolute; display:flex; }
.slider .innershadow { width: 100%; height: 140%; position: absolute; top: -20%; z-index: 3; -webkit-box-shadow: inset 0 0 15px 20px rgba(255, 255, 255, 0.98); -moz-box-shadow: inset 0 0 15px 20px rgba(255, 255, 255, 0.98); box-shadow: inset 0 0 15px 20px rgba(255, 255, 255, 0.98); }

.slider-point { text-align: center; margin-top:-5px;}
.slider-point span { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #E9E9E9; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4); }
.slider-point span.act { background-color: #397eff; }

.main-banner { position: relative; height:300px; margin-bottom: 12px; }
.main-banner .slider { height: 300px; }
.main-banner .slider-item {width:100%; height: 100%; }
.main-banner .slider-item img { display: block; width: 100%; height: 100%; }
.main-banner .slider-point { position: absolute; width: 100%; bottom: 0px; }

.home-login { margin-bottom: 12px; display:flex; align-items:center; padding:0 12px;}
.home-login .login {flex-grow:1; margin-right:6px;}
.home-login .reg {flex-grow:1; margin-left:6px;}

.home_cat li {width:100%; padding-bottom:12px;}

.home-logon { margin-bottom: 12px; padding: 5px; text-align: center; background: #eee; }
.home-logon .left { display: inline-block; padding: 0 5px; border-right: 1px solid #ddd; }
.home-logon a { display: inline-block; padding: 0 5px; border-left: 1px solid #fff; }

.home-hot .panel { padding: 5px 0; }
.home-hot .pt-item { float: left; width: 145px; padding-left: 5px; }
.home-hot .pt-item:nth-child(odd) { padding-left: 0; padding-right: 5px; }
.home-hot .pt-img { width: 143px; height: 143px; border: 1px solid #BFBFBF; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-hot .pt-img img { max-width: 143px; max-height: 143px; vertical-align: middle; }
.home-hot .price { font-size: 13px; line-height: 25px; margin-bottom: 5px; }
.home-hot .pt-name { font-size: 13px; height: 36px; line-height: 18px; margin: 5px 0; overflow: hidden; }

.home-brand .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-brand .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-brand .brand-list { border-top: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; }
.home-brand .brand-item { float: left; width: 74px; height: 29px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; border-left: 1px solid #BFBFBF; }
.home-brand .brand-item img { max-width: 74px; max-height: 29px; vertical-align: middle; }
.home-brand .brand-item:nth-child(4n+0) { width: 73px; height: 29px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; }
.home-brand .brand-item:nth-child(4n+0) img { max-width: 73px; max-height: 29px; vertical-align: middle; }

.home-comment .title, .home-concessions .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-comment .title .arr, .home-concessions .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-comment .comment-list, .home-comment .concessions-list, .home-concessions .comment-list, .home-concessions .concessions-list { padding-bottom: 20px; }
.home-comment .comment-list .comment-item, .home-comment .comment-list .concessions-item, .home-comment .concessions-list .comment-item, .home-comment .concessions-list .concessions-item, .home-concessions .comment-list .comment-item, .home-concessions .comment-list .concessions-item, .home-concessions .concessions-list .comment-item, .home-concessions .concessions-list .concessions-item { margin-top: 2px; background: #f5f5f5; }
.home-comment .comment-list .comment-item a, .home-comment .comment-list .concessions-item a, .home-comment .concessions-list .comment-item a, .home-comment .concessions-list .concessions-item a, .home-concessions .comment-list .comment-item a, .home-concessions .comment-list .concessions-item a, .home-concessions .concessions-list .comment-item a, .home-concessions .concessions-list .concessions-item a { display: block; padding: 10px 50px 10px 80px; height: 62px; }
.home-comment .comment-list .comment-item img, .home-comment .comment-list .concessions-item img, .home-comment .concessions-list .comment-item img, .home-comment .concessions-list .concessions-item img, .home-concessions .comment-list .comment-item img, .home-concessions .comment-list .concessions-item img, .home-concessions .concessions-list .comment-item img, .home-concessions .concessions-list .concessions-item img { float: left; margin-left: -70px; width: 60px; height: 60px; border: 1px solid #ddd; }
.home-comment .comment-list .comment-item .arr, .home-comment .comment-list .concessions-item .arr, .home-comment .concessions-list .comment-item .arr, .home-comment .concessions-list .concessions-item .arr, .home-concessions .comment-list .comment-item .arr, .home-concessions .comment-list .concessions-item .arr, .home-concessions .concessions-list .comment-item .arr, .home-concessions .concessions-list .concessions-item .arr { float: right; margin-right: -30px; margin-top: 30px; }
.home-comment .comment-list .comment-item em, .home-comment .comment-list .concessions-item em, .home-comment .concessions-list .comment-item em, .home-comment .concessions-list .concessions-item em, .home-concessions .comment-list .comment-item em, .home-concessions .comment-list .concessions-item em, .home-concessions .concessions-list .comment-item em, .home-concessions .concessions-list .concessions-item em { display: block; height: 18px; line-height: 18px; overflow: hidden; }
.home-comment .comment-list .comment-item span, .home-comment .comment-list .concessions-item span, .home-comment .concessions-list .comment-item span, .home-comment .concessions-list .concessions-item span, .home-concessions .comment-list .comment-item span, .home-concessions .comment-list .concessions-item span, .home-concessions .concessions-list .comment-item span, .home-concessions .concessions-list .concessions-item span { display: block; margin-top: 5px; height: 40px; line-height: 20px; overflow: hidden; color: #999; }
.home-comment .comment-list .concessions-item a, .home-comment .concessions-list .concessions-item a, .home-concessions .comment-list .concessions-item a, .home-concessions .concessions-list .concessions-item a { height: 20px; line-height: 20px; }
.home-comment .comment-list .concessions-item .arr, .home-comment .concessions-list .concessions-item .arr, .home-concessions .comment-list .concessions-item .arr, .home-concessions .concessions-list .concessions-item .arr { margin-top: 10px; }
.home-comment .comment-list .concessions-item span, .home-comment .concessions-list .concessions-item span, .home-concessions .comment-list .concessions-item span, .home-concessions .concessions-list .concessions-item span { float: left; margin-top: 0; margin-left: -70px; width: 60px; height: 20px; text-align: center; color: #FFF; background: #F8AB31; }

.home-cate { border-top: 2px solid #BFBFBF; }
.home-cate .more { position: absolute; right: 0; padding-right: 20px; }
.home-cate .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.home-cate .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.home-cate .content { padding-bottom: 10px; }
.home-cate .content .item { width: 300px; height: 31px; position: relative; overflow: hidden; }
.home-cate .content .item a { float: left; width: 64px; height: 30px; line-height: 30px; position: relative; overflow: hidden; text-align: center; margin-bottom: 1px; color: #FFFFFF; background-color: #484848; }
.home-cate .content .item a .arr { position: absolute; top: 50%; right: -3px; margin-top: -3px; border-color: #FFFFFF; background-color: #FFFFFF; }
.home-cate .content .item .cate { float: left; margin: 0 0 1px 1px; width: 235px; height: 30px; line-height: 30px; overflow: hidden; text-align: center; background-color: #E7E7E7; }
.home-cate .content .item .cate span { display: block; height: 30px; }
.home-cate .content .item .cate a { border-right: 1px solid #fff; width: 46.2px; height: 30px; line-height: 30px; color: #333; background: transparent; }

.goods-cate { border-top: 2px solid #BFBFBF; }
.goods-cate .title { position: relative; height: 37px; line-height: 37px; font-weight: bold; }
.goods-cate .title .arr { position: absolute; top: 50%; right: 10px; margin-top: -3px; }
.goods-cate .title .more { position: absolute; right: 0; padding-right: 20px; }
.goods-cate .content { padding-bottom: 10px; border-top: 1px solid #E7E7E7; }
.goods-cate .content .item { width: 300px; position: relative; overflow: hidden; }
.goods-cate .content .item > a { display: block; line-height: 30px; font-weight: bold; border: 1px solid #E7E7E7; border-top: 0; text-align: center; background-color: #F3F3F3; }
.goods-cate .content .item .cate { text-align: center; line-height: 30px; border-left: 1px solid #E7E7E7; overflow: hidden; }
.goods-cate .content .item .cate a { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 33.33333%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
.goods-cate .content .item .cate .more { background-color: #F9F9F9; }

.home-cate-pt { background-color: #BFBFBF; padding-bottom: 1px; }
.home-cate-pt .cate-name { float: left; color: #FFFFFF; font-size: 16px; width: 78px; height: 60px; line-height: 30px; margin-right: 1px; padding: 21px 10px 20px; }
.home-cate-pt .cate-top { display: block; float: left; color: #FFFFFF; font-size: 20px; width: 99px; height: 100px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; margin-right: 1px; margin-top: 1px; }
.home-cate-pt .cate-top img { max-width: 99px; max-height: 100px; vertical-align: middle; }
.home-cate-pt .cate-rank { display: block; float: left; color: #FFFFFF; font-size: 20px; width: 74px; height: 75px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; background-color: #FFFFFF; margin-right: 1px; margin-top: 1px; }
.home-cate-pt .cate-rank img { max-width: 74px; max-height: 75px; vertical-align: middle; }
.home-cate-pt .cate-rank:nth-child(4n+0) { width: 73px; height: 75px; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle; margin-left: 1px; }
.home-cate-pt .cate-rank:nth-child(4n+0) img { max-width: 73px; max-height: 75px; vertical-align: middle; }
.home-cate-pt .floor1 { background-color: #91DB6D; }
.home-cate-pt .floor2 { background-color: #8AC5EA; }

.w-article .title { position: relative; height: 37px; line-height: 37px; }
.w-article .title:after { content: '\0020'; display: block; position: absolute; top: 50%; right: 10px; margin-top: -3px; width: 5px; height: 5px; border-top: 2px solid #666666; border-right: 2px solid #666666; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.w-article .title a { font-size: 1em; font-weight: bold; display: block; }
.w-article li { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.w-article li a { display: block; line-height: 2.5; }

.tel {position:fixed; z-index:1000; left:0; right:0; bottom:49px; background:#397eff; display:flex; align-items:center; justify-content:space-between; color:#fff; padding:0 12px; height:32px; line-height:32px;}