/* CSS Document */
@charset "utf-8";
:root {
	/* Color Palette */
	--lc-blue: #00327d;
	--lc-red: #ee0a24;
	--lc-orange: #ff976a;
	--lc-orange-dark: #ed6a0c;
	--lc-orange-light: #fffbe8;
	--lc-green: #07c160;
	--lc-black: #000;
	--lc-white: #fff;
	--lc-gray-1: #f7f8fa;
	--lc-gray-2: #f2f3f5;
	--lc-gray-3: #ebedf0;
	--lc-gray-4: #dcdee0;
	--lc-gray-5: #c8c9cc;
	--lc-gray-6: #969799;
	--lc-gray-7: #646566;
	--lc-gray-8: #323233;
	/* Gradient Colors */
	--lc-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
	--lc-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
	/* Component Colors */
	--lc-primary-color: var(--lc-blue);
	--lc-success-color: var(--lc-green);
	--lc-danger-color: var(--lc-red);
	--lc-warning-color: var(--lc-orange);
	--lc-text-color: var(--lc-gray-8);
	--lc-text-color-2: var(--lc-gray-6);
	--lc-text-color-3: var(--lc-gray-5);
	--lc-text-link-color: #576b95;
	--lc-active-color: var(--lc-gray-2);
	--lc-active-opacity: 0.6;
	--lc-disabled-opacity: 0.5;
	--lc-background-color: var(--lc-gray-1);
	--lc-background-color-light: var(--lc-white);
	/* Padding */
	--lc-padding-base: 0.1rem;
	--lc-padding-xs: 0.2rem;
	--lc-padding-sm: 0.3rem;
	--lc-padding-md: 0.4rem;
	--lc-padding-lg: 0.6rem;
	--lc-padding-xl: 0.8rem;
	/* Font */
	--lc-font-size-xs: 0.25rem;
	--lc-font-size-sm: 0.3rem;
	--lc-font-size-md: 0.35rem;
	--lc-font-size-lg: 0.4rem;
	--lc-font-weight-bold: 500;
	/* lc-line-height */
	--lc-line-height-xs: 0.35rem;
	--lc-line-height-sm: 0.45rem;
	--lc-line-height-md: 0.5rem;
	--lc-line-height-lg: 0.55rem;
	/* family */
	--lc-base-font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, miui, Hiragino Sans GB, Microsoft Yahei, sans-serif;
	--lc-price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;
	/* Animation */
	--lc-animation-duration-base: 0.3s;
	--lc-animation-duration-fast: 0.2s;
	--lc-animation-timing-function-enter: ease-out;
	--lc-animation-timing-function-leave: ease-in;
	/* Border */
	--lc-border-color: var(--lc-gray-3);
	--lc-border-width-base: 1px;
	--lc-border-radius-sm: 0.05rem;
	--lc-border-radius-md: 0.1rem;
	--lc-border-radius-lg: 0.2rem;
	--lc-border-radius-max: 24.975rem;
	/* display */
	--display: none;
}
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: 100%; /* 防止 iOS 自动调整字体大小 */
}
html { height:100%; width:100%; overflow:hidden; min-width:300px; }
body {
	width: 100%; min-height:100%; min-width:300px;
	-webkit-text-size-adjust: 100%; /* 防止 iOS 自动调整字体大小 */
	/*-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    z-index: 0;

    margin: 0 auto;
    overflow-x: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    zoom:1;
    height:auto;*/
	font: 12px/1.5 system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol;
}
input, a { font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; }
img {
	vertical-align: middle; border:none;
}
em, i { font-style:normal; }
div { margin:0; padding:0; font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol; }
*, *:before, *:after {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
ul,li { list-style: none; }
a { text-decoration:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance:none; }
a:hover { text-decoration:none; }
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
/* 字号设置 */
@media screen and (max-width: 319px) {
    html {font-size: 16px;}
}
@media screen and (min-width: 320px) {
    html {font-size: 18px;}
}
 
@media screen and (min-width: 360px) {
    html {font-size: 20px;}
}
 
@media screen and (min-width: 400px) {
    html {font-size: 22px;}
}
 
@media screen and (min-width: 440px) {
    html {font-size: 24px;}
}
 
@media screen and (min-width: 480px) {
    html {font-size: 26px;}
}
 
@media screen and (min-width: 640px) {
    html {font-size: 28px;} 
}

@media screen and (min-width: 750px) {
   /* html {font-size: 40px;}*/ 
}

/* 配置 */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.fl {
	float: left;
	_display: inline;
}
.fr {
	float: right;
	_display: inline;
}

.word-break {
	word-break: break-all;
}
.word-wrap {
	word-wrap: break-word;
}

/* 开关 */
.hide { display:none; }
.show { display:block; }

/* ios安全区域 */
.ios-bottom {
	bottom: max(12px, constant(safe-area-inset-bottom)) !important; /*兼容 IOS<11.2*/
	bottom: max(12px, env(safe-area-inset-bottom)) !important;	/*兼容 IOS>11.2*/
}

.ios-padding-bottom {
	padding-bottom: max(12px, constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/
	padding-bottom: max(12px, env(safe-area-inset-bottom));	/*兼容 IOS>11.2*/
}


/*圆角效果*/
.radius2 { -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.radius3 { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.radius5 { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.radius10 { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.radius_4 { -moz-border-radius: .4rem; -khtml-border-radius: .4rem; -webkit-border-radius: .4rem; border-radius: .4rem; }

.radius50_per { -moz-border-radius: 50%; -khtml-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.radius100_per { -moz-border-radius: 100%; -khtml-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; }

/* header */
.wui_bar { position:fixed;z-index:10;right:0;left:0;height:2.5rem; padding-right:.5rem;padding-left:.5rem;border-bottom:0;background-color:var(--lc-blue);-webkit-box-shadow:0 0 1px rgba(0,0,0,.85);box-shadow:0 0 1px rgba(0,0,0,.85);-webkit-backface-visibility:hidden;backface-visibility:hidden; }
.wui_bar a { display:inline-block; }
.wui_title { font-size:0.8rem;font-weight:500;line-height:2.5rem;position:absolute; left:2rem; right:2rem; padding:0;text-align:center;white-space:nowrap;color:#fff; }
.bar_nav { top:0;-webkit-box-shadow:0 1px 6px #ccc;box-shadow:0 1px 6px #ccc; }
.bar_nav a { text-align:center; margin:.5rem 0; color:#fff; width:1.3rem; height:1.3rem; line-height:1rem; }
.bar_nav a.member_info { font-size:.6rem; border:2px #fff solid; line-height:1.2rem; }
.bar_nav a.signin { font-size:.7rem; border:2px var(--lc-blue) solid; line-height:1.2rem; width:1.7rem; margin-right:-0.2rem; }
.bar_nav a.shopcar_del { font-size:.7rem; border:2px var(--lc-blue) solid; line-height:1.2rem; width:1.7rem; margin-right:-0.2rem; }
.bar_nav a.word4 { font-size:.6rem; border:2px var(--lc-blue) solid; line-height:1.2rem; width:2.8rem; margin-right:-0.2rem; }
.bar_nav a.icon-back { font-size:1rem; border:2px var(--lc-blue) solid; margin:.58rem 0 .42rem; }
.bar_nav a.icon-search { font-size:1rem; border:2px var(--lc-blue) solid; margin:.65rem 0 .35rem; }
.bar_nav a.icon-shopcar8 { font-size:1rem; border:2px var(--lc-blue) solid; margin:.65rem 0 .35rem; }
.bar_left { float:left; }
.bar_right { float:right; }
.bar_nav a.bar_right { display: none; }
.bar_nav a.member_info, .bar_nav a.signin { display: block; }

/* wrapper */
.wui_wrapper { position:absolute; left:0; right:0; top:2.5rem; bottom:0; overflow-y: auto; -webkit-overflow-scrolling : touch;  }

/* 下载APP */
.lkapp_download { position:absolute; bottom:0; left:0; right:0; font-size:.6rem; background-color: rgba(0, 0, 0, 0.7); padding:.4rem 15px; box-sizing: border-box; }
.lkapp_download i { float:left; width:1.8rem; height:1.8rem; display:inline-block; }
.lkapp_download i img { display:block; width:100%; height:100%; }
.lkapp_download a { float:right; height: 1.8rem; line-height: 1.8rem; padding:0 1.5rem; background: #f2413c; color: #fff; }
.lkapp_download p { padding-left: 2.3rem; color: #fff; height: 1.8rem; line-height:1.8rem; }

/* 底部按钮 */
.foot_button.cancel{color:#999;background: #ccc;border-bottom: 3px #ccc solid;}
.foot_button.cancel input{color:#999;background: #ccc;}
.foot_button { position:absolute; bottom:0; left:0; right:0; font-size:0.9rem; height:2.5rem; border-bottom:2px var(--lc-blue) solid; background: var(--lc-blue); text-align:center; }
.foot_button a { display:block; line-height:2.5rem; color:#fff; }
.foot_button input { border:none; background:none; }
.foot_button input[type="submit"] { line-height:2.5rem; color: #fff; font-size:0.9rem; width:100%; }
.foot_button input[type="button"] { line-height:2.5rem; color: #fff; font-size:0.9rem; width:100%; }

/** 弹出层 2017-05-24 **/
.popups1705{ display:none; position:absolute; left:0; top:0px; width:100%; height:100%; z-index:999; }
.popups1705_bg{ position:fixed; z-index: -1; width:100%; height:100%; background-color:#383838; filter:alpha(opacity=35); opacity:0.35;}
.popups1705_wrap{ display:block; position:fixed; left:50%; top:50%; z-index:1000;}
/** end弹出层 **/