@charset "utf-8";

/* CSS reset */
	html{height: 100%;}
	body{ word-wrap:break-word; color: #333; height: 100%; line-height: 1.6em;   font-size: 0.14rem;  }
	* { margin: 0; padding: 0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; font-family: "Calibri", "microsoft yahei";}
	input, a,input,button,select,textarea { font-family: "Calibri", "microsoft yahei"; } 
	button { border: none; outline: none;}
	table { border-collapse:collapse;border-spacing:0;}
	caption,th { text-align:left;}
	address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal;}
	ol,ul { list-style:none;}
	img	{ border: none; vertical-align:top; }
	a { text-decoration:none;   }
	article, aside, dialog, figure, footer, header, legend, nav ,figcaption, section { display:block; }
	input { outline: none;	 color: #666;}
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bbb; } 
	input:-moz-placeholder, textarea:-moz-placeholder { color: #bbb; } 
	input::-moz-placeholder, textarea::-moz-placeholder { color: #bbb;} 
	input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bbb; } 
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px white inset;}
	input,button,select,textarea { outline:none; }

/* Html root */
	html { font-size: 625%; }
	@media screen and ( max-device-width: 1920px ) {
		html { 
			font-size: 937.5% !important;
		}
	}
	@media screen and ( max-device-width: 1680px ) {
		html { 
			font-size: 820.3125% !important;
		}
	}
	@media screen and ( max-device-width: 1600px ) {
		html {
			font-size: 781.25% !important; 
		}
	}
	@media screen and ( max-device-width: 1440px ) {
		html { 
			font-size: 703.125% !important; 
		}
	}
	@media screen and ( max-device-width: 1366px ) {
		html { 
			font-size: 666.9922% !important; 
		}
	}
	@media screen and ( max-device-width: 1360px ) {
		html {
			font-size: 664.0625% !important; 
		}
	}
	@media screen and ( max-device-width: 1280px ) {
		html {
			font-size: 625% !important;
		}
	}
/* font-size */
	.f12 { font-size: .12rem !important; }
	.f14 { font-size: .14rem !important; }
	.f16 { font-size: .16rem !important; }
	.f18 { font-size: .18rem !important; }
	.f20 { font-size: .2rem  !important; }
	.f22 { font-size: .22rem !important; }
	.f24 { font-size: .24rem !important; }
	.f26 { font-size: .26rem !important; }
	.f28 { font-size: .28rem !important; }
	.f30 { font-size: .3rem  !important; }
	.f32 { font-size: .32rem !important; }
	.f34 { font-size: .34rem !important; }
	.f36 { font-size: .36rem !important; }
	.fb  { font-weight:bold  !important; }
	.fn  { font-weight:normal!important; }

/* text */
	.tl { text-align: left   !important; }
	.tc { text-align: center !important; }
	.tr { text-align: right  !important; }
	.t2	{ text-indent: 2em   !important; }
	.textOver { white-space:nowrap  !important;  overflow:hidden !important; text-overflow:ellipsis !important; }

/* display */
	.disNone	 { display: none		 !important; }
	.disBlock	 { display: block		 !important; }
	.hidden	     { overflow:hidden		 !important; }
	.disInBlock  { display: inline-block !important; }

/* position */
	.fl, .fu li, .subfl > * { float:left !important;	}
	.fr, .subfr > * { float:right !important;  display:inline !important;}
	.pr, .subpr > * { position:relative !important;  }
	.pa, .subpa > * { position:absolute !important;  }
	.cb:after { visibility:hidden;	display:block;	font-size:0;	content:" ";	clear:both;		height:0; }
	.cb { clear:both; zoom:1;}
	.mlr{ margin-left:auto !important; margin-right:auto !important; }

/* radius */
	.rad3  { border-radius: .03rem !important; }
	.rad5  { border-radius: .05rem !important; }
	.rad8  { border-radius: .08rem !important; }
	.rad10 { border-radius: .1rem  !important; }
	.rad15 { border-radius: .15rem !important; }
	.rad20 { border-radius: .2rem  !important; }
	.frad  { border-radius: 50%	   !important; }

/* cursor */
	.hand, .subHand > *		  { cursor:pointer		!important; }
	.disable, :hover.disable  { cursor: not-allowed !important; }

/* line-height */
	.lh120   { line-height: 1.2em !important;  }
	.lh150   { line-height: 1.5em !important;  }
	.lh160   { line-height: 1.6em !important;  }
	.lh180   { line-height: 1.8em !important;  }
	.lh200   { line-height: 2em   !important;  }
	.lh250   { line-height: 2.5em !important;  }
	.lh300   { line-height: 3em   !important;  }
	.hl20  { height: .2rem  !important;  line-height: .2rem  !important; }
	.hl25  { height: .25rem !important;  line-height: .25rem !important; }
	.hl30  { height: .3rem  !important;  line-height: .3rem  !important; }
	.hl40  { height: .4rem  !important;  line-height: .4rem  !important; }
	.hl50  { height: .5rem  !important;  line-height: .5rem  !important; }
	.hl60  { height: .6rem  !important;  line-height: .6rem  !important; }

/* padding */
	.p2	  { padding: .02rem !important; }
	.p5   { padding: .05rem !important; }
	.p10  { padding: .1rem  !important; }
	.p15  { padding: .15rem !important; }
	.p20  { padding: .2rem  !important; }
	.p30  { padding: .3rem  !important; }
	.p40  { padding: .4rem  !important; }
	.p50  { padding: .5rem  !important; }

	.pt2  { padding-top: .02rem !important; }
	.pt5  { padding-top: .05rem !important; }
	.pt10 { padding-top: .10rem !important; }
	.pt15 { padding-top: .15rem !important; }
	.pt20 { padding-top: .2rem  !important; }
	.pt30 { padding-top: .3rem  !important; }
	.pt50 { padding-top: .5rem  !important; }
	
	.pL2  { padding-left: .02rem !important; }
	.pL5  { padding-left: .05rem !important; }
	.pL10 { padding-left: .1rem  !important; }
	.pL12 { padding-left: .12rem !important; }
	.pL15 { padding-left: .15rem !important; }
	.pL20 { padding-left: .2rem  !important; }
	.pL30 { padding-left: .3rem  !important; }
	.pL50 { padding-left: .5rem  !important; }

	.pr2  { padding-right: .02rem !important; }
	.pr5  { padding-right: .05rem !important; }
	.pr10 { padding-right: .1rem  !important; }
	.pr15 { padding-right: .15rem !important; }
	.pr20 { padding-right: .2rem  !important; }
	.pr30 { padding-right: .3rem  !important; }
	.pr50 { padding-right: .5rem  !important; }


	.pb2  { padding-bottom: .02rem !important; }
	.pb5  { padding-bottom: .05rem !important; }
	.pb10 { padding-bottom: .1rem  !important; }
	.pb15 { padding-bottom: .15rem !important; }
	.pb20 { padding-bottom: .2rem  !important; }
	.pb30 { padding-bottom: .3rem  !important; }
	.pb50 { padding-bottom: .5rem  !important; }


/* margin */
	.m2	  { margin: .02rem !important; }
	.m5   { margin: .05rem !important; }
	.m10  { margin: .1rem  !important; }
	.m15  { margin: .15rem !important; }
	.m20  { margin: .2rem  !important; }
	.m30  { margin: .3rem  !important; }
	.m40  { margin: .4rem  !important; }
	.m50  { margin: .5rem  !important; }

	.mt2  { margin-top: .02rem !important; }
	.mt5  { margin-top: .05rem !important; }
	.mt10 { margin-top: .1rem  !important; }
	.mt15 { margin-top: .15rem !important; }
	.mt20 { margin-top: .2rem  !important; }
	.mt30 { margin-top: .3rem  !important; }
	.mt40 { margin-top: .4rem  !important; }
	.mt50 { margin-top: .5rem  !important; }
	.mL2  { margin-left: .02rem !important; }
	.mL5  { margin-left: .05rem !important; }
	.mL10 { margin-left: .10rem !important; }
	.mL15 { margin-left: .15rem !important; }
	.mL20 { margin-left: .2rem  !important; }
	.mL30 { margin-left: .3rem  !important; }
	.mL40 { margin-left: .4rem  !important; }
	.mL50 { margin-left: .5rem  !important; }

	.mr2  { margin-right: .02rem !important; }
	.mr5  { margin-right: .05rem !important; }
	.mr10 { margin-right: .1rem  !important; }
	.mr15 { margin-right: .15rem !important; }
	.mr20 { margin-right: .2rem  !important; }
	.mr30 { margin-right: .3rem  !important; }
	.mr40 { margin-right: .4rem  !important; }
	.mr50 { margin-right: .5rem  !important; }

	.mb2  { margin-bottom: .02rem !important; }
	.mb5  { margin-bottom: .05rem !important; }
	.mb10 { margin-bottom: .1rem  !important; }
	.mb15 { margin-bottom: .15rem !important; }
	.mb20 { margin-bottom: .2rem  !important; }
	.mb30 { margin-bottom: .3rem  !important; }
	.mb50 { margin-bottom: .5rem  !important; }

/* width */
	.wd100{ width: 100%  !important; }
	.wd98 { width: 98%   !important; }
	.wd96 { width: 96%   !important; }
	.wd95 { width: 95%   !important; }
	.wd90 { width: 90%   !important; }
	.wd85 { width: 85%   !important; }
	.wd80 { width: 80%   !important; }
	.wd75 { width: 75%   !important; }
	.wd70 { width: 70%   !important; } 
	.wd65 { width: 65%   !important; }
	.wd60 { width: 60%   !important; }
	.wd55 { width: 55%   !important; }
	.wd50 { width: 50%   !important; }
	.wd45 { width: 45%   !important; }
	.wd40 { width: 40%   !important; }
	.wd35 { width: 35%   !important; }
	.wd33 { width:33.33% !important; }
	.wd30 { width: 30%   !important; }
	.wd25 { width: 25%   !important; }
	.wd20 { width: 20%   !important; }
	.wd15 { width: 15%   !important; }    
	.wd10 { width: 10%   !important; }
	.wd5  { width: 5%    !important; }