/* 定义字体缩放程度（1rem = 100px） */
html { font-size: 625%; }
@media only screen and (min-width:414px) {
	html { font-size: 750%; }
}

/* vue 属性样式(防闪烁) */
[v-cloak] { display: none; }

/*定义iconfont字体*/
@font-face { font-family: IconFont; src: url('/app/font/iconfont.woff?v=2'); src: url('/app/font/iconfont.otf?v=2'); src: url('/app/font/iconfont.ttf?v=2'); }

/* font-size */
.fs_14 { font-size: .14rem !important; }
.fs_16 { font-size: .16rem !important; }

/* 阻止父容器滚动 */
.noscroll,
.noscroll body { overflow: hidden; }
.noscroll body { position: relative; }

/* font-color */
.fc_red { color: #f74142; }
.fc_blur { color: #00aaef; }
.fc_pink { color: #fd2485; }
.fc_white { color: #fff; }

/* z-index */
.zi_100 { z-index: 100 !important; }
.zi_210 { z-index: 210 !important; }

/* 通用主体容器 */
.main_contain { width: 100%; max-width: 7.5rem; margin: .4rem auto .5rem auto; position: relative; }

/* 通用遮罩层样式 */
.common_curtain { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, .5); z-index: 200; opacity: 1; }

/* 微信活动二维码扫描入口 */
.common_welfarebtn { display: none; position: fixed; width: .45rem; height: .45rem; right: .15rem; bottom: .6rem; background-color: #1da854; border-radius: 50%; background-image: url(/picture/home/welfare/btn_gift.png); background-size: 50%; background-repeat: no-repeat; background-position: center; z-index: 200; }

/* 预定于字体样式 */
.iconfont:before { content: ""; font-family: IconFont; display: inline-block; text-align: center; }
.iconfont_after:after { content: ""; font-family: IconFont; display: inline-block; text-align: center; }
.iconfont_after.right_arrow:after { content: "\E633"; color: #999; font-size: .18rem; position: absolute; right: .1rem; }

/* 提示剩余数量的右上角标签 */
.label_cue { display: block; background: #1da854; padding: 0 .04rem; min-width: .08rem; height: .16rem; text-align: center; line-height: .16rem; border-radius: .2rem; color: #fff; font-style: initial; font-size: .12rem; }
.label_cue_2 {text-align: center;position: absolute;top: 5px;right: 5px;background-color: #ff422e;display: block;width: .15rem;height: .15rem;border-radius: 50%;line-height: .15rem;color: #fff;font-style: initial;font-size: .12rem;}

/* 加载中的转动圆圈样式 */
.common_windowcue { position: fixed; top: 0; bottom: 0; width: 100%; }
.common_windowcue .cwc_box { position: absolute; top: 45%; left: 50%; margin: -75px 0 0 -75px; width: 130px; min-height: 110px; padding: 10px 10px 15px 10px; background: rgba(0, 0, 0, 0.5); border-radius: 10px; color: #fff; font-size: 14px; text-align: center; line-height: 20px; }
.common_windowcue .cwc_box .cwcb_img { display: block; height: 80px; overflow: hidden; padding-bottom: 10px; }
.common_windowcue .cwc_box .cwcb_img .loading_spinner { margin-top: 20px; }

/* 通用页面加载过程显示的gif动画样式 */
.common_load_interface { position: fixed; top: 0; bottom: 0; z-index: 200; opacity: 1; width: 100%; background-color: #fff; background-image: url(/app/img/loading_boundary.gif); background-repeat: no-repeat; background-position: center 140px; text-align: center; color: #666; font-size: 16px; padding-top: 300px; }

/* 向右可点击的箭头 */
.right_arrow { position: relative; }
.right_arrow:after { content: ""; position: absolute; top: .02rem; right: .25rem; border-top: .01rem solid #666; border-right: .01rem solid #666; width: .08rem; height: .08rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); }

/* 通用页面提交按钮样式 */
.com_big_btn { display: block; margin: 0 .12rem; text-align: center; height: .5rem; line-height: .5rem; background-color: #1da854; color: #fff; font-size: .18rem; border-radius: .06rem; }
.com_unbig_btn { display: block; margin: 0 .12rem; text-align: center; height: .5rem; line-height: .5rem; background-color: #ddd; color: #999; font-size: .18rem; border-radius: .06rem; }
.loading_spinner { width: 40px; height: 40px; position: relative; margin: auto; }
.loading_spinner .container1 > div,
.loading_spinner .container2 > div,
.loading_spinner .container3 > div { width: 10px; height: 10px; background-color: #fff; border-radius: 100%; position: absolute; -webkit-animation: bouncedelay 1.2s infinite ease-in-out; animation: bouncedelay 1.2s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.loading_spinner .ls_container { position: absolute; width: 100%; height: 100%; }
.loading_spinner .container2 { -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.loading_spinner .container3 { -webkit-transform: rotateZ(90deg); transform: rotateZ(90deg); }
.loading_spinner .circle1 { top: 0; left: 0; }
.loading_spinner .circle2 { top: 0; right: 0; }
.loading_spinner .circle3 { right: 0; bottom: 0; }
.loading_spinner .circle4 { left: 0; bottom: 0; }
.loading_spinner .container2 .circle1 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.loading_spinner .container3 .circle1 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.loading_spinner .container1 .circle2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.loading_spinner .container2 .circle2 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.loading_spinner .container3 .circle2 { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.loading_spinner .container1 .circle3 { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.loading_spinner .container2 .circle3 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; }
.loading_spinner .container3 .circle3 { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; }
.loading_spinner .container1 .circle4 { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; }
.loading_spinner .container2 .circle4 { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; }
.loading_spinner .container3 .circle4 { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes bouncedelay {
	0%,
	80%,
	100% { -webkit-transform: scale(0.0) }
	40% { -webkit-transform: scale(1.0) }
}
@keyframes bouncedelay {
	0%,
	80%,
	100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
	40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

/* 活动栏目倒计时模块 */
.count_down { width: 1.1rem; height: .16rem; line-height: .16rem; background-color: #fff; margin: auto; color: #000; font-size: .14rem; }
.count_down > span { display: inline-block; background-color: #ff6430; color: #fff; text-align: center; font-size: .12rem; margin: 0 .02rem; width: .18rem; border-radius: .04rem; vertical-align: bottom; }

/* 首页头部导航样式 */
.common_header { position: fixed; width: 100%; height: .4rem; background-color: transparent; color: #333; top: 0; z-index: 100; }
.common_header.regular_type { height: .39rem; background-color: #fff; border-bottom: .01rem solid #d5d5d5; }
.common_header.scroll_check { background-color: #1da854; color: #fff; }
.common_header,
.common_header.scroll_check { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.common_header .h_content { height: 100%; width: 100%; position: absolute; }
.common_header .h_content .hc_left { position: relative; width: .55rem; float: left; text-align: left; height: 100%; line-height: .4rem; }
.common_header .h_content .hc_right {position: relative;width: .5rem;float: right;text-align: right;height: 100%;line-height: .4rem;background-image: url(/picture/home/icon_message.png);background-size: 22px;background-repeat: no-repeat;background-position: center;}
.common_header .h_content .hc_center { margin: 0 .55rem; height: .26rem; padding: .07rem 0; text-align: center; line-height: .26rem; font-size: 18px; }
.common_header .h_content .hc_search { position: relative; display: block; background-color: #fff; border-radius: .04rem; height: 100%; overflow: hidden; }
.common_header .h_content .hc_search .hcs_text { margin: 0 .3rem 0 .08rem; height: 100%; }
.common_header .h_content .hc_search input[type="text"] { color: #999; line-height: .26rem; font-size: .14rem; border: none; width: 100%; padding: 0; margin: 0; }
.common_header .h_content .hc_search .hcs_btn { position: absolute; top: 0; right: 0; width: .3rem; height: 100%; }
.common_header .h_content .hc_search .hcs_btn.iconfont:before { content: '\E63C'; position: absolute; right: 0; width: 100%; height: 100%; line-height: .25rem; font-size: .3rem; color: #999; }

/* 首页头部导航图标样式 */
.common_header .h_content .return_icon { font-family: IconFont; font-size: .14rem; }
.common_header .h_content .return_icon > span { font-size: .22rem; vertical-align: middle; padding-left: .02rem; margin-right: -.02rem; display: inline-block; }
.common_header .h_content .scan_icon { height: .16rem; line-height: .16rem; color: #fff; text-align: center; font-size: .12rem; padding: .23rem 0 0 0; }
.common_header .h_content .scan_icon.iconfont:before { content: '\E634'; font-size: .24rem; position: absolute; top: .06rem; left: 0; height: .22rem; width: 100%; }
/*.common_header .h_content .message_icon.iconfont:before { content: '\E639'; font-size: .32rem; position: absolute; top: 0; left: 0; width: 100%; color: #fff; }
.common_header .h_content .message_icon.iconfont > .label_cue { position: absolute; top: .04rem; right: .04rem; }
*/

/* 首页底部导航样式 */
.common_footer { position: fixed; width: 100%; height: .5rem; z-index: 100; bottom: 0; background-color: #fff; border-top: .01rem solid #e1e1e1; }
.common_footer .cf_column { width: 100%; height: 100%; color: #999; font-size: .14rem; display: flex; display: -webkit-flex; text-align: center; }
.common_footer .cf_column li { flex: 1; -webkit-flex: 1; width: 0; }
.common_footer .cf_column li.check,
.common_footer .cf_column li:hover { color: #1da854; }
.common_footer .cf_column li .iconfont { position: relative; display: block; line-height: .22rem; padding: .28rem 0 0 0; }
.common_footer .cf_column li .iconfont:before { position: absolute; top: .06rem; font-size: .3rem; left: 0; width: 100%; }
.common_footer .cf_column li .iconfont.cf_icon_1:before { content: '\E640'; }
.common_footer .cf_column li .iconfont.cf_icon_2:before { content: '\E642'; }
.common_footer .cf_column li .iconfont.cf_icon_3:before { content: '\E644'; }
.common_footer .cf_column li .iconfont.cf_icon_4:before { content: '\E646'; }
.common_footer .cf_column li .cf_icon_3 > .label_cue { position: absolute; top: .03rem; left: 50%; margin-left: .04rem; }
.common_footer .cf_column li .cf_icon_5 { display: block; font-size: .14rem; background-image: url(/app/img/make_money_icon.png); height: .5rem; background-size: .5rem; background-repeat: no-repeat; background-position: center -.02rem; z-index: 1; position: relative; background-color: #fff; }
.common_footer .cf_column li .cf_icon_6 { display: block; font-size: .14rem; background-image: url(/app/img/uniongroup_icon.png); height: .5rem; background-size: .5rem; background-repeat: no-repeat; background-position: center -.02rem; z-index: 1; position: relative; background-color: #fff; }
.common_footer .cf_roundback { position: absolute; top: -.07rem; left: 50%; width: .6rem; height: .6rem; border-radius: 50%; border: .01rem solid #e1e1e1; margin-left: -.31rem; background: #fff; }

/* 选择登录方式弹窗 */
.select_login_box { display: none; }
.select_login_box .wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: table; z-index: 200; }
.select_login_box .cell { display: table-cell; vertical-align: middle; }
.select_login_box .mask { background-color: rgba(0, 0, 0, .4); }
.select_login_box .main { width: 3.14rem; background-color: #fff; margin: auto; border-radius: .08rem; text-align: center; }
.select_login_box .title { width: 1.24rem; height: .25rem; line-height: .25rem; margin: auto; background-color: #1da854; color: #fff; border-radius: .2rem; position: relative; top: -.1rem; box-shadow: 0 2px 8px rgba(0, 0, 0, .3); -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .3); }
.select_login_box .content { padding: .1rem 0 .2rem 0; }
.select_login_box .list { height: .68rem; display: flex; -webkit-display: flex; color: #666; font-size: .14rem; }
.select_login_box .list > li { width: 0; flex: 1; -webkit-flex: 1; align-items: center; justify-content: space-between; }
.select_login_box .list > li + li { border-left: .01rem solid #e1e1e1; }
.select_login_box .list .info { display: block; height: 100%; }
.select_login_box .list .info .icon { display: block; width: .48rem; height: .48rem; margin: 0 auto .12rem auto; border: .01rem solid #e1e1e1; border-radius: 50%; background-repeat: no-repeat; background-position: center; position: relative; top: -.08rem; }
.select_login_box .list .info .icon.icon_wechat { background-image: url(/app/img/icon_wechat_gray.png); background-size: .29rem; }
.select_login_box .list .info .icon.icon_phone { background-image: url(/app/img/icon_phone_gray.png); background-size: auto .25rem; }
.select_login_box .list .info > span { display: block; line-height: 1; position: relative; top: -.08rem; }

/* app头部分店选择弹窗 */
.branch_sel { position: fixed; top: 0; left: 0; right: 0; height: .3rem; background-color: #e7eef3; z-index: 100; padding: .06rem .12rem; }
.branch_sel .bs_box { display: block; position: relative; height: 100%; line-height: .3rem; background-color: #fff; border-radius: .2rem; padding: 0 .32rem; color: #666; background-image: url(/app/img/icon_branch.png); background-repeat: no-repeat; background-size: .12rem auto; background-position: .12rem center; }
.branch_sel .bs_box:after { content: ""; position: absolute; width: 0; height: 0; border-left: .04rem solid transparent; border-right: .04rem solid transparent; border-top: .05rem solid #666; right: .12rem; top: .13rem; }

/* 通用产品列表模块样式 */
.com_pro_module{position: relative; border-bottom: .01rem solid #e1e1e1; background-color: #fff;}
.com_pro_module > a{display: block;}
.com_pro_module .cpm_img{position: relative;width: .9rem;height: .9rem;margin: 0 .05rem 0 .1rem;padding: .15rem 0;float: left;}
.com_pro_module .cpm_img .icon_arrival{position: absolute;bottom: .15rem;width: 100%;line-height: .2rem;text-align: center;color: #fff;background-color: rgba(0, 0, 0, .6);font-style: inherit;}
.com_pro_module .cpm_img .spe_icon{position: absolute; top: .16rem; left: 0; width: .3rem; height: .32rem; background-image: url(/app/img/specail_label_icon.png); background-repeat: no-repeat; background-size: .3rem auto;}
.com_pro_module .cpm_img > img{display: block;width: .88rem;height: .88rem;border: .01rem solid #f2f2f2;}
.com_pro_module .cpm_menu{margin: 0 .05rem 0 1.1rem;padding-top: .14rem;height: 1.06rem;color: #666;font-size: .12rem;line-height: .16rem;}
.com_pro_module .cpm_menu.stocke_top{padding-top: .08rem; height: 1.17rem;}
.com_pro_module .cpm_name{color: #333; font-size: .14rem; padding-bottom: .05rem; padding-right: .16rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.com_pro_module .cpm_unit, .com_pro_module .cpm_spec{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.com_pro_module .cpm_company{text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: .05rem; height: .16rem;}
.com_pro_module .cpm_labellist{ font-size: 0; line-height: 0; /*height: .17rem;*/ }
.com_pro_module .cpm_label{font-size: 0;height: .16rem;overflow: hidden;display: inline-block;margin-right: .05rem;}
.com_pro_module .cpm_label > li{padding: 0 .03rem;height: .14rem;line-height: .14rem;font-size: .12rem;display: inline-block;border: .01rem solid transparent;border-radius: .04rem;}
.com_pro_module .cpm_label > li + li{margin-left: .05rem;}
.com_pro_module .cpm_coupon{display: inline-block; vertical-align: top; margin-right: .05rem; color: #2bc2a7; padding: 0 .03rem;height: .14rem;line-height: .14rem;font-size: .12rem;border: .01rem solid #2bc2a7;border-radius: .04rem;}
.com_pro_module .icon_stockeprice{vertical-align: top; margin-top: 0;}
.com_pro_module .cpm_price{float: left; color: #f74142; font-size: .16rem; padding-top: .05rem; padding-right: .08rem;}
.com_pro_module .cpm_costprice{color: #999; padding-top: .05rem; float: left;}
.com_pro_module .cpm_fav{position: absolute; width: .4rem; height: .4rem; top: .05rem; right: 0;}
.com_pro_module .cpm_fav:after{content: "\E648";font-family: IconFont;font-size: .24rem;text-align: center;color: #666;width: .24rem;height: .24rem;position: absolute;right: .08rem;top: .05rem;}
.com_pro_module .cpm_fav.check:after{content: "\E649"; color: #ffb922;}
.com_pro_module .cpm_cartbtn{position: absolute; width: .6rem; height: .7rem; bottom: 0; right: 0;}
.com_pro_module .cpm_cartbtn:after{content: "\E676";font-family: IconFont;color: #1da854;font-size: .32rem;text-align: center;width: .3rem;height: .3rem;line-height: .3rem;position: absolute;right: .08rem;bottom: .1rem;}
.com_pro_module .cpm_cartbtn.untags:after{bottom: .24rem;}

/* 通用弹窗模块 */
.com_windows { }
.com_windows .cw_wrap { position: fixed; left: 0; top: 0; width: 100%;height: 100%; display: table; z-index: 110; margin: auto; background-color: rgba(0, 0, 0, .6); }
.com_windows .cw_cell { display: table-cell; vertical-align: middle; }