@charset "utf-8";
/*********************************************************/
body{ background-color: #f0f0f0; }
.wrap { max-width: 640px; margin: 0 auto; position: relative; overflow-x: hidden; table-layout: fixed; word-break: break-all; }
.head_fixed{ width: 100%; max-width: 640px; position: fixed; left: 50%; top: 0; z-index: 99; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.foot_fixed{ width: 100%; max-width: 640px; position: fixed; left: 50%; bottom: 0; z-index: 99; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.head_fixed ~ .main{ padding-top: 40px;}
.foot_fixed ~ .main{ padding-bottom: 50px;}

.bb-last .bb:last-child{ border-bottom: none; }

.col_own{ color: #ffd05b; }
.bg_own{ background-color: #ffd05b; }

.appbody .m-header{ padding-top: 18px; height: 58px; }
.appbody .m-header ~ .main{ padding-top: 58px;}
.appbody .index-search{ top: 58px; }
.appbody .classify{ height: calc(100vh - 148px); }
.appbody .filter-wrap_fixed{ top: 58px; }
.appbody .search-wrap { padding-top: 18px;}

/****************************************/
/*头部悬浮*/
.m-header{ height: 40px; border: 0; background-color: #ffd05b; color: #fff; }
.m-header .m-title{ position: absolute; left: 55px; right: 55px; display: block; text-align: center; font-weight: 500; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.m-header .m-link{ float: right; display: inline-block; padding: 8px; line-height: 24px; color: inherit; position: relative; z-index: 9; }
.m-header .m-link:before{ content: ""; display: inline-block; vertical-align: top; width: 24px; height: 24px; background-image: url(../images/m-header-icon.png); background-size: 100% auto; background-repeat: no-repeat; }
.m-header .m-link-back{ float: left; }
.m-header .m-link-back:before{ background-position: 0 0; margin-right: -5px; }
.m-header .m-link-more:before{ background-position: 0 -24px; }
.m-header .m-link-scan:before{ background-position: 0 -48px; }
.m-header .m-link-search:before{ background-position: 0 -72px; }
.m-header .m-link-msg:before{ background-image: url(../images/icon_message.png); }
.m-header .m-link-site{ float: left; height: 40px; padding-right: 16px; position: relative; }
.m-header .m-link-site:before{ background-position: 0 -96px; margin-right: -5px; }
.m-header .m-link-site:after{ content: ""; display: inline-block; height: 9px; width: 9px; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; position: absolute; top: 50%; right: 2px; -webkit-transform: matrix(-.71,.71,-.71,-.71,0,0); transform: matrix(-.71,.71,-.71,-.71,0,0); margin-top: -6px; }
.m-header .m-link-site span{ display: inline-block; max-width: 60px; vertical-align: middle; }
.m-header ~ .head_fixed{ top: 40px; }
.m-header ~ .head_fixed ~ .main{ padding-top: 80px; }
.m-header .m-search{ margin: 7px 0 7px 10px; text-align: left; }

/*flex垂直对齐列表*/
.m-list-flex{ display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }

/* flex组件 - 箭头 */
[class^="m-arrow-"] .m-cell-rt:after,[class*="m-arrow-"] .m-cell-rt:after{ display: inline-block; height: 10px; width: 10px; border-width: 2px 2px 0 0; border-color: #c8c8cd; border-style: solid; position: absolute; top: 50%; right: 2px; }
.m-arrow-right .m-cell-rt,.m-arrow-down .m-cell-rt,.m-arrow-up .m-cell-rt{ padding-right: 13px; position: relative; }
.m-arrow-right .m-cell-rt:after{ content: " "; -webkit-transform: matrix(.71,.71,-.71,.71,0,0); transform: matrix(.71,.71,-.71,.71,0,0); margin-top: -4px; }
.m-arrow-down .m-cell-rt:after{ content: " "; -webkit-transform: matrix(-.71,.71,-.71,-.71,0,0); transform: matrix(-.71,.71,-.71,-.71,0,0); margin-top: -7px; }
.m-arrow-up .m-cell-rt:after{ content: " "; -webkit-transform: matrix(.71,-.71,.71,.71,0,0); transform: matrix(.71,-.71,.71,.71,0,0); margin-top: -3px; }

/*标签*/
.m-tag i{ display: inline-block; margin-right: 5px; padding: 2px 5px; border: 1px #999 solid; line-height: 1; color: #999; -webkit-border-radius: 3px; border-radius: 3px; }
.m-tag i.tag-0{ border-color: #f82a2a; color: #f82a2a; }
.m-tag i.tag-1{ border-color: #f28b49; color: #f28b49; }
.m-tag i.tag-2{ border-color: #2a81f8; color: #2a81f8; }
.m-tag i.tag-3{ border-color: #00be1b; color: #00be1b; }
.m-pag i{ display: inline-block; width: 16px; height: 16px; margin-right: 5px; text-align: center; line-height: 16px; font-size: 12px; color: #fff; }
.m-pag i.bg-1{ background-color: #ff5a00; }
.m-pag i.bg-2{ background-color: #ffd05b; }
.m-pag i.bg-3{ background-color: #5cb342; }

/*价格更多*/
.m-price{ position: relative;}
.m-price .m-pNum{ position: absolute; top: 50%; right: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

/*富文本编辑器*/
.m-editor p{ line-height: 1.6; }
.m-editor img{ display: block; max-width: 100%!important; height: auto; margin-left: auto; margin-right: auto;}

/*库存*/
.m-stock{ display: inline-block; width: 85px; height: 26px; line-height: 24px; padding: 0 26px; border: 1px #909090 solid; -webkit-border-radius: 3px; border-radius: 3px; position: relative; overflow:hidden; }
.m-stock i{ display: inline-block; width: 26px; height: 100%; text-align: center; font-style:normal; font-size: 16px; color:#909090; position: absolute; top: 0; z-index: 1; cursor:pointer; }
.m-stock .minus{ border-right: 1px solid #909090; left: 0; }
.m-stock .plus{ border-left: 1px solid #909090; right: 0; }
.m-stock .value{ display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0 5px; background: none; text-align: center; font-size: 15px; }

.m-stock2{ display: inline-block; width: 120px; height: 28px; line-height: 26px; padding: 0 34px; position: relative; overflow:hidden; }
.m-stock2 i{ display: inline-block; width: 28px; height: 100%; border: 1px #ffd05b solid; text-align: center; font-style:normal; font-size: 16px; color:#ffd05b; position: absolute; top: 0; z-index: 1; cursor:pointer; -webkit-border-radius: 3px; border-radius: 3px; }
.m-stock2 .minus{ left: 0; }
.m-stock2 .plus{ right: 0; }
.m-stock2 .value{ display: block; width: 100%; height: 100%; margin: 0; border: 1px #e4e4e4 solid; padding: 0 5px; background: none; text-align: center; font-size: 15px; -webkit-border-radius: 3px; border-radius: 3px; }


/*地址管理*/
.m-address i{ display: inline-block; vertical-align: middle; background-image: url(../images/m-address-ico.png); background-size: 19px auto; background-repeat: no-repeat; }
.m-address i.ico-user{ width: 19px; height: 19px; background-position: 0 0; margin-top: -3px; }
.m-address i.ico-tel{ width: 19px; height: 19px; background-position: 0 -19px; margin-top: -3px; }
.m-address i.ico-edit{ width: 15px; height: 15px; background-position: 0 -38px; margin-top: -3px; }
.m-address i.ico-del{ width: 15px; height: 15px; background-position: 0 -57px; margin-top: -3px; }
.m-address .item-ft .btn-mini{ padding:2px 5px; color:#3ad9aa; border:1px solid #3ad9aa;}
.m-address .item-ft .link{ padding:3px 0; }
/*地址管理 - 默认*/
.m-address-default{ background: #fffdf9; position: relative;}
.m-address-default:after{ content: ""; display: block; width: 100%; height: 2px; background-image: url(../images/m-address-bg.png); background-size: auto 100%; background-repeat: repeat-x; position: absolute; left: 0; bottom: 0;}
/*.m-address-default:after{ content: ""; display: block; width: 100%; height: 10px; background-image: url(../images/m-address-ico.png); background-size: 22px auto; background-position: 0 -88px; background-repeat: repeat-x; position: absolute; left: 0; bottom: -10px;}*/
.m-address-default .status{ background-color:#f04848; padding:3px 5px; position:absolute; right:30px; top:10px; z-index:9; }
.m-address-default .item-ft .link{ padding: 0; }
/*地址管理 - 暂无*/
.m-address-none a{ display: block; line-height: 40px; }
.m-address-none em{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; margin-right: 6px; background-image: url(../images/m-address-add.png); background-size: 20px auto; background-repeat: no-repeat;}


/****************************************/
/*0.0登录*/
.flex-wrap{ width: 100%; min-height: 100vh; display: box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
/*旧*/-webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-box-orient: vertical; box-orient: vertical; -webkit-box-direction: normal; -moz-box-direction: normal; -ms-box-direction: normal; box-direction: normal; /*新*/-webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column;
/*旧*/-webkit-box-pack: justify; -moz-box-pack: justify; -ms-box-pack: justify; box-pack: justify; /*新*/-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }
.flex-auto{ width: 100%; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.Login_logo{ padding: 8% 26%; }

.Login_wrap{ padding: 0 20px; }
.Login_form .item-lt{ width: 60px; }
.Login_form .form-unify::-webkit-input-placeholder{ color:#cacaca; }

.ico-logfo{ width: 30px;}
.ico-logfo i{ display: block; width: 20px; height: 20px; margin: 0 auto; background-image: url(../images/icon_Login.png); background-size: 100% auto; background-repeat: no-repeat;}
.ico-logfo i.Lf-1{ background-position: 0 0;}
.ico-logfo i.Lf-2{ background-position: 0 -20px;}
.ico-logfo i.Lf-3{ background-position: 0 -40px;}
.ico-logfo i.Lf-4{ background-position: 0 -60px;}
.ico-logfo i.Lf-5{ background-position: 0 -80px;}

.Login_code{ position: relative; }
.Login_code .Lc-code{ display: inline-block; min-width: 90px; border: 0; color: #fff; -webkit-border-radius: 50px; border-radius: 50px; position: absolute; top: 50%; right: 0; z-index: 9; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.Login_code .Lc-code.on{ background-color: #ccc; }

.Login_imgcode{ width: 120px; text-align: right; }
.Login_imgcode img{ display: inline-block; vertical-align: middle; max-height: 44px; }

.Login_mode{ padding: 20px; text-align: center; }
.Login_mode a{ display: inline-block; margin-top: 10px; line-height: 26px; }
.Login_mode a:before{ content: ""; display: inline-block; width: 26px; height: 26px; vertical-align: top; margin-right: 10px; background-image: url(../images/icon_weixin.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }


/*1.1首页*/
.m-search{ display: block; height: 26px; padding: 6px; line-height: 14px; background-color: #fff; -webkit-border-radius: 50px; border-radius: 50px; }
.m-search:before{ content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: top; margin-left: 6px; background-image: url(../images/m-search-ico.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }
.m-search span{ display: inline-block; vertical-align: top; margin-left: 5px; border-left: 1px #e6e6e6 solid; padding-left: 10px; }

.index-search{ height: 40px; padding: 0 10px; background-color: rgba(0,0,0,0.6); top: 40px; }
.index-search .m-cell-hd{ max-width: 40px; margin-right: 10px; text-align: center; font-size: 10px; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.index-search .m-cell-hd:before{ content: ""; display: block; width: 15px; height: 15px; margin: 0 auto 2px; background-image: url(../images/icon_site.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }

.index-nav a{ float: left; width: 50%; padding: 15px; border-top: 1px #e1e1e1 solid; border-right: 1px #e1e1e1 solid; background-color: #fff; }
.index-nav a:nth-of-type(2n){ border-right: 0; }
.index-nav a:nth-of-type(2n) .m-cell-hd{ margin-right: 0; }
.index-nav .m-cell-hd{ width: 50px; height: 50px; margin-right: 15px; }

.index-scroll{ padding: 10px; background-color: #fff; }
.index-scroll > .m-cell-hd{ width: 45px; height: 33px; padding-right: 12px; border-right: 1px #e1e1e1 solid; margin-right: 15px; }
.index-scroll .swiper-container{ height: 40px !important; }
.index-scroll .pic-view{ width: 33px; height: 33px; margin-left: 10px; }

.index-wrap{ padding: 0 10px; background-color: #fff; }
.index-wrap .item-title{ padding: 10px 0; text-align: center; font-weight: bold; }
.index-wrap .item-title em{ display: inline-block; margin-left: 5px; }
.index-wrap .item-title .col1{ color: #ffd05b; }
.index-wrap .item-title .col2{ color: #ffa4aa; }
.index-wrap .item-title a{ display: block; font-weight: normal; }

.index-wrap .item-list li{ float: left; width: calc((100% - 10px)/3); margin-right: 5px; }
.index-wrap .item-list li:nth-of-type(3n){ margin-right: 0; }
.index-wrap .item-list a{ display: block; padding-bottom: 10px; text-align: center; }
.index-wrap .item-list .pic-view{ width: 100%; padding-top: 66%; margin-bottom: 5px; }
.index-wrap .item-list b{display: block;}
.index-wrap .item-menu{ margin-top: -10px; position: relative; }
.index-wrap .item-menu:before{ content: ""; display: block; width: 100%; height: 1px; background-color: #f6f6f6; position: absolute; left: 0; top: 50%; }
.index-wrap .item-menu li{ float: left; width: 25%; }
.index-wrap .item-menu a{ display: block; padding: 10px 5px; text-align: center; }
.index-wrap .item-menu img{ width: 60%; }

.index-group{ padding-bottom: 10px; text-align: center; }
.index-group .pic-view{ width: 100%; padding-top: 66%; margin-bottom: 5px; }
.index-group h3{ font-weight: bold; }

.index-title{ padding: 10px 12px 0; background-color: #fff; }

.index-list{ background-color: #fff; }
.index-list li{ padding: 10px; }
.index-list .pic-view{ width: 80px; height: 80px; margin-right: 15px; }
.index-list .m-cell-bd h3{ font-weight: bold; }
.index-list .m-cell-bd span{ color: #ff5528; }

.search-wrap{ display: none; width: 100%; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; overflow: auto; }
.search-wrap input[type=text]{ display: block; width: 100%; padding: 6px 10px; font-family: "Microsoft YaHei"; line-height: 1.5; border: 0; -webkit-border-radius: 4px; border-radius: 4px; background-color: #ededed; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search-wrap input[type=submit]{ display: block; text-align: center; width: 100%; font-family: "Microsoft YaHei"; line-height: 1.5; border: 0; padding: 0; margin: 0; background: none; }
.search-main i{ display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-top: -3px; background-image: url(../images/icon_search_main.png); background-size: 100% auto; background-repeat: no-repeat; }
.search-main i.sm-1{ background-position: 0 0; }
.search-main i.sm-2{ background-position: 0 -14px; }
.search-main i.sm-3{ background-position: 0 -28px; }
.search-main .item-con a{ margin-bottom: 10px; }


/*1.2商铺详情*/
.star-show{ display: inline-block; height: 15px; vertical-align: middle; margin-top: -3px; overflow: hidden;}
.star-show img{ float: left; width: auto; max-height: 100%; margin-right: 2px;}

.shops-head{ padding: 10px; background-color: #f0f0f0; }
.shops-head .item-bd{ padding: 5px 0 3px; }
.shops-head .auth{ margin-left: 6px; border-left: 1px #e1e1e1 solid; padding-left: 10px; }
.shops-head .auth:before{ content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-top: -3px; margin-right: 3px; background-image: url(../images/icon_auth.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }

.shops-show{ padding: 0 10px; background-color: #fff; }
.shops-show .m-cell-hd{ width: 38%; margin-right: 10px; }
.shops-show .item-hd{ padding: 8px 0; }
.shops-show .item-bd li{ width: calc((100% - 5px*2)/3); margin-right: 5px; }
.shops-show .item-bd li:last-child{ margin-right: 0; }
.shops-show .item-bd .pic-view{ height: calc(100vw/4); }
.shops-show .m-cell-hd + .m-cell-bd .item-bd li{ width: calc((100% - 5px)/2); }

.shops-info{ background-color: #fff; }
.shops-info li{ padding: 10px 10px 10px 40px; position: relative; }
.shops-info li:before{ content: ""; display: block; width: 20px; height: 20px; background-image: url(../images/icon_shopsinfo.png); background-size: 100% auto; background-repeat: no-repeat; position: absolute; left: 10px; top: 50%; margin-top: -10px; }
.shops-info li.si-1:before{ background-position: 0 0; }
.shops-info li.si-2:before{ background-position: 0 -20px; }

.shops-gift{ padding: 10px; background-color: #f9f9f9; }
.shops-gift .m-cell-hd{ padding: 1px 5px; border: 1px #ffd05b solid; font-size: 12px; color: #ffd05b; -webkit-border-radius: 3px; border-radius: 3px; }
.shops-gift .m-cell-bd{ padding: 0 10px; line-height: 1.2; }
.shops-gift .m-cell-rt{ padding-right: 5px; font-size: 12px; color: #ffd05b; }

.shops-coupon{ padding: 5px 12px; background-color: #fff; }
.shops-coupon .m-cell-hd{min-width: 40px; margin-right: 10px; text-align: center; font-size: 11px; color: #ff5a00; }
.shops-coupon .m-cell-bd{ padding: 3px 12px; border-left: 1px #efefef dashed; }
.shops-coupon .m-cell-rt{ border-color: #ffd05b; background-color: #ffd05b; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; }

.shops-group{ background-color: #fff; }
.shops-group .item-title{ padding: 10px; }

.shops-group .item-title .m-cell-rt{ padding-right: 15px; padding-left: 10px; }
.shops-group .item-list .m-list-flex{ padding: 10px; }
.shops-group .item-list .m-cell-hd{ width: 45px; height: 45px; margin-right: 10px; }
.shops-group .item-list .m-cell-bd .price{ color: #ff5a00; }
.shops-group .item-list .m-cell-bd del{ display: inline-block; padding: 0 5px; }
.shops-group .item-list .m-cell-bd i{ display: inline-block; border: 1px #ffd05b solid; padding: 1px 2px; line-height: 1; color: #ffd05b; -webkit-border-radius: 3px; border-radius: 3px; }
.shops-group .item-list .m-cell-bd .num{ position: absolute; right: 0; bottom: 2px; }
.voucher .item-more,.shops-group .item-more{ display: block; text-align: center; line-height: 35px; color: #666; }
.voucher .item-more:after,.shops-group .item-more:after{ content: ""; display: inline-block; vertical-align: middle; margin-top: -7px; margin-left: 8px; width: 10px; height: 10px; border-right: 1px #c9c9c9 solid; border-bottom: 1px #c9c9c9 solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.voucher .item-more.on:after,.shops-group .item-more.on:after{ content: ""; display: inline-block; vertical-align: middle; margin-top: 3px; margin-left: 8px; width: 10px; height: 10px; border-right: 1px #c9c9c9 solid; border-bottom: 1px #c9c9c9 solid; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.shops-recom{ background-color: #fff; }
.shops-recom .item-title{ padding: 10px; }
.shops-recom .item-list{ padding: 10px 0 0 10px; }
.shops-recom .item-list li{ float: left; width: 50%; padding-right: 10px; }
.shops-recom .item-list a{ display: block; }
.shops-recom .item-list .pic-view{ padding-top: 70%; }
.shops-recom .item-list .item-con{ padding: 5px; }

.shops-foot{ padding: 5px 10px 5px 0; background-color: #fff; }
.shops-foot dt{ width: 45%; }
.shops-foot dt a{ line-height: 40px; background-color: #ffd05b; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; }
.shops-foot dd a{ display: block; border-right: 1px #e1e1e1 solid; text-align: center; line-height: 24px; color: #666; }
.shops-foot dd a:before{ content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(../images/icon_shops_foot.png); background-size: 100% auto; background-repeat: no-repeat; }
.shops-foot dd a.sf-1:before{ background-position: 0 0; }
.shops-foot dd a.sf-2:before{ background-position: 0 -16px; }
.shops-foot dd a.sf-2{ border-right: 0; }


.shops-popup{ width: 100%; max-width: 640px; position: fixed; left: 50%; bottom: -100%; z-index: 99; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition-duration: .5s; transition-duration: .5s; opacity: 0; visibility: hidden; }
.shops-popup.shops-popup_visible{ bottom: 0; opacity: 1; visibility: visible; }
.shops-mask{ width: 100%; max-width: 640px; height: 100%; background-color: rgba(0,0,0,0.5); position: fixed; left: 50%; top: 0; z-index: 98; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition-duration: .3s; transition-duration: .3s; opacity: 0; visibility: hidden; }
.shops-mask.shops-mask_visible{ opacity: 1; visibility: visible; }

.shops-popup-wrap{ background-color: #f1f1f1; }
.shops-popup-wrap .item-hd dt{ padding: 10px; border-bottom: 1px #e1e1e1 solid; background-color: #fff; }
.shops-popup-wrap .item-hd dd{ padding: 10px; background-color: #fff; line-height: 2; }
.shops-popup-wrap .item-hd dd p:before{ content: ""; display: inline-block; width: 4px; height: 4px; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-color: #ffd05b; -webkit-border-radius: 50%; border-radius: 50%; }
.shops-popup-wrap .item-hd dd i{ display: inline-block; padding: 0 5px; border: 1px #ffd05b solid; margin-right: 6px; color: #ffd05b; -webkit-border-radius: 5px; border-radius: 5px; }
.shops-popup-wrap .item-bd{ margin-bottom: 20px; background-color: #fff; }
.shops-popup-wrap .item-ft{ padding: 10px; background-color: #fff; }


/*1.2.1视频页面*/
.show-list{ padding: 10px; background-color: #fff; }
.show-list li{ float: left; width: calc((100% - 10px)/2); margin-right: 10px; margin-bottom: 10px; }
.show-list li:nth-of-type(2n){ margin-right: 0; }
.show-list li .pic-view{ padding-top: 70%; }
.show-list li .item-mask{ width: 100%; padding: 0 10px; background-color: rgba(0,0,0,0.5); text-align: right; line-height: 25px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; }
.show-list li h3{ padding: 5px; }


/*1.2.2团购详情*/
.group-title{ padding: 10px; background-color: #fff; }

.group-details{ padding-left: 10px; background-color: #fff; }
.group-details_hd{ padding: 10px 10px 10px 0; }
.group-details_bd{ padding: 10px 10px 10px 0; }

.group-details_price{ line-height: 1.6; }
.group-details_price .m-cell-bd{ padding-right: 10px; }
.group-details_price .m-cell-hd{ width: 60px; }
.group-details_price .m-cell-rt{ width: 60px; text-align: right; }



/*1.2生活服务*/
.column-nav{ padding: 5px 0; background-color: #fff; }
.column-nav a{ float: left; width: 18.4%;margin: 0.8%; padding: 5px 0; text-align: center; color: #747474; }
.column-nav a img{ width: 45%; margin: 0 auto 5px; }

.column-recom{ padding: 10px; background-color: #fff; }
.column-recom .item-list{ margin-top: 10px; }
.column-recom .item-list li{ float: left; width: calc((100% - 10px*2)/3); margin-right: 10px; }
.column-recom .item-list li:last-child{ margin-right: 0; }
.column-recom .item-list .pic-view{ padding-top: 70%; }
.column-recom .item-list .pic-view p{ padding: 3px 5px; background-color: rgba(0,0,0,0.3); text-align: center; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; }
.column-recom .item-list h3{ margin-top: 5px; padding: 0 5px; text-align: center; }

.column-list{ background-color: #fff; }
.column-list .m-list-flex{ padding: 10px; -webkit-box-align: start; align-items: -webkit-flex-start; align-items: flex-start; }
.column-list .m-cell-hd{ width: 60px; height: 60px; margin-right: 10px; }
.column-list .m-cell-bd .item-info i{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 5px; padding: 2px 5px; border: 1px #ffd05b solid; line-height: 1; font-size: 11px; color: #ffd05b; -webkit-border-radius: 3px; border-radius: 3px; }
.column-list .m-cell-bd .item-info i:after{ content: ""; display: inline-block; width: 12px; height: 12px; vertical-align: middle; margin-top: -3px; margin-left: 3px; background-image: url(../images/icon_column_info.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }
.column-list .m-cell-bd .item-video:before{ content: ""; display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(../images/icon_column_video.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }
.column-list .m-cell-bd .item-group{ margin-top: 10px; border-top: 1px #e1e1e1 solid; padding-top: 5px; }
.column-list .m-cell-bd .item-group p{ margin-top: 5px; }


/*下拉筛选*/
.body-hidden{ overflow: hidden; }
.filter-wrap_fixed{ margin-top: 0; width: 100%; max-width: 640px; position: fixed; left: 50%; top: 40px; z-index: 99; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.filter-wrap_seat{ display: none; margin-top: 10px; height: 40px; }
.filter-wrap_fixed ~ .filter-wrap_seat{ display: block; }

.filter-nav{ height: 40px; border-bottom: 1px #f0f0f0 solid; overflow: hidden; }
.filter-nav a{ line-height: 39px; color: #000; position: relative; }
.filter-nav a.active{ color: #ffd05b; }
.filter-nav .fn-down:after{ content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; margin-left: 5px; border-top: 6px solid #c1c1c1; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.filter-nav .fn-down.active:after{ border-top: 6px solid #ffd05b; }

.filter-overlay,.filter-main{ width: 100%; max-width: 640px; position: fixed; left: 50%; top: 40px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }
.filter-overlay{ display: none; min-height: 100vh; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 80; cursor: pointer; }
.filter-main{ z-index: 90; }
.filter-content{ display: none; background-color: #fff; }
.filter-content ul{ max-height: 50vh; background-color: #fff; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.filter-content li{ border-bottom: 1px #f0f0f0 solid; }
.filter-content li a{ display: block; padding: 8px 12px; color: #000; position: relative; }
.filter-content li a:after{ content: ""; display: none; width: 12px; height: 12px; background-image: url(../images/icon_filter_checked.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.filter-content li.on a{ color: #ffd05b; }
.filter-content li.on a:after{ display: block; }

.filter-city{ height: 50vh; }
.filter-city .city-p .on a{ background-color: #f9f9f9; }
.filter-city .city-p .on a:before{ content: ""; display: block; width: 1px; height: 100%; background-color: #f9f9f9; position: absolute; top: 0; left: 33.3%; z-index: 9; }
.filter-city li.on a:after{ display: none; }
.filter-city .city-s{ width: 100%; min-height: 50vh; border-left: 1px #f0f0f0 solid; position: relative; top: -50vh; left: 100%; background-color: #f9f9f9; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.filter-city .city-s.city-s_show{ left: 33.3%; }

.type-info{ height: 50vh; }
.type-info .type-second .on a{ background-color: #f9f9f9; }
.type-info .type-second .on a:before{ content: ""; display: block; width: 1px; height: 100%; background-color: #f9f9f9; position: absolute; top: 0; left: 33.3%; z-index: 9; }
.type-info li.on a:after{ display: none; }
.type-info .type-third{ width: 100%; min-height: 50vh; border-left: 1px #f0f0f0 solid; position: relative; top: -50vh; left: 100%; background-color: #f9f9f9; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; }
.type-info .type-third.type_show{ left: 33.3%; }

.filter-screen li{ padding: 8px 12px; }
.filter-screen .item-bd{ padding-bottom: 5px; }
.filter-screen .screen-check{ position: absolute; left: -9999em; }
.filter-screen .screen-label{ float: left; width: 33.3%; padding-right: 10px; margin-top: 8px; }
.filter-screen .screen-label:nth-of-type(3n){ padding-right: 0; }
.filter-screen .screen-checked{ display: block; border: 1px #f0f0f0 solid; padding: 5px; text-align: center; color: #333; -webkit-border-radius: 5px; border-radius: 5px; }
.filter-screen .screen-check:checked+.screen-checked{ border-color: #ffd05b; color: #ffd05b; background-color: rgba(255,208,91,0.1); }
.filter-screen-btn{ padding: 5px 10px; background-color: #f0f0f0; }
.filter-screen-btn .btn-mini{ font-size: 13px; -webkit-border-radius: 5px; border-radius: 5px; }
.filter-screen-btn button{ border-color: #ffd05b; background-color: #ffd05b; color: #fff; }


/*1.3休闲娱乐*/
.column-card{ padding: 10px; background-color: #fff; }
.column-card a{float: left; display: block; width: calc((100% - 10px*3)/4); margin-right: 10px; padding: 10px 0; text-align: center; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; }
.column-card a:last-child{ margin-right: 0; }
.column-card a.bg-1{ background-color: #ffd05b; }
.column-card a.bg-2{ background-color: #1faec9; }
.column-card a.bg-3{ background-color: #e67477; }
.column-card a.bg-4{ background-color: #908ae6; }
.column-card a.bg-5{ background-color: #00cd6f; }
.column-card a.bg-6{ background-color: #07d0b7; }
.column-card a.bg-7{ background-color: #0cc7d0; }
.column-card a.bg-8{ background-color: #06b3e9; }
.column-card img{ width: 39%; margin: 0 auto 5px; }

.column-tab{ height: 40px; border-bottom: 1px #f0f0f0 solid; background-color: #fff; }
.column-tab .swiper-slide{ width: auto; padding: 0 5px; text-align: center; line-height: 37px; color: #000; }
.column-tab .swiper-slide span{ display: block; padding: 0 5px; }
.column-tab .active{ color: #ffd05b; }
.column-tab .active span{ border-bottom: 2px #ffd05b solid; }


/*1.5.0学习培训*/
.column-floor{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; width: 100%; background-color: #fff; }
.column-floor .floor-item{ display: block; width: 100%; padding: 12px; position: relative; }
.column-floor .floor-item h3{ font-weight: bold; }
.column-floor .floor-item p{ color: #ffd05b; }
.column-floor .floor-left{ width: 44%; border-right: 1px #f0f0f0 solid; text-align: center; }
.column-floor .floor-left img{ display: block; max-width: 100%; width: 50%; height: auto; margin: 5px auto 0; }
.column-floor .floor-right{ width: 56%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.column-floor .floor-right .floor-item{ width: 100%; border-bottom: 1px #f0f0f0 solid; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }
.column-floor .floor-right .floor-item:last-child{ border-bottom: 0; }
.column-floor .floor-right img{ display: block; max-height: 100%; height: 70%; width: auto; position: absolute; top: 15%; right: 12px; }


/*1.5.1领优惠券券*/
.voucher_list li{ border-radius: 10px; position: relative;}
.voucher_list li:before{ content: ""; display: block; width: 5px; height: 100%; background: url(../images/icon_dotted.png) 50% 0 repeat-y; background-size: 5px auto; position: absolute; top: 0; right: 50px; z-index: 5;}
.voucher_list .item-hd{ padding: 5px 0;}
.voucher_list .item-img{ width: 90px; padding: 10px; }
.voucher_list .item-img span{ display: block; width: 70px; height: 70px; border-radius: 10px; background-image: url(../images/voucher_ico1.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: 75%; overflow: hidden;}
.voucher_list .item-con{ padding: 0 15px 0 10px;}
.voucher_list .item-con span{ display: block; line-height: 1;}
.voucher_list .item-con span b{ font-size: 40px;}
.voucher_list .item-con p{ padding: 2px 15px; background-color: #ffeec4; border-radius: 10px;}
.voucher_list .item-right{ width: 50px; padding: 0 10px; position: relative; }
.voucher_list .item-right:after{ content: ""; display: block; width: 8px; height: 14px; background: url(../images/voucher_icoR.png) 0 0 no-repeat; background-size: 8px; position: absolute; top: 50%; margin-top: -7px; right: 10px;}
.voucher_list .item-bot{ padding: 2px 10px; background-color: #ffd05b; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; position: relative;}
.voucher_list .item-bot:before{content: ""; display: block; width: 14px; height: 7px; background-color: #efeff4; border: 1px #e3e3e3 solid; border-top: none; -webkit-border-radius: 0 0 14px 14px; border-radius: 0 0 14px 14px; position: absolute; top: -103px; right: 45px; z-index: 9;}
.voucher_list .item-bot:after{content: ""; display: block; width: 14px; height: 7px; background-color: #efeff4; border: 1px #e3e3e3 solid; border-bottom: none; -webkit-border-radius: 14px 14px 0 0; border-radius: 14px 14px 0 0; position: absolute; bottom: -1px; right: 45px; z-index: 9;}

.voucher_list li.no .item-img span{ background-color: #c9c9c9; background-image: url(../images/voucher_ico2.png);}
.voucher_list li.no .item-con span{ color: #c9c9c9;}
.voucher_list li.no .item-con p{ background-color: #c9c9c9; color: #fff;}
.voucher_list li.no .item-right{ text-align: center;}
.voucher_list li.no .item-right{ color: #666;}
.voucher_list li.no .item-right:after{ display: none;}
.voucher_list li.no .item-bot{ background-color: #c9c9c9;}


/*2.1分类*/
.classify{ height: calc(100vh - 130px); background-color: #fff; position: relative; z-index: 9; }
.classify-nav{ display: block; width: 20%; height: 100%; background-color: #efeff4; overflow: scroll; -webkit-overflow-scrolling : touch;}
.classify-nav.weui-navbar:after,.classify-nav .weui-navbar__item:after{ display: none;}
.classify-nav .weui-navbar__item{ height: 44px; padding: 0; background-color: #f7f7f7; }
.classify-nav .weui-navbar__item .table-cell{ border-right: 1px #e1e1e1 solid; font-size: 13px; line-height: 1.2; color: #808080; position: relative;}
.classify-nav .weui-navbar__item.weui-bar__item--on{ background-color: #fff; }
.classify-nav .weui-navbar__item.weui-bar__item--on .table-cell{ border-left: 3px #ffd05b solid; border-right: 1px #fff solid; color: #ffd05b; }

.classify-list{ display: block; width: 80%; height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch;}
.classify-list.weui-tab__bd{ padding-top: 0; margin-left: 20%; }
.classify-list .weui-tab__bd-item{ padding: 10px 12px; }
.classify-list .weui-tab__bd-item li{ float: left; width: calc((100% - 15px*2)/ 3); margin-right: 15px; text-align: center; }
.classify-list .weui-tab__bd-item li:nth-of-type(3n){ margin-right: 0; }
.classify-list .weui-tab__bd-item .pic-view{ padding-top: 100%; -webkit-border-radius: 3px; border-radius: 3px; }

.classify-search{ height: 40px; padding: 7px 10px; }
.classify-search .m-search{ -webkit-border-radius: 5px; border-radius: 5px; }


/*4.2订单结算*/
.settlement-goods{ background-color: #f0f0f0; }
.settlement-goods .m-list-flex{ padding: 10px; }
.settlement-goods .m-cell-bd{ padding-right: 10px; }

.settlement-wrap{ padding-left: 10px; background-color: #fff; }
.settlement-wrap .m-list-flex{ min-height: 45px; padding: 10px 10px 10px 0; }
.settlement-wrap .m-cell-hd{ min-width: 60px; margin-right: 10px; color: #666; }
.settlement-wrap .m-cell-hd.align-self{ -webkit-align-self: flex-start; align-self: flex-start; }
.settlement-wrap .m-cell-bd{ text-align: right; }
.settlement-wrap .m-cell-bd .form-unify{ padding: 0 10px; }
.settlement-wrap .m-cell-bd .color{ color: #ff5a00; }
.settlement-wrap .m-cell-bd .m-stock2{ vertical-align: top; }
.settlement-wrap .m-cell-bd .weui-check__label{ display: inline-block; margin-left: 10px; }


/*5.1商家中心*/
.member-head{ padding: 25px 20px; background-color:#ffd05b; position: relative; overflow: hidden; }
.member-head .avatar{ display: block; width: 70px; height: 70px; border: 3px solid rgba(255,255,255,0.7); overflow: hidden; box-shadow: 2px 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,0.5); position: relative; top: 0; left: 0; z-index: 2; }
.member-head .login{ width: 100%; padding-left: 115px; padding-right: 10px; color: #fff; position: absolute; left: 0; top: 50%; z-index: 1; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.member-head .login .m-cell-rt:after{ border-color: #fff; }

.memberDown{ animation: memberDown 1s ease-in; -webkit-animation: memberDown 1s ease-in; }
@keyframes memberDown{0%{transform:translateY(-120%);-webkit-transform:translateY(-120%);}30%{transform:translateY(-50%);-webkit-transform:translateY(-50%);}75%{transform:translateY(5%);-webkit-transform:translateY(5%);}85%{transform:translateY(-3%);-webkit-transform:translateY(-3%);}95%{transform:translateY(2%);-webkit-transform:translateY(2%);}100%{transform:translateY(0%);-webkit-transform:translateY(0%);}}
@-webkit-keyframes memberDown{0%{transform:translateY(-120%);-webkit-transform:translateY(-120%);}30%{transform:translateY(-50%);-webkit-transform:translateY(-50%);}75%{transform:translateY(5%);-webkit-transform:translateY(5%);}85%{transform:translateY(-3%);-webkit-transform:translateY(-3%);}95%{transform:translateY(2%);-webkit-transform:translateY(2%);}100%{transform:translateY(0%);-webkit-transform:translateY(0%);}}
.memberLeft{ animation: memberLeft 1s ease-in; -webkit-animation: memberLeft 1s ease-in;}
@keyframes memberLeft{0%{opacity:0;left:100%;}100%{opacity:1;left:0;}}
@-webkit-keyframes memberLeft{0%{opacity:0;left:100%;}100%{opacity:1;left:0;}}

.member-menu{ padding: 0 10px; background-color: #fff; overflow: hidden; }
.member-menu li{ float: left; width: 50%; padding: 12px 0; border-bottom: 1px #e1e1e1 solid; margin-bottom: -1px; }
.member-menu li a{ padding: 5px 5px 5px 12%; position: relative; }
.member-menu li a:before{ content: ""; display: block; width: 1px; height: 70%; background-color: #e1e1e1; position: absolute; top: 15%; right: 0; }
.member-menu li:nth-of-type(2n) a:before,.member-menu li:last-child a:before{ display: none; }
.member-menu li i{ display: inline-block; width: 30px; height: 30px; margin-right: 12px; background-image: url(../images/icon_member-menu.png); background-size: 100% auto; background-repeat: no-repeat; }
.member-menu li i.mm-1{ background-position: 0 0; }
.member-menu li i.mm-2{ background-position: 0 -30px; }
.member-menu li i.mm-3{ background-position: 0 -60px; }
.member-menu li i.mm-4{ background-position: 0 -90px; }
.member-menu li i.mm-5{ background-position: 0 -120px; }
.member-menu li i.mm-6{ background-position: 0 -150px; }
.member-menu li i.mm-7{ background-position: 0 -180px; }
.member-menu li i.mm-8{ background-position: 0 -210px; }
.member-menu li i.mm-9{ background-position: 0 -240px; }
.member-menu li i.mm-10{ background-position: 0 -270px; }
.member-menu li i.mm-10.on{ background-position: 0 -300px; }
.member-menu li i.mm-11{ background-position: 0 -330px; }
.member-menu .hint-num em{ top: -3px; right: -3px; }


/*5.2.0个人资料*/
.form-list{ background-color: #fff; }
.form-list .m-list-flex{ padding: 0 10px; }
.form-list .m-cell-hd{ min-width: 60px; margin-right: 10px; color: #666; }
.form-list .m-cell-hd.align-self{ padding-top: 12px; -webkit-align-self: flex-start; align-self: flex-start; }
.form-list a.m-cell-bd{ min-height: 44px; }
.form-list .pic-view{ width: 55px; height: 55px; margin: 10px 0; }
.form-list .code{ padding: 3px 8px; background-color: #ffd05b; border-color: #ffd05b; font-size: 12px; color: #fff; -webkit-border-radius: 3px; border-radius: 3px; }


/*5.3.0我的订单*/
.nav-tab{ background-color: #fff; text-align: center; }
.nav-tab a span{ display: inline-block; height: 40px; padding: 0 12px; line-height: 38px; margin: 0 auto -1px; color: #808080;}
.nav-tab a.active span{ color: #ffd05b; border-bottom: 2px #ffd05b solid;}
.nav-tab .hint-num em{ top: 5px; right: 0; }

.order-list li{ padding: 0 10px; background-color: #fff; }
.order-list .m-cell-hd{ width: 60px; height: 60px; margin-right: 10px; }
.order-list .item-hd{ padding: 10px 0; border-bottom: 1px #e1e1e1 solid; }
.order-list .item-info{ margin-top: 10px; text-align: right; }
.order-list .item-bot{ margin-top: 10px; border-top: 1px #e1e1e1 solid; padding: 10px 0; text-align: right; }
.order-list .item-bot .btn-mini{ min-width: 74px; padding: 2px 10px; margin-left: 5px; -webkit-border-radius: 3px; border-radius: 3px; }
.order-list .item-bot span{ display: inline-block; padding: 2px 0; }


/*5.3.1订单详情*/
.order-goods{ padding: 10px; background-color: #fff; }
.order-goods .m-cell-hd{ width: 65px; height: 65px; margin-right: 10px; }

.order-details{ background-color: #fff; }
.order-details .item-hd{ padding: 8px 10px; }
.order-details .item-bd{ border-top: 1px #e1e1e1 solid; padding-left: 12px; }
.order-details .item-bd dd{ padding: 10px 10px 10px 0; border-bottom: 1px #e1e1e1 solid; line-height: 1.8; }
.order-details .item-bd dt{ padding: 10px 10px 10px 0; text-align: right; }


/*5.4我的消息*/
.news-list{ background-color: #fff; }
.news-list .m-list-flex{ padding: 10px; }
.news-list .m-cell-hd{ width: 40px; height: 40px; margin-right: 10px; border: 1px #e1e1e1 solid; -webkit-border-radius: 3px; border-radius: 3px; }
.news-list .m-cell-bd{ position: relative; }
.news-list .m-cell-bd .time{ font-size: 10px; color: #999; position: absolute; top: 0; right: 0; }


/*5.5我的钱包*/
.view-head{ height: 100px; padding: 15px; background-color: #ffd05b; }
.view-head .item-bd{ padding: 20px 0; position: relative;}
.view-head .item-bd p{ line-height: 1; text-shadow: 2px 2px 5px rgba(0,0,0,0.4); -webkit-text-shadow: 2px 2px 5px rgba(0,0,0,0.4);}
.view-head .item-bd a{ min-width: 60px; border: 1px #fff solid; background: transparent; color: #fff; -webkit-border-radius: 5px; border-radius: 5px; position: absolute; top: 50%; margin-top: -15px; right: 0;}
.view-head  span{ display: block; color: #7d0022;}

.view-list .m-list-flex{ padding: 10px; background-color: #fff; }
.view-list .m-cell-rt{ text-align: right;}
.view-list .plus{ color: #ff0000;}
.view-list .minus{ color: #0060ff;}


/*5.6商家申请*/
.form-upload{ padding: 10px; }
.form-upload .item-bd li{ float: left; width: calc((100% - 10px*2)/3); margin-right: 10px; margin-top: 10px; }
.form-upload .item-bd li:nth-of-type(3n){ margin-right: 0; }

.upload-close{ display: block; width: 20px; height: 20px; background-color: #de0000; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: -8px; right: -8px; }
.upload-close:before{ content: ""; display: block; width: 60%; height: 2px; background-color: #fff; position: absolute; top: 50%; margin-top: -1px; left: 20%; }
.single-upload{ min-height: 85px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative; }
.single-upload .upload-file{ padding: 15px 0; background-color: #fff; text-align: center; position: relative; }
.single-upload .upload-file i{ display: block; width: 24px; height: 24px; margin: 0 auto; position: relative; }
.single-upload .upload-file i:before{ content: ""; display: block; width: 100%; height: 2px; background-color: #e9e9e9; position: absolute; top: 50%; left: 0; margin-top: -1px; }
.single-upload .upload-file i:after{ content: ""; display: block; width: 2px; height: 100%; background-color: #e9e9e9; position: absolute; top: 0; left: 50%; margin-left: -1px; }
.single-upload .upload-file p{ margin-top: 10px; font-size: 12px; color: #999; }
.single-upload .upload-close{ display: none; }
.single-upload_show .upload-close{ display: block; }
.single-upload_show .upload-file{ display: none; }

.multi-upload .upload-img{ float: left; width: 60px; height: 60px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: relative;}
.multi-upload .upload-file{ float: left; width: 60px; height: 60px; border: 1px #e3e3e3 dashed; position: relative;}
.multi-upload .upload-file:before,.multi-upload .upload-file:after{ content: ""; display: block; width: 50%; height: 2px; background: #e3e3e3; position: absolute; top: 50%; margin-top: -1px; left: 25%; }
.multi-upload .upload-file:after{ transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.multi-upload .upload-file input[type=file]{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.multi-upload .upload-close{ width: 16px; height: 16px; }


/*5.10.0优惠券*/
.coupon-list{ padding: 5px 0; }
.coupon-list li{ padding: 5px 10px 5px 45px; position: relative; }
.coupon-list .m-list-flex{ border: 1px #e1e1e1 solid; padding: 10px; }
.coupon-list .m-cell-hd{ width: 70px; height: 50px; margin-left: -45px; margin-right: 10px; }
.coupon-list .btn-mini{ position: absolute; bottom: 15px; right: 20px; -webkit-border-radius: 5px; border-radius: 5px; }


/*5.10.1使用优惠券*/
.code-wrap{ min-height: calc(100vh - 40px); padding: 8% 20px; background-image: url(../images/bg_code-wrap.jpg); background-size: cover; background-position: 50% 0; background-repeat: no-repeat; }
.code-head{ margin-bottom: 10%; }
.code-head .m-cell-hd{ width: 70px; height: 50px; border: 3px rgba(255,255,255,0.3) solid; margin-right: 10px; }
.code-head ~ .code-main{ margin-top: 0; }
.code-main{ width: 100%; min-height: 400px; margin-top: 10%; padding: 10% 25%; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.code-main .item-hd{ width: 100%; margin-bottom: 15%; text-align: center; }
.code-main .item-hd .pic-view{ width: 70px; height: 70px; margin: 0 auto; }
.code-main .item-bd{ width: 100%; text-align: center; }
.code-main .item-bd h3{ padding: 15px 0; }
.code-main .item-bd span{ display: inline-block; padding: 0 10px; border: 1px #000 solid; color: #000; }


/*1.4商品评价*/
.eval-list li{ margin-bottom: 5px; padding: 10px 10px 10px 20px; border-bottom: 1px #f6f6f6 solid; background-color: #fff; }
.eval-list .star-show{ margin-left: 10px; }
.eval-list .eval-show .pic-view{ float: left; width: 50px; height: 50px; margin-top: 5px; margin-right: 5px; }
.eval-list .eval-type{ margin-top: 5px; padding-top: 5px; border-top: 1px #f6f6f6 solid; }


/*store-list*/
.store-list li{ background-color: #fff; }
.store-list .m-cell-rt{ padding-left: 10px; }
.store-list .m-cell-rt a{ display: inline-block; padding: 2px 8px; background-color: #ffd05b; -webkit-border-radius: 50px; border-radius: 50px; }
.store-list .m-cell-rt a.del{ background-color: #ff3030; color: #fff; }

.store-list_coupon li{ padding: 5px 12px; }
.store-list_coupon .m-cell-hd{min-width: 40px; margin-right: 10px; text-align: center; font-size: 11px; color: #ff5a00; }
.store-list_coupon .m-cell-bd{ padding: 3px 0 3px 12px; border-left: 1px #efefef dashed; }

.store-list_shops li{ padding: 10px 12px; }
.store-list_shops .m-cell-hd{ width: 55px; height: 55px; margin-right: 12px; }
.store-list_shops .m-cell-bd p:before{ content: ""; display: inline-block; width: 14px; height: 14px; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(../images/icon_store-shops.png); background-size: 100% auto; background-repeat: no-repeat; }
.store-list_shops .m-cell-bd p.ss-1:before{ background-position: 0 0; }
.store-list_shops .m-cell-bd p.ss-2:before{ background-position: 0 -14px; }

.store-list_group li{ padding: 10px 12px; }
.store-list_group .m-cell-hd{ width: 45px; height: 45px; margin-right: 10px; }
.store-list_group .m-cell-bd .price{ color: #ff5a00; }
.store-list_group .m-cell-bd del{ display: inline-block; padding: 0 5px; }
.store-list_group .m-cell-bd i{ display: inline-block; border: 1px #ffd05b solid; padding: 1px 2px; line-height: 1; color: #ffd05b; -webkit-border-radius: 3px; border-radius: 3px; }


/**/
.gifts-title{ padding: 12px 10px; background-color: #fff; position: relative; }
.gifts-title:before{ content: ""; display: block; width: 22px; height: 22px; background-image: url(../images/icon_gifts-title.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 12px; left: 10px; }
.gifts-title .item-bd{ margin-left: 28px; }

.gifts-wrap{ margin-top: 10px; padding: 0 10px; background-color: #fff; }
.gifts-wrap .item-tit{ padding: 8px 5px; }
.gifts-wrap .item-tit:before{ content: ""; display: inline-block; width: 18px; height: 18px; vertical-align: middle; margin-top: -3px; margin-right: 8px; background-image: url(../images/icon_gifts-tit.png); background-size: 100% auto; background-position: 50% 50%; background-repeat: no-repeat; }

.gifts-list .m-list-flex{ -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 8px; border: 1px #e1e1e1 solid; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
.gifts-list .m-cell-hd{ width: 45px; height: 45px; margin-top: 5px; margin-right: 12px; }
.gifts-list .m-cell-bd{ padding-top: 5px; position: relative; }
.gifts-list .m-cell-bd h3{ font-weight: 600; }
.gifts-list .gil-time{ margin-top: 15px; border-top: 1px #e1e1e1 solid; padding-top: 9px; }
.gifts-list .gil-tip{ position: absolute; top: 5px; right: 0; padding: 2px 10px; border-color: #ffd05b; color: #ffd05b; -webkit-border-radius: 50px; border-radius: 50px; }

.gifts-buy{ height: 45px; background-color: #fff; }
.gifts-buy dd{ padding: 0 10px; }
.gifts-buy dd p{ display: block; line-height: 1.2;}
.gifts-buy dt{ width:30%; }
.gifts-buy .btn-block{ line-height: 45px; }


/**/
.comment-tag{ margin-top: 5px; }
.comment-tag a{ float: left; display: inline-block; margin-right: 5px; margin-top: 5px; padding: 2px 6px; border: 1px #b4b4b4 solid; color: #4a4a4a; -webkit-border-radius: 5px; border-radius: 5px; }

.comment-list{ margin-top: -10px; }
.comment-list .comment-body{ padding: 10px 0; border-bottom: 1px #e1e1e1 solid; }
.comment-list_more{ display: block; margin-bottom: -10px; padding: 8px 0; }

.comment-detail{ padding: 10px; background-color: #fff; }
.comment-body .comment-right{ margin-left: 55px; }
.comment-body .useravatar{ float: left; width: 40px; height: 40px; -webkit-border-radius: 50%; border-radius: 50%; }
.comment-body .username{ line-height: 24px; }
.comment-body .username h3{ margin-right: 30%; color: #1a4c79; }
.comment-body .addtime{ float: right; color: #999; }
.comment-body .usertext{ margin-top: 8px; }
.comment-body .userpic li{ float: left; width: 31.5%; margin-right: 2.75%; margin-top: 2.75%; }
.comment-body .userpic li:nth-of-type(3n){ margin-right: 0; }
.comment-body .userpic .pic-view{ width: 100%; padding-top: 100%; }
.comment-body .userpic span{ display: inline-block; padding: 2px 8px; background-color: rgba(0,0,0,0.6); font-size: 12px; color: #fff; position: absolute; right: 5px; bottom: 5px; z-index: 9; -webkit-border-radius: 5px; border-radius: 5px; }
.comment-body .userhandle{ margin-top: 8px; }
.comment-body .userhandle span{ display: inline-block; padding: 3px 0; }
.comment-body .userhandle a{ float: right; display: inline-block; margin-left: 6px; min-width: 60px; padding: 2px 8px; border: 1px #d4d4d4 solid; text-align: center; -webkit-border-radius: 100px; border-radius: 100px; }
.comment-body .userhandle a:before{ content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-top: -3px; margin-right: 5px; background-image: url(../images/icon_comment-handle.png); background-size: 100% auto; background-repeat: no-repeat; }
.comment-body .userhandle .zan:before{ background-position: 0 0; }
.comment-body .userhandle .zan.on{ color: #ffd05b; }
.comment-body .userhandle .zan.on:before{ background-position: 0 -16px; }
.comment-body .userhandle .com:before{ background-position: 0 -32px; }

.comment-flower{ border-top: 1px #e1e1e1 solid; padding: 10px 0 5px 30px; position: relative; }
.comment-flower:before{ content: ""; width: 15px; height: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAkCAMAAAA96dOpAAAAe1BMVEUAAABIaYpIa4tHaIlGaIpHaYpJbI5GaYpHaIpGaYpTip9GaYpHaIlQdpNGaYpGaIpHaYpHaYtGa4tHaYpHao1Ha41NbpFGaYpHaIpGaItIaolHaYpIaYxKa4xJbYxIa4xIbY1GaYpHaYpHaYlGaIpHaYpIaYpHa45GaInGpG1FAAAAKHRSTlMATTj68m4e997XBL+6C+zlpntWQjEoEaDIlWpdST4qIxjCr87Lh1Urxx9QsgAAAXxJREFUOMuNlOeigyAMhSMqjrq3tdrd+v5PeEmwOKrefn/MMQcIQQSFm7PchxFfaBcWuMlV7wVhzUizOkSpX5OZtbF7RZVDXo3Sbkbbs59ildZMPz+2st+nlLYjCT0ytSS+q+Q9TjQz0ik+0r4MDA8ciNSWVaVS8gMqA/tgYuSpbRWOkE6hGnHDtCkiHGFxUFyqvrqMklu4mghw2Qim+DMV4cLCL+fdRNbFIcOHtuPT0JABw0e640vRwMi3P5/0XX6qTzTAopPZpsS+Df0Ld3zh0L8Y5z1t2k6YjkXQ0blt+jxMdyrKNmwZzTJu/OGu2tzHpG2OLGEFWbwziBaFxVZsjG5A+5E1qqD7snUBJmqlfRt1yBc2HtKn7U92ZdCb98z2ptHGrBOpTu9O0wbTWH3xKSXy0pnj8curlsCCRr73uCzNk+Ma+KINKGUc8UobFActrHB2euKgXWXgnGGV4tZPuRWwxStQruAFOxTRYIsK2Eej/4YG/3NmK/X/AdbrQ4TSuM33AAAAAElFTkSuQmCC) no-repeat; background-size: 15px; position: absolute; top: 20px; left: 5px; }
.comment-flower .pic-view{ float: left; width: 35px; height: 35px; margin-right: 5px; margin-bottom: 5px; -webkit-border-radius: 50%; border-radius: 50%; }

.comment-review{ border-top: 1px #e1e1e1 solid; padding: 10px 0 0 30px; position: relative }
.comment-review:before{ content: ""; width: 15px; height: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAXVBMVEUAAABIbItGaItJaoxGaIlGaYlRapFIaIpIaopGaYxHaIpHaIlHaIpGaYpHa4tHaYpHaYlGaYtJbYtHaYpGaIpGaYpGaYpIaopHaYpHaIxIaopObIlNgJlJbZJGaIm/shS4AAAAHnRSTlMAQH8s9/MUpFgy7eDGwE9vaGQk0a6ZkId4STwaCgc8MnDhAAAAxklEQVQ4y+3UWRKDIBAE0CYQAprEfV/uf8w4oxU1EbyA72eK6bbgS8y0FQesxur9HB2eb8yGx+jxGECo42vxXeMJupHf8zLigHnxuwDNHThwS8PSMHAwlFoIGgIOc3qVrtKUShoxHGJKJXo1jVDjkA6nUPVATuWguJG6BZM1H4uAspwW41ZEHaO2K0mraNdqgFbtP2PJfbO7SxlsjwkWXZWtvTBcG1nV4VcafGMLJ7G8RjXwiOdSAq+SOjd48Y+oxKk0/Vt9ABRmM5HThp0jAAAAAElFTkSuQmCC) no-repeat; background-size: 15px; position: absolute; top: 20px; left: 5px; }
.comment-review .pic-view{ float: left; width: 35px; height: 35px; -webkit-border-radius: 50%; border-radius: 50%; }
.comment-review dl{ padding-bottom: 10px; }
.comment-review dd{ margin-left: 45px; }
.comment-review .username h3{ margin-right: 30%; color: #1a4c79; }
.comment-review .addtime{ float: right; color: #999; }
.comment-review .usertext{ margin-top: 5px; }
.comment-review .usertext a{ color: #1a4c79; }
.comment-review .useropt{ margin-top: 5px; text-align: right; }
.comment-review .useropt a{ display: inline-block; margin-left: 10px; color: #999; }
.comment-review .useropt .blue{ color: #1a4c79; }

.reply_wrap{ display: none; width: 100%; height: 100%; background-color: #efeff4; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; overflow: auto; }
.reply_wrap .form-unify{ background-color: #f7f7f7; }
.reply_wrap .textNum{ display: inline-block; background-color: #f7f7f7; position: absolute; right: 20px; bottom: 16px; }

.star-opt{ display: block; overflow: hidden; }
.star-opt img{ float: left; margin-right: 5px; }

/* 优惠券状态 */
.coupon-list .coupon_st{ background-image: url(../images/voucher_unused.png); background-position: right 0; background-repeat: no-repeat; background-size: 70px auto;}
.coupon-list .coupon_st.over{ background-image: url(../images/voucher_over.png);}
/*.voucher_con .over .item-hd span{ color: #b0dcdf;}*/
.coupon-list .coupon_st.used{ background-image: url(../images/voucher_used.png);}
/*.voucher_con .used .item-hd span{ color: #9d9d9d;}*/