@charset "utf-8";
/* CSS Document */

.displayNone { display: none !important; }

/*通用底部菜单*/
.bottom-menu { position: fixed; bottom: 0; left: 0; right: 0; background: #f7f7f7; z-index: 99; border-top: 1px solid #e0e0e0; max-width: 640px; margin: 0 auto; }

.bottom-menu ul { height: 56px; display: box; display: -webkit-box; box-align: center; -webkit-box-align: center; box-pack: center; -webkit-box-pack: center; }

.bottom-menu ul li { -webkit-box-flex: 1; box-flex: 1; width: 100%; text-align: center; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center; font-size: 0.34rem; }

.bottom-menu ul li i { font-size: 0.5rem; line-height: 0.7rem; padding-top: 5px; }

.bottom-menu ul li.on, .bottom-menu ul li.on a { color: #C60A0A; }

.bottom-menu ul li em { position: absolute; top: -0.07rem; left: 0.34rem; display: none; padding: 0 0.1rem; font-size: 0.333333rem; background-color: var(--color-badge); color: #fff; border-radius: 0.2rem; line-height: 0.4rem; text-align: center; min-width: 0.2rem; }
.bottom-menu ul li i { font-size: 26px !important }
/*.bottom-menu ul li.on { color: #cdb593; }*/
.bottom-menu ul li .ispr { width: .62rem; height: .62rem; background-size: cover; background-repeat: no-repeat; margin: 0 auto 0rem; margin-bottom: 0.07rem; margin-top: 0.1rem; position: relative; }
.bottom-menu ul li .ispr .iconfont { line-height: .6rem; font-size: .596rem !important; }
.bottom-menu ul li.on .ispr .iconfont { color: #AD0013; }
.bottom-menu ul li .ispr.index { background-image: url(/images/icons/首页@2x.png); }
.bottom-menu ul li.on .ispr.index { background-image: url(/images/icons/首页选中@2x.png); }
.bottom-menu ul li .ispr.me { background-image: url(/images/icons/我的@2x.png); }
.bottom-menu ul li.on .ispr.me { background-image: url(/images/icons/我的选中@2x.png); }
.bottom-menu ul li .ispr.cart { background-image: url(/images/icons/购物车@2x.png); }
.bottom-menu ul li.on .ispr.cart { background-image: url(/images/icons/购物车选中@2x.png); }
.bottom-menu ul li .ispr.types { background-image: url(/images/icons/分类@2x.png); }
.bottom-menu ul li.on .ispr.types { background-image: url(/images/icons/分类选中@2x.png); }



/*通用头部*/
.header { height: 54px; box-sizing: border-box; display: flex; display: -webkit-flex; padding: 10px; background-color: #fff; position: fixed; z-index: 11; top: 0px; width: 100%; max-width: 640px; }
.header .line { display: -webkit-flex; 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-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 100%; }
.header .line .logo { width: 2.25rem; height: .75rem; background-image: url(/images/logo/logo_w.png); flex: 0 0 auto; margin-right: .3rem; background-size: cover; background-position: center; }
.header .line .topSearchIpt { flex: 1 1 auto; justify-content: left; height: .8rem; font-size: .34rem; background-color: #ededed; border-radius: .10667rem; padding-left: 0.3rem; }
.header .line .topSearchIpt i { margin-right: 10px; color: #999 !important; line-height: .8rem; }
.header .line .topSearchIpt span { color: #999999; }
.header .left, .header .right { width: 44px; text-align: center; position: relative; z-index: 2; flex: 0 0 auto; line-height: 34px; }
.header .left a, .header .right a { font-size: 16px; position: relative; }
.header .left a i, .header .right a i { width: 34px; height: 34px; line-height: 34px; font-size: 18px; }
.header .tit { width: 100%; flex: 1 1 auto; }
.header .tit h2 { text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 54px; line-height: 54px; font-size: 16px; z-index: 1; }
.header .tit h2 span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 180px; display: block; margin: 0 auto; }
.header:after { content: ''; height: 1px; width: 100%; border-top: 1px solid #f3f3f3; position: absolute; left: 0; bottom: -1px; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10; }
.header .tit .searchword { background: #f3f3f3; border-radius: 5px; margin: 0 10px; }
.header .tit .searchword input { width: 100%; border: 0 none; font-size: .3rem; font-weight: 400; height: 34px; padding: 5px 5px 5px 40px; box-sizing: border-box; background: url(/images/icons/搜索_60x60.png) 10px center no-repeat; background-size: 20px 20px; font-size: 14px; }
/*通用结果为空提示*/
.s_null { text-align: center; color: #999; width: 100%; }
.s_null i { font-size: 2rem; color: #e4e4e4; }
.s_null p { line-height: 1.8; }
.no_result { position: absolute; top: 94px; }
/*顶部间距*/
.mtall { margin-top: 54px; }
/*通用filter bar*/
.filter_bar { background: #fff; border-bottom: 1px solid #f3f3f3; }
.filter_bar ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
.filter_bar ul li { width: 100%; padding: 0 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: #666666; height: 44px; line-height: 44px; position: relative; font-size: .34rem; }
.filter_bar ul li:last-child { overflow: hidden; }
.filter_bar ul li.on { color: #C60A0A; font-weight: bold; }
.filter_bar ul li:before { content: ''; width: 1px; height: 50%; border-right: 1px solid #f3f3f3; position: absolute; top: 50%; right: -1px; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); z-index: 10; }

.filter_bar ul li.price_ud { display: inline-block; }

.filter_bar ul li.price_ud:after { content: ""; width: 7px; height: 10px; display: inline-block; background: url(/images/icons/上下箭头_60.png) bottom center no-repeat; background-size: cover; margin-left: 4px; }

.filter_bar ul li.price_ud.arrow-down:after { background-position: 0px -10px; }
/*由低到高*/
.filter_bar ul li.price_ud.arrow-up:after { background-position: 0px 0px; }
/*由高到低*/
.filter_bar ul li:last-child:before { display: none; }


/*底部购物车通栏*/
/*.bottomNav { position: fixed; right: auto; bottom: 0; max-width: 640px; box-sizing: border-box; width: 100%; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.8rem; background-color: #333333; height: 1.28rem; }

.carticon { position: absolute; left: .32rem; bottom: 0rem; width: 1.28rem; height: 1.28rem; box-sizing: border-box; border-radius: 100%; }

    .carticon i { color: #cdb593; font-size: .8rem; height: 1.28rem; line-height: 1.28rem; }

    .carticon em { position: absolute; right: .1rem; top: .1rem; line-height: 1; background-color: #d50000; color: #fff; border-radius: .32rem; padding: .053333rem .133333rem;*/ /*content: attr(attr-quantity);*/ /*font-size: .266667rem; }

.bottomNav-price b { font-size: .6rem }

.bottomNav-price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; font-size: 0.4rem; border-left: 1px solid #cdb593; padding-left: .3rem; }

    .bottomNav-price b { font-size: .6rem }

.submit-btn-none { height: 100%; width: 2.8rem; background-color: #b4b4b4; color: #fff; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem; }

.submit-btn-have { height: 100%; width: 2.8rem; background-color: #C60A0A; color: #fff; text-align: center; text-decoration: none; font-size: .4rem; font-weight: 700; line-height: 1.28rem; }*/




/*通用遮罩*/
.cover-floor { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 250; }



/*筛选弹窗*/
.filterpop { height: 100%; width: 80%; overflow-y: auto; overflow-x: hidden; position: absolute; top: 0; bottom: 0; left: 20%; z-index: 301; background: #fff; transition: transform .3s; transform: translate3d(100%,0,0); -webkit-transition: transform .3s; -webkit-transform: translate3d(100%,0,0); }
.filterpop.filterpopshow { left: 20%; transition: transform .3s; transform: translate3d(0%,0,0); -webkit-transition: transform .3s; -webkit-transform: translate3d(0%,0,0); }
.filterpop .sx_bd { height: -moz-calc(100% - 44px); height: -webkit-calc(100% - 44px); height: calc(100% - 44px); }
.filterpop .sx_bd .sx_bdin { width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden }
.filterpop .index-bnts { height: 44px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; padding-right: 0px; overflow: hidden; }
.filterpop .index-bnts .left { background-color: #fff; color: #252525; font-size: 16px; position: relative; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; }
.filterpop .index-bnts .left:before { content: ''; height: 1px; width: 200%; position: absolute; left: 0; top: 0; right: auto; bottom: auto; background-color: #e3e5e9; border: 0px solid transparent; border-radius: 0px; -webkit-border-radius: 0px; transform: scale(0.5); -webkit-transform: scale(0.5); transform-origin: top left; -webkit-transform-origin: top left; }
.filterpop .index-bnts .right { background-color: #C60A0A; color: #fff; font-size: 16px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; box-align: center; -webkit-box-align: center; -moz-box-align: center; -ms-box-align: center; -o-box-align: center; box-pack: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-box-pack: center; -o-box-pack: center; }
.sx_bdinb { border-bottom: 1px solid #f3f3f3; padding-bottom: 20px; }
.title-line { padding-top: 10px; padding-left: 10px; padding-right: 10px; font-size: 15px; overflow: hidden; margin-bottom: 7px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; }
.title-line .title { text-align: left; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; height: 17px; line-height: 17px; color: #333; margin-top: 2px; }
.title-line i { display: block; width: 10px; height: 10px; border-top: 1px solid #bfbfbf; border-right: 1px solid #bfbfbf; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); margin-left: 8px; margin-right: 2px; margin-top: 8px; }
.title-line i.down { transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); margin-top: 2px; }
.sx_bdin .itemlist ul { margin-right: 10px; overflow: hidden; padding-bottom: 1px; }
.sx_bdin .itemlist ul li { margin-top: 10px; height: 29px; width: 50%; color: #232326; padding-left: 10px; float: left; font-size: 13px; box-sizing: border-box; position: relative; }
.sx_bdin .itemlist ul li span { height: 30px; display: block; padding-left: 5px; padding-right: 5px; text-align: center; line-height: 30px; background-color: #f3f3f3; border-radius: 5px; border: 1px solid #f3f3f3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }
.sx_bdin .itemlist ul li.on span { border: 1px solid #C60A0A; background: #fff; }
.sx_bdin .itemlist ul li.on:after { content: ""; position: absolute; left: 10px; top: 0px; width: 15px; height: 15px; background: url(/images/icons/tag_green_success.png) left top no-repeat; background-size: cover; }
.sx_bdin .itemlist .from-to { background: #f3f3f3; border-radius: 5px; margin: 10px 10px 0; padding: 10px; display: box; display: -webkit-box; display: -moz-box; display: -ms-box; display: -o-box; }
.sx_bdin .itemlist .from-to input, .sx_bdin .itemlist .from-to span, .sx_bdin .itemlist .from-to .fttxt { display: inline-block; }
.sx_bdin .itemlist .from-to span { display: block; width: 8px; margin-left: 9px; margin-right: 9px; height: 14px; border-bottom: 1px solid #848689; }
.sx_bdin .itemlist .from-to input { border-radius: 5px; background: #fff; border: 0; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -o-box-flex: 1; display: block; height: 28px; line-height: 28px; text-align: center; font-size: 12px; }
.sx_bdin .itemlist .from-to .fttxt { height: 28px; line-height: 28px; margin-left: 10px; }

/*购物车结算浮动条*/
.gopay { position: fixed; right: auto; bottom: 0; max-width: 640px; box-sizing: border-box; width: 100%; left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: var(--border-margin); padding-right: var(--border-margin); background-color: #fff; height: 1.28rem; box-shadow: -3px 0 3px rgba(0, 0, 0, .3); z-index: 10; }

.gopay-choose { color: #fff; font-size: 0.386rem; color: #333333; }

.gopay-price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; font-size: 0.386rem; color: #333333; }

/*.gopay-choose .checkbox { border: 1px solid #cccccc; background: #ffffff; color: #fff; border-radius: 50%; width: .4rem; height: .4rem; line-height: .4rem; text-align: center; display: inline-block; vertical-align: middle; font-size: 12px; position: relative; top: -2px; margin-right: 10px; }*/
.gopay-choose .checkbox { background: #ffffff; color: #cccccc !important; border-radius: 50%; width: .4rem; height: .4rem; line-height: .4rem; text-align: center; display: inline-block; vertical-align: middle; font-size: 12px; position: relative; top: -2px; width: 30px; }

.gopay-choose .checkbox .iconfont { margin-left: -2px; font-size: 21px !important; }
.gopay-choose .checkbox.ischecked .iconfont { display: block; color: var(--color-btn-main) !important; }
.gopay-choose .checkbox.ischecked .iconfont.icon_circle:before { content: "\e8c3"; }
.gopay-price { text-align: right; padding-right: 10px; font-weight: bold; }
.gopay-price span { color: var(--color-price); font-weight: 200; font-size: .45rem; font-weight: bold; }



/*浮动树形导航*/
.flont_nav { position: fixed; bottom: 65px; left: 15px; z-index: 300; }

.flont_nav .flont_navico { width: 1rem; height: 1rem; display: block; background: url(/images/icons/纸飞机_白.png) center center no-repeat rgba(205,181,147,0.7); background-size: 50%; position: relative; border-radius: 50%; border: 1px solid rgba(255,255,255,.5); }

.flont_nav .navlist { position: absolute; opacity: 0; -webkit-transition: .3s; transition: .3s; bottom: 0; left: 1.5rem; border-radius: 3px; background-color: #fff; transform: scale(0.1); -webkit-transform: scale(0.1); transform-origin: left bottom; -webkit-transform-origin: left bottom; }

.flont_nav .navlist.open { opacity: 1; -webkit-transition: .3s; transition: .3s; height: auto; width: auto; bottom: 0; transform: scale(1); -webkit-transform: scale(1); }

.flont_nav .navlist.open:after { content: ""; position: absolute; left: -6px; bottom: .4rem; width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #fff; border-bottom: 6px solid transparent; }

.flont_nav .navlist .tlt { color: #fff; background: #cdb593; text-align: center; padding: 5px 10px; white-space: nowrap; font-size: 0.386rem; border-radius: 3px 3px 0 0; border: 1px solid #fff; }

.flont_nav .navlist dl { text-align: left; white-space: nowrap; font-size: 0.35rem; padding-bottom: 5px; }

.flont_nav .navlist dl dt, .flont_nav .navlist dl dd { padding: 0.2rem 10px; overflow: hidden; }

.flont_nav .navlist dl dt { font-weight: bold; margin-top: -1px; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; }

.flont_nav .navlist dl dd { color: #666666; border-bottom: 1px solid #f3f3f3; padding: 0.2rem 10px .2rem 0; margin-left: 10px; }

.flont_nav .navlist dl dd:last-child { border: 0; }

/* 加载样式 开始 */
.spinner_bg { width: 100%; height: 100%; opacity: 0.5; background-color: #000; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }

.spinner_bg .spinner_fw { position: absolute; top: 40%; width: 100%; }


.spinner_bg_v1 { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 999999999999; display: none; }

.spinner_bg_v1 .spinner_fw_bg { width: 96px; height: 96px; opacity: 0.8; background-color: #000; position: fixed; top: 50%; left: 50%; z-index: 9999999999991; margin-top: -48px; margin-left: -48px; display: block; border-radius: 10px; }

.spinner_bg_v1 .spinner_fw { position: absolute; top: 30%; width: 100%; }

.container1 > div, .container2 > div, .container3 > div { width: 15px; height: 15px; background-color: #808080; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.spinner { margin: 0px auto; width: 50px; height: 50px; position: relative; }

.spinner .spinner-container { position: absolute; width: 100%; height: 100%; }

.container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }

.container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }

.circle1 { top: 0; left: 0; }

.circle2 { top: 0; right: 0; }

.circle3 { right: 0; bottom: 0; }

.circle4 { left: 0; bottom: 0; }

.container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

.container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }

.container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

.container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }

.container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }

.container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }

.container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }

.container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }

@-webkit-keyframes bouncedelay {

    0%, 80%, 100% { -webkit-transform: scale(0.0) }

    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {

    0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }

    40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}
/* 加载样式 结束 */

/*填写信息地址弹窗*/
.information_pop, .area-pop { position: fixed; z-index: 9998999999999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); -webkit-box-pack: center; display: none; -webkit-box-orient: vertical; }

.information_pop .information_pop_bd { width: 100%; margin: 0 auto; }

.information_pop .information_meng_pop { position: relative; width: 90%; border-radius: 5px; max-width: 640px; overflow: hidden; margin: 0 auto; background: #fff; padding: 5px 15px; box-sizing: border-box; }

.information_pop .information_meng_pop .close { position: absolute; right: 0.3rem; top: -10px; background: #000; color: #fff; padding: 20px 10px 8px; border-radius: 10px; font-size: 0.5rem; }

.information_pop .information_meng_pop .title { text-align: left; padding-top: 15px; }

.information_pop .information_meng_pop .title b { font-size: 0.5rem; }

.information_pop .information_meng_pop .action { background: #ededed; border-radius: 0 0 5px 5px; padding: 10px 10px 10px; display: -webkit-box; margin: 0.2rem -15px -5px; }

.information_pop .gbtn { text-align: center; -webkit-box-flex: 1; background: #b6b6b6; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #747474; padding: 0.3rem 0; }

.information_pop .rbtn { text-align: center; -webkit-box-flex: 1; background: #b0352f; display: block; font-size: 0.386rem; color: #fff; margin: 5px; border-radius: 10px; box-shadow: 0px 4px 0px #8f3631; padding: 0.3rem 0; }

/*选择地址弹窗*/
.ui-pop { width: 90%; margin: 0 auto; background: #fff; border-radius: 5px; position: relative; }

.ui-pop .ui-pop-content { padding: .35rem; height: 100% }

.ui-pop .ui-pop-close { position: absolute; top: -0.2rem; right: 0 }

.ui-pop .ui-pop-close span { font-size: 1.1rem; color: #333; padding: 0 .3rem }

.ui-pop .ui-pop-content { padding: 1.2rem 0 .3rem }

.ui-pop .region-list { height: 10rem; overflow: auto; -webkit-overflow-scrolling: touch; }

.ui-pop .region-list::-webkit-scrollbar { display: none; }

.ui-pop .ui-pop-title { color: #999; position: absolute; top: .32rem; left: .4rem; font-size: 0.4rem; }

.ui-pop .ui-list { border: 1px solid #f6f6f6 }

.ui-pop .ui-list li { border-bottom: 1px solid #f6f6f6; display: block; font-size: .4rem; overflow: hidden; background: #fff; padding: .3rem .4rem }



/*横向滚动导航条*/
.m-tabs { background: #fff; box-sizing: border-box; width: 100%; max-width: 640px; overflow: hidden; }

.m-tabs .inner { height: 44px; line-height: 44px; position: relative; padding-right: 0.4rem; }

.m-tabs .inner ul { }

.m-tabs .inner ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }

.m-tabs .inner ul li { float: left; margin-left: 0.4rem; }

.m-tabs .inner ul li a { display: block; position: relative; padding: 0 0.2rem; font-size: 0.4rem; }

.m-tabs .inner ul li.active a { color: #b0352f; }

.m-tabs .inner ul li.active a:after { content: ' '; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #b0352f; z-index: 2; }

.m-tabs:after { content: ' '; width: 100%; height: 1px; bottom: 0; left: 0; position: absolute; background-color: #d9d9d9; -webkit-transform-origin: 50% 100% 0; transform-origin: 50% 100% 0; z-index: 1; }


/*横向滚动banner*/
.banswiper { padding: 0.2rem 0; padding-right: 0.4rem; }

.banswiper ul:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; clear: both }

.banswiper li { float: left; width: 7.4rem; margin-left: 0.4rem; box-shadow: 0 5px 10px rgba(0,0,0,0.1); border-radius: 8px; overflow: hidden; }


/*通栏式商品结构*/
.product_list { background: #fff; }

.product_list a { padding: 10px; display: block; }

.product_list a .pic { position: relative; }

.product_list a h2 { color: #666666; font-size: .386rem; padding: 5px 0; }

.product_list a .summary .price { color: #b0352e; display: inline-block; margin-right: 5px; height: .5rem; line-height: .5rem; }

.product_list a .summary .price b { font-size: .5rem; }

.product_list a .summary .js { display: inline-block; color: #999999; }


/* 新闻页面样式 */

/*-------------------------------------------详情页----------------------------------------------------*/
.newsdetails { padding: 20px; background: #fff; color: #333; }
.newsdetails-title { font-size: 0.5rem; font-weight: bold; line-height: 0.8rem; margin-bottom: 15px; color: #000; }
.newsdetails-author { display: flex; margin-bottom: 15px; }
.newsdetails-author-info { flex: 0 0 auto; }
.newsdetails-author-edittime { flex: 1 1 auto; }
.newsdetails-body { line-height: 0.8rem; font-size: 0.436rem; }
.newsdetails-body img { width: 100% !important; height: 100% !important; margin: 15px 0; }


/*左右商品结构*/

.sold_out { position: absolute; width: 2.5rem; height: 2.5rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; background: url(/images/icons/shouqin.png) center center no-repeat; background-size: contain; z-index: 2; text-indent: -999999999999px; }

/*通用页面结尾*/
.pagebottom { text-align: center; padding: .2rem; }

.pagebottom img { width: 3rem; }

/* 积分页面 */
.pointpage_header { background-color: #FFF; text-align: center; padding: 20px 10px; }
.pointpage_header .use_point { color: var(--color-btn-normal); font-weight: bold; font-size: 1rem; }
.point_usetips { color: var(--color-desc); font-size: 12px; }
.point_usetips span { display: inline-block; margin-left: 5px; }
.point_usetips i.iconfont { font-size: 12px !important; }
.pointpage_details { margin-top: 20px; background-color: #FFF; }
.pointpage_details_title { border-bottom: 1px solid #F1F1F1; font-size: 0.45rem; text-align: center; line-height: 1.5rem; }
.pointpage_details_content { width: 100%; }
.pointpage_details_content li { padding: 15px; border-bottom: 1px solid #F1F1F1; display: flex !important; display: -webkit-flex !important; align-items: center; }
.pointpage_details_content li .usedpoint_title { line-height: 26px; }
.pointpage_details_content li .text_time { font-size: 12px; }