@font-face {font-family: "iconfont";src: url('../fonts/iconfont.ttf') format('truetype');}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;}
.icon-user:before{ content: "\e600";}
.icon-wenhao:before{ content: "\e61d";}
.icon-address:before{ content: "\e601";}
.icon-time:before{ content: "\e60f";}
.icon-dianpu:before{ content: "\e603";}
.icon-wxfriend:before{ content: "\e604";}
.icon-weixin:before{ content: "\e607";}
.icon-fenlei:before{ content: "\e66f";}
.icon-shouye:before{ content: "\e605";}
.icon-refund:before{ content: "\e616";}
.icon-qunzu:before{ content: "\e615";}
.icon-daifukuan:before{ content: "\e609";}
.icon-guanyu:before{ content: "\e60d";}
.icon-fav:before{ content: "\e60b";}
.icon-daifahuo01:before{ content: "\e610";}
.icon-daipingjia:before{ content: "\e611";}
.icon-youhuiquan:before{ content: "\e602";}
.icon-shouhuo:before{ content: "\e60a";}
.icon-icon:before{ content: "\e61b";}
.icon-guanzhu:before{ content: "\e60e";}
.icon-more:before{ content: "\e619";}
.icon-jifen:before{ content: "\e60c";}
.icon-shoucang:before{ content: "\e621";}
.icon-fenxiang:before{ content: "\e606";}
.icon-gouwuche:before{ content: "\e608";}
.icon-zuji:before{ content: "\e61a";}
.icon-yaoqing:before{ content: "\e614";}
.icon-star:before{ content: "\e613";}
.icon-qq:before{ content: "\e612";}
.icon-account:before{ content: "\e617";}
.icon-bianhao:before{ content: "\e61e";}
.icon-complate:before{ content: "\e626";}
.icon-ensure:before{ content: "\e618";}
.icon-pintuan:before{ content: "\e61c";}
.icon-saoma:before{ content: "\e61f";}
.icon-aixin:before{ content: "\e64e";}
.icon-notice:before{ content: "\e622";}
.icon-right:before{ content: "\e623";}
.icon-store:before{ content: "\e620";}
.icon-sousuo_sousuo:before{ content: "\e655";}
.icon-service:before{ content: "\e65c";}
.icon-trash:before{ content: "\e663";}
.icon-icon-3:before{ content: "\e66e";}
.icon-ok:before{ content: "\e67b";}
.icon-tui:before{ content: "\e67c";}
.icon-qrcode:before{ content: "\e67d";}
.icon-cart:before{ content: "\e680";}
.icon-icon_-shouye:before{ content: "\e681";}
.icon-shop:before{ content: "\e686";}
.icon-icon_-wodeyongjin:before{ content: "\e689";}
.icon-collect:before{ content: "\e68e";}
.icon-forbid:before{ content: "\e692";}
.icon-camera:before{ content: "\e68f";}
.icon-dialog:before{ content: "\e697";}
.icon-location:before{ content: "\e698";}
.mb10{margin-bottom: 10px !important;}
.pb50{padding-bottom: 50px !important;}
html,body,.mui-content{ background-color: #f7f7f7;}
footer .mui-bar-tab .mui-tab-item .mui-icon{ font-size: 20px; width: 20px; height: 20px; padding-top: 3px;}
footer{z-index: 3;}
body{ font-size: 14px;/*font-family:"微软雅黑"*/}
.body1{ height: 100%; margin: 0px; padding: 0px; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none;}
a{ color: #666;}
a:active{ color: #fb1438;}
h1,h2,h3,h4,h5,h6{ font-weight: 300;}
em,i{ font-style: normal;}
span{ display: inline-block;}
ul,p{ padding: 0; margin: 0;}
li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
.cl,.clearfix{ zoom: 1;}
.cl:after,.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden}
.bgfff{ background: #fff;}
.colorjh{ color: #ff5252;}
.fonts07{ font-size: 0.7rem;}
.o-hidden{ overflow: hidden;}
.w100{width: 100% !important;}
.pb50{ padding-bottom: 50px;}
.pl20{padding-left: 20px;}
.plr11{ padding-left: 11px; padding-right: 11px;}
.ptb13{ padding-top: 13px; padding-bottom: 13px;}
.mb12{ margin-bottom: 12px;}
.ml15{margin-left: 15px;}
.ptbt13{ padding-top: 13px;}
.minH95{min-height: 95px;}
.mui-content{min-height: 400px; transition: opacity ease-in-out .4s; -webkit-transition: opacity ease-in-out .4s;}
.mui-scroll{min-height: 100%;}
.mui-bar.mui-bar-nav{background-color: #fb1438; color: #fff; box-shadow: none; height: auto; line-height: 44px;}
.mui-bar.mui-bar-nav .mui-title,.mui-bar.mui-bar-nav .mui-icon,.mui-bar.mui-bar-nav .mui-pull-right{color: #fff;}
.mui-bar.mui-bar-nav .mui-btn-link{font-size: 14px; padding: 0 10px; margin-right: -10px; z-index: 2;position: relative;}
.mui-input-row .mui-input-clear~.mui-icon-clear.mui-active, .mui-input-row .mui-input-password~.mui-icon-eye.mui-active, .mui-input-row .mui-input-speech~.mui-icon-speech.mui-active{ color: #fb1438;}
.mui-input-row .mui-icon-arrowright{position: absolute; right: 10px; font-size: 18px; top: 50%; margin-top: -10px; color: #999;}
.ui-page-login,body{width: 100%;height: 100%;margin: 0px;padding: 0px;}
.mui-bar-tab .mui-tab-item{ color: #fff;}
.mui-bar-tab .mui-tab-item.mui-active{ color: #fb1438;}
footer .mui-bar-tab{ background-color: #2a2a2e;}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{ font-weight: normal;}
.mui-slider{ background-color: #fff;}
.mui-slider-indicator .mui-indicator{ box-shadow: none; width: 8px; height: 8px; margin: 1px 4px; background: rgba(255, 255, 255, 0.56); border: 0;}
.mui-slider-indicator .mui-active.mui-indicator{ background: rgba(234, 10, 44, 0.56);}
.mui-slider .mui-slider-group{z-index: 2;}
.mui-slider-indicator{z-index: 3; bottom: 0px}
.mui-bar-nav1{ position: fixed;top: 0;}
.swiper-container{ margin: 0 auto; position: relative; overflow: hidden; z-index: 1; background-color: #fff; height: 100%;}
.swiper-wrapper{ position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.swiper-wrapper{ -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0);}
.swiper-slide{ -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; font-size: 0; line-height: 0;}
.swiper-slide a{display: block;}
.swiper-container img{ width: 100%; display: block;}
.swiper-pagination{ position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10;}
.swiper-container-horizontal> .swiper-pagination-bullets{ bottom: 15px; left: 0; width: 100%;}
.swiper-pagination-bullet{ width: 8px; height: 8px; margin: 1px 4px; display: inline-block; border-radius: 100%;background: rgba(255, 255, 255, 0.56);}
.swiper-pagination-bullet-active{background: rgba(234, 10, 44, 0.56);}
.mui-numbox [class*=mui-numbox-btn]{ background-color: #fff;}
.mui-h4, h4{font-size: 16px;}
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before{color: #fb1438;}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size: 24px;}
.mui-table-view:after,.mui-table-view-cell:after{ background-color: #e9e9e9;}
.mui-table-view:before{ background-color: transparent;}
.mui-table-view-cell.mui-active,.mui-table-view-cell>a:not(.mui-btn).mui-active{ background-color: #F7F7F7;}
.mui-table-view.vshop-product .mui-table-view-cell .mui-media-body,.mui-table-view.index-product .mui-table-view-cell .mui-media-body{ padding: 0 5px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px; height: 36px; font-size: 14px; text-align: left;}

/*图片预览*/

.mui-preview-image.mui-fullscreen{ position: fixed; z-index: 999999; background-color: #000;}
.mui-preview-header, .mui-preview-footer{ position: absolute; width: 100%; left: 0; z-index: 10; text-align: center;}
.mui-preview-header{ height: 44px; bottom: 10px;text-align: center;}
.mui-preview-footer{ height: 50px; bottom: 0px;}
.mui-preview-header .mui-preview-indicator{ line-height: 25px; color: #fff; margin: 15px auto 4; width: 70px; background-color: rgba(0, 0, 0, 0.4); border-radius: 12px; font-size: 16px;}
.mui-preview-image{ display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.mui-preview-image.mui-preview-in{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.mui-preview-image.mui-preview-out{ background: none; -webkit-animation-name: fadeOut; animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header, .mui-preview-image.mui-preview-out .mui-preview-footer{ display: none;}
.mui-zoom-scroller{ position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: 0; -webkit-backface-visibility: hidden;}
.mui-zoom{ -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.mui-slider .mui-slider-group .mui-slider-item img{ width: 100%; height: auto; max-width: 100%; max-height: 100%;}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img{ width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item{ display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img{ display: table-cell; vertical-align: middle;}
.mui-preview-loading{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.mui-preview-loading.mui-active{ display: block;}
.mui-preview-loading .mui-spinner-white{ position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; height: 50px; width: 50px;}
.mui-preview-image img.mui-transitioning{ -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease;}
.mui-slider-img-content{position: absolute;bottom: 0;left: 0;right: 0;color: #fff;line-height: 22px; padding: 10px; background-color: rgba(0, 0, 0, .6);}
@-webkit-keyframes fadeIn{ 0%{opacity: 0;}100%{ opacity: 1;}}
@keyframes fadeIn{ 0%{ opacity: 0;}100%{ opacity: 1;}}
@-webkit-keyframes fadeOut{ 0%{ opacity: 1;}100%{ opacity: 0;}}
@keyframes fadeOut{ 0%{ opacity: 1;}100%{ opacity: 0;}}
.mui-pull{ font-weight: normal;}
.mui-btn-danger:active{ color: #fff;}
.mui-btn-blue{ background-color: #fb1438; border-color: #fb1438;}
p img{ max-width: 100%; height: auto;}
.border-bot{ position: relative;}
.border-bot:after{content: ''; height: 1px; background-color: #e9e9e9; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.border-top{ position: relative;}
.border-top:after{content: ''; height: 1px; background-color: #e9e9e9; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.scroll-div{ overflow-y: auto;-webkit-overflow-scrolling: touch; position: absolute; top: 44px; bottom: 0; width: 100%; transition: all .5s; -webkit-transition: all .5s;}
.scroll-div.has-bot{ bottom: 50px;}
.pull-loading{ text-align: center; color: #999; padding: 10px 0;}
.pull-loading .mui-spinner{vertical-align: bottom;margin-right: 5px;position: relative;top: 1px;}
.backtop{ display: none; z-index: 9; color: #fff!important; font-size: 22px; background-color: rgba(1, 21, 25, .24);position: fixed;height: 44px;width: 44px;border-radius: 100%; text-align: center; line-height: 44px;right: 20px; bottom: 70px; transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.hmui-before:before, .hmui-after:after{ position: absolute; display: block; content: '';}
.hmui-before-middle:before, .hmui-after-middle:after{ -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.hmui-single-ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.hmui-multiple-ellipsis{ display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.hmui-img-center{ position: relative; width: 100%; overflow: hidden;}
.hmui-img-center:before{ display: block; padding-top: 100%; content: '';}
.hmui-img-center .son{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%;}
.hmui-img-center .son img{ max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.hmui-img-center img{ max-width: 100%; text-align: center;}

/*首页-----*/

.custom-loading{position: absolute;left: 50%;top: 50%;margin-left: -12px;margin-top: -12px; z-index: 1;}
.fast-nav{ background: #FFFFFF; width: 100%; position: relative; padding: 12px 0 10px; font-size: 0;}
.fast-nav li{ text-align: center; color: #4f4f4f; line-height: 18px; padding: 0; font-size: 13px; width: 20%; display: inline-block; vertical-align: top;}
.fast-nav img{ width: 60%; display: inline;}
.fast-nav span{ display: block; height: 18px;}
.fast-nav:after{ position: absolute; left: 0; bottom: -8px; width: 100%; height: 8px; background: url(../images/border.png) no-repeat; background-size: 100% auto; content: '';}
.index-topic{margin: 20px 0 10px; width: 100%; overflow: hidden; position: relative;}
.index-topic a{ display: block; float: left; font-size: 0; line-height: 0; box-sizing: content-box; position: relative; z-index: 3;}
.index-topic .fore1,.index-topic .fore2{ width: 50%; border-bottom: 1px solid #d4d4d4;height: 89px;}
.index-topic .fore3,.index-topic .fore4,.index-topic .fore5{ width: 33.33333333%;border-bottom: 1px solid #d4d4d4;height: 132px;}
.index-topic .fore2,.index-topic .fore5{ border-left: 1px solid #d4d4d4; margin-right: -1px;}
.index-topic .fore3{border-right: 1px solid #d4d4d4; margin-left: -1px;}
.index-topic img{ width: 100%; display: block;}
.mui-table-view.index-product{ background-color: transparent; padding: 0 5px;}
.mui-table-view.index-product li.mui-table-view-cell{ padding: 0 5px; margin: 0 0 10px; display: block; float: left;}
.index-product li .p-img{ width: 100%; overflow: hidden; background: url(../images/logo-bg.png) no-repeat center #F7F7F7; position: relative; padding-top: 100%; }
.index-product li .p-img b{ width: 100%; height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; opacity: 0;transition: opacity .4s ease-in; position: absolute; top: 0;left: 0;}
.index-product-box{ background-color: #fff; height: 100%; border-radius: 3px; overflow: hidden; position: relative;}
.index-product p{ padding: 5px; border-top: 1px solid #f2f2f2; margin: 5px 5px 0; text-align: left;}
.index-product p span{ color: #fb1438; margin-right: 5px;}
.index-product p em{ text-decoration: line-through; font-size: 10px;vertical-align: bottom;}
.index-product i{ position: absolute; top: 15px; right: 0; background: #fb1438; line-height: 24px; padding: 0 5px; color: #fff; font-size: 12px;}
.sale-out{ position: absolute; top: 40px; left: 50%; margin-left: -40px; width: 80px; height: 80px; line-height: 80px; text-align: center; display: block; background: rgba(0, 0, 0, .6); color: #fff; font-size: 16px; border-radius: 100%;);}
.vshop-product .del{ float: right; font-size: 20px; color: #000; padding: 10px; margin: -10px; display: none;}
.vshop-product.active .del{display: block;}

/*可视化编辑内容*/
.members_con{ width: 100%;font-size: 0; line-height: 0; background: #fff; margin-bottom: 10px;}
.members_con img{width: 100%;}
.members_nav1{ width: 100%;}
.members_nav1 ul li{display: inline-block;text-align: center; float: left;}
.members_nav1 .big_img,.members_nav1 .mid1_img{width: 40%;}
.members_nav1 .mid_img{width: 60%;}
.members_nav1 .small_img,.members_nav1 .small1_img{width: 30%;}
.members_nav1 .big1_img{ width: 50%;}
.members_nav1 .small2_img{ width: 25%;}
.members_nav1 .pic-nav li{font-size: 13px; line-height: 20px; margin: 8px 0; display: inline-block; float: none; vertical-align: top;}
.members_nav1 .pic-nav li.lisw2{ width: 50%;}
.members_nav1 .pic-nav li.lisw3{ width: 33.33333%;}
.members_nav1 .pic-nav li.lisw4{ width: 25%;}
.members_nav1_name{ display: block; width: 100%; height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.members_nav1 .pic-nav .goodsimg{ width: 100%;display: inline-block;}
.members_nav1 .big_img,.members_nav1 .small_img,.members_nav1 .mid1_img{ border-right: 1px solid #eee;}
.members_nav1 .mid_img,.members_nav1 .big1_img{ border-bottom: 1px solid #eee;}
.members_nav1 .small1_img+.small1_img,.members_nav1 .small2_img+.small2_img{ border-left: 1px solid #eee;}
.members_nav1 .board7{ border-top: 1px solid #eee;}
.members_nav1 .board7.title_img{border: 0;margin-bottom: -1px;position: relative;}
.members_nav1 .big1_img{border-left: 1px solid #eee;}
.members_nav1 .board5.title_img{width: 100%;}
.members_nav1 ul li.board3 { width: 33.33%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; }
.members_nav1 ul li.board3:first-child span { margin-left: 0px !important; }
.members_nav1 ul li.board3:last-child span { margin-right: 0px !important; }
.members_nav1 ul li.board3.small_board span { margin-right: 0px !important; }
.members_nav1 ul li.board3 span { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; overflow: hidden; background-color: #fff; }
.members_nav1 ul li.board3 span a { display: block; height: 100%; }
.members_nav1 ul li.big_board { width: 50%;  padding-right: 2px; }
.members_nav1 ul li.big_board span{ position: relative; padding-top: calc(100% + 4px); overflow: hidden;}
.members_nav1 ul li.big_board img,
.members_nav1 ul li.small_board img { display: block; margin: 0; padding: 0; border: 0; width: 100% !important; position: absolute; top: 0; left: 0; }
.members_nav1 ul li.small_board { width: 50%; padding-left: 2px; margin-bottom: 4px; }
.members_nav1 ul li.small_board:last-child { float: right; margin-bottom: 0; }
.members_nav1 ul li.small_board span{ position: relative; padding-top: 50%; overflow: hidden;}
.members_nav2 { width: 100%; margin: 10px auto; overflow: hidden; }
.members_nav2 ul li { position: relative; height: 40px; line-height: 40px; background-color: #fbfbfb; }
.members_nav2 ul li.cur { background: #f7f7f7; border-bottom: 1px solid #e5e4e4; }
.members_nav2 ul li a { display: block; height: 100%; margin-left: 8px; font-size: 14px; color: #232323; border-bottom: 1px solid #e0e2e7; }
.members_nav2 ul li a span { display: block; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.members_nav2 ul li:last-of-type a { border-bottom: 0 none; }
.members_nav2 ul li b { position: absolute; top: 14px; right: 12px; display: block; width: 12px; height: 12px; background: url(/Content/PublicMob/images/icon-arrow-12-12.png) no-repeat; }


.members_search { position: relative; height: 32px; margin: 10px 8px; overflow: hidden; border: 1px solid #c0c3c5; border-radius: 6px; }
.members_search input { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 30px; line-height: 20px; border: 0 none; border-radius: 6px; overflow: hidden; font-size: 14px; color: #494e52; -webkit-transition: all .5s ease-in 0s; }
.members_search input:focus { padding-left: 30px; -webkit-transition: all .5s ease-in 0s; }
.members_search input:focus + label { left: 10px; margin-left: 0; -webkit-transition: all .5s ease-in 0s; }
.members_search input::-webkit-input-placeholder { color: #999; }
.members_search input::-moz-placeholder { color: #999; }
.members_search input::-ms-input-placeholder { color: #999; }
.members_search label { position: relative; left: 50%; z-index: 2; width: 16px; height: 16px; margin-top: 7px;display: block;margin-left: -37px; background: url(../images/icon-search-16-16.png) no-repeat; -webkit-transition: all .5s ease-in 0s; }

.members_goodspic { width: 100%; margin: 6px 0; overflow: hidden; }
.members_goodspic ul { width: 100%; }
.members_goodspic ul li .goodsimg,.members_goodslist ul li .goodsimg{ position: relative; display: block; overflow: hidden; font-size: 0; text-align: center; background-color: #fff;padding-top: 100%;}
.members_goodspic ul li .goodsimg img,.members_goodslist ul li .goodsimg img{ max-width: 100%; height: auto; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.members_goodspic ul li { position: relative; float: left; width: 50%; padding: 0 0 4px; overflow: hidden; vertical-align: top; }
.members_goodspic ul li:nth-of-type(even) { padding-right: 0; padding-left: 2px; }
.members_goodspic ul li:nth-of-type(odd) { padding-left: 0; padding-right: 2px; }
.members_goodspic ul li.goods_odd { padding: 0 0 4px 2px; }
.members_goodspic ul li.goods_even { padding: 0 2px 4px 0; }
.members_goodspic ul li.biggoods { float: none; width: 100%; padding: 0; margin-bottom: 4px; }
.b_mingoods_wrapper { overflow: hidden; background-color: #fff; }

.members_goodspic ul:after { display: block; clear: both; content: '.'; height: 0; visibility: hidden; }
.members_goodsimg_name { width: 96%; /*position: absolute;bottom:2%;left: 2%;*/height: 26px; line-height: 26px; background: rgba(0,0,0,0.5); border-radius: 3px; overflow: hidden; }
.members_goodsimg_name > a { display: inline-block; color: #494e52; font-size: 16px; padding-left: 12px; height: 26px; line-height: 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.members_goodsimg_name span { display: inline-block; float: right; color: #fc2236; margin: 0 12px; }
.members_goodsimg_name span i { float: right; margin-right: 0; }
.members_goodspic ul li.mingoods span.replace > a { display: block; width: 100%; color: #494e52; margin: 0 0 8px; height: 36px; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.members_goodspic ul li.mingoods i a { display: block; color: #fff; background-color:transparent; }
.members_goodspic ul li.mingoods span { display: block; position: absolute; bottom: 2%; right: 2%; color: #fff; height: 26px; line-height: 26px; background: rgba(0,0,0,0.5) none repeat scroll !important; background: #000; filter: Alpha(opacity=50); border-radius: 2px; overflow: hidden; padding: 0 10px; }
.members_goodspic ul li.mingoods span i { display: inline-block; height: 12px; background: url(/Content/PublicMob/images/hui4.png) no-repeat; background-size: 13px 12px; }
.template5 .add-buy-btn{ float: right; margin-right: 8px;}
.members_goodspic ul li.b_mingoods .xl5{ vertical-align: sub; margin-left: 8px; margin-bottom: 8px;}
.members_goodspic ul li.b_mingoods p.title,
.members_goodspic ul li.mingoods p.title { width: 100%; height: 36px; padding: 0 8px; margin: 10px 0 8px; font-size: 13px; line-height: 18px; color: #494e52; overflow: hidden; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; border-bottom: 0 none; }
.members_goodspic ul li.b_mingoods p.pic_box,
.members_goodspic ul li.mingoods p.pic_box { float: left; height: 22px; padding-left: 8px; line-height: 22px; margin-bottom: 10px; }
.members_goodspic ul li.b_mingoods .pic_box .pirce,
.members_goodspic ul li.mingoods .pic_box .pirce { font-size: 14px; color: #fc2236; margin-right: 5px; display: inline-block; }
.members_goodspic ul li.b_mingoods .pic_box .pirce .yen { font-size: 12px; }
.members_goodspic ul li.b_mingoods .pic_box .yj { text-decoration: line-through; color: #6a6a6a; display: none; }
.members_goodspic ul li.b_mingoods .pic_box .zk { color: #FFF; background: rgba(0,0,0,0.5) none repeat scroll !important; display: inline-block; float: right; padding: 1px 5px; border-radius: 4px; }
.members_goodslist ul li section:nth-child(2) p .yj { text-decoration: line-through; color: #6a6a6a; display: inline-block; font-size: 12px; padding-left: 5px; }
.members_goodslist { width: 100%;/*overflow: hidden;*/ }
.members_goodslist ul { margin: 0 8px; }
.members_goodslist ul li { width: 100%; padding: 8px; margin: 0 0 4px; background-color: #fff; }
.members_goodspic ul li.template5 p.pic_box{margin-bottom: 0;}
.members_goodslist ul li section:nth-child(1) { width: 88px; height: 88px; overflow: hidden; }
.members_goodslist ul li section:nth-child(2) { height: 90px; padding-left: 12px; }
.members_goodslist ul li section:nth-child(2) > a { display: block; height: 54px; line-height: 18px; overflow: hidden; color: #494e52; font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.members_goodslist ul li section:nth-child(2) p { color: #e6282c; font-size: 16px; /*font-weight: bold;*/
line-height: 30px; }
.members_goodslist ul li section:nth-child(2) p s { font-size: 12px; color: #6a6a6a; padding-left: 5px; }
.members_goodslist ul li section:nth-child(2) p span.yen { font-size: 12px; }
.members_goodslist ul li section:nth-child(2) p span.xl4{ font-size: 12px; color: #333; margin-left: 2px;}
.members_goodspic ul li.mingoods span.replace { display: block; position: relative; width: 100%; height: auto; line-height: normal; padding: 10px 8px 10px; background: #fff !important; color: #fc2236; border-radius: 0; right: 0; bottom: 0; font-size: 14px; }
.members_goodspic ul li.mingoods span.replace-small { float: left; width: auto; height: 22px; line-height: 22px; padding: 0 0 0 8px; margin: 0 0 10px 0; }
.members_goodspic ul li.mingoods span.replace span { display: none; background: none !important; position: static; width: 100%; padding: 0; border-radius: 0; color: #929292; font-size: 12px; }
.members_goodspic ul li.mingoods span.replace i { display: block; float: right; min-width: 34px; height: 22px; font-size: 13px; line-height: 22px; color: #fff; text-align: center; background-color: #fc1329; border-radius: 3px; }
.members_goodspic ul li.mingoods .xl1{ position: relative; background: #fff !important; color: #333; margin-top: -7px; width: 100%; padding: 0 11px; right: 0;}
.members_goodspic ul li .add-buy-btn,
.members_goodslist ul li .add-buy-btn { position: relative; background: none!important; }
.members_goodspic ul li .add-buy-btn a,
.members_goodspic ul li i.add-buy-btn a,
.members_goodslist ul li .add-buy-btn a,
.members_goodslist ul li i.add-buy-btn a {display: none; }

.members_special { width: 100%; padding: 0 8px; margin: 10px 0; overflow: hidden; }
.members_special h2 { display: block; font-size: 18px; color: #646464; }
.members_special p { height: 16px; line-height: 16px; overflow: hidden; color: #646464; }
.members_flash { width: 100%; overflow: hidden; position: relative; }
.members_flash ul {position: relative;white-space: nowrap;font-size: 0;}
.members_flash ul li {position: relative;width: 100%;display: inline-block;}
.members_flash_time { position: absolute; bottom: 21px;width: 100%; height: 0; /*overflow: hidden;*/ text-align: center; }
.members_flash_time span { display: inline-block; margin: 0 3px; width: 6px; height: 6px; background: rgba(255,255,255,.4); border-radius: 10px; overflow: hidden; }
.members_flash_time span.cur { background: rgba(209,0,69,.4); }

.titlestyle0 h2,
.titlestyle1 h2,
.titlestyle2 h2,
.titlestyle3 h2 { display: inline-block; font-size: 14px; color: #232323; }
.members_con b { float: right; padding-right: 10px; font-size: 12px; font-weight: normal; }
.titlestyle0 { padding: 12px 8px; background-color: #fff; }
.titlestyle0 h2 { height: 16px; padding-left: 8px; line-height: 16px; border-left: 2px solid #ff3a3a; }
.titlestyle1 { padding: 0 8px; background-color: #fff; }
.titlestyle1 h2 { height: 40px; line-height: 40px; border-bottom: 2px solid #ff3a3a;}
.titlestyle1 b { padding: 8px 0; }
.titlestyle2 { overflow: hidden; }
.titlestyle2 h2 { height: 40px; padding: 0 10px; line-height: 40px; background: #fff; }
.titlestyle2 b { display: none; }
.titlestyle3 { padding: 0 8px; background-color: #fff; }
.titlestyle3 h2 { height: 40px; line-height: 40px; }
.titlestyle3 b { padding: 4px 0; color: #fd5b6b; }
.titlestyle0.right h2 { padding: 0 8px 0 0; border: 0 none; border-right: 2px solid #ff3a3a; }
.left { text-align: left }
.center { text-align: center; }
.right { text-align: right; }
/* 公告 */
.members_notice { margin-top: 10px; padding: 8px; background: #ffffcc; }
.members_notice .notice-con { font-size: 12px; color: #ffb432; }
.members_notice marquee { display: none; }

.fulltext { padding: 0 8px; margin: 10px 0; }
.fulltext, .fulltext p, .fulltext h1, .fulltext h2, .fulltext h3 { font-family: sans-serif !important; }
.detailCon.members_con .fulltext { padding: 0; }
.fulltext p { font-size: 14px; /*margin:5px 0;*/
color: #666; line-height: 22px; }
.fulltext div, .fulltext table { width: 100% !important; height: auto !important; }
.fulltext img { /*width: 100%;*/
max-width: 100%; height: auto; }
.fulltext h1, .fulltext h2 { font-weight: bold; padding: 19px 0; }
.fulltext h1 { font-size: 32px; }
.fulltext h2 { font-size: 24px; }

.custom-line-wrap { padding: 10px 0 10px 8px; overflow: hidden; }
.custom-line { width: 100%; height: 0; margin: 0; overflow: hidden; border-top: 1px dashed #6b6c6e; }


/*商品详情页*/

/*阶梯价*/

.mui-table-view-text .goods-info ul{ overflow: hidden;}
.mui-table-view-text .goods-info ul li{ float: left; margin-right: 10px;overflow: hidden; color: #fb1437!important;}
.mui-table-view-text .goods-info ul li:last-child{margin: 0;}
.mui-table-view-text .goods-info ul li a{color: #fb1437!important;}
.goods-info li .p-price {color: #FB1437;}
.pro-type-tip{ line-height: 36px; padding: 0 15px;  width: 100%;}
.pro-type-tip.act-ongoing{ background-color: #fb1438; color: #fff;}
.pro-type-tip.act-will-start{ background-color: #1C8A34; color: #fff;}
.table-goods-box{padding: 6px 0 0; background: transparent;}
.table-goods-box:before,.table-goods-box:after{ display: none;}

/*.product-detail> .swiper-pagination-bullets{ bottom: 40px; left: 0; width: 100%;}*/
s.nothrough{text-decoration: none !important;}
.mui-table-view-text{position: relative; overflow: hidden; padding:12px; background-color: inherit;-webkit-touch-callout: none; background-color: #fff;}
.mui-ios .mui-table-view-text{ -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.mui-table-view-text p{ margin-bottom: 0;}
.mui-table-view-text.border-top:after{ background-color: #e8e8e8;}
.goods-sku{ position: fixed;bottom: 0;left: 0;width: 100%; background-color: #fff; z-index: 999; padding: 0 12px; transition: all .4s; opacity: 0;transform: translateY(120%);-webkit-transform: translateY(120%);}
.goods-sku1{ position: fixed;bottom: 50px;left: 0;width: 100%; background-color: #fff; z-index: 999; padding: 15px; transition: all .4s; opacity: 0;transform: translateY(120%);-webkit-transform: translateY(120%);}
.goods-sku.active{ transform: translateY(0);-webkit-transform: translateY(0); opacity: 1;}
.goods-sku .choose-sku{ position: relative; margin-bottom: 16px; }
.goods-sku .choose-sku:first-child{ margin-top: 16px;}
.goods-sku .choose-sku label{display: block; line-height: 20px; color: #424242;}
.goods-sku .choose-sku span{ background: #eee; color: #424242; font-size: 12px; padding: 0 12px; line-height: 28px; margin: 8px 12px 0 0; position: relative; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; border-radius: 4px; float: left;}
.goods-sku .choose-sku span.selected{ background: #fb1438; color: #fff;}
.goods-sku .choose-sku span.selected:after{ content: ''; position: absolute; top: 0; left: -7px; border-top: 7px solid #fb1438; border-right: 7px dashed transparent; border-left: 7px dashed #fb1438;}
.goods-sku .choose-sku span.disabled{ color: #999; opacity: 0.6;}
.goods-sku .custom-btn{ border-radius: 0; margin: 0 -12px;}
.choose-head{ height: 100px; position: relative; margin:0 -12px; padding-top: 12px;}
.choose-head img{ width: 100px; height: 100px; padding: 2px; border: 1px solid #ddd; margin: 0 10px 0 15px; float: left;margin-top: -28px; background: #fff; border-radius: 4px;}
.choose-head p{ color: #333;}
.choose-head em{ color: #fb1438;}
.choose-con{max-height: 300px; overflow-y: auto; padding: 0 12px; margin: 0 -12px;}
.choose-con .buy-other{ margin-top: -1px;}
.buy-other li{ padding: 12px 0; line-height: 24px;}
.buy-other li span{ width: 42px;display: inline-block; margin-right: 7px; vertical-align: middle;color: #424242;}
.buy-other li.item span{ min-width: 70px; width: auto;}
.buy-other li input{ height: 24px; line-height: 24px; display: inline-block; width:calc(100% - 90px); font-size: 14px; margin: 0; padding: 0; vertical-align: bottom; border: 0; color: #424242;}

.goods-info{ position: relative;}
.goods-info .p-price span.salecount{float: right;color: #212121;font-size: 14px;}
.goods-info .p-price{ color: #222;}
.goods-info .p-price a{ color: #999; font-size: 14px;}
.goods-info .p-price span{ color: #fb1437; font-size: 19px;}
.goods-info .p-price s{ color: #9d9c9c; margin-left: 10px;}
.goods-info h3{ font-size: 16px; line-height: 1.2; padding: 0 0 10px 0;}
.goods-info h4{ font-size: 14px; line-height: 1.2; color: #9b9b9b;}
.goods-share{ text-align: center; font-size: 22px; padding: 0 5px;}
.p-detail{padding: 11px 10px; background: #fff; margin: 6px 0 0; position: relative; z-index: 1;}
.p-detail-html{ margin-top: 10px; width: 100%; position: relative;overflow: hidden; padding-bottom: 50px; z-index: 1;}
.p-detail-html *{ max-width: 100%; height: auto;}
.p-detail-html img{ width: 100%; height: auto; display: inherit; vertical-align: middle; opacity: 0; transition: opacity .4s; -webkit-transition: opacity .4s;}
.p-detail-html img[src='images/blank.gif']{ opacity: 1; position: relative; background: url(../images/logo-bg.png) no-repeat center;}
.p-detail-html table{ width: auto; max-width: 100%;}
.p-detail-html p{ margin: 0;}
.p-detail-more{ text-align: center; color: #6B6C6E; margin: 15px 0 12px; position: relative;}
.p-detail-more span:before,.p-detail-more span:after{ content: ''; width: 20%; height: 1px; background: #d4d4d4;position: absolute; top: 10px;}
.p-detail-more span:before{ left: 15%;}
.p-detail-more span:after{left: 65%;}
.goods-onsale-detail{ padding-left: 50px; padding-right: 0; width: 100%;}
.goods-onsale p{position: relative; color: #212121;line-height: 16px;}
.goods-onsale p:first-child{ padding-top: 2px;}
.goods-onsale p{ padding: 14px 0;}
.goods-onsale p i{ display: inline-block; font-size: 12px;color: #fff; text-align: center; position: relative; top: -1px; line-height: 16px; margin-right: 8px; background-color: #fb1438; position: relative; border-radius: 2px; padding: 0 4px;}
.goods-onsale p:after{content: ''; right: -12px; height: 1px; background-color: #e9e9e9; position: absolute; bottom: 0; left: 0; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.goods-onsale p em{ float: right; color: #747474;  font-size: 22px;}
.goods-onsale p.fullCut_show span.father{white-space: nowrap;max-width: 61%;overflow: hidden;text-overflow: ellipsis; vertical-align: top;}
.product-address{ padding: 12px 0; color: #212121; line-height: 20px;}
.product-address i{color: #000; margin-right: 5px;}
.product-address span{ float: right;}
.goods-service{ display: table; width: 100%; margin-bottom: -11px; font-size: 11px; padding: 12px 0;}
.goods-service.border-top:after{ background-color: #e8e8e8; right: -12px;}
.goods-service span{text-align: center; color: #6b6c6e; line-height: 14px;}
.goods-service span+span{border-left: 1px solid #e8e8e8;margin-left: 12px;}
.goods-service span+span i{ margin-left: 12px;}
.goods-service i{ color: #008da2; margin-right: 5px; vertical-align: middle; position: relative; top: -1px;}
.limit-count{margin-left: 15px; color: #fb1438; font-size: 14px}
.bonus-content{height: 360px;}
.bonus-btn{ width: 80px; height: 94px; background: url(../images/bonus.png) no-repeat; background-size: cover; display: block; position: fixed; right: 0; top: 50%; z-index: 9999;}
.bonus-box h3{ font-size: 18px; text-align: center;}
.bonus-box h3 span{ color: #f24f36;}
.bonus-box h4{ font-size: 14px; text-align: center; color: #999; margin: 20px 0 10px;}
.bonus-box h5{ padding: 0 15%;}
.bonus-box .bg{ position: relative; margin: 0 40px 5px;}
.bonus-box .bg img{ width: 100%;}
.bonus-box p{ text-align: right;}
.bonus-box p a{ margin-left: 10px;}
.bonus-box p a i{ font-size: 16px;}
.goods-shop img{ width: 44px;height: 44px; float: left; margin-right: 12px;}
.goods-shop h4{color: #212121; margin: 0; line-height: 24px; font-size: 15px;}
.goods-shop p{color: #747474; display: table; width: 100%; margin: 12px 0 20px;}
.goods-shop p span{ display: table-cell; text-align: center; font-size: 12px; line-height: 16px; position: relative;}
.goods-shop p span+span:after{ content: '';width: 1px; left: 0; top: 6px; bottom: 6px; background: #e0e0e0; position: absolute;}
.goods-shop p em{ color: #fb1438; font-size: 14px; display: block; line-height: 20px;}
.goods-shop h5{ font-size: 12px; color: #747474;  margin: 0; line-height: 20px;}
.goods-shop h5 span{ margin:0 17px 0 5px; color: #212121;}
.goods-shop-btn{ width: 100%; margin-top: 15px; font-size: 0;}
.goods-shop-btn span{ width: 50%;}
.goods-shop-btn a{ text-align: center; color: #212121; font-size: 14px; border: 1px solid #e0e0e0; border-radius: 3px; display: block; line-height: 30px; color: #6b6c6e; width: calc(100% - 6px);}
.goods-shop-btn span:last-child a{ margin-left: 6px;}
.goods-comment{ line-height: 24px; height: 24px; overflow: hidden;}
.goods-comment span{font-size: 15px; color: #212121;}
.goods-comment em{ color: #515151; font-size: 15px;}
.goods-comment em i{ margin-right: 5px;  vertical-align: middle; color: #FB1438;}
.goods-comment b i{ font-weight: normal; font-size: 22px; color: #747474;}
.comment-list .goods-shop-btn{ margin: 0 0 10px;}
.comment-list .goods-shop-btn a{ width: 110px;}
.choose-sku-btn{ display: none; font-size: 0; margin: 12px -15px 0;}
.choose-sku-btn span{ width: 50%; display: inline-block; font-size: 15px; color: #fff; line-height: 46px; text-align: center;background: #ffc245;}
.choose-sku-btn span:last-child{ background: #ff4342;}
.goods-bar{ position: fixed; bottom: 0; width: 100%; background-color: #fff; z-index: 99; box-shadow: 0 -3px 3px #fff;}
.goods-bar .action-bar{ color: #5a5a5a;}
.mui-flex>.cell{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; display: block; padding: 0!important; position: relative;}
.goods-bar .action-bar .cell{ height: 46px; text-align: center;}
.goods-bar .action-bar .addfav, .goods-bar .action-bar .toshop, .goods-bar .action-bar .tocart{ border-top: 1px solid #ddd; max-width: 60px;}
.goods-bar .action-bar .cart{ background: #ffc245; font-size: 15px;}
.goods-bar .action-bar .buy{ background: #ff4342; font-size: 15px;}
.goods-bar .action-bar .buy.limit-btn{ background: #fdb824;}
.goods-bar .action-bar .buy.limit-btn.notbegin{ background: #03a9f4;}
.goods-bar .action-bar .nobuy{ background: #999;}
.goods-bar .action-bar .end-time{ background: #fe4346; width: 78%; height: 46px; line-height: 46px; padding: 0; text-align: left; position: relative;}
.goods-bar .action-bar .end-time:after{ content: ''; position: absolute; right: 0; top: 0; border-right: 18px solid #fdb824; border-top: 23px dashed transparent; border-bottom: 23px dashed transparent;}
.goods-bar .action-bar .end-time.notbegin:after{border-right: 18px solid #03a9f4;}
.goods-bar .action-bar .end-time.nobuy-time:after{ border-right-color: #999;}
.goods-bar .action-bar .end-time em{ vertical-align: middle;font-size: 13px;min-width: 21px;height: 21px;background-color: #9d0833;text-align: center;line-height: 21px;margin: 0 5px;display: inline-block;border-radius: 3px;}
.goods-bar .action-bar .end-time .icon-time{ font-size: 20px; font-weight: bold; margin: 0 5px 0 15px;}
.goods-bar .action-bar .cell a{ position: absolute; width: 100%; height: 100%; display: block; top: 0; text-decoration: none;}
.goods-bar .action-bar>button{ border: 0; color: #fff; font-size: 16px; outline: none; border-radius: 0; line-height: 46px; overflow: hidden;}
.goods-bar .action-bar>button span{ vertical-align: middle;}
.goods-bar .action-bar>div:before{ width: 100%; height: 25px; font-size: 18px; display: block; line-height: 1.7;}
.goods-bar .action-bar>div+div{ border-left: 1px solid #ddd;}
.goods-bar .iconfont{ font-size: 12px;}
.mui-flex{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.plus-one{ font-size: 12px; background-color: #e73641; color: #fff; display: block; position: absolute; top: 0; left: 18px; opacity: 0; border-radius: 100%; width: 20px; height: 20px; line-height: 20px; text-align: center;}
.plus-one.animate{animation: plusAni 1s;-webkit-animation: plusAni 1s;}
@-webkit-keyframes plusAni{ 0%{ opacity: 0;top: 0;}
	90%{top: -20px;opacity: 1;}
	100%{ opacity: 0;top: 0;}
	}
@keyframes plusAni{ 0%{ opacity: 0;top: 0;}
	90%{top: -20px;opacity: 1;}
	100%{ opacity: 0;top: 0;}
	}
.goods-onsale .icon-right{position: absolute;right: 12px;top: 50%;margin-top: -4.5px; color: #747474;}
.product-store-title{text-align: center;padding-bottom: 25px;}
.product-store-title h1{display: block;font-size: 15px;text-align: left;font-weight: 400;width: 100%;line-height: 20px;background: url(../images/ic_locate2.png) no-repeat 0 2px;background-size: 15px;padding: 0px 5px 0px 20px;}
.product-store-title h1 b{ font-weight: 400;}
.product-store-title h1 span{font-size: 12px;color: #9e9e9e;margin-left: 10px;text-align: left;}
.product-store-title .icon-right{position: absolute;right: 12px;top: 22px; color: #747474;}
.product-store-title p{padding: 0 20px;text-align: left;margin-bottom: 20px;}
.product-store-title a{font-size: 14px;color: #6b6c6e;border: 1px solid #e0e0e0;padding: 7px 20px;border-radius: 3px;}

.play-btn{ position: absolute; display: block; top: 50%; left: 50%; width: 70px; height: 70px; background: url(../images/start.png); background-size: cover; margin: -35px 0 0 -35px;}
#video1 .mui-spinner{ position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px;}

.dummy-service{ background: #f0f0f0; color: #515151; margin:12px -15px -12px;}
.dummy-service p{ line-height: 16px; padding: 15px 12px; display: table; width: 100%;}
.dummy-service p span,.dummy-service p em{ display: table-cell;}
.dummy-service p span i{ margin-right: 6px; color: #fb1438; font-weight: bold;}
.dummy-service p em{ text-align: right;}
.dummy-service .border-bot:after,.dummy-service.border-bot:after{ background-color: #d0d0d0;}
.dummy-service h3{ color: #212121; line-height: 32px; margin-top: 6px; padding: 0 12px; font-size: 14px;}
.dummy-service ul{ padding: 0 12px 10px;}
.dummy-service ul li{  position: relative; line-height: 16px; padding: 4px 0 4px 16px; font-size: 12px;}
.dummy-service ul li:after{ content: '';  width: 4px; height: 4px; background: #FB1438; position: absolute; left: 6px; top: 50%; margin-top: -2px;}


/*限时购*/

.list-box{ width: 100%; padding: 20px;}
.limit-list{ position: relative;width: 100%;}
.limit-list li{ background-color: #fff; line-height: 0; position: absolute; top: 45px; left: 0; width: 100%; box-shadow: 0 4px 8px rgba(31, 31, 31, .12); transition: all ease-in 0.3s; transform: scale(0.9); -webkit-transition: all ease-in 0.3s; -webkit-transform: scale(0.9);}
.limit-list li:nth-last-of-type(2){ top: 23px;transform: scale(0.95);-webkit-transform: scale(0.95);}
.limit-list li:last-child{ top: 0;transform: scale(1);-webkit-transform: scale(1);}
.limit-list li .p-img{ position: relative; padding-top: 100%; overflow: hidden;}
.limit-list li img{ width: 100%; position: absolute; top: 0; left: 0;}
.limit-list li div.text{ padding: 0 13px;}
.limit-list li h3{ font-size: 14px; padding: 18px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
.limit-list li p{ padding: 5px 0 15px;}
.limit-list li p span{ color: #f92823; margin-right: 50px;}
.limit-list li p span b{ font-size: 18px; font-weight: normal;}
.limit-list li p i{ font-weight: bold; font-size: 18px; margin-right: 5px;}

/*购物车*/

.cart-list{ padding-top: 50px; padding-bottom: 50px;}
.cart-list li{ margin-bottom: 10px;}
.cart-list .mui-checkbox.mui-left input[type=checkbox]{ left: 10px; top: 7px;}
.cart-list .mui-numbox{ width: 100px; height: 30px; padding: 0 30px;}
.cart-list .mui-numbox [class*=mui-numbox-btn]{width: 30px;}
.mui-numbox .mui-numbox-input{ background-color: #fff;}
.cart-goods,.cart-shop{ display: inline-block; float: none; width: 100%; padding: 10px 15px 10px 48px; position: relative;}
.cart-shop{ line-height: 1.1;}
.cart-shop .cart-shop-price{ float: right; color: #666;}
.cart-shop i{ margin-right: 5px;color: #000;}
.cart-goods .goods-img{ width: 70px;height: 70px;overflow: hidden; display: inline-block; background-color: #eee;}
.cart-goods img{ width: 100%; height: 100%; opacity: 0;transition: opacity .4s ease-in;}
.cart-list .mui-checkbox.mui-left input[name="checkItem"]{ top: 30px;}
.cart-goods .cart-goods-detail{ padding-left: 80px;margin-top: -80px;min-height: 70px;}
.cart-goods .cart-goods-detail p{ margin: 0;height: 24px;}
.cart-goods .cart-goods-detail p a{ width: 68%; height: 20px; overflow: hidden;display: inline-block;text-overflow: ellipsis;white-space: nowrap;}
.cart-goods .cart-goods-detail p span{ float: right; color: #000; overflow: hidden;}
.cart-goods h5{ margin-top: 0; height: 16px; line-height: 16px; font-size: 12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cart-list-goods .mui-icon{ position: absolute; right: 0; bottom: 0; color: #666; padding: 10px;}
.cart-list .cart-shop:after,.cart-list .cart-goods:after{ position: absolute; right: 0; bottom: 0; left: 15px; height: 1px; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e9e9e9;}
.cart-list .mui-disabled,.cart-list .mui-disabled a,.cart-list .mui-disabled span{ color: #999999 !important;}
.cart-shop1{padding-left: 10px;}
.cartstore_c{ margin: 10px; overflow: hidden; padding-bottom: 5px; position: relative;}
.cartstore_c li{ float: left; margin-right: 1%; width: 18%; overflow: hidden;}
.cartstore_c i.mui-icon-trash{ position: absolute;right: 0px;top: 50px;}
.cartstore_c .w15{width: 14%; color: #747474; font-size: 14px; line-height: 40px;float: right;text-align: right;}
.cartstore_c .w15 .fonts{ font-size: 12px; white-space: nowrap; line-height: 50px;}
.cartstore_c li.w5{width: 6%; color: #747474; font-size: 26px; line-height: 40px;}
.cartstore_c li img{ width: 100%;}
.counsst{color: #747474; height: 30px;}
.cartstore_c li .price{ line-height: 30px;}
.cartstore_c li .pic{ position: relative;min-height: 60px;}
.cartstore_c li .pic img{ width: 60px; height: 60px;}
.cartstore_c li .invalid{ background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; color: #fff; height: 100%; left: 0; line-height: 60px; position: absolute; text-align: center; top: 0; width: 100%;}
.cart-bottom{ position: fixed; bottom: 0; width: 100%; background-color: #f6f6f6; border-top: 1px solid #eaeaea; height: 50px;overflow: hidden; z-index: 99;}
.cart-bottom .mui-checkbox,.mui-top-nav .mui-checkbox{float: left;}
.cart-bottom .mui-checkbox label,.mui-top-nav .mui-checkbox label{ padding: 13px 15px 10px 45px;}
.cart-bottom .mui-checkbox.mui-left input[type=checkbox],.mui-top-nav .mui-checkbox.mui-left input[type=checkbox]{ left: 10px;top: 10px;}
.cart-total-price{ display: inline-block;max-width: 300px; overflow: hidden;line-height: 50px;}
.cart-total-price p{ display: inline-block;line-height: 30px; margin: 0; color: #000; white-space: nowrap; margin-left: 10px;}
.cart-total-price p span{color: #fb1438; font-size: 16px;}
.cart-total-price h5{ display: inline-block;color: #999999; line-height: 16px; margin: 0;}
.submit-cart,.deleteProducts{ background: #f92a20;color: #FFFFFF; text-align: center; width: 100px; line-height: 50px; display: block; position: absolute; right: 0;top: 0; font-size: 16px;}
.deleteProducts{display: none;}
.submit-cart span{ font-size: 12px;}
.submit-cart:active{color: #FFFFFF;background: #e80024;}
.mui-top-nav .mui-right{float: right; padding: 13px 15px 10px 45px;}
.mui-top-height50{height: 50px; overflow: auto;width: 100%;}
.mui-top-nav{position: fixed; top: 0px; width: 100%; background-color: #f6f6f6; border-bottom: 1px solid #eaeaea; height: 50px; overflow: hidden; z-index: 99;}

/*历史记录*/

.history-hd{ line-height: 28px; font-size: 12px; text-indent: 15px;}
.history-list{background-color: #fff; border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;}
.history-list li{ width: 100%; float: left; padding: 10px 15px; position: relative;}
.history-list li:active{ background-color: #F2F2F2;}
.history-list li + li{ border-top: 1px solid #d7d7d7;}
.history-list li .p-img{ width: 100px; height: 100px; float: left; margin-right: 15px; text-align: center;background: url(../images/logo-bg.png) no-repeat center #F2F2F2; border-radius: 5px; overflow: hidden;}
.history-list li h3{ font-size: 14px; color: #444; padding: 0; max-height: 44px; margin-bottom: 3px; line-height: 22px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.history-list li p{ padding: 0 10px 4px; font-size: 14px; color: #fb1438;}
.history-list li .p-img b{ width: 100%; height: 100%; display: block; background-size: 100% auto; background-position: center; background-repeat: no-repeat; background-color: #fff; opacity: 0;transition: opacity .4s ease-in;}
.history-list li i{ display: none; color: #000; font-size: 20px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 10px;}
.history-list.active li i{ display: block;}
.topic-list{ padding: 10px; margin-bottom: -10px;}
.topic-list li{ width: 100%; position: relative; margin-bottom: 10px; line-height: 0; min-height: 100px;}
.topic-list li a{ display: block; background-color: #ddd;}
.topic-list li img{ width: 100%;opacity: 0;transition: opacity .4s ease-in;}
.topic-list li div{ position: absolute; top: 50%; margin-top: -10px; text-align: center; width: 100%;}
.topic-list li p{ display: inline-block; padding: 12px 45px; background: rgba(0, 0, 0, 0.5); font-size: 18px; color: #fff; line-height: 36px; position: relative;}
.topic-list li p:after{ border-bottom: 1px solid #ff2626; content: ''; width: 100%; height: 0; position: absolute; bottom: 11px; left: 0;}
.topic-list li p span{ border-bottom: 1px solid #fff; margin-bottom: -1px; display: block; z-index: 1; position: relative;}
.topic-list li:nth-child(2n) p{ background: rgba(255, 255, 255, 0.5); color: #020202;}
.topic-list li:nth-child(2n) p span{ border-color: #020202;}
.topic-head{ line-height: 0;}
.topic-head img{ width: 100%;}
.topic-nav{ text-align: center; height: 40px; background-color: #fff; margin-bottom: 10px; border-bottom: 1px solid #eee; position: relative;}
.topic-nav a{ padding: 0 5px; line-height: 39px;border-bottom: 2px solid transparent;position: relative; display: block; float: left; margin: 0 2px; width: 70px; overflow: hidden; height: 39px; text-overflow: ellipsis; word-wrap: break-word;}
.topic-nav a:hover,.topic-nav a:active{ color: #666;}
.topic-nav a.cur{color: #fb1438 !important; border-bottom: 2px solid #fb1438;}

/*收藏的店铺*/
.fav-shop{ padding-left: 12px; background: #fff; margin-top: 12px;}
.fav-shop li{ padding: 16px 0; min-height: 96px;}
.fav-shop li:last-child:after{left: -12px;}
.fav-shop li .p-img{ width: 64px; height: 64px;float: left; margin-right: 8px; text-align: center;background: url(../images/logo-bg.png) no-repeat center #F2F2F2; border-radius: 100%; overflow: hidden; background-size: contain;}
.fav-shop li .p-img b{ width: 100%; height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; opacity: 0;transition: opacity .4s ease-in;}
.fav-shop li i{ display: none; color: #A2A2A2; font-size: 20px; position: absolute; right: 2px; top: 2px; padding: 10px;}
.fav-shop.active li i{ display: block;}
.fav-shop li h3{ line-height: 24px; color: #212121; font-size: 16px; margin: 0;}
.fav-shop li p{ font-size: 13px; line-height: 16px; margin-top: 4px; color: #dbdbdb;}

.bottom-area{ position: fixed; z-index: 3; bottom: 12px; padding: 0 12px; width: 100%;}

/*优惠券*/

.coupon-list .coupon-bd{ padding-bottom: 10px; margin-top: 10px; background: #fff;}
.coupon-list .coupon-bd ul{ display: none}
.coupon-list *{ margin: 0;}
.coupon-list .coupon-bd li.userCoupon:before{ right: 15px; content: '\e583'; font-family: Muiicons; font-size: inherit; line-height: 1; position: absolute; top: 50%; display: inline-block; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-decoration: none; color: #bbb; -webkit-font-smoothing: antialiased;}
.coupon-list .coupon-bd li.empty{ padding: 80px 0; text-align: center; color: #999;}
.coupon-list .coupon-bd li{ background-color: #fff; overflow: hidden; position: relative; padding: 10px 12px; padding: 10px 60px 10px 105px;}
.coupon-list .coupon-bd li:after{position: absolute;top: 0; left: 0; height: 1px; right: 0;content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #e9e9e9;}
.coupon-list .cou-card div{ float: left; margin-right: 10px;}
.coupon-list .cou-card{ position: relative;}
.coupon-list .cou-card a{ width: 50px; height: 50px; text-align: center; line-height: 50px; display: table-cell; vertical-align: middle; font-size: 50px;}
.coupon-list .cou-card a img{ width: 100%; vertical-align: middle; display: inline;}
.coupon-list .cou-card h3{color: #333; font-size: 14px; line-height: 1.6; padding-right: 50px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.coupon-list .cou-card p{ color: #999; font-size: 10px; line-height: 1; margin-top: 4px; padding-right: 15px;}
.coupon-list .cou-text{ position: absolute; top: 8px; left: 12px; text-align: center; color: #fff;}
.coupon-list .cou-price{ width: 84px;}
.coupon-list .cou-text:before,.coupon-list .cou-text:after{ content: ''; position: absolute; top: 23px; width: 8px; height: 8px; background: #fff; border-radius: 100%;}
.coupon-list .cou-text:before{left: -4px;}
.coupon-list .cou-text:after{right: -4px;}
.coupon-list .cou-price h3{ font-size: 22px; position: relative; line-height: 22px; padding-top: 4px;}
.coupon-list .cou-price h3 i{ font-size: 16px; margin-right: 2px;}
.coupon-list .cou-price h3:after{position: absolute;bottom: 0; left: 10%; height: 1px; width: 80%; content: ''; -webkit-transform: scaleY(.5); transform: scaleY(.5); background-color: #fff;}
.coupon-list .cou-price p{ font-size: 10px; line-height: 26px; color: #fff;}
.coupon-list .coupon-blue.cou-price{background-color: #01b7aa;}
.coupon-list .coupon-red.cou-price{background-color: #fe4958;}
.coupon-list .coupon-gold.cou-price{background-color: #ffaf3e;}
.coupon-list .disabled .cou-price{ background: #D4D4D4;}
.coupon-list .disabled img{ opacity: .6;}
.coupon-list .coupon-user{ position: absolute; left: 0;top: 0;width: 100%;height: 100%; background-color: rgba(255, 255, 255, 0.7);}
.coupon-list .coupon-user a{ width: 100px; text-align: center; padding: 6px 0; color: #fff; display: block; margin: 17px auto 0; border-radius: 4px; background-color: #fb1438;}
.coupon-list .btnclick{ position: absolute; width: 64px; height: 24px; line-height: 22px; border: 1px solid #fb1438; border-radius: 15px; text-align: center; top: 50%; color: #fb1438; right: 10px; margin-top: -12px; font-size: 12px;}
.coupon-list .hasmask:before{ content: ''; display: block; z-index: 9; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7);}
.coupon-list .hasmask .btnclick{border: none;}

/*商城分类*/

.category-box{ height: 100%; width: 100%; overflow: hidden}
.category1{ height: 100%; float: left; width: 25%;background-color: #f3f3f3; position: relative;}
.category1 ul {}
.category1 li{ width: 100%; float: left;height: 44px;line-height: 44px;text-align: center;background-color: #fafafa;border-top: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;font-size: 12px; position: relative;color: #747474;padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.category1 li:first-child{border-top: none;}
.category1 li:last-child{border-bottom: 1px solid #eaeaea}
.category1 li:last-child.cur{border-bottom: none;}
.category1 li.cur{ background: #fff; border-right-color: #fff; color: #212121;}
.category1 li.cur:before{content: ''; background-color: #fb1438; width: 2px; height: 20px; left: 0; top: 12px; position: absolute;}
.category2{ height: 100%; float: right; width: 75%; background-color: #fff; overflow-y: auto;position: relative;}
.category2 dl{padding: 0 12px 12px; margin: 0; min-height: 100%; overflow: hidden; width: 100%; position: relative; z-index: 2; background: #fff;}
.category2 dt{ line-height: 20px; padding: 12px 0; color: #515151; font-size: 14px; font-weight: normal;}
.category2 dd{margin: 0;}
.category2 dd a{float: left;width: 30.19%;margin: 0 12px 8px 0;text-align: center;}
.category2 dd a:nth-child(3n){margin-right: -10px;}
.category2 dd em{ display: block; width: 100%; position: relative; padding-top: 100%; overflow: hidden; border: 1px solid #f0f0f0;}
.category2 dd em img{ position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.category2 dd span{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px; height:16px;line-height:16px;color: #747474; margin-top: 4px;}

/*微店*/

.custom-title{ font-size: 16px; color: #333; padding: 10px 10px 5px;}
.custom-title span{ float: right;}
.vshop-info{ position: relative; padding: 0 10px; margin-bottom: 10px;}
.vshop-info .vshop-img{background: url(../images/logo-bg.png) no-repeat center #F7F7F7; display: block; line-height: 0;}
.vshop-info img{ width: 100%; opacity: 0;transition: opacity .4s ease-in;}
.vshop-info .vshop-info-text{ position: absolute; right: 10px; bottom: 0px; background: rgba(0, 0, 0, 0.8); opacity: 0.6; color: #fff; height: 36px; line-height: 36px; width: 94%; overflow: hidden;}
.vshop-info .vshop-info-text i{opacity: 1; display: block; width: 36px; height: 36px; float: left; border-right: 1px solid rgba(255, 255, 255, 0.5); font-size: 24px; line-height: 36px; text-align: center;}
.vshop-info .vshop-info-text a{opacity: 1; color: #fff; background-color: transparent;}
.vshop-info .vshop-info-text h3{ font-size: 16px; padding: 0 0 0 46px;opacity: 1; height: 30px; line-height: 30px;}
.vshop-info .vshop-info-text p{ margin: 0; padding-left: 55px;color: #FFFFFF; font-size: 12px;}
.vshop-info .vshop-info-text span{opacity: 1; font-size: 14px; padding: 0 3px; line-height: 1;}
.vshop-info .red{color: #FF0000; opacity: 1;}
.vshop-coupon{ width: 100%; overflow-x: auto; overflow-y: hidden;}
.vshop-coupon ul{overflow: hidden; white-space: nowrap; height: 60px; margin-top: 10px;}
.vshop-coupon li{ float: left; white-space: normal; width: 40%; color: #fff; height: 60px; position: relative; box-shadow: 0 0 2px #fff;}
.vshop-coupon li:after,.vshop-coupon li:last-child:before{ content: ''; position: absolute; top: 0;left: -4px; width: 8px; height: 60px; background: url(../images/flow.png) repeat-y; background-size: 100% auto;}
.vshop-coupon li:last-child:before{ left: auto;right: -4px;}
.vshop-coupon .coupon-price{ width: 55%; text-align: center; float: left;}
.vshop-coupon .coupon-price h3{ line-height: 60px; margin: 0; height: 60px;}
.vshop-coupon .coupon-price i{ font-size: 16px;}
.vshop-coupon .coupon-price span{ font-size: 12px;}
.vshop-coupon .coupon-btn{ width: 45%; text-align: center; float: right;}
.vshop-coupon .coupon-btn p{ color: #fff; line-height: 14px; padding: 4px 0; margin: 0; font-size: 12px;}
.vshop-coupon .coupon-btn a{color: #fff; display: block; line-height: 24px; text-align: center;}
.vshop-coupon .coupon-blue .coupon-price{background-color: #01b7aa;}
.vshop-coupon .coupon-blue p{background-color: #009282;}
.vshop-coupon .coupon-blue a{background-color: #00564d;}
.vshop-coupon .coupon-red .coupon-price{background-color: #fe4958;}
.vshop-coupon .coupon-red p{background-color: #c73b48;}
.vshop-coupon .coupon-red a{background-color: #8d010e;}
.vshop-coupon .coupon-gold .coupon-price{background-color: #ffaf3e;}
.vshop-coupon .coupon-gold p{background-color: #d37e0a;}
.vshop-coupon .coupon-gold a{background-color: #a55a00;}
.vshop-coupon .coupon-gray .coupon-price{background-color: #ddd;}
.vshop-coupon .coupon-gray p{background-color: #b6b5b5;}
.vshop-coupon .coupon-gray a{background-color: #a7a6a6;}
.mui-table-view.vshop-product{ background-color: transparent; padding: 0 5px 5px;}
.mui-table-view.vshop-product:after{ position: static;}
.mui-table-view.vshop-product li.mui-table-view-cell{ padding: 0 5px; margin: 0 0 10px; display: block; float: left;}
.vshop-product li .p-img{ width: 100%; overflow: hidden; background: url(../images/logo-bg.png) no-repeat center #F7F7F7; position: relative; padding-top: 100%;}
.vshop-product li .p-img b{ width: 100%; height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; opacity: 0;transition: opacity .4s ease-in; position: absolute; top: 0;left: 0;}
.vshop-product-box{ background-color: #fff; height: 100%; border-radius: 3px; overflow: hidden; position: relative;}
.vshop-product p{ padding: 5px; border-top: 1px solid #f2f2f2; margin: 5px 5px 0; text-align: left;}
.vshop-product p span{ color: #fb1438; margin-right: 5px;}
.vshop-product p em{ font-size: 12px; float: right;}
.vshop-product p em i{ margin-right: 3px;}
.vshop-head{ background-color: #fff;}
.vshop-index .vshop-head{ padding: 5px;}
.vshop-head img{height: 30px; vertical-align: middle; margin: 0 5px;}
.vshop-head i{ margin-left: 10px;}
.vshop-head i.icon-aixin{ color: #fb1438;}
.vshop-nav{ border: 0; border-bottom: 1px solid #eaeaea;border-top: 1px solid #eaeaea; background: #fff; overflow: hidden; height: 38px;}
.vshop-nav a{ position: relative;display: table-cell; width: 1%; overflow: hidden; line-height: 38px; color: #333; text-align: center;}
.vshop-nav a+a:before{ height: 16px;position: absolute;top: 10px;left: 0;border-left: 1px solid #ddd;content: '';display: block;}
.vshop-intro{ vertical-align: top;}
.vshop-intro h4{ font-size: 15px;}
.vshop-intro p,.vshop-score p{ color: #666;}
.vshop-score p em{ color: #fb1438; margin-right: 20px;}
.vshop-intro img{ width: 60%; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);}

.vshop-list .item{ background: #fff; padding: 16px 12px; margin-top: 12px;}
.vshop-list .item .info{ height: 88px; padding-bottom: 12px;}
.vshop-list .item .info img{ width: 76px; height: 76px; border-radius: 100%; float: left; margin-right: 8px;}
.vshop-list .item .info h3{ font-size: 16px; line-height: 24px;}
.vshop-list .item .info h3 i{ float: right; font-size: 22px; padding: 10px; margin: -10px;}
.vshop-list .item .info h3 i.icon-aixin{ color: #fb1438;}
.vshop-list .item .info h3 i.icon-guanzhu{ position: relative; top: -2px;}
.vshop-list .item .info p{ font-size: 12px; line-height: 20px; padding: 4px 0 8px; color: #747474;}
.vshop-list .item .info p span{ color: #fb1438; margin-left: 4px;}
.vshop-list .item .info p em{ border-left: 1px solid #e0e0e0; margin: 0 8px;}
.vshop-list .item .info h5{ margin: 0;}
.vshop-list .item .info h5 span{ line-height: 16px; margin-right: 6px; font-size: 11px; color: #fff; background: #fb1438; background: -webkit-linear-gradient(left, #fb1438, #ea1e63);  padding: 0 4px;  border-radius: 3px;}
.vshop-list .item .product{margin: 0 -4px; border-top: 1px solid #f0f0f0; padding-top: 12px;}
.vshop-list .item .product li{ width: 33.33%; float: left; padding: 0 4px;}
.vshop-list .item .product li a{ display: block; position: relative; padding-top: 100%; overflow: hidden;}
.vshop-list .item .product li img{ position: absolute; max-width: 100%; max-height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}


/*订单*/

.order-list{ padding-top: 25px;}
.order-submit{margin-top: 5px; padding-bottom: 60px;}
.order-info{ padding: 10px 0px; margin-top: 10px; background-color: #fff; overflow: hidden; position: relative;}
.order-info:after{content: ''; height: 1px; background-color: #e9e9e9; position: absolute; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.order-info.not-border:after{ display: none;}
.order-info .item{ position: relative; padding: 0px 10px; overflow: hidden; background: #fff;}
.order-info .item-text,.item-text.forstore{color: #6b6c6e;}
.item-text .long-content{width: 80%;vertical-align: top;}
.item-text .long-content a{float: right; color: #2481d1; margin-right: 8px;}
.item-text .mui-icon-arrowright{font-size: 20px;}
.item-list h3{ color: #212121; font-size: 14px; line-height: 20px;}
.item-list p{ line-height: 14px; padding: 9px 0; color: #515151; display: flex;}
.item-list label{flex-shrink: 0;margin-right: 20px;}
.item-list p span{width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; flex-shrink: 1; text-align:right; color: #212121;}
.order-info .divider-btn{ margin-left: 5px;}
.order-info .item.border .buy-goods{ background: #F8F8F8; margin: 0px -10px 0; padding: 10px; min-height: 102px;}
.order-info .order-shop{ padding-bottom: 6px;}
.order-info .order-shop span{ color: #fb1438;}
.order-info .order-shop i{ margin-right: 5px; color: #000;}
.order-info .buy-goods{ background: #F8F8F8; margin: 4px -10px 0; padding: 10px; min-height: 102px;}
.order-info .buy-goods .goods-img{ background-color: #ddd; display: block;margin-right: 10px; float: left; width: 80px; height: 80px;}
.order-info .buy-goods img{ width: 80px; height: 80px;opacity: 0;transition: opacity .4s ease-in;}
.order-info .buy-goods p{ margin: 0;}
.order-info .buy-goods p span,.order-info .buy-goods h5 em{ width: 50%;line-height: 17px; word-break: break-all; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.order-info .buy-goods h5 em{ width: 80%;}
.order-info .buy-goods p em{ float: right; color: #000; text-align: right;}
.order-info .buy-goods p em i{ color: #666;}
.order-info .buy-goods h5{ margin-top: 3px; line-height: 16px; font-size: 12px; float: left; width: calc(100% - 90px); overflow: hidden;}
.order-info .buy-goods h5 span{float: right; color: #666; margin-left: 10px;}
.order-info .buy-goods .right_goods_info p span{width: 68%;}
.text-padding{ padding: 10px 0;}
.integral-order #orderList{margin-top: 50px;}
.integral-order .order-info .item-text .order-total{ line-height: 1; padding-top: 11px;}
.order-submit .divider-btn{border: 1px solid #ddd; border-radius: 2px; color: #6c6c6e; float: right; line-height: 26px; margin: 7px 0 0 15px; padding: 0 20px 0 8px; position: relative; z-index: 1;}
.order-submit .divider-btn input{ background-color: none; border: 0 none; width: 100%; height: 100%; outline: 0 none; position: absolute; right: 0; top: 0; z-index: 9;-webkit-appearance: none;}
.order-submit .divider-btn input:before{display: inline-block; background: url(../images/ok-check.png) no-repeat; background-size: cover; content: ''; width: 14px; height: 14px; right: 4px; top: 6px; position: absolute;}
.order-submit .divider-btn input:checked:before{ background-position: -18px -1px; width: 14px; height: 14px;}
.order-submit .divider-btn input:checked{background-color: transparent;}
.order-submit .divider-btn input:checked~span{ color: #262626;}
.order-submit .divider-btn input:disabled~span{ color: #999;}
.order-submit .order-info .item1{ border-top: 1px solid #e6e7e7; margin-top: 5px; padding-top: 10px;}
.detail-anchor2{line-height: 35px; overflow: hidden;}
.divider1span{line-height: 40px;}
.detail-anchor .score label span{ color: #B5B5B5;}
.detail-anchor .score label em{color: #FF0000; margin-left: 5px;}
.order-submit .detail-anchor{ height: 43px; line-height: 42px;}
.dkjf .detail-anchor{margin-left: 10px; height: 43px; line-height: 42px; padding-right: 10px; overflow: hidden;}
.order-submit .detail-anchor .pull-right{ float: right; margin-top: 8px;}
.order-submit .detail-anchor .mui-switch:before{top: -7px;}
.order-submit .detail-anchor input{ font-size: 14px;}
.order-submit .leave-message{ border-top: 1px solid #eaeaea; height: 43px; line-height: 43px; padding: 0 10px; position: relative;}
.order-submit .divider{ border-bottom: 1px solid #eaeaea; padding-left: 0;}
.order-submit .leave-message .leave-message-inner{ left: 85px; line-height: 43px; position: absolute; right: 10px; top: 0;}
.order-submit .leave-message .leave-message-inner input{ border: none; font-size: 14px; height: auto; margin-bottom: 0px; padding: 0px;}
.order-submit .goods-info{ background: #fff none repeat scroll 0 0; padding: 0; margin-top: 10px;}
.right_goods_info{ float: right; width: 70%; overflow: hidden;}
.right_goods_info h5 span.left{ float: left; margin-left: 0px; max-width: 88%;}
.order-info .item-text .order-total{color: #999; line-height: 26px;}
.order-info .item-text .order-total em{color: #333;}
.order-info .total-m{padding-top: 10px; margin-top: 0px; position: relative;}
.order-info .total-m span em{ margin-left: 10px; color: #fb1438;}
.order-info .item-score span{line-height: 30px;}
.order-info .item-score em{ color: #fb1438; margin-left: 15px;}
.order-info .item-choose i{ font-size: 16px; margin-left: 3px;}
.order-info .invoice-text{ max-width:220px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;line-height: 17px;vertical-align: text-bottom;}
.order-info .item-text h4{ margin: 0 0 15px; color: #333;}
.order-info .item .refundApplyBtn{ position: absolute; right: 0; top: 0;}
.order-info #choseshopbranch label.content{vertical-align: super;}
.order-info #choseshopbranch .icon-arrowright{vertical-align: top; font-size: 20px;}
.nav-list{ width: 100%; background-color: #fff; display: table;}
.nav-list li{ display: table-cell; text-align: center; line-height: 40px; position: relative;}
.nav-list li.active{ color: #fb1438;}
.nav-list li.active:after{ position: absolute; content: ''; left: 4px; right: 4px; bottom: 0; height: 1px; background: #fb1438;}
.order-info .item-text.orderRemarks{padding-top: 0;margin-bottom: -10px;}
.order-info .item-text.orderRemarks input{ height: 40px; border: none; padding: 0; font-size: 14px; margin: 0; width: calc(100% - (80px)); margin-left: 5px; line-height: 20px;}
.pay-way-goods{ padding: 10px 10px 0; background: #fff; line-height: 0;}
.pay-way-goods li{ width: 60px; height: 60px; display: inline-block; margin: 0 5px;}
.pay-way-goods li img{ width: 100%; height: 100%;}
.pay-choose{ background-color: #fff; margin-bottom: 10px; padding: 10px 15px;}
.pay-choose span{ line-height: 26px; padding: 0 8px; border: 1px solid #999; margin-right: 10px; border-radius: 2px;}
.pay-choose span.cur{ color: #fb1438; border-color: #fb1438;}
.pay-way-notice{ border: 1px dashed #00AAEE; padding: 0 5px; color: #666; line-height: 24px;}
.order-price-total{ float: left; font-size: 14px; color: #1e1e1e;line-height: 50px; padding-left: 10px;}
.order-price-total em{color: #fb1438;}
.order-price-total span{color: #fb1438; margin-left: 10px; font-size: 18px;}
.item-btn{text-align: right;}
.item-btn button{ margin-left: 6px; margin-top: 10px;}
.express-box p{ margin-top: 8px;}
.express-box span{ color: #666; display: block;}
.express-loading{position: relative; height: 80px;}
.dcontent{ position: fixed; width: 80%; left: 50%;top: 50%; background: #fff; padding: 20px; border-radius: 5px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); z-index: 9999;-webkit-transform: translate(-50%, -50%) scale(0.7);transform: translate(-50%, -50%) scale(0.7);opacity: 0;-webkit-transition: all 0.2s;transition: all 0.2s;visibility: hidden;}
.dcontent.active{-webkit-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);opacity: 1;visibility: visible;}
.dcontent div+div{ margin-top: 10px;}
.dcontent .custom-btn.alipay{ background-color: #00aaee;}
.dcontent .custom-btn.wxpay{ background-color: #44b549;}
.dcontent .dcontent-text{ color: #333; font-size: 16px; font-weight: bold; line-height: 16px; margin: -2px 0 10px;}
.dcontent .dcontent-text span{ color: #fb1438; margin-left: 8px; font-size: 18px;}
.dcontent .dcontent-text span i{ margin-right: 2px;}

.order-virtual-img{ padding: 5px 0;}
.order-virtual-img img{width: 60px; height: 60px; float: left; margin-right: 8px;}
.check-info{ line-height: 20px; padding: 0 0 10px; position: relative; margin: 0 12px;}
.check-info h3{ font-size: 14px; color: #212121;}
.check-info p{ font-size: 12px; color: #747474;}
.check-info a{ position: absolute; top: 2px; right: 12px; border-radius: 16px; padding:5px 16px; border-color: #333;}
.check-qrcode{ padding: 0 12px;}
.check-qrcode li{ color: #909090; padding: 12px 0; border-bottom: 1px dashed #f7f7f7;}
#orderRefund .check-qrcode li{ color: #212121;}
.check-qrcode li i{ margin-right: 8px; vertical-align: middle;}
.check-qrcode li i.mui-checkbox{ display: inline-block; width: 28px; height: 26px;}
.check-qrcode li i.mui-checkbox input{ left: 0; top: 0;}
.check-qrcode li span{ margin-left: 24px;}
.check-qrcode .to-use,.check-qrcode .to-refund{ color: #212121;}
.check-qrcode .to-use em{ color: #03a9f4;}
.check-qrcode .to-refund em{ color: #ff5252;}
.img-preview{ position: fixed; display: none; z-index: 999; text-align: center; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); top: 50%; left: 50%; background: #fff; border-radius: 10px; padding: 15px 0;}
.img-preview img{ width:250px; height: 250px; display: inline-block;}
.img-preview p{ text-align: center; color: #212121; margin-top: -10px;}

.order-status{ line-height: 24px; padding: 12px; color: #212121; font-size: 15px; background: #fff; margin-bottom: 12px;}
.order-status span{ float: right; color: #FB1438;}

.vericode-text{width: 100%;height: 43px; line-height: 43px; background-color: #fff2f4; font-size: 14px; border: 1px solid #fb1438;text-align: center;}
.qrcode-swiper{ background: transparent; margin: 30px 0; padding-bottom: 50px;}
.qrcode-slide{ width: 90%; background: #fff; border-radius: 10px; box-shadow:0 4px 8px rgba(0,0,0,0.1); overflow: hidden; text-align: center; }
.qrcode-slide h3{ margin-top: -10px; font-size: 14px; position: relative; padding: 0 32px; font-size: 16px; color: #515151;}
.qrcode-slide h3:before,.qrcode-slide h3:after{ content: ''; height: 1px; width: 25%; border-top: 2px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; position: absolute; top: 8px; }
.qrcode-slide h3:before{left: 32px;}
.qrcode-slide h3:after{right: 32px;}
.qrcode-slide p{ font-size: 24px; color: #212121; margin:30px 0 40px;}
.qrcode-slide div{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:rgba(255, 255, 255, 0.7);}
.qrcode-slide div span{ width: 120px; height: 110px;  position: absolute; right: 15px; bottom: 15px; display: block; background: url(../images/qr-status.png) no-repeat; background-size: 100% auto;}
.qrcode-slide div span.status2{ background-position: 0 -110px;}
.qrcode-slide div span.status5{ background-position: 0 -220px;}
.qrcode-slide div span.status4{ background-position: 0 0;}
.qrcode-swiper .swiper-pagination-bullet{ width: 12px; height: 6px; margin: 0 2px; background: #949494; border: 1px solid #fff; border-radius: 0;}
.qrcode-swiper .swiper-pagination-bullet-active{background: #fb1438;}


/*弹框*/
.dialog{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); z-index: 999; background: #fff; border-radius: 8px; padding: 16px; width: 327px; overflow: hidden; display: none;}
.dialog.active{ display: block;}
.dialog-title{ font-size: 16px; line-height: 16px; margin-top: 4px;}
.dialog-title .text{ max-width: 228px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dialog-title .mui-icon{ color: #bdbdbd; float: right; font-size: 30px; font-weight: bold; margin-top: -8px;}
.dialog-content{ padding-top: 16px;}

/* 优惠券 */
.coupon-chooselist{ max-height: 340px; overflow-y: auto;}
.coupon-item{ margin-bottom: 12px; padding-left: 31px; position: relative;}
.coupon-getlist .coupon-item{padding: 0;}
.coupon-chooselist .detail{ border-radius: 4px 4px 0 0; background: #fb1438; color: #fff; height: 68px; position: relative; padding-left: 12px; overflow: hidden;}
.coupon-chooselist input{ height: 20px; width: 20px; z-index: 9; position: absolute; border: 0; outline: 0!important; background-color: transparent; -webkit-appearance: none; left: 1px; margin: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.coupon-chooselist input:before{ background: url(../images/ok.png) no-repeat; background-size: cover; content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px;}
.coupon-chooselist input:checked:before{ background-position: -24px 0;}
.coupon-chooselist input:disabled{ opacity: 0.6;}
.coupon-chooselist .detail .price{ font-size: 24px; margin: 8px 0 4px; color: #fff;}
.coupon-chooselist .detail .rule{ font-size: 12px; color: #fff;}
.coupon-chooselist .detail .btn{ color: #fff; border: 2px solid #b91831; padding: 0 12px; line-height: 30px; display: inline-block; position: absolute; top: 18px; right: 12px; border-radius: 14px; font-size: 14px; background: #d61130;}
.coupon-chooselist .detail .btn.disabled{ border-color: #e11232; background: #e11232;}
.coupon-chooselist .desc{ color: #515151; font-size: 12px; padding: 8px 12px 12px; background: #f7f7f7; border: 1px solid #f0f0f0; border-top: 0; border-radius: 0 0 4px 4px;}
.coupon-chooselist .desc p{ padding-left: 12px; line-height: 16px; margin-top: 4px; position: relative;}
.coupon-chooselist .desc p::after{ background: #ff5252; position: absolute; content: ''; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 1px;}

/*售后*/

.refundList { margin-top: 12px;}
.refundList .showOrder{ padding: 10px;}
.refundList .order-info .item-text .order-total{ float: right; text-align: right; width: 100%;}
.refundList .order-info .order-shop{padding-bottom: 0;}
.refundList .order-info .item{line-height: 1;padding-bottom: 0;}
.refundList .order-info .order-shop span{margin-top: 2px;}
.btn-refund{ float: right; padding: 3px 6px 2px; margin-top: -2px; position: absolute;bottom: 28px;right: 10px;}
.SH button.btn-refund{ float: right; padding: 3px 6px 2px; margin-top: -2px; position: absolute;bottom: 8px;right: 10px;}
.order-refund{ min-height: 100%; padding:0 15px 15px; background-color: #fff; width: 100%; overflow: hidden;}
.order-refund li{ padding: 10px 0; position: relative; line-height: 22px;}
.order-refund li:after{ right: -15px;}
.order-refund input[type=text],.order-refund input[type=number]{ border: 0; width: 200px; display: inline-block; font-size: 14px; line-height: 22px; height: 22px; margin: 0; padding: 0; margin-left: 5px;}
.order-refund li select{ display: inline-block; position: relative; width: auto; height: 22px; padding: 0; margin: 0; max-width: 180px; padding-right: 16px; background-color: transparent;}
.order-refund li .mui-icon-arrowdown{ font-size: 15px; vertical-align: middle; margin-left: -16px;}
.order-refund .mui-input-group{ width: 100%; padding-left: 72px; margin: -22px 0 -5px; background-color: transparent;}
.order-refund .mui-input-group:before,.order-refund .mui-input-group:after,.order-refund .mui-input-group .mui-input-row:after{ height: 0;}
.order-refund .mui-input-group .mui-input-row{ height: 23px;margin-right: 10px;display: inline-block; width: 100px;}
.order-refund .mui-input-row label{ padding: 5px 0 5px 25px;}
.order-refund .mui-radio input[type=radio]{ height: 20px; width: 20px; top: 2px; right: auto; left: 0;}
.order-refund .mui-radio input[type=radio]:before{ font-size: 20px;}
.refund-detail{ margin: 10px 0 0; box-shadow: none;}
.refund-detail li{ color: #969696;}
.refund-detail li span{ color: #3f3f3f; margin-left: 10px;}
.refund-process{ margin-top: 10px;}
.refund-process p em,.refund-process p i{ color: #333;}
.refund-process p i{ float: right;}
.refund-process h4{ font-size: 14px; margin: 5px 0 0; color: #fb1438;}
.ex-item{ margin-bottom: 15px;}
.ex-item:last-child{ margin: 0;}
.ex-item input{ margin: 0; font-size: 14px; border-color: #ccc;}

/*评论*/

.order-evaluate{ padding-bottom: 60px;}
.order-evaluate li{ background: #fff; margin-bottom: 10px; padding: 10px; position: relative;}
.order-evaluate li img.goods-url{ width: 80px; height: 80px;border: 1px solid #f1f1f1; position: absolute; z-index: 2;left: 10px; top: 10px;}
.order-evaluate li .eval-text{ position: relative; min-height: 80px; padding-left: 100px; width: 100%; z-index: 1; padding-bottom: 10px;}
.order-evaluate li .eval-text h5{ color: #979797;}
.order-evaluate li .eval-text p{ color: #6b6c6e;}
.order-evaluate li textarea{ height: 80px; padding: 5px; line-height: 22px; font-size: 14px; margin: 0;border: 0; color: #666;}
.order-evaluate li h3{ line-height: 36px; font-size: 16px; margin: 0;}
.imgUpload{ margin: 4px 0 15px; padding-top: 6px; width: 300px; height: 56px; overflow: hidden; font-size: 0;}
.upload-inline{width: auto; max-width: 180px; display: inline-block; vertical-align: middle;  margin: -6px 0 0;}
.imgUpload .imgBox{ float: left;}
.imgUpload .upload-item{ width: 50px; height: 50px; text-align: center; position: relative; margin-right: 10px; float: left;}
.imgUpload .upload-item i{ height: 100%; width: 100%; line-height: 46px; background-color: #f7f7f7; color: #bdbdbd; font-size: 22px; display: block; border: 1px solid #e0e0e0; border-radius: 2px;}
.imgUpload .upload-item img{ width: 100%; height: 100%;}
.imgUpload .upload-item .del{ height: 16px; width: 16px; line-height: 14px; text-align: center; border-radius: 100%; background-color: #fb1438; color: #fff; position: absolute; top: -6px; right: -6px; font-size: 16px; font-weight: bold;}
.order-evaluate .icon-star{ color: #a9a9a9; font-size: 22px; height: 26px; line-height: 26px; display: block; float: left;}
.order-evaluate .icon-star.l{ color: #fd8621;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbce21), color-stop(1, #fd8621));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.order-evaluate dl{ margin: 8px 0 0; line-height: 26px; width: 100%;}
.order-evaluate dt{ display: inline-block; margin-right: 15px;}
.order-evaluate dd{ display: inline-block; margin: 0; vertical-align: bottom;}
.order-score{ background-color: #fff; padding: 15px 10px;}
.order-score h3{ font-size: 16px; color: #2a2a2e; margin-bottom: 10px;}
.order-score dt{ color: #a9a9a9;}
.com-append-text{height: 60px; padding: 5px; line-height: 22px; font-size: 14px; margin: 5px 10px;border: 0; width: 100%; color: #666;}
.comment-class{ padding: 10px; background-color: #fff;}
.comment-class li{ padding: 0 12px; line-height: 28px; color: #333; border-radius: 3px; margin: 5px; font-size: 14px; float: left; background-color: #f0f3f1;}
.comment-class li.cur{ color: #FFFFFF; background-color: #f0595f;}
.comment-list{ padding: 0 12px; background-color: #fff;width: 100%; overflow: hidden;}
.comment-list li{padding: 10px 0;}
.comment-list .comment-img{ padding: 5px 0;}
.comment-list .comment-img img{width: 50px; height: 50px; float: left; margin-right: 10px;}
.comment-list h3{ line-height: 26px; font-size: 14px; margin: 0; color: #494e52;}
.comment-list p{ color: #2a2a2e; font-size: 14px; margin-bottom: 5px;}
.comment-list h5{ color: #bbb; font-size: 12px;}
.comment-list h4{ color: #fe5e44; font-size: 14px; line-height: 26px;}
.comment-list h2{ color: #637d8f; font-size: 14px; line-height: 26px;}
.empty-show{ position: fixed; z-index: 2; top: 50%; left: 0; width: 100%; padding: 0 20px; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #a2a2a2; font-size: 14px;}
.empty-show button{ padding: 10px 30px; margin-top: 15px;}
.empty-show p{ line-height: 30px;font-size: 14px; margin-bottom: 20px;}

/*收货地址*/

.form-list li a:not(.mui-btn){color: #666;padding: 5px 25px 5px 15px;display: block;overflow: hidden;}
.form-list li:after{display: none;}
.form-list li .mui-navigate-right:after{right: 10px;}
.form-list li a .f-l{float: left;}
.form-list li .f-r{float: right;}
.form-list li{line-height: 30px;overflow: hidden;background: #fff;color: #666;font-size: 14px;position: relative;margin: 10px 0 0 0;}
.form-list li.certification{padding: 5px 15px;background: none;}
.form-list li.certification a{padding: 0 10px;background: #fff;display: block;height: 40px;line-height: 40px;color: #fff;font-size: 16px;border-radius: 3px;-webkit-border-radius: 3px;text-align: center;background: #fb1438;}
.form-list li.certification a:active{background: #e80024;}
.form-list li .icon-radio-push:before{display: none;}
.form-list .mui-table-view-cell .mui-active{background: #E7E7E8;}
.form-list li .input{background: none;width: 100%;border: none;height: 40px;text-indent: 15px;}
.form-list li.input-in{padding: 0 15px;line-height: 40px;}
.form-list li.input-in .input{text-align: right;width: 200px;margin: 0;font-size: 14px;}
.disabled .t-title{ height: 44px; line-height: 44px; background: #f7f7f7; font-size: 16px; color: #515151; padding-left: 11px;}
.address-list{ margin-bottom: 10px;}
.address-list li{ position: relative;}

/*.address-list li .mui-navigate-right{padding-right: 50px; }*/

.address-list li.active:before{ content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 6px; background-color: #fb1438;}
.address-list li.active a:after{ content: '默认'; position: absolute; top: 20px; right: 64px; font-size: 12px; background: #fb1438; color: #fff; line-height: 12px; display: block; z-index: 2; padding: 5px 3px 2px; border-radius: 1px;}
.address-list li a{color: #333333;}
.address-list .mui-table-view-cell>a:not(.mui-btn){position: relative;}
.address-list li a .toUpdate{ height: 36px; color: #2196f3; text-align: center; position: absolute; right: 11px; top: 50%; margin-top: -18px;}
.address-list li a .toUpdate h6{ font-size: 12px; color: #2196f3; line-height: 1; margin-top: 0;}
.address-list li a .toUpdate i{ display: inline-block; width: 16px; height: 16px; background: url(../images/ic_upgrade.png); background-size: contain;}
.address-list li.active .set-default{ display: none;}
.address-list li i.icon-arrowright{ position: absolute; right: -4px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 10px;z-index: 3; font-size: 20px;}
.address-list li .mui-navigate-right:after{font-size: 24px; color: #333; display: none;}
.address-list li p{ color: #666; width: 100%; overflow: hidden; text-overflow: ellipsis;}
.address-list li p.addr{ word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial;}
.address-list li p span{margin-right: 6px;}
.address-list li p .icon-location{ vertical-align: top; position: relative; top: 2px;}
.address-list li p .icon-location~span{ word-wrap: break-word; word-break: break-all; width: 88%; white-space: initial;}
.address-list li p i{font-size: 18px; margin-left: -1px;}
.address-list li p:first-of-type span{ color: #333; margin-right: 20px;}
.mui-table-view#nearAddress:before,.mui-table-view#nearAddress:after{display: none;}
.ads-btn{text-align: right; padding-top: 10px;/*margin-right: -45px;*/}
.ads-btn .btn{ padding: 4px 15px; margin-left: 10px;}
.address .address-list li.active a:after{ right: 0; top: 10px;}
.address .address-list .mui-table-view-cell>a:not(.mui-btn){ padding: 0; overflow: initial; width: 100%; margin: 0; white-space: inherit;}


/*搜索页*/

.search-box{ position: relative; margin: 2px 10px 1px;}
.search-box .search-text{ background: #fff; color: #666; text-align: left; font-size: 14px; vertical-align: top; border-radius: 3px;}
.mui-bar .search-box .search-btn{ position: absolute; right: 0; top: 5px; color: #fb1438; font-size: 24px; font-weight: bold; padding: 5px 10px;}
.fixed-inner{background-color: #fff;border-bottom: solid 1px #DDD;height: 44px;width: 100%;padding: 0; position: fixed; top: 44px; left: 0; z-index: 777; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.fixed-inner a{color: #666;height: 43px;line-height: 43px;text-align: center; width: 20%; display: block;float: left; font-size: 14px;}
.fixed-inner a+a{border-left: solid 1px #EEE;}
.fixed-inner a.select{color: #E33B3D;}
.icon_sort{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAA1ElEQVR42u2UTQrCMBCFI/UAFa+gVjxFEQ9TPE8RcoB6C/EE/uzFtfizEHd1o28kA4O0NZNuDXzdfY+SmTxjao61dgrO4ARSozkQJuABXo47SHzlPjgKmTmA+JfcBesKmVmBqE7ugEWDzOR18txDZrLvgBl4KgJKmhLLI3BTyMwVDClgHyAzWwpYKn+fIacw//MZY9HqEvHZtBjjjgIGbim08oVcWR5l0CqLu8iCH5MIyYOeswiIXGnoC0WExK6+qiqt57sbiStSWapj7YKlrtIba/0NqA5XS9NeO6AAAAAASUVORK5CYII=);width: 8px;height: 12px;display: inline-block;background-size: 8px 12px;-webkit-background-size: 8px 12px;overflow: hidden;margin-left: 3px; vertical-align: -2px;}
.icon_sort_single{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAkElEQ…xkb8zHFph4NRKTkEYNoIIBT/AY8IQYAzyA+DkWzSAxD3T1AGfIcMiAc+6HAAAAAElFTkSuQmCC);width: 8px;height: 9px;display: inline-block;background-size: 8px 9px;-webkit-background-size: 8px 9px;overflow: hidden;margin-left: 3px;}
.state_switch .icon_sort_single{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAlElEQVR42mNgQANpaWn2QHwSiP+jYZCYPQMhAFT0HItmGH5OjAH/8eFRA2hhAFBwPhB/I6QRCwbpmQ8y4AwZmuGJC2SAChC/IkMzSI8KzBtOQPyTBM0gtU7oYZFGggFpuGJgMhGaJ+OLQmYg3oVHM0iOmVA64Afi21g0g8T4GYgB0Jj5gKT5AzzEiQXQguUJFOMsSAD1NXDFkXt2/wAAAABJRU5ErkJggg==);}
.icon_switch{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAABxJREFUeNpj+P/H/j8DmDjAY8BMGoHQiw1QxWQAYWQttdWMsqkAAAAASUVORK5CYII=);width: 16px;height: 16px;display: inline-block;background-size: 16px 16px;-webkit-background-size: 16px 16px;overflow: hidden;vertical-align: -2px;margin: 0 5px;}
.select .icon_sort{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAA2ElEQVR42u3UzQmDMBjG8YAL1B2EukMp1Exj97EHB7BT1AlKcQCPPQj24rXtwT4P+IKIiUnODfxANP8X/EClDOt5OGbQTU7KZyFIYYBxwuO9axxDO4sFz+224gjqlVjcuMc2oLDEojDFuUMs8mWs4e0xgHu1xAn0HrFgk3DAPSAWDQdc4RsQs6nUfylVlmUFHxg9sak44BEQi4YDEngFxD1buQ0Nb4+Ye/XyWZw9BuSmB3pxiAvbG4mgtsS8Fm291hjalZjnYtdvI4VhFvM49f3AMugmxt/6DwgMIppbpINyAAAAAElFTkSuQmCC);}
.state_switch .icon_sort{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.select.state_switch .icon_sort_single{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASCAYAAABSO15qAAAAlUlEQVR42mNgQAOPrW3tgfgkEP9HwyAxewZCAKjoORbNMPycGAP+48OjBtDCAKDgfCD+RkgjFgzSMx9kwBkyNMMTF8gAFSB+RYZmkB4VmDecgPgnCZpBap3QwyKNBAPScMXAZCI0T8YXhcxAvAuPZpAcM6F0wA/Et7FoBonxMxADoDHzAUnzB3iIEwugBcsTKMZZkAAAZgCM9be+9J4AAAAASUVORK5CYII=);}
.state_switch .icon_switch{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEUAAABmZmZ+SwYRAAAAAXRSTlMAQObYZgAAACFJREFUeNpj+P+HgYEBTBzgARP2/2EEQgyHLEIvNkAVkwEkzym53pX1XwAAAABJRU5ErkJggg==);}
.switch i{ vertical-align: middle;}
.mui-table-view.crossrange{padding: 0;}
.mui-table-view.crossrange li.mui-table-view-cell{ margin: 0; padding: 0; height: 120px; width: 100%;border-bottom: solid 1px #f3f3f3;}
.crossrange .vshop-product-box{border-radius: 0;}
.mui-table-view.crossrange .mui-table-view-cell .mui-media-body{ padding-left: 120px; margin-top: 15px;}
.crossrange p{ padding-left: 120px; border: 0;}
.crossrange li{ width: 100%; margin: 0; border: 0;padding: 15px 0;}
.crossrange li .p-img{width: 100px; height: 100px !important; position: absolute;left: 10px; top: 10px; padding: 0;}
.fixed{position: fixed; top: 44px; left: 0; z-index: 777;}
.mui-table-view.has-fixed{ padding-top: 55px;}
.screen-box{ position: fixed; background-color: #f6f6f6; height: 100%; width: 86%; overflow-y: auto;z-index: 1000;right: 0; top: 0; bottom: 0; transform: translateX(100%);-webkit-transform: translateX(100%); transition: all .3s; -webkit-transition: all .3s;}
.screen-box.active{transform: translateX(0);-webkit-transform: translateX(0); box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.screen-box .mui-radio input[type=radio]{ right: 6px;}
.screen-box .mui-collapse a em{ color: #fb1438;}
.screen-head{ padding: 0 10px; background-color: #fff; line-height: 44px; height: 44px; position: relative;}
.screen-head h1{ text-align: center; font-size: 17px; line-height: 44px; margin: 0;}
.screen-head a{ position: absolute; right: 15px; top: 0;}
.screen-head a:first-child{ left: 15px; right: auto;}
.collapse-line{ height: 10px; background-color: #eeeff3;}
.screen-bot{ text-align: center; padding: 15px;}
.screen-bot button{ width: 100%; padding: 8px 0;}
.screen-list{ position: absolute; bottom: 40px; top: 0; overflow-y: auto; width: 100%;}
.screen-box .screen-list h3{ line-height: 36px; font-size: 14px; padding: 0 10px; background-color: #fff; border-bottom: 1px solid #e6e7e7; margin: 0;}
.screen-box .screen-list input[type=radio]{ top: 10px;}
.screen-box .screen-list .mui-table-view{ margin-bottom: 10px;}
.screen-box .screen-enter{ position: absolute; bottom: 0; right: 0; width: 100%;}
.screen-box .screen-enter .custom-btn{ border-radius: 0;}
.immersed .screen-box{padding-top: 15px;}
.immersed .screen-list{ top: 15px;}
.immersed .invoice-box .screen-list{ top: 59px;}
.immersed .invoice-box .invoice-header{  padding-top: 15px;}


/*发票*/
.invoice-header{ position: absolute;top: 0; width: 100%; background: #fb1438; z-index: 3;}
.invoice-header a{ color: #fff; padding: 10px;z-index: 2; position: relative;}
.invoice-header .mui-title{ color: #fff; left: 10px;}
.invoice-box{ width: 100%; padding-top: 44px;height: auto;z-index: 999;}
.invoice-box .screen-list{ top: 44px;}
.invoice-item{ background: #fff; padding: 12px; margin-top: 12px;}
.invoice-item.invoice-user{ margin-bottom: 20px;}
.invoice-item .invoice-title{ line-height: 24px; color: #212121; font-size: 15px;}
.invoice-item .invoice-title span{ float: right; color: #007AFF; font-size: 12px;}
.invoice-item .invoice-help{ line-height: 20px; color: #bdbdbd; margin-top: 4px; font-size: 12px;}
.invoice-check-list li{ margin: 8px 12px 0 0; float: left; line-height: 32px; padding: 0 16px; color: #747474; background: #f0f0f0; border-radius: 15px;}
.invoice-check-list li.active{ background: #FB1438; color: #fff;}
.invoice-info-list{ padding-top: 8px; margin-bottom: -12px;}
.invoice-info-list li{ line-height: 20px; padding: 12px 0;}
.invoice-info-list li span{ width: 84px; vertical-align: top; color: #747474; margin-right: 8px;}
.invoice-info-list li input{ width: calc(100% - 92px); height: 20px; line-height: 20px; padding: 0; margin: 0; border: 0; font-size: 14px; color: #747474;}
.invoice-info-list li input::-webkit-input-placeholder,.invoice-input-list li input::-webkit-input-placeholder {color:#bdbdbd;}
.invoice-info-list li:after{ right: -12px;}
.invoice-input-list li{ padding-top: 12px; position: relative;}
.invoice-input-list li input{ padding: 0 8px; margin: 0; color: #747474; border-color: #f0f0f0; border-radius: 5px; background: #f7f7f7; font-size: 14px; height: 32px;}
.invoice-input-list li .invoice-popover{ display: none; position: absolute; z-index: 2; border-radius: 5px; box-shadow: 0 8px 8px rgba(0,0,0,.1); width: 100%; left: 0; top: 45px; line-height:40px; background: #fff; border: 1px solid #f0f0f0; }
.invoice-input-list li .invoice-popover p{padding: 0 8px; margin: 0;}
.invoice-input-list li .invoice-popover p:after{ left: 8px; right: 8px;}
.invoice-input-list li .invoice-popover p:last-child:after{display: none;}
.invoice-input-list li .invoice-popover span{ color: #515151; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
.invoice-input-list li .invoice-popover i{ float: right; padding:0 8px;}

.invoiceType1 .invoice-company,.invoiceType1 .invoice-user,.invoiceType1 .invoice-help{ display: none;}
.invoiceType2 .invoice-company,.invoiceType2 .company-user,.invoiceType2 .invoice-help{ display: none;}
.invoiceType3 .invoice-head,.invoiceType3 .personal-user{ display: none;}
.invoiceHeadType1 .invoice-input-list{ display: none;}

/*关于我们*/

.aboutus{ padding: 15px; background-color: #fff;}
.aboutus p img{ margin: 10px auto; display: block; max-width: 100%;}
.aboutus p{ color: #666; line-height: 1.7;}
.user-invite{ padding: 10px 15px; background: url(../images/invite_bg.png);}
.user-invite h4{ line-height: 1.5; color: #666;}
.invite-btn-area{ width: 200px; margin: 20px auto 40px;}
.invite-qrcode{ margin: 0 auto; text-align: center;}
.invite-qrcode .qrcode{ margin: 10px 0; position: relative;}
.invite-qrcode .qrcode img{margin: auto;}
.invite-qrcode p{color: #666;}
.red{ color: #fb1438;}
.gray{ color: #999;}
.hidden{ display: none;}
.not-visible{visibility: hidden;}
.not-border{ border: 0;}
.transparent{ opacity: 0;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mb10{ margin-bottom: 10px;}
.custom-btn{padding: 0 10px; display: block;height: 44px; line-height: 44px; color: #fff;font-size: 16px;border-radius:5px;-webkit-border-radius:5px; text-align: center;background: #fb1438;}
.custom-btn:active{background: #e80024; color: #fff;}
.custom-btn i{ margin-right: 6px; position: relative; top: -1px;}
.custom-btn-default{position: relative;display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42;color: #333;text-align: center;white-space: nowrap;vertical-align: top;cursor: pointer;background-color: #fff;background-clip: padding-box;border: 1px solid #ccc;border-radius: 3px;-webkit-transition: all;transition: all;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-duration: .1s;transition-duration: .1s;}
.custom-btn-default:active{ background-color: #D4D4D4;}
.view-more-text{ position: absolute; font-size: 12px; color: #999;right: 30px;}
.view-choose-text{ position: absolute;color: #666;right: 35px;}

/* 拼团公用 */

.merge-rule{ padding: 15px 10px; margin: 0 6px; font-size: 12px; line-height: 16px; color: #6b6c6e; background-color: #f9f9f9;}
.merge-rule-mar0{ margin: 0;}
.merge-bar-container{ position: fixed; right: 0; bottom: 0; left: 0; z-index: 1; background-color: #fff; transition: opacity ease-in-out .4s; -webkit-transition: opacity ease-in-out .4s;}
.merge-bar-container .mui-btn{ width: 100%; padding: 10px 0; line-height: 20px; background-color: #fb1437; border-color: #fb1437;}
.merge-bar-container .btn-left{ width: 50%; padding: 12px 8px 10px 12px;}
.merge-bar-container .btn-left .mui-btn{ background-color: transparent;}
.merge-bar-container .btn-right{ width: 50%; padding: 12px 12px 10px 8px;}
.merge-bar-container .btn-center{ padding: 13px;}
.merge-bar-container .btn-center .mui-btn{ padding: 8px 21px;}
.merge-bar-container .merge-nobuy{ background-color: #ccc; color: #fff; margin: 10px 15px; border-color: #ccc; width: auto; display: block;}
.merge-over-sign,.merge-fail-sign{ position: absolute; z-index: 1; width: 100px; height: 100px;top: 20px; right: 20px;}
.merge-over-sign{ background: url(../images/merge.png) no-repeat -110px 0; background-size: 320px auto;}
.merge-fail-sign{ background: url(../images/merge.png) no-repeat 0 0; background-size: 320px auto;}
.merge-state-bar, .merge-state-bar-disabled{ height: 30px; overflow: hidden; padding: 0 6px; font-size: 12px; line-height: 30px; color: #fff;}
.merge-state-bar{ background: #ff1c43 url(../images/merge.png) no-repeat 0 -210px; background-size: 640px auto;}
.merge-state-bar-disabled{ background: #cdcccd url(../images/merge.png) no-repeat 0 -276px; background-size: 640px auto;}
.merge-state-bar .iconfont, .merge-state-bar-disabled .iconfont{ float: left; margin-right: 6px;}
.merge-size, .merge-size-disabled{ position: absolute; top: 12px; left: 0; z-index: 3; width: 56px; height: 23px; padding: 0 4px; font-size: 12px; line-height: 23px; color: #fff;}
.merge-size{ background: url(../images/merge.png) no-repeat -203px -171px; background-size: 320px auto;}
.merge-size-disabled{ background: url(../images/merge.png) no-repeat right -171px; background-size: 320px auto;}
.merge-size span{ font-size: 13px;}
.merge-go-tip, .merge-do-tip{ padding: 10px 0; font-size: 12px; color: #494e52;}
.merge-highlight{ padding: 0 2px; font-weight: 400; color: #3cbcba;}

/* 拼团列表页 */

.merge-list-view{ background: transparent;}
.merge-list-view:after{ display: none;}
.merge-list-view li{ position: relative; padding-bottom: 10px; background-color: #fbf9fe;}
.merge-list-view .thumb:before{ padding-top: 62.5%;}
.merge-list-view .info{ margin: 10px;}
.merge-list-view .info span{ margin-right: 30px; font-size: 18px; line-height: 20px; color: #fb1437;}
.merge-list-view .info del{ font-size: 12px; color: #9d9c9c;}
.merge-list-view .info p{ margin-bottom: 0; line-height: 18px; color: #030e21;}
.merge-list-view .thumb-mask{ position: absolute; top: -50%; left: -50%; width: 100%; height: 100%; background: rgba(0, 30, 40, .3) url(../images/merge-list-thumb-mask.png) no-repeat center 47.5%; background-size: 100px auto;}

/* 个人中心拼团列表 */

.merge-personal{ background-color: #eaeaea;}
.merge-personal .list{ position: relative; margin-bottom: 10px; background-color: #fff;}
.merge-personal .list:last-of-type{ margin-bottom: 0;}
.merge-personal-hd{ position: relative; padding: 10px; overflow: hidden; background-color: #fff;}
.merge-personal-hd .thumb{ width: 70px; height: 70px; background-color: #f5f7f6;}
.merge-personal-hd .info{ position: absolute; top: 10px; right: 10px; bottom: 10px; left: 90px;}
.merge-personal-hd .info p{ height: 23px; margin-bottom: 0; font-size: 12px; line-height: 23px;}
.merge-personal-hd p.name{ -webkit-line-clamp: 1; font-size: 13px; color: #030e21;}
.merge-personal-hd p.price{ color: #fb1437;}
.merge-personal-hd p.price span{ color: #343434;}
.merge-personal-hd p.price em{ margin-left: 10px; font-size: 8px;}
.merge-personal-hd p.time{ color: #9a9a9a;}
.merge-personal-hd p.time span{ margin-right: 20px; color: #323943;}
.personal-list-bd{ padding: 0 10px; overflow: hidden;}
.personal-list-bd .avatar-group{ margin: 10px 0;}
.personal-list-bd li{ float: left; width: 14.28571%;}
.personal-list-bd .avatar{ position: relative; width: 36px; height: 36px; background: url(../images/merge.png) no-repeat -168px -171px; background-size: 320px auto; border: 2px solid transparent; border-radius: 100%;}
.personal-list-bd li:first-of-type .avatar:before{ position: absolute; top: 0; left: 50%; width: 20px; height: 20px; content: ''; background: url(../images/merge.png) no-repeat -75px -174px; background-size: 320px auto; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%);}
.personal-list-bd li:first-of-type .avatar{ border-color: #ffc015;}
.personal-list-bd .avatar img{ width: 100%; height: 100%; border-radius: 100%;}
.personal-list-ft{ width: 100%; padding: 17px 10px 14px; overflow: hidden; text-align: right; border-top: 1px solid #eaeaea;}
.personal-list-ft .mui-btn{ float: right; padding: 4px 10px; margin-left: 12px; font-size: 12px; line-height: 16px;}
.personal-list-ft .mui-btn-danger{ color: #fff; background-color: #fb1437; border-color: #fb1437;}
.personal-list-ft .mui-btn-outlined{ color: #fb1437; background-color: #fff; border-color: #d50014;}

/* 未参团、参团结束、组团失败 */

.merge-go{ padding: 0 10px; margin: 0px 6px; background-color: #fff;}
.merge-go-mar0{ margin: 0;}
.merge-go .info{ margin-top: 13px; border-bottom: 1px solid #ebebeb;}
.merge-go .info:last-of-type{ border-bottom: 0 none;}
.merge-go .info > div{ float: left; height: 36px;}
.merge-go .info span{ position: relative; top: 50%; float: left; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.merge-go .info .avatar{ width: 14%;}
.merge-go .info .leader{ width: 18%;}
.merge-go .info .name{ width: auto;}
.merge-go .info .time{float: right; font-size: 12px; color: #bbb;}
.merge-go .info .avatar span{ position: relative; width: 36px; height: 36px; margin-right: 10px; border: 2px solid transparent; border-radius: 100%;}
.merge-go .info .avatar img{ width: 100%; height: 100%; border-radius: 100%;}
.merge-go .info .leader span{ height: 18px; padding: 0 8px; margin-right: 10px; font-size: 12px; line-height: 18px; color: #fff; background-color: #fcc41b; border-radius: 16px;}
.merge-go .info .name span{ margin-right: 10px; font-size: 12px; line-height: 16px; color: #494e52; text-align: left;}
.merge-go .info:first-of-type .avatar span:before{ position: absolute; top: 0; left: 50%; width: 20px; height: 20px; content: ''; background: url(../images/merge.png) no-repeat -75px -174px; background-size: 320px auto; -webkit-transform: translate(-50%, -70%); transform: translate(-50%, -70%);}
.merge-go .info:first-of-type .avatar span{ border-color: #ffc015;}
.merge-go .goto{ width: 100%; padding: 12px 2px; font-size: 12px; color: #6b6c6e; clear: both;}
.merge-go .goto span{ width: 33.333%;}
.merge-go .goto span strong{ font-weight: 400;}
.merge-go .goto span a{ color: #fe1e31;}
.merge-go .goto a.disabled-link{ color: #cdcdcd;}
.merge-go .goto span em{ font-size: 6px;}

/* 个人中心拼团详情 */

.merge-bg{ background-color: #eaeaea;}
.merge-personal-go{ background: #fff url(../images/merge-personal-detail-line.png) repeat-x center top; background-size: 5px auto; position: relative;}
.merge-personal-go .merge-do-sign,.merge-personal-go .merge-fail-sign{top: -40px;}
.merge-personal-go ul{ padding-top: 10px;}
.merge-personal-go .info{ padding: 0 0 10px; margin-top: 0; text-align: right; border-bottom: 0 none;}
.merge-personal-go .info .name span{max-width: 70px; display: inline-block;}
.detail-view-cell{ padding: 11px 10px; margin-bottom: 10px; background-color: #fff;}
.detail-view-cell:after{ background-color: transparent;}
.detail-view-cell > a:not(.mui-btn){ margin: -11px -10px; color: #2a2a2a;}
.detail-view-cell span{ margin-left: 5px; color: #bbb;}
.detail-view-cell .mui-navigate-right:after{ right: 10px; color: #ababab;}
.detail-more-link span{ position: relative; padding: 0 6px; font-size: 12px; color: #6b6c6e;}
.detail-more-link span:before, .detail-more-link span:after{ position: absolute; top: 50%; width: 55px; height: 1px; overflow: hidden; background-color: #d4d4d4;}
.detail-more-link span:before{ left: -55px;}
.detail-more-link span:after{ right: -55px;}
.ShowNewCanJoinGroupMore{width: 100%;text-align: center;padding-bottom: 12px;}
.ShowNewCanJoinGroupMore .mui-btn{font-size: 12px;padding: 5px 50px;}
.ShowNewCanJoinGroupMore img.ShowNCJGM_down{-webkit-transform: rotate(180deg);position: relative;top: 0px;}

/* 去呼唤朋友、没有参加任何团 、暂时没有火拼团 */

.merge-small-page{ position: absolute; right: 0; bottom: 0; left: 0; text-align: center; background-color: #fff;}
.merge-call-bg{ width: 250px; height: 290px; margin: 0 auto; background: #fff url(../images/merge-call.jpg) no-repeat center; background-size: contain;}
.merge-any-bg{ width: 250px; height: 290px; margin: 0 auto; background: #fff url(../images/merge-any.jpg) no-repeat center; background-size: contain;}
.merge-not-bg{ width: 250px; height: 290px; margin: 0 auto; background: #fff url(../images/merge-not.jpg) no-repeat center; background-size: contain;}
.merge-small-page .mui-btn{ width: 50%; padding: 6px 12px; font-size: 16px; background-color: #fb1437; border-color: #fb1437; border-radius: 6px; box-shadow: 0px 3px 2px rgba(240, 120, 129, .6);}
.merge-small-page p{ font-size: 13px;}
.merge-call p{ color: #494e52;}
.merge-any,.merge-not{top: 0}
.merge-any p{ margin: 50px 0 20px; color: #6b6c6e;}
.merge-not p{ margin-top: 30px; color: #6b6c6e;}
.merge-call .btn-call{ margin: 38px 0 30px;}
.merge-call{top: 0;}

/* 已参团 */

.merge-do{ position: relative; padding: 0 10px; margin: 0 6px; background-color: #fff;}
.merge-do-sign{ position: absolute; top: 20px; right: 20px; z-index: 1; width: 100px; height: 100px; background: url(../images/merge.png) no-repeat right 0; background-size: 320px auto;}
.merge-do-list li{ float: left; width: 20%; padding: 5px; text-align: center;}
.merge-do-list li:first-of-type{ position: relative;}
.merge-do-list li:first-of-type:before{ position: absolute; top: 0; left: 50%; width: 20px; height: 12px; content: ''; background: url(../images/merge.png) no-repeat -75px -174px; background-size: 320px auto; -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%);}
.merge-do-list li:first-of-type .avatar{ border-color: #ffc015;}
.merge-do-list .avatar{ width: 36px; height: 36px; overflow: hidden; background: url(../images/merge.png) no-repeat -168px -171px; background-size: 320px auto; border: 3px solid transparent; border-radius: 100%;}
.merge-do-list .avatar img{ width: 100%; height: 100%;}
.merge-do-list .name{ width: 100%; font-size: 12px; color: rgba(0, 0, 0, .44);}

/* 拼团倒计时 */

.merge-state-time em{ position: relative; float: left; width: 14px; height: 18px; margin: 6px 2px 6px 0; font-size: 12px; line-height: 18px; color: #ff5722; text-align: center; background-color: #fff; border-radius: 2px;}
.merge-state-time span{ float: left;}

/*积分商城*/

.integral-cur{ background-color: #fff; padding: 14px;}
.integral-cur p{ display: inline-block; color: #ff5d15; line-height: 24px;}
.integral-cur p i{ color: #fff; background-color: #ff5d15; border-radius: 100%; font-size: 18px; line-height: 24px; height: 24px; width: 24px; text-align: center; display: inline-block; vertical-align: bottom;}
.integral-cur p i.icon-wenhao:before{position: relative; top: 2px;}
.integral-cur p span{ color: #000; margin: 0 10px;vertical-align: bottom;}
.integral-cur .integral-list-btn{ border: 1px solid #ff5d15; color: #FF5D15; border-radius: 4px; line-height: 24px;width: 72px;text-align: center; display: inline-block; float: right;}
.integral-title{ background-color: #f8f8f8; margin-top: 5px; line-height: 38px;}
.integral-title span{ color: #2b2c2e; font-size: 15px; padding-left: 10px; border-left: 3px solid #e54e49;}
.integral-title a{float: right; margin-right: 20px; color: #6b6c6e; font-size: 13px;}
.integral-product{ background-color: #fff; overflow: hidden;}
.integral-product li{ width: 50%; padding: 11px 14px 10px; float: left; position: relative; margin-top: -1px;}
.integral-product li:after{content: ''; height: 1px; background-color: #e9e9e9; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: scaleY(.5);transform: scaleY(.5);}
.integral-product li .p-img{ width: 100%; overflow: hidden; border-radius: 3px; background: url(../images/logo-bg.png) no-repeat center #F7F7F7; position: relative; padding-top: 100%;}
.integral-product li .p-img b{ width: 100%; height: 100%; display: block; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #fff; opacity: 0;transition: opacity .4s ease-in; position: absolute; top: 0;left: 0;}
.integral-product li .p-img span{ position: absolute; bottom: 0; width: 100%; display: block; line-height: 32px; text-align: center; color: #fff; background: rgba(0, 0, 0, .6);}
.integral-product li h3{ font-size: 14px; overflow: hidden; color: #000; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0 5px; margin: 0;}
.integral-product h5{ color: #FF5D15; margin: 2px 0 0; font-size: 15px;}
.integral-product h5 i{ color: #be925e; font-size: 14px;}
.integral-product p{ color: #9b9b9b;}
.integral-coupon li{ width: 100%; padding: 16px 12px; position: relative;}
.integral-coupon li .p-img{ width: 80px; height: 80px;padding: 0; float: left; background-size: 100% auto; margin-right: 8px;}
.integral-coupon li .p-text{ float: left; width: 155px;}
.integral-coupon li .p-btn{ position: absolute; right: 12px; top: 16px; width: 86px; padding: 10px 0 10px 12px; text-align: center; border-left: 1px solid #efefef;}
.integral-coupon li .p-btn p{font-size: 13px; color: #212121; line-height: 32px; margin: 0;}
.integral-coupon li .p-btn p span{font-size: 16px; color: #212121;}
.integral-coupon li .p-btn a{ display: inline-block; padding: 0 15px; line-height: 28px; background: #fb1438; color: #fff; font-size: 13px; border-radius: 14px;}
.integral-coupon li .p-btn a.disabled{ background: #e0e0e0;}
.integral-coupon li h3{ padding: 0; margin: 0; line-height: 20px; font-size: 15px;}
.integral-coupon li p{margin-top: 4px; font-size: 12px; color: #747474; line-height: 16px; height: 32px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.integral-coupon li h5{ line-height: 20px; margin: 4px 0 0; font-size: 12px; color: #212121;}
.integral-coupon li h5 span{ color: #fb1438; margin-right: 4px;}
.integral-coupon li h5 span em{ font-size: 14px;}
.integral-goods .p-price span{ font-size: 17px; color: #FF5D15;}
.integral-goods h5{ line-height: 1.2;}
.integral-imgtext{ margin: 6px 0 0;}
.integral-btn{ background-color: #fb1438;}
.integral-goods span.gradename{margin-left: 10px;font-size: 14px;font-style: italic;}
.rotate-half{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.integral-title-m{ text-align: center; margin-top: 5px; font-size: 0; background-color: #fff; padding: 16px 0;}
.integral-title-m span{ font-size: 15px; margin: 0 14px;}
.integral-title-m img{ width: 23px;}
.integral-use{ background-color: #fff; padding: 0 14px;}
.integral-use li{ padding-bottom: 15px;}
.integral-use li .p-img{background: url(../images/logo-bg.png) no-repeat center #F7F7F7; display: block; line-height: 0;}
.integral-use li img{ width: 100%; opacity: 0;transition: opacity .4s ease-in;}
.integral-nav{ background-color: #f5f5f5; border-bottom: 1px solid #EBEBEB;}
.integral-bar{ position: fixed; bottom: 0; left: 0; width: 100%;}
.integral-bar .integral-buy{ text-align: center; background-color: #fb1438; line-height: 48px; color: #fff; font-size: 17px;}
.integral-bar .integral-buy.disabled{ background-color: #afafaf;}


.integral-use-hd{ height: 148px; background: #fb1438; padding: 0 12px; position: relative;}
.integral-use-hd h3{ font-size: 40px; line-height: 148px; color: #fff; margin: 0;}
.integral-use-hd h3 i{ font-size: 24px; margin-left: 8px;}
.integral-use-hd a{ position: absolute;    font-size: 14px; right: 12px; top: 24px; color: #fb1438; background: #fbe9e7; border-radius: 32px; display: block; line-height: 32px; width: 108px; text-align: center;}
.integral-use-list{ width: 100%; overflow: hidden; background: #fff;}
.integral-use-list li{ padding: 12px; position: relative;}
.integral-use-list li:after{ left: 12px;}
.integral-use-list li:last-child:after{ left: 0;}
.integral-use-list li h3{ font-size: 14px; color: #212121; line-height: 20px;}
.integral-use-list li span{ font-size: 12px; color: #747474; word-wrap: break-word; word-break: break-all; padding-right: 35px;}
.integral-use-list li p{font-size: 12px; line-height: 16px; margin-top: 4px;color: #bdbdbd;}
.integral-use-list li em{ position: absolute; right: 12px; top: 50%; margin-top: -10px; font-size: 15px; color: #212121;}
.integral-use-title{ padding: 12px 10px; background: #fff; color: #666; margin-top: 10px;}
.integral-use-title em{ float: right; width: 26%; text-align: center;}

/*ios沉浸模式*/

.mui-ios header,.mui-ios .screen-box{ padding-top: 20px;}
.mui-ios header~.mui-content{ padding-top: 64px;}
.mui-ios header~.scroll-div, .mui-ios .fixed, .mui-ios .fixed-inner{top: 64px;}
.mui-ios header~.notop,.mui-ios .screen-list{ top: 20px;}
.mui-ios header~.notop,.mui-ios .invoice-box .screen-list{ top: 64px;}
.mui-ios header~.notop,.mui-ios .invoice-box .invoice-header{ padding-top: 20px;}
.mui-ios .mui-bar-nav~.notop .mui-pull-top-pocket{ top: 20px;}
.mui-ios .addressDetail{top: 78px;}
.mui-ios header~.mui-content.address-edit{margin-top: 20px;}
header~.mui-content.address-edit{margin-top: 20px;}

/*.mui-bar-nav~.mui-content{padding-top: 64px;}
header~.mui-content .order-list{padding-top: 45px;}*/


/*门店首页----------*/

.mui-ios .md~.mui-content{ padding-top: 40px;}
.md~.mui-content{padding-top: 20px;}
.index-topimg{width: 100%;height: 140px;background: url() no-repeat;background-size: 100% 100%;}
.index-address{height: 40px;line-height: 40px;font-size: 13px;padding-left: 35px;padding-right: 25px;background-color: #fff;border-bottom: 1px solid #eeeeee;position: relative;}
.index-address:before{content: '';display: inline-block;width: 14px;height: 16px;background: url(../images/ic_locate.png) no-repeat;background-size: contain;position: absolute;left: 13px;top: 50%;margin-top: -8px;}
.index .navigate-arrow:after{ position: absolute; top: 50%; right: 12px; display: block;width: 10px;height: 10px;margin-top: -5px;content: ''; border: 1px solid #9f9f9f;border-left: none;border-bottom: none;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.index-category{ padding-top: 44px; margin-top: -44px; height: 100%; width: 100%; overflow: hidden}
.mui-ios .index-category{padding-bottom: 20px;}
.index-category .categoryLeft{ height: 100%; float: left; width: 21%;background-color: #f3f3f3; position: relative;}
.index-category .categoryLeft ul {}

.index-category .categoryLeft li{ width: 100%; float: left;line-height: 20px;overflow: hidden; padding: 10px;background-color: #f3f3f3;font-size: 14px; position: relative;}
.index-category .categoryLeft li:not(:first-child){border-top: 1px solid #e5e5e5;}
.index-category .categoryLeft li.cur{color: #424242;background-color: #fff;}
.index-category .categoryLeft li.hidden+li{border-top: none;}
.index-category .categoryLeft li.cur:after{ position: absolute; left: 0; top: 0;content: ''; display: block;border-left: 3px solid #fb1438; height: 100%;}
.index-category .categoryRight{ height: 100%; float: right; width: 79%; background-color: #fff; overflow-y: auto;position: relative; z-index: 1;}
.index-category .categoryRight ul{margin-left: 10px;}
.index-category .categoryRight li{border-bottom: 1px solid #eeeeee;padding-top: 10px;padding-bottom: 10px;padding-left: 58px;padding-right: 12px;position: relative;}
.index-category .categoryRight img{width: 48px;height: 48px;position: absolute;left: 0;}
.index-category .categoryRight .content{width: 100%;line-height: 1;}
.index-category .categoryRight h3{padding-top: 1px;color: #212121;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;}
.index-category .categoryRight p{ color: #9e9e9e; font-size: 10px; margin-top: 5px; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1;padding-top: 1px;}
.index-category .categoryRight .money{color: #fb1437;font-size: 15px;line-height: 1;}
.index-category .categoryRight .money span{font-size: 12px;}
.index .bottom-btn{z-index: 2;height: 45px;line-height: 45px;width: 100%;background-color: #fff;color: #ff5252;font-size: 16px;position: fixed;bottom: 0;text-align: center;-webkit-box-shadow: 0 0 9px #f4f4f4;box-shadow: 0 0 9px #f4f4f4;}
.index .bottom-btn span{position: relative;padding-left: 24px;}
.index .bottom-btn span:before{position: absolute;content: '';display: inline-block;background: url(../images/ic_phone.png) no-repeat;background-size: contain;width: 15px;height: 15px; left: 0; top: 50%; margin-top: -7px;}
.index-mask .choose-box{ position: fixed; width: 180px; height: 82px; background-color: #fff; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 15px; border-radius: 4px;}
.index-mask .choose-box .content{ font-size: 16px; height: 47px; line-height: 47px; border-bottom: 1px solid #e0e0e0; text-align: center; font-weight: bold;}
.index-mask .choose-box .btns{ height: 35px; line-height: 35px;}
.index-mask .choose-box .btns span{ display: inline-block; float: left; width: 50%; text-align: center;}
.index-mask .choose-box .btns span:first-of-type{ border-right: 1px solid #e0e0e0;}

/**周边门店**/

.stores-lsit-row{padding: 15px 15px 0 15px;margin: 12px 12px;background: #fff;position: relative;}
.stores-lsit-row > i{font-style: none;position: absolute;right: 15px;top: 12px;font-size: 11px;color: #757575;}
.stores-lsit-row h4{font-size: 16px;padding-right: 20px;}
.stores-lsit-row h4 span{color: #ff5252;margin-right: 5px;}
.stores-lsit-row > p{font-size: 13px;color: #424242;padding-right: 20px;padding-bottom: 10px;}
.storesList-bottm-row{margin: 0 -12px;border-top: 1px solid #e0e0e0;overflow: hidden;}
.storesList-bottm-row a{display: block;width: 50%;float: left;box-sizing: border-box;padding: 10px 0;text-align: center;}
.storesList-bottm-row a span.mui-icon{font-size: 18px;margin-right: 5px;}
.storesList-bottm-row a:first-child{border-right: 1px solid #e0e0e0;}
#sansearchstroe{ position: absolute; left: 0; right: 0; top: 60px; bottom: 0; margin: auto; text-align: center;}

/**地址页修改**/

.addAddress .mui-table-view-cell span{width: 105px;padding: 5px 0;line-height: 25px;color: #616161;font-size: 15px;}
.addAddress .mui-table-view-cell span.mui-pull-left{ padding: 10px 0;}
.addAddress .mui-table-view-cell input,.addAddress .mui-table-view-cell textarea{width: auto;margin-bottom: 0;line-height: 25px; border: none;padding: 10px 5px; font-size: 15px;color: #424242;}
.addAddress .mui-table-view-cell textarea{line-height: 25px;height: 45px; overflow-y: auto;}
.addAddress .mui-table-view-cell{padding: 0px 15px;line-height: 25px; overflow: hidden;}
.addAddress .mui-table-view-cell#addressLi textarea{ max-height: 40px;}
.addAddress .mui-table-view-cell#addressLi span{ padding-top: 10px;}
.addAddress .mui-table-view-cell.mui-active{background-color: #fff;}
.subAds{width: 90%;margin: auto;background: #fb1437;color: #fff;padding: 10px 0;margin-top: 15px;}
.addressDetail{width: 100%;position: fixed;background: #ccc;height: 100%;top: 70px;overflow: auto;padding-bottom: 58px;-webkit-transform: translateY(100%);display: none;-webkit-transition: -webkit-transform .3s;background: #eeeeee;}
.addressDetail_list.mui-table-view{background: none;}
.addressDetail_list{padding-top: 50px;}
.addressDetail_list .mui-table-view-cell:after{background: #e0e0e0;left: 15px;}
.addressDetail_list .mui-table-view-cell div span:first-child i{font-style: none;color: #ff5252;}
.addressDetail_list .mui-table-view-cell div span:first-child{color: #424242;font-size: 14px;}
.addressDetail_list .mui-table-view-cell div span:last-child{color: #9e9e9e;font-size: 12px;}
.addressDetail_list .mui-table-view-cell > span{width: 20px;height: 30px;margin-right: 10px;}
.addAddress .mui-table-view-cell input[type=search]{background: none;border-radius: 0;text-align: left;}

/**满额减**/
.fullCut{min-height: 200px; position: fixed;bottom: 0;left: 0;width: 100%; background-color: #fff; z-index: 999; padding: 15px; transition: all .4s; opacity: 0;transform: translateY(120%);-webkit-transform: translateY(120%);}
.fullCut.active{ transform: translateY(0);-webkit-transform: translateY(0); opacity: 1;}
.fullCut_table{padding: 0px 0px;display: table; width: 100%;margin-bottom: 50px;}
.fullCut_table_row{display: table-row;}
.fullCut_table_cell{display: table-cell;border-bottom: 1px solid #e1e1e1;padding: 10px 2px;vertical-align: middle;color: #2b2c2e;font-size: 12px;}
.fullCut_table_cell.title{width: 70px;color: #494e52;font-weight: bold;}
.fullCut_table_cell span{display: block;}
.close_fullCut{padding: 30px;text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/ic_clear.png) no-repeat center center;background-size: 20px;}

/**订单详情**/
.order-detail .mui-table-view-cell{padding: 11px 10px;}
.order-detail_row{width: 100%;overflow: hidden;margin: 5px 0;}
.order-detail_row .mui-pull-left{width: 70px;margin-right: 10px;}
.order-detail_row .mui-pull-right{width: 75%;text-align: left;}
.order-detail_row span{font-size: 14px;line-height: 20px;color: #6b6c6e;}
.order-detail_ads{padding-left: 30px;padding-right: 0;position: relative;}
.order-detail_ads span{font-size: 14px;}
.order-detail_ads p{font-size: 14px;line-height: 18px;padding-top: 5px;color: #424242;}
.order-detail_ads:before{font-family: "iconfont" !important;position: absolute;left: 0;font-size: 20px;font-style: normal;-webkit-font-smoothing: antialiased;content: '\e698';color: #fb4542;}
.order-detail_goodsList{background: #f8f8f8;}
.order-detail_goodsLis_head{width: 100%;height: 40px;background: #fff;padding: 5px 12px;margin-top: 10px;}
.order-detail_goodsList.mui-table-view .mui-media-object{max-width: 60px;height: 60px;margin-right: 0;}
.order-detail_goodsList .mui-table-view-cell{padding-left: 10px;}
.order-detail_goodsList .mui-table-view-cell > div{width: 65px;font-size: 15px;margin-right: : ;px;text-align: right;}
.order-detail_goodsList .mui-table-view-cell > div span{font-size: 12px;}
.order-detail_goodsList .mui-table-view-cell>a:not(.mui-btn){white-space: normal;font-size: 12px;line-height: 18px;color: #424242;}
.order-detail_goodsList .mui-table-view-cell p{font-size: 12px;margin-top: 5px;}
.order-detail_goodsList .mui-table-view-cell:after{height: 0;}
.load_all{margin: 20px 0 60px 0;position: relative;}
.load_all p{width: 100px;margin: auto;background: #F7F7F7;text-align: center;font-size: 12px;position: relative;z-index: 2;}
.load_all:after{content: "";position: absolute;left: 0;right: 0;margin: auto;width: 50%;height: 2px;border-top: 1px solid #ccc;top: 10px;z-index: 1;}
.noPright .mui-table-view-cell{font-size: 12px;color: #616161;}
.noPright .mui-table-view-cell:after{left: 0;}
.right-btn{background: #fff;text-align: right;height: auto;box-shadow: 0 0px 2px #f1f1f1;}
.right-btn button{ margin: 10px 10px 10px 0;}
.red-btn{color: #ff6d5d;border-color: #ff6d5d;padding: 3px 12px;}
.bottom_fixedBtn{width: 100%;position: fixed;bottom: 0;z-index: 100;}
.Commission_btn{min-width: 110px;background: #f5496d;position: absolute;right: 0;z-index: 9;height: 35px;top: 80px;color: #fff;line-height: 35px;border-radius: 35px 0px 0px 35px;font-size: 15px;}
.Commission_btn div{background: url(../images/icon_fx.png) no-repeat 10px 8px;background-size: 15px;padding-left: 35px;padding-right: 10px;}

/**订单分享**/

.orderShare.swiper-container{margin:20px auto 0;position: relative;z-index: 1;background: none;}
.orderShare.swiper-container .swiper-slide{text-align: center;font-size: 18px;background: #fff;width: calc(100% - 80px);}
.orderShare.swiper-container .item-box{ padding: 8px; border: 1px solid #fb1438;}
.orderShare .swiper-slide{display: block; padding: 8px;}
.orderShare .swiper-slide p{font-size: 15px;color: #212121;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 20px; display: block; padding-top: 8px;}
.orderShare .swiper-slide p.ads{ padding-bottom: 16px; font-size: 12px; color: #747474;}
.orderShare .swiper-slide p.ads span{ margin-right: 8px;}
.orderShare .swiper-slide span.price{font-size: 16px;color: #FB1438;text-align: left;display: block; line-height: 20px; padding: 4px 0 8px;}
.orderShare .swiper-slide span.price i{ font-size: 12px;}
.orderShare_btn{width: 100%; text-align: center; margin-bottom: 12px;}
.orderShare_btn a{width: 84px;height: 32px; display: inline-block; line-height: 32px; text-align: center; color: #FB1438; border: 1px solid #FB1438; border-radius: 15px; font-size: 14px;}
.orderShare .swiper-slide-prev{-webkit-transform-origin: 100% 50%;-webkit-transform: scale(0.95);}
.orderShare .swiper-slide-next{-webkit-transform-origin: 0 50%;-webkit-transform: scale(0.95);}
.orderShare_img{width: 100%;overflow: hidden; position: relative; padding-top: 100%; }
.orderShare_img img{max-width: 100%;max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.orderShareDian.swiper-pagination{width: 100%; margin-top: 6px;}
.orderShareDian.swiper-pagination .swiper-pagination-bullet{border: 1px solid #fff;background: #424242; width:6px; height: 6px; margin: 0 2px; vertical-align: middle;}
.orderShareDian.swiper-pagination .swiper-pagination-bullet-active{background:#FB1438; width: 8px; height: 8px;}
.orderShare_more{float: right;line-height: 44px;padding: 0 10px;font-size: 24px;margin-right: -10px;}
.ordershareFx{width: 100%;height: 100%;position: absolute;z-index: 999;background: rgba(0, 0, 0, 0.5);top: 0;left: 0;}
.ordershareFx img{width: 100%;margin-top: 44px;}
#orderShare_box .returnOrderList{position: fixed; bottom: 12px; width: calc(100% - 80px); line-height: 44px; padding: 0; border: none;font-size: 16px; margin-left: 40px; border-radius: 6px; color: #515151;}

/**在线客服**/

.customer-service{bottom: 170px;right: 20px; position: fixed;z-index: 99;}
.customer-service > div:first-child{height: 44px; width: 44px;background-color: rgba(1, 21, 25, .24);border-radius: 100%;position: absolute;right: 0;text-align: center;-webkit-transition: background-color .3s;z-index: 2;}
.customer-service:active{background-color: rgba(1, 21, 25, .1);}
.customer-service i{ color: #fff; font-size:24px; line-height: 44px;}
.service_list{position: absolute;right: 0;top: 0;height: 44px;padding: 0 44px 0 10px;background-color: rgba(67, 88, 92, .4);border-radius: 44px;z-index: 1;}
.service_list-item{margin: 12px 3px;text-align: center;padding-top: 13px;color: #fff;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;width: 30px; height: 22px; overflow: hidden; float: left;display: block;}
.service_list-item.qq{background: url(../images/qq_icon.png) no-repeat center center; background-size: 20px;}
.service_list-item.mq{background: url(../images/meiqia_icon.png) no-repeat center center; background-size: 22px;}

/*选择自提点*/

.container.shop-branch{font-size: 13px;}
.container.shop-branch li{padding: 12px;position: relative; background: #fff; margin-bottom: 9px;}
.container.shop-branch .branch-check{width: 10%;float: left;height: 50px; margin-top: 8px;}
.container.shop-branch .branch-check input{height: 20px; width: 20px; z-index: 9;position: relative; border: 0; outline: 0!important; background-color: transparent; -webkit-appearance: none;}
.container.shop-branch .branch-check input:before{background: url(../images/ok-black.png) no-repeat;background-size: cover; content: ''; position: absolute; top: 0; left: 0; width: 16px; height: 16px;}
.container.shop-branch .branch-check input:checked:before{ background-position: -21px 0;}
.container.shop-branch .branch-check input:disabled{ opacity: 0.6;}
.container.shop-branch .branch-info{width: 90%;float: left; padding-left: 15px;}
.container.shop-branch .branch-info .branch-name{font-size: 15px;font-weight: bold;color: #2b2c2e;line-height: 30px;}
.branch-name .sb_distance{font-weight: normal;}
.container.shop-branch .branch-info .branch-tel{font-size: 12px;line-height: 20px;}
.container.shop-branch .branch-info .branch-addr{font-size: 12px;line-height: 20px;color: #666;}
.container.shop-branch .check-custom{left: 24px;top: 50px;margin: 0}

/*物流信息*/

.expressinfo .list-group{ margin-bottom: 10px;}
.expressinfo .list-group-item{ position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd;}
.expressinfo .red{ color: #e73641;}
.expressinfo .goods_interflow{ padding: 10px 0 10px 10px;}
.expressinfo .goods_interflow li{ padding-left: 20px; border-left: 2px solid #ddd; position: relative;}
.expressinfo .goods_interflow li p{ line-height: 22px;}
.expressinfo .goods_interflow li hr{ padding-bottom: 10px; margin: 5px 0 0;border: 0;border-top: 1px solid #eee;}
.expressinfo .goods_interflow li i{ position: absolute; top: 16px; left: -7px; width: 12px; height: 12px; background-color: #428bca; border-radius: 100%;}
.expressinfo .goods_interflow li i.active{ background-color: #f0ad4e}

/*提货单*/

.pickup-goods{background-color: #fff;}
.pickup-goods h4{height: 45px;font-size: 14px;color: #0b0c0e;line-height: 45px;margin: 0;}
.pickup-goods .pickup-list{padding-left: 11px;}
.pickup-goods .pickup-list .pick-wrap{height: 51px;width: 100%;padding-right: 11px;margin-bottom: 10px;}
.pickup-list .pick-wrap .pick-left{width: 83%;height: 100%;float: left;overflow: hidden;}
.pickup-list .pick-wrap .pick-left .swiper{width: 100%;height: 100%;}
.pick-wrap .pick-left .swiper-slide{height: 100%;width: 51px!important;margin-right: 8px;}
.pickup-list .pick-wrap .pick-left img{width: 51px;height: 51px;}
.pickup-list .pick-wrap .pick-right{width: 17%;float: right;font-size: 11px;color: #494e52;line-height: 51px;text-align: center;}
.pickup-list .pick-wrap .pick-right em{font-size: 12px;color: #0b0c0e;}
.pickup-goods .pickup-addr{padding: 0 11px;border-top: 5px solid #eee;border-bottom: 5px solid #eee;}
.pickup-goods .pickup-addr p{min-height: 32px;line-height: 32px;border-bottom: 1px solid #eaeaea;padding-left: 6px;color: #494e52;font-size: 13px;}
.pickup-goods .pickup-addr p i{display: inline-block;background-image: url(../images/pickup.png);background-size: auto 12px;position: relative;margin-right: 15px;width: 13px;height: 12px;}
.pickup-goods .pickup-addr p i.pi1{background-position: 25px 0;top: 3px;}
.pickup-goods .pickup-addr p i.pi2{background-position: 0 0;top: 1px;}
.pickup-goods .pickup-addr p i.pi3{background-position: 53px 0;top: 11px;float: left;}
.pickup-goods .pickup-addr p.pu-addr span{line-height: 20px;padding: 6px 0;width: 90%}
.pickup-goods .pickuo-code{padding: 0 11px; text-align: center; color: #333;}
.pickup-goods .pickuo-code .pickup-img{width: 100%;margin-bottom: 10px;}
.pickup-goods .pickuo-code .pickup-img canvas{display: none;}
.pickup-goods .pickuo-code .pickup-img img{margin: 0 auto;display: block;padding: 4px; border: 1px solid #eee; border-radius: 5px;box-shadow: 0 0 5px #ddd;}
.pickup-goods .pickuo-code span{font-size: 12px;color: #9b9c9e;line-height: 28px;width: 100%;text-align: center;}

/*周边门店首页*/

.storelist{ position: relative;}
.storelist .top-info{z-index: 2; height: 35px; line-height: 36px; position: absolute; top: 0; left: 0; right: 0; background: -webkit-linear-gradient(top, rgba(33, 33, 33, 1), rgba(33, 33, 33, 0)); padding-left: 12px; padding-right: 12px; color: #fff;}
.storelist .top-info.prelative{position: relative;margin-bottom: 12px;}
.storelist .top-info .locate{ display: inline-block; width: 36%; box-sizing: border-box; position: relative; padding-left: 20px;padding-right: 6px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.storelist .top-info .locate:before{ content: ''; position: absolute; left: 0; width: 14px; height: 16px; top: 50%; margin-top: -8px; background: url(../images/ic_locate3.png) no-repeat; background-size: contain;}
.storelist .top-info .locate:after{ content: ''; position: absolute; right: 0; width: 5px; height: 8px; top: 50%; margin-top: -4px; background: url(../images/ic_arrow2.png) no-repeat; background-size: contain;}
.storelist .top-info .search{ width: 60%; float: right; position: relative;}
.storelist .top-info .search input{ height: 27px; border: 0; border-radius: 25px; width: 100%; padding-right: 8px; background-color: rgba(255, 255, 255, 0.3); outline: none; padding-left: 32px; margin-top: -1px; font-size: 14px;}
.storelist .top-info .search i{position: absolute; left: 10px; top: 10px; color: #fff; font-size: 16px; cursor: pointer; font-size: 18px;}
.storelist .search input::-webkit-input-placeholder{ color: #fff;}
.storelist .search input:-ms-input-placeholder{ color: #fff;}
.storelist .search input:-moz-placeholder{ color: #fff;}
.storelist .fast-nav{z-index: 11; background: #FFFFFF; width: 100%; position: relative; padding: 12px 0 10px; font-size: 0; border-top-left-radius: 7px; border-top-right-radius: 7px; margin-top: -10px;}
.storelist .fast-nav:after{ display: none;}
.storelist .fast-nav li{ text-align: center; color: #4f4f4f; line-height: 18px; padding: 0; font-size: 13px; width: 25%; display: inline-block;}
.storelist .fast-nav img{ width: 60%; display: inline-block;}
.storelist .fast-nav span{ display: block; height: 18px;}
.storelist .index-topic{ margin-top: 12px; margin-bottom: 12px; height: 340px;background-color: #fff;}
.storelist .index-topic a{ display: inline-block; float: left;}
.storelist .index-topic a img{ width: 100%; height: 100%; display: inline-block;}
.storelist .index-topic .t-left{ height: 100%; width: 42%; box-sizing: border-box; border-right: 1px solid #f0f0f0; float: left;}
.storelist .index-topic .t-right{ height: 100%; width: 58%; float: left;}
.storelist .index-topic .t-top,.index-topic .t-bottom{ height: 50%;}
.storelist .index-topic .t-top{ box-sizing: border-box; border-bottom: 1px solid #f0f0f0;}
.storelist .index-topic .t-top a,.index-topic .t-bottom a{ box-sizing: border-box; width: 50%; height: 100%;}
.storelist .index-topic .t-top a:first-child,.index-topic .t-bottom a:first-child{ border-right: 1px solid #f0f0f0;}
.store-container{ background: #fff; padding: 0 12px;}
.store-container .title{ background-color: #fff; text-align: center; padding: 10px; font-size: 16px; border-bottom: 1px solid #ddd;}
.store-container .title span{ position: relative; padding-left: 30px;}
.store-container .title span:before{ content: ''; position: absolute; width: 22px; height: 22px; left: 0; background: url(../images/thumb.png) no-repeat; background-size: contain;}
.store-container .list-li{ padding-top: 12px; padding-bottom: 12px; color: #747474; font-size: 12px;position: relative;}
.store-container .list-li span.remm-bg{ width: 36px; height: 36px; background: url(../images/remm.png) no-repeat; background-size: contain; position: absolute; top: 0px; left: -12px;}
.store-container .list-li:not(:last-child){ border-bottom: 1px solid #f0f0f0;}
.store-container .list-li img.store-img{ float: left; width: 71px; height: 71px; border: 2px solid #f0f0f0; border-radius: 4px; margin-right: 10px;}
.store-container .list-li i.cart-num{ position: absolute; top: 6px; left: 60px; font-size: 12px;width: 16px;height: 16px; border-radius: 8px; text-align: center;line-height: 16px; background: #ff1744; color: #fff;}
.store-container .li-right{ float: left; width: calc(100% - 85px);}
.store-container .li-right h3{ font-size: 16px; color: #212121; padding: 4px 0; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.store-container .li-right .rowline{ line-height: 20px;}
.space-line{display: inline-block; width: 1px; height: 10px; background: #bdbdbd; margin-left: 8px; margin-right: 8px;}
.tag{ padding: 0 2px; color: #fff; background: #03a9f4; border-radius: 4px; margin-left: 8px;}
.store-container .li-right ul{ position: relative;}
.store-container .li-right .sales li{ height: 24px; line-height: 24px;}
.sale-icon{ position: relative; display: inline-block; width: 16px; height: 16px;line-height: 16px; text-align: center; border-radius: 2px; margin-right: 4px; vertical-align: middle;}
.sale-icon.type1{ background: #ff1744;}
.sale-icon.type1:before{ content: '满'; font-size: 12px; color: #fff;-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sale-icon.type2{ background: #8bc34a;}
.sale-icon.type2:before{ content: '券'; font-size: 12px; color: #fff;-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sale-icon.type3{ background: #ff9800;}
.sale-icon.type3:before{ content: '免'; font-size: 12px; color: #fff;-moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.sales li:not(:first-child){ display: none;}
.sales.active li:not(:first-child){ display: block;}
.sales.active .sale-num i{ background: url(../images/arrow_up2.png) no-repeat; background-size: contain;}
.sales li:first-child span{ width: 60%;}
.sales li span{ width: 85%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1; vertical-align: middle;}
.sale-num{ position: absolute; right: 0; top: 3px;}
.sale-num i{ display: inline-block; margin-left: 4px; margin-bottom: 2px; width: 9px; height: 5px; background: url(../images/arrow_down2.png) no-repeat; background-size: contain;}
.store-container .li-right .products{ margin-top: 4px;}
.store-container .li-right .products li{ text-align: center; line-height: 18px; padding: 0; font-size: 12px; width: 23%; display: inline-block;}
.store-container .li-right .products li a{ color: #ff1744;}
.store-container .li-right .products img{ width: 90%; border: 1px solid #f0f0f0; border-radius: 4px; display: inline-block;}
.store-container .li-right .products span{ display: block; height: 18px;width: 90%;white-space: nowrap;overflow: hidden;}
.hdstars,.hdstars-active{ width: 50px; height: 10px;}
.hdstars{ display: inline-block; background: url(../images/stars_grey.png) no-repeat; background-size: auto 10px;}
.hdstars-active{ background: url(../images/stars_orange.png) no-repeat; background-size: auto 10px; display: block;}
.commentscore{ font-size: 12px; color: #ff9800;}
.historySearch{background: #fff; padding-bottom: 12px; margin-bottom: 12px;}
.historySearch h3{ font-size: 12px; background: #f0f0f0; padding: 0 12px; line-height: 36px; color: #666;}
.historySearch ul{padding: 0 12px;}
.historySearch li{ display: inline-block; padding: 0 15px; margin: 10px 10px 0 0; background: #f0f0f0; line-height: 30px;border-radius: 20px;}

/*门店地址选择页*/

.changePo .search{ height: 42px;}
.changePo .search span{ display: inline-block; width: 20.5%; float: left; margin-top: 5px; height: 32px; line-height: 32px;background: url(../images/more6.png) no-repeat right center; background-size: 7px 4px; padding-right: 5px; margin-right: 2.7%; font-size: 14px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.changePo .search .memberss{display: inline-block; width: 76.8%; float: right; margin: 5px auto; height: 32px; border-radius: 4px; overflow: hidden; background: #eeeeee; position: relative;}
.changePo .memberss input{ width: 100%; height: 32px; line-height: normal; border: 0;padding-left: 38px; padding-right: 30px; background: 0 0; font-size: 14px;}
.changePo .memberss button{ width: 18px; height: 18px; background: url(../images/distribution_icon_1.png) no-repeat; background-size: auto 100%; border: 0; position: absolute; left: 10px; top: 50%; margin-top: -9px;}
.changePo h2{ line-height: 38px; background: #f5f5f5; font-size: 14px; color: #757575;margin: 0;}
.shouhdz ul li,.fujdz ul li{ border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.changePo h3,.diangqwz{ color: #424242;}
.changePo p{ color: #9e9e9e;}
.changePo h3{ margin-top: 13px; font-size: 14px;}
.changePo .diangqwz span{ width: 73%; display: inline-block; float: left; font-size: 13px;}
.changePo .diangqwz em.em1{display: inline-block; float: right; background: url(../images/posi-icon1.png) no-repeat left center;background-size: 14px 14px; padding-left: 20px; color: #2196f3;}
.changePo .diangqwz em{ display: inline-block; float: right; background: url(../images/loading.gif) no-repeat left center;background-size: 14px 14px; padding-left: 20px; color: #2196f3;}
.shouhdz ul li,.fujdz ul li{ border-bottom: 1px solid #e0e0e0; overflow: hidden;}
.shouhdz ul li p,.fujdz ul li p{ margin-bottom: 13px; clear: both;}
.sshousuo{ background: url(../images/arrow_down2.png) no-repeat right center; background-size: 7px 4px;padding-right: 10px; margin: 0 auto; color: #000; display: inline-block; white-space: nowrap; text-align: center;}
.seaeche{width: 100%; text-align: center;}
.sshousuo.active{ background: url(../images/arrow_up2.png) right center / 7px 4px no-repeat; width: 14%;}
#divMore{ margin-top: 5px;}
.mui-poppicker-active-for-page .changePo{ position: fixed; top: 0;width: 100%;}
.zanwu{line-height: 30px; padding: 10px 0; overflow: hidden;}
.changePo .zanwu h3{ margin-top: 8px;float: left;}
.zanwu a{border: 1px solid #f0f0f0;border-radius: 6px;padding: 0 10px;float: right;}

/*单门店首页*/

.storeH{padding-bottom: 50px !important;}
.dingwei{ position: relative; overflow: hidden; height: 116px; padding-bottom: 20px; background-color: #fff;}
.filter-bg{ position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 20px);background-color: #333;}
.beijing{position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 20px); background-size: 100% 100%; -webkit-filter: blur(85px); filter: blur(85px);}
.dingwei .white-s{position: absolute; height: 20px; background: #fff; bottom: 0; width: 100%; z-index: 1;}
#stores{ width: 100%;position: relative;}
.dingwei .pic,#stores .intro{ float: left;}
.dingwei .pic{ width: 80px; position: absolute; bottom: 10px; left: 11px; height: 80px;z-index: 2;}
.dingwei .pic img{max-width: 100%;height: 100%;}
.dingwei .pic img{ border-radius: 4px;}
#stores .intro{ width: calc(100% - 90px); color: #fff; font-size: 11px; float: right;margin-top: 13px;}
#stores .intro #storename{width: 85%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#stores .info div{ margin-top: 8px;line-height: 1;}
#stores .info div span{width: 85%;}
#stores .intro h3{ font-size: 16px;margin: 0;}
#stores .info div#huod-b{ position: absolute; top: 0px; right: 0px; border: 1px solid #222224; border-radius: 10px; padding-left: 5px; padding-right: 17px; line-height: 18px;}
#stores .info div#huod-b a{ color: #fff;}
#stores .info div#huod-b i{ background: url(../images/main/more4.png) no-repeat left center; width: 7px; height: 4px;background-size: 7px 4px; position: absolute; right: 5px; top: 50%; margin-top: -2px;}
#stores .intro h3 a.telphone{ width: 16px; height: 16px; font-size: 0; float: right; background: url(../images/phone2.png) center center no-repeat; background-size: 16px 16px; padding: 15px; margin-right: -7px; margin-top: -7px;}
.storeH .index-category .categoryLeft li{ height: initial; line-height: initial; padding: 12px; font-size: 13px; text-align: left; color: #747474;}
.storeH .index-category .categoryLeft li.cur{ border-left: none; color: #515151;}
#stores .intro .gomap a.locate-ic{ width: 14px; height: 14px; font-size: 0; float: right; background: url(../images/navigation.png) center center no-repeat; background-size: 14px 14px; padding: 15px; margin-right: -7px; margin-top: -8px;}
.storeH .sales{position: relative;background: #fff;padding-bottom: 12px; overflow: hidden;}
.storeH .sale-num{right: 11px;}
.storeH .sales span{color: #747474;}
.storeH .search{ padding: 11px; position: relative; width: 100%; background-color: #f0f0f0; margin-bottom: 0;}
.storeH .search input{font-size: 13px; height: 36px; border-radius: 4px; padding-right: 8px; background-color: #fff; outline: none; padding-left: 32px; margin-top: -1px; border: 1px solid #f0f0f0;margin-bottom: 0;text-align: left;}
.storeH .search i{ position: absolute; width: 20px; left: 22px; top: 19px; color: #bdbdbd; font-size: 20px; cursor: pointer;}
.storeH .index-category .categoryRight #productlist{ margin: 0; padding: 0 11px 50px;margin-left: 10px;}
.storeH .index-category .categoryRight h3.typename{ padding: 12px 0; border-bottom: 1px solid #f0f0f0; color: #515151;font-weight: bold;margin-left: -10px;}
.storeH .index-category .categoryRight img{ width: 60px; height: 60px;}
.storeH .index-category .categoryRight li{ border-bottom: none; padding: 0;}
.storeH .index-category .categoryRight .pros li{ border-bottom: 1px solid #f0f0f0; padding: 12px 0; padding-left: 68px;}
.storeH .index-category .categoryRight .content h3{ font-size: 14px;font-weight: bold;}
.storeH .index-category .categoryRight p{ margin-top: 4px;}
.storeH .index-category .categoryRight p.no-content{text-align: center; margin: auto; font-size: 14px;}
.storeH .index-category .categoryRight .money.original{ color: #bdbdbd; text-decoration: line-through; margin-left: 5px;}
.storeH .index-category .categoryLeft li.cur:after{display: none;}
.storeH .categoryRight .content .c-bottom .fr{ position: absolute; right: 0; bottom: 11px;background-color: #fff;}
.store-btn-buy{ width: 70px; height: 20px; overflow: hidden;line-height: 20px;}
.sales li{margin-top: 8px;}
.store-btn-buy input{ float: left; width: 30px;text-align: center; color: #212121;border: none;height: 24px;-webkit-appearance: none;padding: 0;}
.store-minus{ float: left; width: 20px; height: 20px; background: url(../images/store_minus.png) no-repeat; background-size: contain;}
.store-add{ float: left; width: 20px; height: 20px; background: url(../images/store_add.png) no-repeat; background-size: contain;}
.store-btnspan{ height: 20px; width: 65px; background: #03a9f4; color: #fff; border: none; border-radius: 10px; font-size: 12px;padding: 0;}
.store-btnspan .cart-num{ position: absolute; top: -5px; right: -5px; font-size: 12px; padding: 0 5px; border-radius: 8px; background: #ff1744; color: #fff;}
.sbottom-btn{ border-top: 1px solid #e0e0e0; height: 50px; background: #fff; position: fixed; bottom: 0; width: 100%; padding-left: 76px; z-index: 9999;}
.sbottom-btn .info{ margin: 4px 0; float: left;}
.sbottom-btn .info .money{ color: #ff1744; font-size: 18px; line-height: 1; margin-top: 4px;}
.sbottom-btn .info .money sub{ bottom: 0;}
.sbottom-btn .info p{ color: #515151; font-size: 12px;}
.sbottom-btn button{ height: 100%; border: none; width: 116px; color: #fff; font-size: 16px; float: right; background: #ff1744;border-radius: initial;}
.sbottom-btn button.disabled{ background: #909090;}
.sbottom-btn .s-cart{ width: 59px; height: 59px; background: url(../images/ic_cart.png) no-repeat; background-size: contain; position: absolute; left: 12px; top: -12px;}
.sbottom-btn .s-cart.disabled{ background: url(../images/ic_cart_disable.png) no-repeat; background-size: contain;}
.sbottom-btn .s-cart .cart-num{ font-size: 12px; padding: 0;width: 16px;height: 16px; text-align: center;line-height: 17px; border-radius: 50%; background: #ff1744; color: #fff; float: right; font-style: normal; margin: 5px 5px 0 0;}
.getCoupon-d{ height: 60px; background: url(../images/coupon_bg1.png) no-repeat; background-size: 100% 100%; padding-left: 16px; margin: 11px;}
.getCoupon-d span{ color: #212121; font-size: 16px; margin-top: 10px;}
.getCoupon-d .fl{ width: 65%; overflow: hidden;}
.storeH .index-category .categoryRight .getCoupon-d p{ color: #747474; font-size: 12px; width: 85%; margin-right: 0;}
.getCoupon-d .getCoupon{ font-size: 14px; background: #ff1744; color: #fff; border-radius: 14px; padding: 3px 10px; float: right; margin: 16px 12px 0 0; border: none;}

/*单门店首页弹框*/

.mask{ position: fixed; left: 0; top: 0; z-index: 10; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.4);}
.comm-stand{ margin: 28px; background: #fff; border-radius: 6px; box-shadow: 0 0 7px #ccc; position: fixed; top: 15%; left: 0; right: 0;}
.comm-stand-con{ padding: 16px 16px 10px 16px; position: relative;}
.comm-stand-con .comm-bd{max-height: 260px;overflow-y: auto;}
.comm-stand .comm-item{ overflow: hidden; margin-bottom: 10px; line-height: 20px; clear: both;}
.comm-attr{ overflow: hidden;}
.comm-stand .comm-name{ font-size: 16px; line-height: 20px; padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0;}
.comm-stand .comm-name .comm-txt{ display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 216px;}
.comm-stand .comm-icon{ position: absolute; width: 30px; height: 30px; background: url(../images/ic_close.png) no-repeat; background-size: 14px; top: 10px; right: 8px; background-position:center;}
.comm-item .comm-title{ font-size: 14px; line-height: 22px; margin-bottom: 6px;}
.comm-item .comm-attr span{ border: 1px solid #fff; padding: 0 12px; line-height: 28px; display: block; float: left; margin-top: 6px; margin-bottom: 6px; margin-right: 12px; white-space: nowrap; border-radius: 5px; background: #f5f5f5; font-size: 12px;max-width: 230px;overflow: hidden; text-overflow: ellipsis;}
.comm-item .comm-attr span.active{ border: 1px solid #ff1744; background: #ff1744;color: #fff;}
.comm-stand-shop{ background: #f5f5f5; overflow: hidden; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;}
.comm-stand-shop .product-into{ margin: 20px 16px; height: 20px; line-height: 20px; color: #ff8a65;}
.comm-stand-shop .product-into .buynum{ background: #f5f5f5;}
.comm-stand-shop .product-into .product-price{ color: #ff1744; font-weight: bold;font-size: 19px; width: 100px; float: left;}
#pop-coupon .comm-stand .comm-name{ border-bottom: none; padding: 0 16px 0 16px;}
#pop-coupon .comm-stand-con{ padding-left: 0; padding-right: 0; padding-bottom: 0;}
.comm-stand .coupons{ background: #f5f5f5; padding: 13px 16px; height: 300px; overflow-y: scroll;}
.comm-stand .coupons li{ height: 97px; background: url(../images/coupon_bg.png) no-repeat; background-size: 100% 100%; padding-left: 16px; margin-bottom: 5px;}
.comm-stand .coupons .money{ color: #ff1744; font-size: 14px; line-height: 1; margin-top: 4px;}
.comm-stand .coupons .money sub{ bottom: 0;}
.comm-stand .coupons li p{ font-size: 12px; color: #424242; position: relative; padding-left: 12px; width: 150px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.comm-stand .coupons li p:before{ content: ''; width: 4px; height: 4px; background: #ff1744; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.comm-stand .coupons li div.fl{ margin-top: 20px;}
.comm-stand .coupons .getCoupon{ font-size: 14px; color: #ff1744; border: 1px solid #ff1744; border-radius: 4px; padding: 3px 5px; background: #fff; float: right; margin-top: 34px; margin-right: 5%;}
.comm-stand .coupons .getCoupon.disabled{ color: #b5b5b5; border: 1px solid #b5b5b5; background: #f7f7f7;}
.modul-popup{ position: fixed; top: 0; right: 0; bottom: 100px; left: 0; z-index: 999;opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.modul-popup.is-visible{ opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.modul-popup .mask{z-index: 1;}
.modul-popup-container{ position: absolute; top: 20%; right: 0; bottom: 0; left: 0; z-index: 2; background-color: rgb(255, 255, 255); box-shadow: 0 0 20px rgba(0, 0, 0, .2); -webkit-transform: translateY(110%); transform: translateY(110%); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.modul-scroll{ width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto;}
.is-visible .modul-popup-container{ -webkit-transform: translateY(0); transform: translateY(0);}
.modul-popup.store{ bottom: 50px;}
.settle-popup-header{ height: 44px; padding: 10px 0; font-size: 14px; line-height: 24px; position: relative; padding-left: 39px; background: #f7f7f7;}
.settle-popup-body{ position: absolute; top: 44px; right: 0; bottom: 0; left: 0; width: 100%;}
.store .store-minus{ background: url(../images/store_minus2.png) no-repeat; background-size: contain;}
.store .check-custom{ left: 11px; top: 50%; margin-top: -10px; border-radius: 100%; position: absolute; z-index: 10; width: 20px; height: 20px; background: none;border: 1px solid #7f7f7f;}
.store .check-custom.active{ background: #fff url(../images/ok.png) no-repeat; background-position: -26px 0; background-size: 47px;border: none;}
.c-dele{ position: relative; margin-right: 11px; color: #747474; padding-left: 23px;}
.c-dele:before{ content: ''; position: absolute; width: 12px; height: 15px; background: url(../images/ic_trash.png) no-repeat; background-size: contain; left: 0; top: 50%; margin-top: -7px;}
.cart-pros{ background: #fff; padding-left: 11px;}
.cart-pros li{ padding: 18px 11px 18px 28px; position: relative;}
.cart-pros li:not(:last-child){ border-bottom: 1px solid #e0e0e0;}
.store .cart-pros .check-custom{ left: 0;}
.cart-pros li span{ float: left;}
.cart-pros .p-name{ color: #212121; font-size: 14px; width: 50%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cart-pros .p-name + div.fr{position: absolute; top: 50%; height: 20px; margin-top: -10px; right: 11px;}
.cart-pros .disable-reason{ margin-top: 2px; width: 70px; text-align: right;}
.cart-pros .money{ color: #ff1744; font-size: 14px; line-height: 1; margin-top: 2px;margin-right: 12px;}
.cart-pros .money sub{ bottom: 0;}
.disabled-pros .d-title{ padding: 10px 0; font-size: 14px; line-height: 24px; position: relative; padding-left: 11px; background: #f7f7f7;}
.cart-pros.disabled li{ padding-left: 0; color: #bdbdbd;}
.cart-pros.disabled .p-name,.cart-pros.disabled .money{ color: #bdbdbd;}

/*门店标签页*/

.tag-linkname{ padding: 10px; background-color: #fff; text-align: center;}
.tag-linkname span{ position: relative; padding: 0 10px; font-size: 14px; color: #6b6c6e;}
.tag-linkname span:before, .tag-linkname span:after{ position: absolute; top: 50%; width: 80px; height: 1px; overflow: hidden; content: ''; background-color: #d4d4d4;}
.tag-linkname span:before{ left: -80px;}
.tag-linkname span:after{ right: -80px;}
.none{display: none;}

/*我的资产*/

#assets{ background-color: #fff;width: 100%;overflow: hidden;}
#assets .divBalance{ height: 120px; padding: 60px 20px 0; font-weight: 500; border-bottom: 1px solid #f3f3f3; position: relative;}
#assets #spanBalance{ font-size: 38px; color: #fb1438;}
#assets .divBalance .baM{ padding-left: 10px; font-size: 14px; color: #030e21;}
#assets #spanBalance i{ margin-right: -8px; font-size: 21px; font-style: normal;}
#assets .divBalance .recharge{width: 77px;height: 30px;line-height: 30px;text-align: center;color: #ff0000;font-size: 15px;position: absolute;border: 1px solid #c0c0c8;border-radius: 4px;top: 10px;right: 18px;}
.red-envelop{float: right;}
#assets .total-red{ padding: 15px 0; background-color: #fff; text-align: center;}
#assets .total-red span{ position: relative; width: 33.3333%; float: left; font-size: 12px; line-height: 16px; color: #778189;}
#assets .total-red span+span:after{ position: absolute; top: 0; left: 0; display: block; width: 1px; height: 33px; content: ''; background-color: #e8e8e8;}
#assets .total-red i{ font-style: normal; font-size: 16px; color: #2a2a2e;}
#assets .total-red strong{ font-size: 14px; font-weight: 400; color: #6b6c6e;}
#assets .total-red p.get{margin-bottom: 5px;position: relative;top: -3px;}
.myasset-list{padding: 0 10px; background: #fff; margin-top: 10px;}
.myasset-list li{ padding: 10px 12px 10px 0; border-bottom: 1px solid #f0f0f0; position: relative;}
.myasset-list .desc{ line-height: 22px; font-size: 14px; width: 85%;}
.myasset-list .time{ line-height: 20px; color: #bdbdbd; font-size: 12px; margin: 0;}
.myasset-list .price{ position: absolute; line-height: 42px; font-size: 16px; top: 50%; right: 12px; color: #212121; font-weight: bold; margin-top: -21px;}
.myasset-list .price.out{ color: #fb1438;}

.cover{position: fixed; height: 100%; width: 100%; z-index: 8889; cursor: pointer; background-color: rgba(0, 0, 0, .4); top: 0; left: 0;bottom: 0;right: 0;display: none;}
.item1{width: 100%; overflow: hidden;margin-bottom: 10px;}
.steponeee{ position: fixed; top: 50%; right: 25px; left: 25px; z-index: 9999; padding: 0 30px; text-align: center; background-color: #fff; border-radius: .05rem; transform: translateY(-50%); -webkit-transform: translateY(-50%); overflow: hidden;}
.steponeee h3{ font-size: 15px; line-height: 44px; color: #2a2a2e;}
.steponeee input{ width: 100%; height: 32px; padding: 6px 12px;}
.steponeee .item1 .fl{ float: none;}
.steponeee input{overflow: hidden; font-size: 12px; color: #bdbdbd; border: 1px solid #9b9b9b; border-radius: 4px; box-shadow: none;}
.steponeee .btn{ margin-top: 3px; margin-bottom: 18px; font-size: 13px; background-color: #ff4f38; color: #fff; border-radius: 4px;width: 100%;height: 32px;line-height: 33px; display: inline-block;}
.steponeee .close{ position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; opacity: 1; background: url(../images/assets-icon.png) no-repeat -39px -2px/50px auto;}
.steponeee .alipayitem{display: none;}
.steponeee.alipay .alipayitem{display: block;}
.withApplyType-box{padding: 5px 0;}
.withApplyType-box .withApplyType-btn{ border: 1px solid #ddd; border-radius: 2px; position: relative;z-index: 1; color: #6c6c6e; line-height: 26px; float: left;margin: 7px 12px 0 0; padding: 0 28px 0 8px; display: none;}
.withApplyType-box .withApplyType-btn input{z-index: 9;position: absolute; -webkit-appearance: none;border: 0; outline: 0!important; background-color: transparent; right: 3px; top: 4px; width: 16px; height: 16px;}
.withApplyType-box .withApplyType-btn input:before{background: url(../images/ok-check.png) no-repeat;background-size: cover; content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 18px;}
.withApplyType-box .withApplyType-btn input:checked:before{ background-position: -23px 0;}
.withApplyType-box .withApplyType-btn input:checked~span{ color: #262626;}
.withApplyType-box .withApplyType-btn input:disabled~span{ color: #999;}
.recharge-list{padding: 12px;}
.recharge-list li{text-align: center;line-height: 22px;display: inline-block;border: 1px solid #ddd; border-radius: 3px; background: #fff; color: #212121; padding: 8px 0; width: 30%;margin: 8px 1.2%; font-size: 12px;}
.recharge-list li p{font-size: 16px;color: #212121;}
.recharge-list li.active{background: #fb1438;border-color: #fb1438;color: #fff;}
.recharge-list li.active p{color: #fff;}
.recharge-btn-area{padding: 0 20px;}
.recharge-btn-area p{color: #747474;margin-top: 8px;}
.recharge-btn-area .mui-btn-block{ padding: 10px 0;}

/*门店商品详情*/

.store-prodetail .table-goods-box{ background-color: #fff; padding-left: 0; padding-right: 0;}
.store-prodetail .goods-info h3{ font-size: 18px; color: #212121; padding: 0; margin-bottom: 8px;}
.store-prodetail .goods-info h4{ font-size: 14px; color: #424242; margin: 0 0 8px 0;}
.store-prodetail .goods-info h6{ font-size: 14px; color: #747474; margin: 0;}
.store-prodetail .goods-info .p-price{ margin-bottom: 0; color: #bdbdbd; height: 32px; line-height: 32px;}
.store-prodetail .goods-info .p-price .btnBlue{ float: right; color: #ffffff; margin-right: 0; background-color: #03a9f4; padding: 6px; font-size: 14px; border-radius: 22px; line-height: 1; margin-top: 2px; position: relative;}
.store-prodetail .btnBlue i.cart-num{ text-align: center; position: absolute; top: -5px; right: -5px; font-size: 11px; width: 18px; height: 18px; line-height: 18px; border-radius: 100%; background: #ff1744; color: #fff;}
.store-prodetail #onsale .father{ float: right; color: #747474;max-width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-right: -20px; font-size: 13px;}
.store-prodetail .table-view-iconlist{ margin-top: 10px;font-size: 16px;}
.store-prodetail .p-detail{ margin: 10px 0 0 0;}
.store-prodetail .fullCut_head{ padding: 12px; text-align: left; font-size: 16px; position: relative; border-bottom: 1px solid #e1e1e1;}
.store-prodetail .fullCut_head .ic_close{ position: absolute; width: 14px; height: 14px; background: url(../images/ic_close.png) no-repeat; background-size: contain; top: 50%; right: 16px; margin-top: -7px;}
.store-prodetail .fullCut{ padding: 0;}
.store-prodetail .fullCut_table{ padding-left: 12px;}
.store-prodetail .fullCut_table_cell label{ padding: 2px 8px; border: 1px solid #ff1744; color: #ff1744; border-radius: 4px; margin-top: 12px; font-size: 14px; font-weight: 100;}
.store-prodetail .fullCut_table_cell{ padding: 20px 0; font-size: 16px;}
.store-prodetail .fullCut_table_cell:first-child{ width: 25%;}
.store-prodetail .close_fullCut{ height: 49px; line-height: 49px; font-size: 18px; background: none; background-color: #ff1744; padding: 0; width: 100%; text-align: center; color: #fff;}
.store-prodetail .p-detail-html{ padding-bottom: 55px;}
.store-prodetail .p-price .mui-numbox{ float: right; height: 32px;}
#shousuo{display: none;}
.cart-pros .p-name p{ font-size: 12px; color: #7d7d7d;}
#capitalAmounts{width: 100px;}
.detail-anchor1{ display: none; padding: 0; clear: both;}
.detail-anchor1 label{float: left;}
.detail-anchor1 label input{border: none; color: #757575;}
.detail-anchor1 span{float: right; color: red; margin-right: 10px;padding: 0; text-align: right;}
#integralAmounts{width: 100px;}
#integralBox{ display: none;padding: 0; clear: both;}
#integralBox label{float: left;}
#integralBox label input{border: none; color: #757575;}
#integralBox span{float: right; color: red; padding: 0; padding-right: 10px;text-align: right;}
.map-box{ height: 320px;}

/*门店冻结提示框*/

#dialogForbid{ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 999; background: #fff; width: 100%; overflow: hidden; text-align: center; height: 100%;}
#dialogForbid h3{ color: #bbb; margin: 50% 0 40px;}
#dialogForbid div{ padding: 4px; border: 1px solid red; border-radius: 2px; width: 100px; margin: 0 auto; color: red;}
.salevolume span{padding-right: 15px;}

/*店铺简介*/
.vshop-table-view{background:transparent;}
.vshop-table-view li:first-child {height: 120px;background-color: #FB1438;padding-top: 14px;}
.vshop-table-view .vshop-head{background: transparent;text-align: center;position: relative;}
.vshop-table-view .vshop-head .v-logo {border-width: 0;}
.vshop-table-view .vshop-head .v-logo img {height: 64px;width: 64px;border-radius: 50%;}
.vshop-table-view .vshop-head p {color: #FFFFFF;font-size: 16px;line-height: 24px;margin-top: 8px;}
.vshop-table-view .vshop-head a.favorite-btn {display: block;position: absolute;top: 0;right: 13px; color: #fff; font-size: 22px;}
.vshop-table-view .vshop-score {height: 60px;display: table;width: 100%;padding-top: 10px;background: #FFFFFF;}
.vshop-table-view .vshop-score span {display: inline-block;width: 33%;color: #747474;font-size: 12px;line-height: 20px;display: table-cell;text-align: center;}
.vshop-table-view .vshop-score span em {color: #FB1438;font-size: 14px;display: block;}
.vshop-table-view .vshop-score span+span:before {margin-top: 8px;display: block;width: 1px;height: 25px;background-color: #CCCCCC;content: "";float: left;}		
.vshop-table-view .vshop-intro {height: 212px;width: 176px;background: url(../images/qr_bg.png) no-repeat center;margin: 40px auto;text-align: center;color: #FFFFFF;font-size: 16px;line-height: 44px;padding-top: 8px;background-size: 176px 212px;}
.vshop-table-view .vshop-intro img {display: block;margin: 0 8px;width: 160px;height: 160px;}
			
/*店铺分类*/
.vshop-cate ul{margin-top: 12px;}
.vshop-cate ul>li{background: #FFFFFF;position: relative;}
.vshop-cate ul>li>a{margin-left:12px;height: 48px;line-height: 48px;font-size: 15px;color:#212121;}
.vshop-cate ul>li.minus>a{color: #FB1438;}
.vshop-cate ol{background: #fff7f7;padding: 0;}
.vshop-cate ol li{display: inline-block;padding: 0;border: 0;}
.vshop-cate ol li a{padding: 0 18px; display: inline-block;color: #515151;font-size: 12px;line-height: 40px;}
.vshop-cate ul>li.plus:after{ content: '＋'; position: absolute; display: block; color: #bdbdbd; font-size: 15px; width: 15px; height: 48px; line-height: 48px; top: 0; right: 12px; font-weight: bold;}
.vshop-cate ul>li.minus:after{ content: '－'; position: absolute; display: block; color: #bdbdbd; font-size: 15px; width: 15px; height: 48px; line-height: 48px; top: 0; right: 12px; font-weight: bold;}

