﻿@charset "utf-8";
/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ 
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ 
pre, /* text formatting elements 文本格式元素 */
 form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ 
 th, td /* table elements 表格元素 */ {
	margin:0;
	padding:0;
}
/**
* @ 设置默认字体 *
* @ 这里的\5b8b\4f53就是代表宋体
* @注释乱码：强烈建议不要用中文注释。font-family:'宋体'
* @常用中文字体解码
新细明体 \65B0\7EC6\660E\4F53
细明体 \7EC6\660E\4F53
标楷体 \6807\6977\4F53
黑体 \9ED1\4F53
宋体 \5B8B\4F53
新宋体 \65B0\5B8B\4F53
仿宋 \4EFF\5B8B
楷体 \6977\4F53
仿宋_GB2312 \4EFF\5B8B_GB2312
楷体_GB2312 \6977\4F53_GB2312
微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
微软雅黑 \5FAE\8F6F\96C5\9ED1
*/
/**,*:active,*:active,*:link{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	tap-highlight-color:rgba(0,0,0,0);
	tap-highlight-color:transparent;
	border-style:none; outline:none;
}*/
body{-webkit-text-size-adjust:none; /*如果文字＜12px无效*/
	-webkit-touch-callout:none;/*禁止用户在新窗口弹出页面*/
	-webkit-user-select:none;
}
body, button, input, select, textarea /* for ie */ {
	font:12px/1.5 Tahoma, Arial,\5FAE\8F6F\96C5\9ED1,\5b8b\4f53, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
address, cite, dfn, em, b,caption,code,strong,th,var,em,i{
	font-style:normal;
	font-weight:normal;
} /* 将斜体扶正 */
code, kbd, pre, samp {
	font-family:courier new, courier, monospace;
} /* 统一等宽字体 */
small {
	font-size:12px;
} /* 小于 12px 的中文很难阅读，让 small 正常化 */
/** 重置列表元素 **/
ul, ol ,li,dl,dh{
	list-style:none;
}
/** 重置文本格式元素 **/
a {
	color:#bf2c2a;
	text-decoration:none;
}
a:hover {
	
	text-decoration:none;
}
sup {
	vertical-align:text-top;
} /* 重置，减少对行高的影响 */
sub {
	vertical-align:text-bottom;
}
a:hover,a:active, input, :focus { outline:none;}
/** 重置表单元素 **/
legend {
	color:#000;
} /* for ie6 */
fieldset, img {
	border:0;-ms-interpolation-mode:bicubic;
} /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea {
	font-size:100%;
	-webkit-appearance:none;
	border-radius: 0;
	border:none;
} /* 使得表单元素在 ie 下能继承字体大小 */
input::-webkit-input-placeholder{color:#999;}
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table {
	border-collapse:collapse;
	border-spacing:0;
	word-break:break-all;
}
/* 重置 HTML5 元素 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	display:block;
	margin:0;
	padding:0;
}
/*兼容android样式*/
select{
	appearance: none;
	-webkit-appearance: none;
}
mark {background:#ff0;}
/* 遮罩层。 */
.mask {background-color:#000;opacity:0.3;filter:alpha(opacity=30);}
/*改变文字选中默认背景颜色*/
::selection { background:#8DB040; color:#fff; }
::-moz-selection { background:#8DB040; color:#fff; }
::-webkit-selection { background:#8DB040; color:#fff; }

/* 隐藏 */
.hidden {display:none;}
.invisible {visibility:hidden;}
/* 清除浮动 */
.clear:after {
	content:'\20';
	display:block;
	height:0;
	clear:both;
}
.clear {*zoom:1;}
/*行块*/
.inlineBlock{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
/*重置盒子模型模式*/
*{ box-sizing:border-box; font-family:'Arial','\5FAE\8F6F\96C5\9ED1';}
/*设置按钮得到光标属性显示为手型*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer;-webkit-appearance:button; *overflow:visible}
/*重置系统选择按钮*/
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0;}
/*同一搜索按钮UI*/
input[type="search"] { -webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
/*重置火狐浏览器中按钮的文字垂直对齐问题*/
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0;}
.bkw { word-break:break-all; word-wrap:break-word;overflow:hidden;}
.ellip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

/*重置滚动条样式*/
::-webkit-scrollbar{
	width:3px;
	height:3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	background:#2b2b2b;
	display:none;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb{
	border-radius:999px;
	border:3px solid transparent;
}

::-webkit-scrollbar-track{
	box-shadow:1px 1px 5px rgba(0,0,0,0.5) inset; display:none;
}

::-webkit-scrollbar-thumb{
	min-height:20px;
	background-clip:content-box;
	box-shadow:0 0 0 5px rgba(0,0,0,.2) inset;
}

::-webkit-scrollbar-corner{
	background:transparent;
}

div, ul, li, dl, dt, dd, p, span, em, i, a,
header, section, footer{
	-webkit-tap-highlight-color:rgba(0,0,0,0);/* 清除手机中点击出现的高亮边框 */
	/*-webkit-text-size-adjust:none;*//* 清除默认字体大小 */
}
/*适配rem*/
html,body{height:100%;}
@media screen and (max-width:320px) {
	html {
		font-size:30px;
	}
}

@media screen and (min-width:320px) and (max-width:375px) {
	html {
		font-size:32px;
	}
}

@media screen and (min-width:375px) and (max-width:400px) {
	html {
		font-size: 37.5px;
	}
}

@media screen and (min-width:400px) and (max-width:430px) {
	html {
		font-size: 41.4px;
	}
}

@media screen and (min-width:430px) and (max-width:485px) {
	html {
		font-size: 43px
	}
}
@media screen and (min-width:485px) and (max-width:540px) {
		html {
			font-size: 48.5px
		}
}
@media screen and (min-width:540px){
	html {
		font-size: 54px
	}
}

/*白版背景*/
body{background:#F5F5F5;}

/*下划线*/
.solid-bottom{position:relative;}
.solid-bottom:after {
	content:'';
	pointer-events:none;
	width:100%;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: -1px;
	z-index: 100;
	-webkit-transform: translate3d(0,0,0) scaleY(.5);
	-webkit-transform-origin: 0 0;
	transform: translate3d(0,0,0) scaleY(.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e5e5e5;
}

.solid-top{position:relative;}
.solid-top:after {
	content:'';
	pointer-events:none;
	width:100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	-webkit-transform: translate3d(0,0,0) scaleY(.5);
	-webkit-transform-origin: 0 0;
	transform: translate3d(0,0,0) scaleY(.5);
	transform-origin: 0 0;
	border-bottom: 1px solid #e5e5e5;
}

.abso-center{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}
.base-solid{position:relative;}
.base-solid:after{
	content:''; width:200%; height:200%; border:1px solid #e5e5e5;
	position:absolute; top:-1px; left:0; z-index:100;
	transform: translate3d(0,0,0) scale(.5); transform-origin:0 0;
	-webkit-transform: translate3d(0,0,0) scale(.5); -webkit-transform-origin:0 0;
	pointer-events:none;
}
.zoom-4{
	position:absolute; top:50%; left:0; z-index:100;
	transform: translate3d(0,0,0) scale(.25); transform-origin:0 0;
	-webkit-transform: translate3d(0,0,0) scale(.25); -webkit-transform-origin:0 0;
	pointer-events:none;
}

/*盒子*/
.fixed-head{position:fixed; top:0; right:0; left:0; z-index:1000;}
.fixed-main{height:100%; position:relative;/* overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;*/}
.fixed-foot{position:fixed; right:0; bottom:0; left:0; z-index:1000;}

/*宽度设置*/
.w1{width:100%;}
.w2{width:50%;}
.w3{width:33.33%;}
.w4{width:25%;}
.w5{width:20%;}
.w10{width:10%}
.w15{width:15%}
.w20{width:20%;}
.w25{width:25%;}
.w26{width:26%;}
.w30{width:30%;}
.w32{width:32%;}
.w35{width:35%;}
.w38{width:38%;}
.w40{width:40%;}
.w44{width:44%;}
.w45{width:45%;}
.w55{width:55%;}
.w60{width:60%;}
.w62{width:62%;}
.w65{width:65%;}
.w66{width:66%;}
.w68{width:68%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}

/*高度设置*/
.h1{height:100%;}
.h12{height:.16rem;}
.h34{height:.4533rem;}
.h60{height:.8rem;}
.h90{height:1.2rem;}
.h92{height:1.2267rem;}
.h100{height:1.3333rem;}
.h102{height:1.36rem;}
.h108{height: 1.44rem;}
.h110{height: 1.4667rem;}
.h120{height: 1.6rem;}
.h130{height: 1.7333rem;}

@font-face {
	font-family: 'iconfont';
	src: url('iconfont/iconfont.eot');
	src: url('iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
		url('iconfont/iconfont.woff2') format('woff2'),
		url('iconfont/iconfont.woff') format('woff'),
		url('iconfont/iconfont.ttf') format('truetype'),
		url('iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
	font-family: "iconfont" !important;
	-webkit-font-smoothing: antialiased;/*字体抗锯齿渲染*/
	-moz-osx-font-smoothing: grayscale;/*字体抗锯齿渲染*/
}

/*字体大小*/
.fz22{font-size:.2933rem;}
.fz24{font-size:.32rem;}
.fz26{font-size:.3467rem;}
.fz28{font-size:.3733rem;}
.fz30{font-size:.4rem;}
.fz32{font-size:.4267rem;}
.fz33{font-size:.44rem;}
.fz34{font-size:.4533rem;}
.fz36{font-size:.48rem;}
.fz38{font-size:.5067rem;}
.fz40{font-size:.5333rem;}
.fz46{font-size:.6133rem;}
.fz50{font-size:.6667rem;}
.fz52{font-size:.6933rem;}
.fz54{font-size:.72rem;}
.fz56{font-size:.7467rem;}
.fz60{font-size:.8rem;}
.fz64{font-size:.8533rem;}
.fz70{font-size:.9333rem;}
.fz72{font-size:.96rem;}
.fz90{font-size:1.2rem;}
.fz100{font-size:1.33rem;}

.fw5{font-weight:600;}
.fw6{font-weight:600;}
.fwbd{font-weight:bold;}

/*文本位置*/
.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.ta-j,.taj{text-align:justify;}
.ti2{text-indent:2em;}
.wob-ba{word-break: break-all;}

/*文本行高*/
.lhnormal{line-height: normal;}
.lh24{line-height:.32rem;}
.lh26{line-height:.3467rem;}
.lh28{line-height:.3733rem;}
.lh30{line-height:.4rem;}
.lh32{line-height:.4267rem;}
.lh34{line-height:.4533rem;}
.lh36{line-height:.48rem;}
.lh40{line-height:.5333rem;}
.lh42{line-height:.56rem;}
.lh44{line-height:.5867rem;}
.lh46{line-height:.6133rem;}
.lh48{line-height:.64rem;}
.lh50{line-height:.6667rem;}
.lh52{line-height:.6933rem;}
.lh54{line-height:.72rem;}
.lh56{line-height:.7467rem;}
.lh58{line-height:.7733rem;}
.lh60{line-height:.8rem;}
.lh64{line-height:.8533rem;}
.lh66{line-height:.88rem;}
.lh70{line-height:.9333rem;}
.lh72{line-height:.96rem;}
.lh80{line-height:1.0667rem;}
.lh84{line-height:1.12rem;}
.lh88{line-height:1.1733rem;}
.lh90{line-height:1.2rem;}
.lh100{line-height:1.3333rem;}
.lh102{line-height:1.36rem;}
.lh120{line-height:1.6rem;}

/*字体颜色*/
.c333{color:#333;}
.c666{color:#666;}
.c888{color:#888;}
.c999{color:#999;}
.cccc{color:#ccc;}
.ce5{color:#e5e5e5;}
.red{color:#FF4540;}/*红*/
.yellow{color: #FCCA35}/*黄*/
.green{color:#04B24B;}/*绿*/
.light-green{color: #91DDC0;}/*浅绿*/
.orange{color:#FF8840;}/*橙*/
.blue{color:#468DF6;}/*蓝*/
.white{color:#fff;}/*白*/

.o0{opacity:0;}
.o1{opacity:.1;}
.o4{opacity:.4;}
.o7{opacity:.7;}
.o8{opacity:.8;}
.o10{opacity:1;}

/*边距设置*/
.mt6{margin-top:.08rem;}
.mt12{margin-top:.16rem;}
.mt15{margin-top:.2rem;}
.mt16{margin-top:.2133rem;}
.mt20{margin-top:.2667rem;}
.mt24{margin-top:.32rem;}
.mt30{margin-top: .4rem;}
.mt32{margin-top:.4267rem;}
.mt36{margin-top:.48rem;}
.mt101{margin-top: 1.1rem;}


.mr6{margin-right:.08rem;}
.mr12{margin-right:.16rem;}
.mr18{margin-right:.24rem;}
.mr20{margin-right:.2667rem;}
.mr30{margin-right:.4rem;}

.mb10{margin-bottom:.1333rem;}
.mb20{margin-bottom:.2667rem;}
.mb30{margin-bottom:.4rem;}
.mb50{margin-bottom:.6667rem;}

.ml6{margin-left:.08rem;}
.ml12{margin-left: .16rem;}
.ml20{margin-left:.2667rem;}
.ml28{margin-left:.3733rem;}
.ml30{margin-left:.4rem;}
.ml70{margin-left: .933333rem;}

/*填充设置*/
.pt6{padding-top:.08rem;}
.pt12{padding-top:.16rem;}
.pt14{padding-top:.1867rem;}
.pt15{padding-top:.2rem;}
.pt16{padding-top:.2133rem;}
.pt18{padding-top:.24rem;}
.pt20{padding-top:.2667rem;}
.pt21{padding-top:.28rem;}
.pt22{padding-top:.2933rem;}
.pt24{padding-top:.32rem;}
.pt25{padding-top:.3333rem;}
.pt26{padding-top:.3467rem;}
.pt28{padding-top:.3733rem;}
.pt30{padding-top:.4rem;}
.pt32{padding-top:.4267rem;}
.pt34{padding-top:.4533rem;}
.pt36{padding-top:.48rem;}
.pt40{padding-top:.5333rem;}
.pt42{padding-top:.56rem;}
.pt44{padding-top:.5867rem;}
.pt45{padding-top:.6rem;}
.pt50{padding-top:.6667rem;}
.pt54{padding-top:.72rem;}
.pt60{padding-top:.8rem;}
.pt70{padding-top:.9333rem;}
.pt72{padding-top:.96rem;}
.pt78{padding-top:1.04rem;}
.pt84{padding-top:1.12rem;}
.pt90{padding-top:1.2rem;}
.pt100{padding-top:1.3333rem;}

.pr6{padding-right:.08rem;}
.pr8{padding-right:.1067rem;}
.pr12{padding-right:.16rem;}
.pr15{padding-right:.2rem;}
.pr16{padding-right:.2133rem;}
.pr18{padding-right:.24rem;}
.pr20{padding-right:.2667rem;}
.pr24{padding-right:.32rem;}
.pr28{padding-right:.3733rem;}
.pr30{padding-right:.4rem;}
.pr36{padding-right:.48rem;}
.pr38{padding-right:.5067rem;}
.pr40{padding-right:.5333rem;}
.pr45{padding-right:.6rem;}
.pr48{padding-right:.64rem;}
.pr50{padding-right:.6667rem;}
.pr54{padding-right:.72rem;}
.pr60{padding-right:.8rem;}
.pr66{padding-right:.88rem;}
.pr70{padding-right:.9333rem;}
.pr72{padding-right:.96rem;}
.pr90{padding-right:1.2rem;}
.pr120{padding-right:1.6rem;}
.pr135{padding-right:1.8rem;}
.pr150{padding-right:2rem;}

.pb6{padding-bottom:.08rem;}
.pb8{padding-bottom:.1067rem;}
.pb12{padding-bottom:.16rem;}
.pb14{padding-bottom:.1867rem;}
.pb15{padding-bottom:.2rem;}
.pb16{padding-bottom:.2133rem;}
.pb18{padding-bottom:.24rem;}
.pb20{padding-bottom:.2667rem;}
.pb21{padding-bottom:.28rem;}
.pb22{padding-bottom:.2933rem;}
.pb24{padding-bottom:.32rem;}
.pb25{padding-bottom:.3333rem;}
.pb26{padding-bottom:.3467rem;}
.pb28{padding-bottom:.3733rem;}
.pb30{padding-bottom:.4rem;}
.pb32{padding-bottom:.4267rem;}
.pb34{padding-bottom:.4533rem;}
.pb36{padding-bottom:.48rem;}
.pb40{padding-bottom:.5333rem;}
.pb42{padding-bottom:.56rem;}
.pb50{padding-bottom:.6667rem;}
.pb54{padding-bottom:.72rem;}
.pb60{padding-bottom:.8rem;}
.pb66{padding-bottom:.88rem;}
.pb70{padding-bottom:.9333rem;}
.pb90{padding-bottom:1.2rem;}
.pb100{padding-bottom:1.3333rem;}
.pb120{padding-bottom:1.6rem;}
.pb195{padding-bottom:2.6rem;}

.pl6{padding-left:.08rem;}
.pl8{padding-left:.1067rem;}
.pl12{padding-left:.16rem;}
.pl15{padding-left:.2rem;}
.pl18{padding-left:.24rem;}
.pl20{padding-left:.2667rem;}
.pl24{padding-left:.32rem;}
.pl28{padding-left:.3733rem;}
.pl30{padding-left:.4rem;}
.pl32{padding-left:.4267rem;}
.pl34{padding-left:.4533rem;}
.pl36{padding-left:.48rem;}
.pl38{padding-left:.5067rem;}
.pl40{padding-left:.5333rem;}
.pl42{padding-left:.56rem;}
.pl45{padding-left:.6rem;}
.pl48{padding-left:.64rem;}
.pl50{padding-left:.6667rem;}
.pl52{padding-left:.6933rem;}
.pl54{padding-left:.72rem;}
.pl60{padding-left:.8rem;}
.pl70{padding-left:.9333rem;}
.pl72{padding-left:.96rem;}
.pl81{padding-left:1.08rem;}
.pl90{padding-left:1.2rem;}
.pl110{padding-left:1.4667rem;}
.pl120{padding-left:1.6rem;}
.pl130{padding-left:1.7333rem;}
.pl150{padding-left:2rem;}

/*背景颜色*/
.bg-e8{background:#E8E8E8;}
.bg-f0{background:#F0F0F0;}
.bg-f5{background:#F5F5F5;}
.bg-f8{background:#F8F8F8;}
.bg-bg{background:#F5F5F5;}
.bg-cccc,.bg-ccc{background:#ccc;}
.bg-red{background:#FF4540;}/*红*/
.bg-green{background:#04B24B;}/*绿*/
.bg-light-green{background: #91DDC0;}/*浅绿*/
.bg-orange{background:#FF8840;}/*橙*/
.bg-blue{background:#468DF6;}/*蓝*/
.bg-yellow{background: #FCCA35}/*黄*/
.bg-white{background:#fff;}/*白*/
.bg-black{background:#000;}/*黑*/

.br4{border-radius:.0533rem;}
.br6{border-radius:.08rem;}
.br8{border-radius:.1067rem;}
.br10{border-radius:.1333rem;}
.br12{border-radius:.16rem;}
.br15{border-radius:.2rem;}
.br20{border-radius:.2667rem;}
.br30{border-radius:.4rem;}

.d-b{display:block;}
.d-n{display: none;}
.pos-r{position: relative;}

.hide-ibox{overflow:hidden; display:-webkit-inline-box; text-overflow:ellipsis; -webkit-line-clamp:1;}/*隐藏过长的字符串展示...*/

/*弹性盒子元素在主轴（横轴）方向上的对齐方式*/
.fw-w{-webkit-flex-wrap:wrap;flex-wrap:wrap;}/*让弹性盒元素在必要的时候拆行*/
/*垂直弹性*/
.ai-fs{-webkit-box-align:start;align-items:flex-start; display:-webkit-box; display:flex; -webkit-align-items:flex-start; display:-webkit-flex;}/*位于容器的开头*/
.ai-fe{-webkit-box-align:end;align-items:flex-end; display:-webkit-box; display:flex; -webkit-align-items:flex-end; display:-webkit-flex;}/*位于容器的结尾*/
.ai-c,.aic{-webkit-box-align:center;align-items:center; display:-webkit-box; display:flex; -webkit-align-items:center; display:-webkit-flex;}/*位于容器的中心*/
.ai-s{-webkit-box-align:stretch;align-items:stretch; display:-webkit-box; display:flex; -webkit-align-items:stretch; display:-webkit-flex;}/*拉伸以适应容器*/
/*水平弹性*/
.jc-fs{-webkit-box-pack:start;justify-content:flex-start; display:-webkit-box; display:flex; -webkit-justify-content:flex-start; display:-webkit-flex;}/*位于容器的开头*/
.jc-fe{-webkit-box-pack:end;justify-content:flex-end; display:-webkit-box; display:flex; -webkit-justify-content:flex-end; display:-webkit-flex;}/*位于容器的结尾*/
.jc-c{-webkit-box-pack:center;justify-content:center; display:-webkit-box; display:flex; -webkit-justify-content:center; display:-webkit-flex;}/*位于容器的中心*/
.jc-sb{-webkit-box-pack:justify;justify-content:space-between; display:-webkit-box; display:flex; -webkit-justify-content:space-between; display:-webkit-flex;}/*位于各行之间留有空白的容器内*/
.jc-sa{justify-content:space-around; display:-webkit-box; display:flex; -webkit-justify-content:space-around; display:-webkit-flex;}/*位于各行之前、之间、之后都留有空白的容器内*/

/*使iOS列表滑动流畅*/
body {
	-webkit-overflow-scrolling: touch;
}
/*下拉刷新和上拉加载的滑动区域*/
.mescroll {
	width: 100%;
	height: 100%;
	overflow-y: auto;
}

/*启用硬件加速:使动画渲染流畅,解决部分手机闪白屏问题,在下拉刷新和上拉加载触发时启用,结束后移除,避免滥用导致其他兼容性问题*/
.mescroll-hardware {
	-webkit-transform: translateZ(0);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}