﻿
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font: inherit;
	line-height: 1.1;
	

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}
img{ border:0;}

input,textarea:focus {outline: none;}

*{margin:0; padding:0; list-style:none; }
.img-responsive{ width:100%;}
ul {list-style:none;}
img,a img {border:0rem;border:none;}
a {text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a.hidefocus {outline:none}
a:hover {text-decoration:underline;text-decoration:none;}
label {margin-bottom:0;font-weight:normal;}
input,textarea {border:0;outline:none;/*去除蓝色边框*/}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p {margin:0rem;padding:0rem;font-family:YouYuan; font-weight:normal;color:#000;}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

.flex{ display: flex;}
	.align-center{ align-items: center;}
	.align-start{ align-items: flex-start;}
	.justify-center{ justify-content: center;}
	.justify-between{justify-content: space-between;}
	.justify-end{justify-content: flex-end;}
	.flex-wrap{flex-wrap: wrap;}
	.flex-1{flex: 1;}
	.flex-cnter{  display: flex; align-items: center; justify-content: center;}
	.flex-cnter-space{  display: flex; align-items: center; justify-content: space-between;}
	.flex-end{  display: flex; align-items: flex-end;}
	.flex-align-content{ align-content:space-between;}
	.flex-column{flex-direction: column;}
	.justify-around{justify-content: space-around;}
	
	.w100{ width: 100%;}
	.block{ display: block;}
	
	.pr{position: relative;}
	.pa{position: absolute;}
	.pf{position: fixed;}
	.z1{z-index: 1;}
	.z9{ z-index: 9;}
	
	.p30{ padding: .30rem;}
	.p43{ padding: .40rem .30rem;}
	.p1214{ padding: .12rem .14rem;}
	.p2024{ padding: .20rem .24rem;}
	.p46{ padding: .40rem .60rem;}
	.p1630{ padding:.16rem .30rem;}
	.p24{ padding:.24rem;}
	.border-box{box-sizing: border-box;}
	.white{ background: #FFFFFF;}
	
	/**文字超出隐藏**/
	.text-hidden1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
	.text-hidden2{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
	.head-hidden{overflow: hidden;}

	/**文字大小**/
	.font12{ font-size: .12rem;}
	.font14{ font-size: .14rem;}
	.font16{ font-size: .16rem;}
	.font18{ font-size: .18rem;}
	.font20{ font-size: .20rem;}
	.font22{ font-size: .22rem;}
	.font24{ font-size: .24rem;}
	.font26{ font-size: .26rem;}
	.font28{ font-size: .28rem;}
	.font30{ font-size: .30rem;}
	.font32{ font-size: .32rem;}
	.font34{ font-size: .34rem;}
	.font36{ font-size: .36rem;}
	.font38{ font-size: .38rem;}
	.font40{ font-size: .40rem;}
	.font42{ font-size: .42rem;}
	.font44{ font-size: .44rem;}
	.font46{ font-size: .46rem;}
	.font48{ font-size: .48rem;}
	.font50{ font-size: .50rem;}
	.font52{ font-size: .52rem;}
	.font54{ font-size: .54rem;}
	.font56{ font-size: .56rem;}
	.font58{ font-size: .58rem;}
	.font60{ font-size: .60rem;}
	.font62{ font-size: .62rem;}
	.font64{ font-size: .64rem;}
	.font66{ font-size: .66rem;}
	.font68{ font-size: .68rem;}
	
	
	/**字体颜色**/
	.color_ffffff{ color: #FFFFFF;}
	.color_000000{ color: #000000;}
	.color_333333{ color: #333333;}
	.color_666666{ color: #666666;}	
	.color_999999{ color: #999999;}
	.color_999EA6{ color: #999EA6;}
	.color_AAAAAA{ color: #AAAAAA;}
	.color_151515{ color: #151515;}
	.color_222222{ color: #222222;}
	.color_272727{ color: #272727;}
	.color_343434{ color: #343434;}
	.color_5C5C5C{ color: #5C5C5C;}
	.color_3478FF{ color: #3478FF;}
	.color_926322{ color: #926322;}
	.color_642D13{ color: #642D13;}
	.color_250A0A{ color: #250A0A;}
	.color_009A44{ color: #009A44;}
	
	.font_fz{font-family: FZCuHeiSongS-B-GB;}
	.font_yy{font-family: YouYuan;}
	.font_cg{font-family: CenturyGothic;}
	
	
	
	/**文字行高**/
	.line25{ line-height: .25rem;}
	.line30{ line-height: .30rem;}
	.line35{ line-height: .35rem;}
	.line40{ line-height: .40rem;}
	.line45{ line-height: .45rem;}
	.line50{ line-height: .50rem;}
	.line55{ line-height: .55rem;}
	.line60{ line-height: .60rem;}
	.line65{ line-height: .65rem;}
	.line70{ line-height: .70rem;}
	.line75{ line-height: .75rem;}
	.line80{ line-height: .80rem;}
	.line85{ line-height: .85rem;}
	.line90{ line-height: .90rem;}
	.line95{ line-height: .95rem;}
	.line100{ line-height: 100rem;}
	
	/**文字加粗**/
	.font-bold{ font-weight: bold;}
	
	/**文字左右中**/
	.text-right{ text-align: right;}
	.text-left{ text-align: left;}
	.text-center{ text-align: center;}
	
	/**圆角**/
	.radius2{ border-radius: 0.02rem;}
	.radius4{ border-radius: 0.04rem;}
	.radius6{ border-radius: 0.06rem;}
	.radius8{ border-radius: 0.08rem;}
	.radius10{ border-radius: .10rem;}
	.radius12{ border-radius: .12rem;}
	.radius14{ border-radius: .14rem;}
	.radius16{ border-radius: .16rem;}
	.radius18{ border-radius: .18rem;}
	.radius20{ border-radius: .20rem;}
	.radius22{ border-radius: .22rem;}
	.radius24{ border-radius: .24rem;}
	.radius26{ border-radius: .26rem;}
	.radius28{ border-radius: .28rem;}
	.radius30{ border-radius: .30rem;}
	.radius50{ border-radius: 50%;}
	
	/**居上距离**/
	.mt5{margin-top: 0.05rem;}
	.mt10{margin-top: .10rem;}
	.mt15{margin-top: .15rem;}
	.mt20{margin-top: .20rem;}
	.mt25{margin-top: .25rem;}
	.mt30{margin-top: .30rem;}
	.mt35{margin-top: .35rem;}
	.mt40{margin-top: .40rem;}
	.mt45{margin-top: .45rem;}
	.mt50{margin-top: .50rem;}
	.mt55{margin-top: .55rem;}
	.mt60{margin-top: .60rem;}
	.mt65{margin-top: .65rem;}
	.mt70{margin-top: .70rem;}
	.mt75{margin-top: .75rem;}
	.mt80{margin-top: .80rem;}
	.mt100{margin-top: 1rem;}
	.mt120{margin-top: 1.20rem;}
	.mt140{margin-top: 1.40rem;}
	.mt280{margin-top: 2.80rem;}
	.mt230{ margin-top: 2.30rem;}
	.mt300{ margin-top: 3rem;}
	
	/**外右距**/
	.mr5{margin-right: 0.05rem;}
	.mr10{margin-right: .10rem;}
	.mr15{margin-right: .15rem;}
	.mr20{margin-right: .20rem;}
	.mr25{margin-right: .25rem;}
	.mr30{margin-right: .30rem;}
	.mr35{margin-right: .35rem;}
	.mr40{margin-right: .40rem;}
	.mr45{margin-right: .45rem;}
	.mr50{margin-right: .50rem;}
	.mr55{margin-right: .55rem;}
	.mr120{margin-right: 1.20rem;}
	
	/**外左距**/
	.ml5{margin-left: 0.05rem;}
	.ml10{margin-left: .10rem;}
	.ml15{margin-left: .15rem;}
	.ml20{margin-left: .20rem;}
	.ml25{margin-left: .25rem;}
	.ml30{margin-left: .30rem;}
	.ml35{margin-left: .35rem;}
	.ml40{margin-left: .40rem;}
	.ml45{margin-left: .45rem;}
	.ml50{margin-left: .50rem;}
	.ml55{margin-left: .55rem;}
	.ml120{margin-left: 1.20rem;}
	.ml200{margin-left: 2rem;}
	
	
	/**内距左**/
	.pl5{ padding-left: .05rem;}
	.pl10{ padding-left: .10rem;}
	.pl15{ padding-left: .15rem;}
	.pl20{ padding-left: .20rem;}
	.pl25{ padding-left: .25rem;}
	.pl30{ padding-left: .30rem;}
	.pl35{ padding-left: .35rem;}
	.pl40{ padding-left: .40rem;}
	.pl45{ padding-left: .45rem;}
	.pl50{ padding-left: .50rem;}
	.pl55{ padding-left: .55rem;}
	.pl70{ padding-left: .70rem;}
	.pl110{ padding-left: 1.10rem;}
	
	
	/**内距右**/
	.pr5{ padding-right: 0.05rem;}
	.pr10{ padding-right: .10rem;}
	.pr15{ padding-right: .15rem;}
	.pr20{ padding-right: .20rem;}
	.pr25{ padding-right: .25rem;}
	.pr30{ padding-right: .30rem;}
	.pr35{ padding-right: .35rem;}
	.pr40{ padding-right: .40rem;}
	.pr45{ padding-right: .45rem;}
	.pr50{ padding-right: .50rem;}
	.pr55{ padding-right: .55rem;}
	
	.w80{ width: 80%;}
	.w65{ width: 65%;}
	.w50{ width: 50%;}
	.w48{ width: 48%;}
	.w33{ width: 33.33%;}
	.w30{ width: 30%;}
	.w25{ width: 25%;}
	.w27{ width: 27%;}
	.w70{ width: 70%;}