html{
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
}
html,body {
	-webkit-touch-callout:none;
	-webkit-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-user-select:none;
	width: 100%; background:#fff; font-family: "微软雅黑";min-height: 100%;
}
body {
	font-size: 0.7rem;
	color: #333;
	background-color: #eee;
	outline: 0;
}

input,select,textarea{font-family:"微软雅黑";outline:none;}
select{-webkit-appearance: none; border:none; background:#fff; font-size:0.6rem;}

/*字体*/
@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.eot');
  src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('iconfont/iconfont.woff') format('woff'),
  url('iconfont/iconfont.ttf') format('truetype'),
  url('iconfont/iconfont.svg#iconfont') format('svg');
}
.hd_iconfont{font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*table*/
table{ border:1px solid #d7d7d7;}
table tr td{border-collapse:collapse;}

/*圆形*/
.bor_radius{ border-radius:100%;}
.bor_radius3{ border-radius:3px;}

/*单行超出省略号*/
.ellipsis{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*两行超出省略号*/
.ellipsis_two{height:2rem;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; -moz-line-clamp: 2; -moz-box-orient: vertical; word-break: break-all;}
/*一行超出省略号*/
.ellipsis_one{height:1rem;overflow: hidden; display: -webkit-box; display: -moz-box;-webkit-line-clamp: 1;  -webkit-box-orient: vertical; -moz-line-clamp: 1; -moz-box-orient: vertical; word-break: break-all;}

/*没有 边框*/
.bor_btm_no{ border-bottom:none !important;}

/*下拉选择*/
.select_mian{ height:1.4rem; display:inline-block; position: relative;border:1px solid #ddd; border-radius:1px; padding:0rem 1rem 0rem 0.2rem;}
.select_mian select{ width:100%; height:1.4rem; line-height:1.4rem; position:relative; z-index: 99; }
.select_mian:after{position: absolute; z-index:99; content: ""; display: block; border-top: 5px solid #666; border-left: 5px solid transparent; border-right: 5px solid transparent; top:50%; margin-top:-2px; right: 5px;}

/*定位*/
.pr{ position:relative;}
.pa{ position:absolute;}

/*显示隐藏*/
.hide{ display:none !important;}
.show{ display:block !important;}

/*字体颜色*/
.color_999{ color:#999;}
.color_666{ color:#666;}

/*背景颜色*/
.bg_write{ background:#fff;}
.bg_ff7974{ background:#ff7974;}/*红*/
.bg_6597f8{ background:#6597f8;}/*蓝*/
.bg_68c988{ background:#68c988;}/*绿*/
.bg_eaaa5e{ background:#eaaa5e;}/*橙*/

/*浮动*/
.f_l{ float:left;}
.f_r{ float:right;}
.f_n{ float:none;}

/*对齐*/
.text_l{ text-align:left;}
.text_r{ text-align:right;}
.text_c{ text-align:center;}

/*间距*/
.mt0{ margin-top:0rem !important;}
.mt5{ margin-top:0.25rem;}
.mt10{ margin-top:0.5rem;}
.mt12{ margin-top:0.6rem !important;}
.mt15{ margin-top:0.75rem;}
.mt20{ margin-top:1rem;}
.mt25{ margin-top:1.25rem;}

.mr0{ margin-right:0px !important;}
.mr5{ margin-right:0.25rem;}
.mr10{ margin-right:0.5rem;}
.mr15{ margin-right:0.75rem;}
.mr20{ margin-right:1rem;}
.mr25{ margin-right:1.25rem;}

.ml0{ margin-left:0rem !important;}
.ml5{ margin-left:0.25rem;}
.ml10{ margin-left:0.5rem;}
.ml15{ margin-left:0.75rem;}
.ml20{ margin-left:1rem;}
.ml25{ margin-left:1.25rem;}

.mb0{ margin-bottom:0rem !important;}
.mb5{ margin-bottom:0.25rem;}
.mb10{ margin-bottom:0.5rem;}
.mb15{ margin-bottom:0.75rem;}
.mb20{ margin-bottom:1rem;}
.mb25{ margin-bottom:1.25rem;}

.pt0{ padding-top:0px !important;}
.pr0{ padding-right:0px !important;}
.pb0{ padding-bottom:0px !important;}
.pl0{ padding-left:0px !important;}

/*留白*/
.blank30{ height:1.5rem;}
.blank40{ height:2rem;}
.blank45{ height:2.25rem;}
.blank48{ height:2.4rem;}
.blank50{ height:2.5rem;}
.blank52{ height:2.6rem;}
.blank88{ height:4.4rem;}
.blank92{ height:4.6rem;}

/*首页图标颜色*/
.color_ff7974{ color:#ff7974;}/*红*/
.color_6597f8{ color:#6597f8;}/*蓝*/
.color_68c988{ color:#68c988;}/*绿*/
.color_f4a939{ color:#f4a939;}/*黄*/

/*单选按钮*/
.radio_box { -webkit-appearance: none; position: relative; width:14px; height:14px; border: 1px solid #e6e6e6; -webkit-border-radius: 200px; border-radius: 200px; background-color: #fff; border-color: #bdbdbd; display: inline-block;outline:none;}
.radio_box:checked { border-color: #ff9800; background-color: #fff;}
.radio_box:checked:after { content: ''; position: absolute; left:3px; top:3px; width:6px; height:6px; background:#ff9800; border-radius:100px;}
/*end*/
/*黄色的复选按钮-圆*/
.check_box_c {-webkit-appearance: none;outline: none; top:-0.01rem; position: relative; width:0.9rem; height:0.9rem; border: 2px solid #fff; -webkit-border-radius: 100%; border-radius: 100%;display: inline-block;}
.check_box_c:checked { border-color: #fff; background-color: #fff;}
.check_box_c:checked:after { content: ''; position: absolute; left: 1px; top: 2px; width: 9px; height: 4px; border-left: 2px solid #1a8bd2; border-bottom: 2px solid #1a8bd2; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
/*end*/

/*黄色的复选按钮*/
.check_box {-webkit-appearance: none;outline: none; top:-0.01rem; position: relative; width:15px; height:15px; border: 1px solid #e6e6e6; -webkit-border-radius: 2px; border-radius: 2px; background-color: #fff; border-color: #bdbdbd; display: inline-block;}
.check_box:checked { border-color: #ff9800; background-color: #ff9800;}
.check_box:checked:after { content: ''; position: absolute; left: 1px; top: 2px; width: 9px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
/*end*/

/*遮罩层*/
.popmask{ position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }

/*平均分布*/
.flex_outside{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex_inside{webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}

/*开关按钮*/
.label_switch {	display:inline-block;vertical-align:middle;width:2.2rem;border-radius:.8rem;box-sizing:border-box;height:1rem;position:relative;cursor:pointer;-webkit-align-self:center;align-self:center}
.label_switch .checkbox {width:2.1rem;border-radius:.8rem;box-sizing:border-box;height:1rem;background:#e5e5e5;z-index:0;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:none;cursor:pointer;	position:relative;-webkit-transition-duration:.3s;transition-duration:.3s}
.label_switch .checkbox:before {content:' ';position:absolute;left:.1rem;top:.1rem;width:1.9rem;border-radius:.8rem;box-sizing:border-box;height:0.8rem;background:#fff;z-index:1;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transform:scale(1);	transform:scale(1)}
.label_switch .checkbox:after {content:' ';height:0.8rem;width:0.8rem;border-radius:1.4rem;background:#fff;position:absolute;	z-index:2;top:.1rem;left:.1rem;box-shadow:0 .1rem .25rem rgba(0, 0, 0, .4);	-webkit-transform:translateX(0);	transform:translateX(0);-webkit-transition-duration:.3s;transition-duration:.3s}
.label_switch input[type=checkbox] {display:none}
.label_switch input[type=checkbox]:checked+.checkbox {background:#1a8bd2}
.label_switch input[type=checkbox]:checked+.checkbox:before {-webkit-transform:scale(0);	transform:scale(0)}
.label_switch input[type=checkbox]:checked+.checkbox:after {-webkit-transform:translateX(1.1rem);transform:translateX(1.1rem)}

/*头部*/
.header{ background:#fff; height:44px; line-height:2.2rem; color:#fff; position:relative}
.header .header_back{ padding-right:1rem;position:absolute; left:0rem; width:1.2rem; font-size:0.8rem; display:block; text-align:center; color:#1a8bd2;}
.header h2{text-align:center; font-weight:normal; font-size:0.8rem; color:#333;} 

/*会员卡第一步，，，和，，，营销*/
.member_all{ padding:1rem 1rem 0;}
.member_item{ position:relative; padding:0.5rem; background:#fff; border:1px solid #dcdcdc; border-radius:3px; margin-bottom:1rem;}
.member_item .member_tiem_icon{ margin-right:0.5rem; color:#fff; width:2.5rem; height:2.5rem; border-radius:100%; line-height:2.5rem; text-align:center; font-size:1.2rem;}
.member_item h3{ font-size:0.7rem; font-weight:normal; margin:0.4rem 0 0.2rem 0rem}
.member_item p{ font-size:0.6rem; color:#999;}
.member_item p + i{ font-size:0.9rem; color:#ddd; position: absolute; right:0.3rem; top:50%; margin-top:-0.5rem;}
/*横向的项*/
/*必填提示  * 样式*/
.must_star{ padding-left:0.1rem; font-size:0.6rem; color:#ff7c08;}

.common_item{}
.common_item ul{ margin-bottom:10px; background:#fff;}
.common_item ul li{ border-bottom:1px solid #e6e6e6; color:#666; padding:0rem 10px; line-height:40px; position:relative;}
.common_item ul li:after{content: ' ';display: block;clear: both;visibility:hidden;line-height: 0;height:0;}
.common_item ul li:last-child{ border-bottom:none;}
.common_item ul li i.f_r{ font-size:14px; color:#D6D6D6; margin-right:-4px; margin-top:2px;}
.common_item ul li a.f_r span{ margin-top:2px;}
.common_item ul li .common_item_img img{ height:44px; width:44px; position: relative; top:8px;}
.common_item ul li .common_item_img + span{ line-height:44px; margin-top:8px;}
.common_item ul li input{ text-align:right; color:#999;}
.common_item ul li input[type="text"]{ line-height:40px;}
.common_item ul li .common_item_icon{ font-size:14px; padding-right:6px;}
.common_item ul li select{ color:#999; line-height:42px;}
/*底部样式---菜单*/
#footer{position: fixed; bottom: 0rem; z-index: 3; width: 100%;}
.footer_nav{ height:2.3rem; border-top:1px solid #e0e0e0; background:#faf9fa; color:#a1a1a1;}
.footer_nav ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.footer_nav ul li{webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align:center;}
.footer_nav ul li i{display:inline-block; margin:0.2rem 0 0.1rem 0; font-size:1rem;}
.footer_nav ul li.active,.fooer_nav ul li.active i{ color:#f4a939 !important;}
.footer_nav ul li.active .icon_shouyin:before { content: "\e638"; }
.footer_nav ul li.active .icon_dingdan:before { content: "\e655"; }
.footer_nav ul li.active .icon_youxiaozhushou:before { content: "\e637"; }
.footer_nav ul li.active .icon_wode:before { content: "\e604"; }
/*底部样式---按钮*/
.footer_btn{ height:2.6rem; background:#f5f5f5; position: fixed; width:100%; bottom:0rem;}
.footer_btn a{ position:fixed; bottom:0.3rem; display:block; background:#ee9900; color:#fff; text-align:center; height:2rem; line-height:2rem; font-size:0.7rem; width:96%; left:2%; bottom:0.3rem;}
.footer_btn_span{ height:2rem; background:#f5f5f5; position: fixed; width:100%; bottom:0rem;}
.footer_btn_span span{ display:block; position:fixed; color:#df911e; text-align:center; height:2rem; line-height:2rem; border-top:1px solid #ddd; font-size:0.7rem; width:100%;}

.footer_btn .cashier_del{ bottom:2.6rem; background:#fff; color:#ff736c;}


/*满减标签样式*/
.label_common{ padding:0.5rem 0}
.label_common ul li{ padding:0 0.4rem; float:left; height:1.4rem; line-height:1.4rem; position:relative; color:#fff; margin-right:1rem; border-radius:3px;}
.label_common ul li img{ width:1rem; height:1rem; position:absolute; right:-0.5rem; top:-0.5rem;}
.label_one{ background:#ee9900;}
.label_two{ background:#ec6f55;}
.label_thr{ background:#6bb593;}
.label_fou{ background:#6d96cd;}

/*弹窗页面*/
.popup_wrap{ background:#fff; border:1px solid #cbcbcb; width:50%; margin:0 auto; position:relative; z-index: 9999;}
.popup_header{ position:relative; background:#eee; height:2rem; line-height:2rem;}
.popup_header h3{font-size:0.8rem; color:#666; text-align:center; font-weight:normal;}
.popup_header a{ position:absolute;}
.popup_header a.f_l{ left:0.3rem;}
.popup_header a.f_l i{ color:#1a8bd2; font-size:0.8rem;}
.popup_header a.f_r{ right:0.3rem; color:#1a8bd2;}
.popup_main{ padding:0.5rem;box-sizing:border-box;}

/*数字键盘*/
.num_keyM{}
.num_keyM table{ width:100%;}
.num_keyM table tr td{ padding:2% 0px; font-size:1rem; color:#666; border:1px solid #dfdfdf; width:25%; text-align:center;vertical-align: middle;}
.num_keyM table tr td.btn{ background:#1a8bd2; color:#fff;}
/*悬浮计算器*/
.count_num{ background:rgb(153, 153, 153); position:absolute; z-index: 999; right:0rem;}
.count_num span.top_jiao{ position:absolute; display:block;width: 0;height: 0;border-width:0.3rem; top:-0.6rem;left:50%; margin-left:-0.3rem;border-style: solid;border-color: transparent transparent rgb(153, 153, 153) transparent;}
.count_num table tr td{color:#fff; border:1px solid #747474; height:2rem; width:3rem; vertical-align: middle; text-align:center;}

/*底部按钮*/
.member_footer{ position:fixed;bottom:0rem; width:100%; background:#fff; padding:0.3rem;box-sizing:border-box;}
.member_footer span{ display:block;box-sizing:border-box; background:#1a8bd3; color:#fff; text-align:center; height:1.8rem; line-height:1.8rem;}

/*ajax请求报错*/
.fail_div{}
.fail_div img{ width:3rem; display:block; margin:0 auto;}
.fail_div p{ text-align:center; width:100%; font-size:0.7rem; height:2rem; line-height:2rem;}
.a_back{display:block;width:3rem;}
.popup_header .f_r{text-align:center;}
/*vue解决渲染问题*/
[v-cloak] {
 display: none;
}