@CHARSET "UTF-8";
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul { margin:0; padding:0; outline:0 }
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
table { border-collapse:collapse; border-spacing:0 }
caption, th { text-align:left }
abbr, body, fieldset, html, iframe, img { border:0;border-radius:8px;}
address, cite, dfn, em, i, var { font-style:normal }
[hidefocus], summary {
 outline:0
}
li { list-style:none }
h1, h2, h3, h4, h5, h6, small { font-size:100% }
sub, sup { font-size:83% }
code, kbd, pre, samp { font-family:inherit }
q:after, q:before { content:none }
textarea { overflow:auto; resize:none }
label, summary { cursor:default }
a, a:hover, ins, s, u { text-decoration:none; outline:0 }
body, button, input, keygen, legend, select, textarea {
 font-size:.75rem; line-height:1.5; color:#333; outline:0; }
html, body { font-size:100%; -ms-touch-action:manipulation; touch-action:manipulation; margin: 0; width: 100%; height: 100%; }
input::-ms-clear, input::-ms-reveal {
 display:none
}
:root * { -webkit-filter:none !ie;
 filter:none !ie
}
body, button, input, keygen, legend, select, textarea { font-size: 0.75rem; line-height: 1.5; color: #333; outline: 0; font-family: PingFangSC-Light, helvetica, 'Heiti SC'; }
*, :after, :before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100% }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
input { box-shadow:none }
video { width:100%; height:auto }
::-webkit-input-placeholder {
 color:#999
}
:-moz-placeholder {
 color:#999
}
::-moz-placeholder {
 color:#999
}
:-ms-input-placeholder {
 color:#999
}
a { color:#666 }
/*常用功能*/
​.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; clear:both; }
.fl { float: left; }
.fr { float: right; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.block, .g-row { width: 10rem; margin-right: auto; margin-left: auto; }
/*定义背景颜色*/
body { background-color: #f4f4f4; }
/*下面开始写页面*/
header { background:#fff; }
.topSearch .icon { vertical-align: middle; background-image: url("../images/kf.png"); background-repeat: no-repeat; background-size: 100% 100%; margin-right: .13333rem;
display: inline-block; width: .37333rem;
 height: .37333rem;
}
.topSearch { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: .74667rem;
 font-size: .37333rem;
background-color: #ededed; border-radius: .10667rem;
-webkit-box-flex: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
.logo { width: 3rem; height: .8rem;
background-image: url("../images/logo.png"); display: inline-block; margin-right: .26667rem;
background-size: cover; background-position: center; display:inline-block; }
.logo a { display:inline-block; width:100%; height:100%; margin:0; padding:0; }
.line { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; padding: .2rem .4rem;
}
.topSearch .placeholder { color: #666; }
header .inner { display: -moz-flex; display: flex; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; position: relative; height: 100%; width: 100%; overflow: hidden; overflow-x:scroll; }
header .inner .list { display: -moz-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0 .4rem;
}
header .inner a { display: -moz-flex; display: flex; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; position: relative; z-index: 1; text-align: center; }
header .inner a { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; position: relative; margin-left: .64rem;
display: inline-block; padding: 0 .2rem;
 line-height: .8rem;
 font-size: .35rem;
color: #333; text-align: center; }
header .inner a.on { position: relative; color: #b4282d; }
header .inner a.on:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: .05333rem;
background-color: #b4282d; }
header .list a:first-of-type { margin-left: 0; }
/*幻灯片*/
.slide-wrap { position:relative; z-index:1; max-height:5rem; height:5rem; }
.slide-wrap, .slideBox { margin:0 auto; overflow:hidden }
#slideBox { height:5rem; }
.slideBox, .slideBox .hd { position:absolute; width:100%; left:0 }
.slide-wrap:after { content:""; display:inline-block; width:100%; padding-bottom:49.866667%; height:0 }
.slideBox { top:0 }
.slideBox .hd { bottom:0px; z-index:1; text-align:center; height:0.4rem; }
.slideBox .hd li { display:inline-block; width: .5rem;
height: .05rem;
margin:0 0.05rem; background:#fff; text-indent:-9999em; color:transparent }
.slideBox .hd li.on { background-color:#f04848; box-shadow:1px 0 0 #b73737 inset }
.slideBox .bd { position:relative; z-index:0 }
.slideBox .bd li { position:relative; text-align:center }
.slideBox .bd li img { width: 100%; height:5rem; background-color: #f9f9f9; }
.m-indexServicePolicy { background: #fff; margin-bottom: .2rem;
}
.m-indexServicePolicy .g-grow { width: 100%; height: .96rem;
 padding: 0 .4rem;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; zoom: 1; }
.m-indexServicePolicy .item { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; float: left; }
.m-indexServicePolicy .item a { display: inline-block; vertical-align: middle; }
.u-icon-servicePolicy-index { background:url(../images/gou.png) no-repeat; display: inline-block; vertical-align: middle; background-size: 100% 100%; width: .42667rem;
 height: .42667rem;
}
.m-indexServicePolicy .text {
 font-size: .32rem; color: #333; margin-left: .10667rem;
 line-height: .42667rem;
display: inline-block; vertical-align: middle; }
.m-indexFloor {
 margin-bottom: .2rem; background-color: #fff; }
.m-indexFloor>.hd { display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 1.46667rem; font-size: .42667rem;
}
.m-indexFloor>.hd .more { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; color: #333; }
.u-icon-go2 { display: inline-block; vertical-align: middle; background-image: url("../images/more.png"); background-repeat: no-repeat; background-size: 100% 100%; width: .42rem;
 height: .4rem;
}
.m-indexFloor>.hd .more .icon { margin-left: .13333rem;
}
.m-indexManufacturersSupplying {
padding-bottom: .1rem; height:9.79rem; }
.m-indexManufacturersSupplying .list { position: relative; margin: 0 .2rem;
overflow: hidden; }
.m-indexManufacturersSupplying .list .item { display: inline-block; position: relative; margin-bottom: .1rem;
width: 4.62rem; height: 4.62rem; overflow: hidden; background-color: #f4f4f4; }
.m-indexManufacturersSupplying .list .item img, .m-indexManufacturersSupplying .list .item>a { width: 100%; height: 100%; }
.m-indexManufacturersSupplying .list .item .cnt { position: absolute; left: 0; top: 0; padding: .26667rem 0 0 .26667rem;
width: 100%; z-index: 4; }
.m-indexManufacturersSupplying .list .item .cnt div { line-height: 0.3rem; }
.m-indexManufacturersSupplying .list .item .cnt .title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #333; font-size: .37333rem;
 line-height: .45333rem;
 margin-bottom: .08rem;
}
.m-indexManufacturersSupplying .list .item .cnt .price1 { color: #333; font-size: .37333rem;
 line-height: .45333rem;
}
.m-indexManufacturersSupplying .list .item .cnt .price2 { color: #333; font-size: .32rem;
 line-height: .45333rem;
}
.m-indexManufacturersSupplying .list .item:nth-child(1), .m-indexManufacturersSupplying .list .item:nth-child(3) {
 margin-right: .1rem;
}
.m-newItems>.hd { background: url("../images/news.png"); background-size: 10rem 3.46667rem; height: 3.46667rem; margin-bottom: .42667rem;
position: relative; }
.m-newItems>.hd>.more { display: block; text-align: center; font-size: .48rem;
color: #8BA0B6; }
.m-newItems>.hd>.more .all { position: relative; margin: .21333rem auto 0;
width: 3.2rem; height: .74667rem;
 font-size: .37333rem;
 line-height: .74667rem;
background: #D8E5F1; }
.m-newItems>.hd>.more .wrap { width: 1.70667rem; display: inline-block; text-align: left; }
.m-newItems>.hd>.more .all .arrow-right { position: absolute; top: .22667rem;
background: url("../images/NewArrow.png"); background-size: .13333rem .29333rem;
display: inline-block; height: .29333rem;
 width: .13333rem;
 margin-left: .08rem;
}
.m-newItems .list { overflow:hidden; overflow-x:scroll; width:100%; display: flex; }
.m-newItems .list li, .m-titleGoodGrid .list li { padding: 0; margin-left: .4rem;
width: 3.8rem; display:block; }
.m-newItems .list li .hd,, .m-titleGoodGrid .list li .hd {
background-color: #f4f4f4;
}
.m-newItems .list li .hd img, .m-titleGoodGrid .list li .hd img { background-color: #f4f4f4; top: 0; left: 0; width: 100%; height: 100%; }
.m-newItems .list .name, .m-titleGoodGrid .list .name {
margin-bottom: .13333rem;
 padding: 0 .13333rem;
 font-size: .37333rem;
 line-height: .45333rem;
 margin: .26667rem auto .13333rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; }
 
 .m-newItems .list .namess, .m-titleGoodGrid .list .namess {
 margin-bottom: 0px;
 font-size: .27333rem;
 line-height: .35333rem;
 margin:auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #9c9c9c; } 
 
.m-newItems .list .newItemDesc, .m-titleGoodGrid .list .newItemDesc { display: block; margin-bottom: .18667rem;
 font-size: .32rem;
color: #7f7f7f; line-height: .4rem;
white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 .13333rem;
}
.m-newItems .list .price, .m-titleGoodGrid .list .price {
padding: 0 .13333rem;
 font-size: .37333rem; text-align: left; color: #b4282d; padding-bottom: 0.2rem; }
.m-newItems .list .more, .m-titleGoodGrid .list .more { display: block; border: .10667rem solid #F4F4F4;
width: 3.8rem; height: 3.8rem; margin: 0 .4rem;
line-height: 3.8rem; text-align: center; }
.m-newItems .list .more a, .m-titleGoodGrid .list .more a { width: 3.8rem; font-size:.4rem;
display: block; }
.m-indexTopics .inner .list .item .imgWrap img { width: auto; height: 100%; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.m-indexTopics .inner .list .item .line1 { overflow: visible; margin-bottom: .16rem;
 padding: 0 .4rem;
line-height: 1; font-size: .42667rem;
zoom: 1; }
.m-indexTopics .inner .list .item .line1 .title { float: left; }
.m-indexTopics .inner .list .item .line1 .price { float: right; color: #b4282d; }
.m-indexTopics .inner .list .item .line1:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.m-indexTopics .inner .list .item .desc {
 padding: 0 .4rem;
 font-size: .32rem; line-height: 1; color: #7F7F7F; }
.m-indexTopics {
 padding-bottom: .48rem; overflow: hidden; }
.m-titleGoodGrid { background:#fff; }
.m-titleGoodGrid>.title { line-height: 1.6rem; text-align: center; font-size: .37333rem;
color: #333; background-color: #fff; }
.m-titleGoodGrid .list li { display: inline-block; width: 50%; overflow: hidden; margin:0; padding:0 0.2rem; float:left; }
.m-titleGoodGrid .list li .hd img { height: 4.6rem; width:100%; }
.m-titleGoodGrid .m-goodGrid .list { clear:both; }
.m-titleGoodGrid .m-goodGrid .list .item-more a.more { background:#F4F4F4; height: 4.6rem; width: 100%; margin: 0; }
.m-titleGoodGrid .m-goodGrid .list .item-more .more .txt { color: #333; font-size:0.4rem; margin-bottom: 0.3rem; height:0.5rem; text-align:center; width:100%; }
.u-icon-goodGridMore { display: inline-block; vertical-align: middle; background-image: url("../images/rarrow.png"); background-repeat: no-repeat; background-size: 100% 100%; width: .89333rem;
 height: .89333rem;
}
/*底部*/
.m-ftWrap { border-top: 1px solid rgba(0, 0, 0, .15); background-color: #414141; }
.m-ft { text-align: center; padding: .72rem .26667rem .37333rem;
}
.w-button-ghost, .w-button-ghost:focus, .w-button-ghost:visited { border: 1px solid #999; color: #333; background-color: transparent; display: inline-block; vertical-align: middle; text-align:center; border-radius: 4px; overflow: hidden; line-height:0.8rem; }
.m-ft .goApp, .m-ft .goWeb { width: 2.29333rem; font-size: .32rem;
color: #fff; }
.m-ft .goApp { margin-right: .66667rem;
}
.m-ft .copyright {
 margin-top: .48rem;
 font-size: .32rem;
 line-height: .42667rem; color: #999; }
/*底部bar*/
.m-tabBar { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -ms-flex-pack: distribute; -webkit-justify-content: space-around; -moz-justify-content: space-around; justify-content: space-around; position: fixed; z-index: 5; left: 0; bottom: 0; width: 100%; height: 1.3rem; background-color: #fafafa; border-top: 1px solid #d9d9d9; }
.m-tabBar>.item { position: relative; text-align: center; height:1.3rem; line-height:0.4rem; }
.m-tabBar .u-icon-tabBar-index { background-position: 0 -3.33333rem; }
.m-tabBar .active .u-icon-tabBar-cart, .m-tabBar .active .u-icon-tabBar-cate, .m-tabBar .active .u-icon-tabBar-topic, .m-tabBar .active .u-icon-tabBar-ucenter, .m-tabBar .u-icon-tabBar-cart, .m-tabBar .u-icon-tabBar-cart-active, .m-tabBar .u-icon-tabBar-cate, .m-tabBar .u-icon-tabBar-cate-active, .m-tabBar .u-icon-tabBar-index, .m-tabBar .u-icon-tabBar-topic, .m-tabBar .u-icon-tabBar-topic-active, .m-tabBar .u-icon-tabBar-ucenter, .m-tabBar .u-icon-tabBar-ucenter-active { display: inline-block; background-image: url(../images/footbar.png); background-size: .53333rem 6.53333rem;
 width: .53333rem;
 height: .53333rem;
vertical-align:top; background-repeat: no-repeat; margin-top:0.2rem; }
.m-tabBar>.item .txt { display: block; margin-top: .09333rem;
 font-size: .32rem;
color: #666; line-height: 1; }
.m-tabBar .u-icon-tabBar-topic { background-position: 0 -4.66667rem; }
.m-tabBar .u-icon-tabBar-cate { background-position: 0 -2rem; }
.m-tabBar .u-icon-tabBar-cart { background-position: 0 -.66667rem;
}
.m-tabBar .u-icon-tabBar-ucenter { background-position: 0 -6rem; }
.m-tabBar .active .u-icon-tabBar-ucenter, .m-tabBar .u-icon-tabBar-ucenter-active { background-position: 0 -5.33333rem; }
.m-tabBar>.item.active .txt { color: #b4282d; }
/*封面页*/
.m-itemFloor>.hd { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 1.6rem; text-align: center; background-color: #fff; }
.m-itemFloor>.hd .name {
 margin-bottom: .21333rem;
 font-size: .42667rem; line-height: 1; }
.m-itemFloor>.hd .desc { line-height: 1; color: #999; font-size: .32rem;
}
.m-itemFloor .list li a { position:relative; width: 100%; display: inline-block; }
.m-itemFloor .list .newItemDesc { position:absolute; top:4rem; width: 100%; background: #F1ECE2; height: 0.8rem; line-height:0.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-radius:0px 0px 8px 8px;}
/*内容页*/
.ntop { height:1.22222rem; }
.topbar { border-bottom: 1px solid transparent; z-index: 5; width: 100%; background-color: #fafafa; position:fixed; }
.topmenu { background-color: #fafafa; z-index: 1; width: 10rem; margin: auto; overflow: hidden; padding: 0 .22222rem 0 .33333rem;
height: 1.22222rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; position: relative; }
.menuss { display: inline-block; vertical-align: middle; width: .69444rem;
height: .69444rem;
background-image: url(../images/menu.png); background-repeat: no-repeat; background-size: 100% 100%; }
.menuss.active { background-image: url(../images/menuClose.png); }
.topmenu .logo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; width: 2.38889rem; height: .75rem;
margin: auto; }
.topmenu .cart .u-icon { position: relative; }
.topmenu .cartNum { position: absolute; top: .04167rem;
right: -.08333rem;
width: .38889rem;
height: .38889rem;
border-radius: .38889rem;
background-color: #b4282d; text-align: center; line-height: .38889rem;
font-size: .25rem;
color: #fff; }
.cartNum { height: .38889rem;
padding-top: .05556rem;
line-height: .36111rem;
}
.topmenu:after { position: absolute; background-color: #d9d9d9; bottom: 0; width: 100%; height: 1px; content: ''; left: 0; }
.topbar .menu { position: absolute; z-index: 0; top: 99%; left: 0; width: 100%; padding: .26389rem 0;
background-color: #fafafa; border-bottom: 1px solid rgba(0, 0, 0, .15); text-align: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -moz-transition: -moz-transform .3s, opacity .3s;
-o-transition: -o-transform .3s, opacity .3s;
-webkit-transition: -webkit-transform .3s, opacity .3s;
transition: opacity .3s, -webkit-transform .3s;
transition: transform .3s, opacity .3s;
transition: transform .3s, opacity .3s, -webkit-transform .3s;
}
.topbar .menu-isHidden { -moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; }
.menu .list { margin:auto; vertical-align: middle; text-align: center; overflow: hidden; display:inline-block; }
.menu .list .item { float: left; text-align: center; display: inline-block; margin:0 0.8333rem; }
.menu .list .item .u-icon { display: block; margin-bottom: .11111rem;
}
.menu .list .item .txt { display: block; font-size: .33333rem;
color: #666; line-height: 1; }
.dlform.regxz li input { width:auto; vertical-align:middle; margin:0 5px; }
.dlform.regxz li { line-height:1.2rem; font-size:0.38rem; vertical-align:middle; border-bottom:1px solid #eee; }
.u-icon-search1 { display: inline-block; vertical-align: middle; width: .88889rem;
 height: .88889rem;
background-image: url(../images/mg.png); background-repeat: no-repeat; background-size: 100% 100%; }
.u-icon-cart {
 width: .88889rem;
 height: .88889rem; background: url(../images/cart.png) no-repeat; background-size: 100%; position: relative; display: inline-block; vertical-align: middle; }
.m-detailBaseInfo .content {
 padding: .53333rem 0 .53333rem .4rem;
 border-bottom: .26667rem solid #f4f4f4; display: flex; background:#fff; }
.m-detailBaseInfo .content .info { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.m-detailBaseInfo .content .info .name { font-size: .40rem;
 margin-bottom: .06667rem;
}
.m-detailBaseInfo .content .info .desc {
 font-size: .37333rem; line-height: 1; color: #7f7f7f; }
.m-detailBaseInfo .content .info .price {
 height: .74667rem;
 margin-bottom: .10667rem;
 font-size: .50rem; color: #f60; font-weight: 700; }
.m-detailBaseInfo .tagList .wrap {
 margin-right: .21333rem;
 margin-top: .26667rem; display: inline-block; height: .48rem;
}
.m-detailBaseInfo .tagList .wrap:first-of-type { margin-left: 0; }
.m-detailBaseInfo .tagList .wrap .item {
 line-height: .48rem;
 height: .48rem;
 padding: 0 .13333rem;
 font-size: .32rem; border: 1px solid #f48f18; border-radius: 4px; }
.m-detailBaseInfo .tagList .wrap .item .tag { display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; color: #f48f18; }
.u-icon-detailTagArrow, .u-icon-detailTagBlackArrow {
 width: .13333rem;
 height: .24rem; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100% 100%; }
.u-icon-detailTagArrow { background-image: url("../images/TagArrow.png"); }
.m-detailBaseInfo .tagList .wrap .item .tag .u-icon-detailTagArrow, .m-detailBaseInfo .tagList .wrap .item .tag .u-icon-detailTagBlackArrow { margin-left: .10667rem;
}
.m-detailBaseInfo .content .comment { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; background-image: linear-gradient(to bottom, #919191 33%, rgba(255, 255, 255, 0) 0); -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 2.08rem; background-size: 1px 12px; background-repeat: repeat-y; }
.m-detailBaseInfo .content .comment .wrap .num { font-weight: 700; font-size: .48rem;
line-height: 1; margin-bottom: .13333rem;
color: #B4282D; text-align: center; }
.m-detailBaseInfo .content .comment .wrap .com { color: #B4282D; line-height: 1; text-align: center; font-size:0.35rem; margin-bottom: .26667rem;
}
.m-detailBaseInfo .content .comment .wrap .more { border: 1px solid #7F7F7F; border-radius: 2px; text-align: center; font-size:0.35rem; }
.dt-section { background: #fff; border-bottom: 1px dashed #f34d00;
}
.service-wraper { padding: .32rem 0;
}
.m-serviceEntry {
 padding-left: .4rem;
 font-size: .37333rem;
 min-height: .96rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; position: relative; }
.m-serviceEntry .left { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; line-height: 1; color: #333; margin-right: .26667rem;
}
.m-serviceEntry .right { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.m-serviceEntry .right .right-item { position: relative; padding-left: .21333rem;
 margin-right: .53333rem;
float: left; line-height: 1; margin-bottom: .21333rem;
color: #7f7f7f; }
.m-serviceEntry .right .right-item:after { content: ""; position: absolute; width: .10667rem;
 height: .10667rem;
background: #b4282d; border-radius: 100%; left: 0; top: .13333rem;
}
.u-address-right { background: url("../images/address-right.png") no-repeat; background-size: 100%; width: .66667rem;
 height: .66667rem;
display: inline-block; vertical-align: middle; }
.m-serviceEntry .u-address-right { margin-right: .24rem;
}
.m-detailComment { background-color: #fff; }
.m-detailComment>header {
 margin-left: .4rem; position: relative; border-bottom: 1px solid #d9d9d9; padding: .4rem 2.4rem .4rem 0;
}
.m-detailComment>header .title {
 line-height: .4rem;
 font-size: .37333rem; color: #333; }
.m-detailComment>header .comment-checkAll {
 padding-right: .6rem;
 right: .21333rem;
 font-size: .37333rem; color: #333; height: .66667rem;
 line-height: .66667rem;
}
.m-detailComment>header .comment-checkAll, .m-detailComment>header .comment-checkAll .icon { position: absolute; margin: auto; bottom: 0; top: 0; }
.g-c { zoom: 1; padding: 0 .4rem;
}
.m-comment-detail { padding-bottom: .42667rem;
}
.m-comment header { display: flex; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; padding: .4rem 0 .18667rem;
}
.m-comment header .left { zoom: 1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-size: .37333rem;
}
.m-comment header .time {
 font-size: .32rem; color: #7f7f7f; line-height: .38667rem;
 padding: .25333rem 0 0;
}
.m-comment .content { padding-right: .4rem;
}
.m-comment .content .inner { white-space: pre-line; word-wrap: break-word; word-break: break-all; font-size: .37333rem;
 line-height: .45333rem;
font-weight: 400; color: #333; }
.m-comment-detail .CustomerService-content, .m-comment-detail .content .inner { display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.m-commentPics .list .item, .m-commentPics .list .item-wrap { position: relative; width: 1.92rem; height: 1.92rem; overflow: hidden; }
.m-comment .commentPics { margin-top: .12rem;
}
.m-commentPics .list { overflow: hidden; }
.m-commentPics .list .item-wrap { z-index: 1; float: left; border: 1px solid #d9d9d9; margin-right: .36rem;
border-radius: 4px; }
.m-commentPics .list .item-wrap:last-child { margin-right: 0; }
.m-comment header .left .avatar {
 width: .85333rem;
 height: .85333rem;
 margin-right: .21333rem; border-radius: 50%; overflow: hidden; }
.m-attrCon { padding: .4rem;
}
.m-attrCon .attrList .tt {
 padding: .53333rem 0 .32rem;
 font-size: .37333rem; line-height: 1; }
.m-attrCon .attrList .item { zoom: 1; font-size: .32rem;
 line-height: .58667rem;
 padding: .13333rem .4rem .13333rem 0;
background-image: linear-gradient(to right, #919191 33%, rgba(255, 255, 255, 0) 0); background-position: top; background-size: 12px 1px; background-repeat: repeat-x; }
.m-attrCon .attrList .item .left { float: left; width: 1.97333rem; position: relative; color: #999; }
.m-attrCon .attrList .item .right { margin-left: 2.24rem; text-align:left; }
.dt-section-1, .dt-section-2 { border-bottom: none; }
.m-commonIssues .tt { position: relative; padding: .72rem 0;
text-align: center; }
.m-commonIssues .tt .line { width: 3.97333rem; border-bottom: 1px solid #ccc; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 1px; background-color: #ccc; z-index: 1; padding:0; }
.m-commonIssues .tt .text { display: inline-block; font-size: .42667rem;
 padding-right: .21333rem;
 padding-left: .21333rem;
line-height: 1; color: #333; background-color: #fff; position: relative; z-index: 2; }
.m-commonIssues {
 padding: 0 .4rem .4rem; background-color: #fff; }
.m-rmcdGoods .tt {
 padding: .72rem 0; text-align: center; background-color: #fff; position: relative; }
.m-rmcdGoods .tt .hline { width: 3.97333rem; border-bottom: 1px solid #ccc; position: absolute; top: 0.25rem; bottom: 0; left: 0; right: 0; margin: auto; height: 1px; background-color: #ccc; z-index: 1; }
.m-rmcdGoods .tt .text { display: inline-block; font-size: .42667rem;
 padding-right: .21333rem;
 padding-left: .21333rem;
line-height: 1; color: #333; background-color: #fff; position: relative; z-index: 2; }
.m-detailHtml { }
.m-detailHtml img { max-width:100%; overflow:hidden; margin-top:5px; }
/*专题页面*/
.m-topicRecommendItem { display: block; background-color: #fff; margin-bottom: .26667rem;
}
.m-topicRecommendItem .hd { height: 1.38667rem; padding: .26667rem .4rem;
display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
.m-topicRecommendItem .hd .avatar {
 width: .85333rem;
 height: .85333rem; border-radius: 50%; margin-right: .21333rem;
overflow: hidden; border: 1px solid #d9d9d9; }
.m-topicRecommendItem .hd .avatar img { display: block; width: 100%; height: 100%; }
.m-topicRecommendItem .hd .author {
 font-size: .37333rem; color: #333; }
.m-topicRecommendItem .imgContainer { position: relative; height: 5.6rem; }
.m-topicRecommendItem .topicInfo { overflow: hidden; background-color: #fff; position: relative; padding: .33333rem .4rem .74667rem;
}
.m-topicRecommendItem .topicInfo .line1 {
 margin-bottom: .17333rem; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; line-height: 1.2; }
.m-topicRecommendItem .topicInfo .line1 .title {
 margin-right: .8rem;
 font-size: .48rem; color: #333; }
.m-topicRecommendItem .topicInfo .line1 .price { line-height: 1; text-align: center; min-width: 1.53333rem; }
.m-topicRecommendItem .topicInfo .line2 .subTitle { position: relative; font-size: .37333rem;
line-height: 1.1; color: #7f7f7f; }
.f-toe, .m-topicRecommendItem .topicInfo .line1 .title, .m-topicRecommendItem .topicInfo .line2 .subTitle { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.m-topicRecommendItem .imgContainer .u-icon-rbGradient { position: absolute; bottom: 0; right: 0; text-align: right; }
.m-topicRecommendItem .imgContainer .u-icon-rbGradient .eyeAndcount { display: inline-block; text-align: right; padding-right: .4rem;
color: #fff; font-size: .26667rem;
 line-height: .48rem;
position: absolute; top:0; right:0; }
.m-topicRecommendItem .imgContainer .u-icon-rbGradient .topicEyeContainer { display: block; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: .28rem;
 height: .48rem;
position: absolute; left: -.36rem;
}
.u-icon-rbGradient { width: 1.56rem; height: .48rem;
background: url("../images/hbg.png") no-repeat; background-size: 100%; display: inline-block; vertical-align: middle; }
.barbox { height:1.3rem; }
/*分类页*/
.m-hd { position: fixed!important; left: 0; top: 0; z-index: 5; width: 100%; }
.m-itemCateListHd { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; height: 1.2rem; padding: 0 .4rem;
background-color: #fff; position: relative; }
.m-itemCateListHd>.ipt, .m-tabBar { width: 100%; }
.m-topSearchIpt { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: .74667rem;
 font-size: .37333rem;
background-color: #ededed; border-radius: .10667rem;
}
.m-topSearchIpt .icon { vertical-align: middle; background-image: url("../images/ssico.png"); background-repeat: no-repeat; background-size: 100% 100%; margin-right: .13333rem;
display: inline-block; width: .37333rem;
 height: .37333rem;
}
.m-topSearchIpt .placeholder { color: #666; }
.m-cateNavVertWrap { top: 1.2rem; position: fixed; left: 0; bottom: 0; z-index: 4; width: 2.16rem; background-color: #fff; }
.m-cateNavVert { padding: .53333rem 0;
}
.hasTabBar .m-cateNavVert { padding-bottom: 1.84rem; }
.m-cateNavVert .item { width: 100%; height: .66667rem;
text-align: center; border: none; }
.m-cateNavVert .item .txt { display: block; color: #333; font-size: .37333rem;
 line-height: .66667rem;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.m-cateNavVertWrap:after { content: ''; position: absolute; background-color: rgba(0, 0, 0, .15); top: 0; bottom: 0; width: 1px; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; right: 0; }
.m-itemCateListHd:after { content: ''; position: absolute; background-color: #d9d9d9; left: 0; width: 100%; height: 1px; -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; bottom: 0; }
.m-cateNavVert .item+.item {  margin-top: .53333rem;
}
.m-cateNavVert .item.active:before { content: ' '; position: absolute; top: 0; left: 0; bottom: 0;  width: .08rem;
background-color: #ab2b2b; }
.m-cateNavVert .item.active .txt {
 font-size: .48rem; color: #ab2b2b; }
.m-cateNavVert .item.active { position: relative; }
.m-subCateList { margin-left: 2.16rem;  padding: .4rem .4rem .28rem;
margin-top:0.8rem; background:#fff; }
.m-subCateList .hd { height: 1.44rem; line-height: 1.44rem; text-align: center;  font-size: .32rem;
color: #333; }
.g-row, .m-subCateList .hd .text { position: relative; }
.m-subCateList .hd .text:before {  left: -.74667rem;
}
.m-subCateList .hd .text:after, .m-subCateList .hd .text:before { position: absolute; content: ''; top: 0; bottom: 0; margin: auto; height: 1px;  width: .53333rem;
background-color: #d9d9d9; -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; }
.m-subCateList .hd .text:after {  right: -.74667rem;
}
.m-subCateList .cateItem { display: inline-block;  margin-right: .45333rem;
font-size: 0; width: 1.92rem; vertical-align: top; }
.m-subCateList .cateItem .cateImgWrapper { width: 1.92rem; height: 1.92rem; }
.m-subCateList .cateItem .cateImg { display: block; width: 100%; background: #fff; }
.m-subCateList .cateItem .name {
 height: .96rem;
 font-size: .32rem; color: #333; text-align: center;  line-height: .45333rem;
}
.m-subCateList .cateItem:nth-child(3n) {
 margin-right: -.13333rem;
}
.nrhd .slide-wrap,.nrhd #slideBox,.nrhd .slideBox .bd li img,.nrhd{height:8.2rem;max-height:8.2rem;}
.m-btnGroup {
 height: .53333rem; position: relative; z-index: 4; }
.m-btnGroup .inner { display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; position: fixed; bottom: 0; left: 50%; width: 100%; background-color: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
.m-btnGroup .inner .w-button-ghostWhite { border-right: 0; }
.m-btnGroup .inner .btn { -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-grid-row-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; height: 1.38667rem; }
.m-btnGroup .inner .btn.btn-icon { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0;}
.w-button, .w-button:focus, .w-button:visited { display: inline-block; vertical-align: middle; width: 3.36rem; text-align: center;  line-height: .90667rem;
 font-size: .37333rem;
color: #fff; border: 1px solid #b4282d; background-color: #b4282d; border-radius: 8px; overflow: hidden; }
.u-icon-detail-kefu { background-image: url("../images/kf.png"); background-size: 100% 100%;  width: .8rem;
 height: .8rem;
display: inline-block; vertical-align: middle; }
.w-button-xxl, .w-button-xxl:focus, .w-button-xxl:visited { line-height: 1.28rem; }
.w-button-ghostWhite, .w-button-ghostWhite:focus, .w-button-ghostWhite:visited { border-color: #c7c7c7; color: #333; background-color: #fff; }
.m-btnGroup .inner .btn.btn-text { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }


.shpa{
      width: 90%; text-align:center; font-size:12px; margin-bottom:5px;
}
.shpa b{
      padding:0 2px 0;
      margin-top:10px;
      color:#d04e00;
      display:inline-table;
  border:1px solid #ffe8b9;
}
.shpa a{
      padding:0 2px 0;
      color:#1F3A87;
      display:inline-table;
  border:1px solid #ffe8b9;
}
.shpa a:hover{
      color:#fff;
      background:#d04e00;
      border:1px solid #ffe8b9;
}




.kefu {
            padding: 12px 8px;
            background: #fff;
            overflow: hidden;
            text-align: center;
        }

            .kefu div {
                color: #f60;
                width: 48.5%;
                display: inline-block;
                line-height: 40px;
                font-size: 16px;
                border-radius: 5px;
                border: 1px solid #f60;
                height: 40px;
                position: relative;
            }

            .kefu img {
                width: 30px;
                height: 30px;
                margin: 5px 5px 0 10%;
                float: left;
            }

        .online {
            background: url(/ecmsshop/mshop/images/wxzx_m.png) no-repeat;
        }

        .hotline {
            background: url(/ecmsshop/mshop/images/dhkf.png) no-repeat;
        }

        .online, .hotline {
            display: inline-block;
            width: 26px;
            height: 26px;
            background-size: 26px 26px;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -2px;
        }