/*RESET STYLE*/
html, body, div, span, amediaet, 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;
	border: 0;
    font-size:16px;
    vertical-align:baseline;
    background:transparent;
    outline:none;
    -webkit-tap-highlight-color:transparent;
}

body{height:100%;font-family:微软雅黑,华文细黑,sans-serif;background-repeat: no-repeat;background-position:center;}
body *{	text-shadow: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul,li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
input,textarea,select,td,th{vertical-align:middle;}
input{font-size:100%;color:#595757;font-family:微软雅黑,sans-serif;}
textarea{font-size:100%;color:#595757;font-family:微软雅黑,sans-serif;}
input[type="text"],input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance: none;border-radius:0px;}
hr{display:none;}
a{margin:0;padding:0;border:0;background:transparent;text-decoration:none;color:#b0b0b0;font-size:100%;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;}
em,address{font-style:normal;}
fieldset{border:0; vertical-align:top;}
button{display:inline-block; margin:0; padding:0; border:none; background:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer;}
input::-ms-input-placeholder{text-align: center;}
input::-webkit-input-placeholder{text-align: center;}
/*****下标******/
sup{vertical-align: super;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
/*****文字排版******/ 
.f12{font-size:12px;} 
.f13{font-size:13px;} 
.f14{font-size:14px;} 
.f16{font-size:16px;} 
.f18{font-size:18px;} 
.f20{font-size:20px;} 
.f24{font-size:20px;} 
.fb{font-weight:bold;} 
.fn{font-weight:normal;} 
.ti{text-indent:2em;} 
.lh22{line-height:22px;}
.lh150{line-height:150%} 
.lh180{line-height:180%} 
.lh200{line-height:200%} 
.unl{text-decoration:underline;} 
.no_unl{text-decoration:none;} 
/****定位****/ 
.tl{text-align:left;} 
.tc{text-align:center;} 
.tr{text-align:right;} 
.fl{float:left;display:inline;} 
.fr{float:right;display:inline;} 
.clr{clear:both;} 
.cl{clear:left;} 
.cr{clear:right;} 
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden} 
.clearfix{display:inline-block;} 
*html .clearfix{height:1%} 
.Clearfix{display:block;} 
.vm{vertical-align:middle;} 
.zoom{zoom:1} 
/******显示*******/
.none{display:none}
.block{display:block} 
.inline{display:inline;}
.inline-block{display:inline-block;}
.show{visibility:visible;}
.hide{visibility:hidden;}
/******位置*******/
.relative{position:relative;} 
.absolute{position:absolute;} 
.t0{top:0px;}
.t1{top:1px;}
.t2{top:2px;}
.t3{top:3px;}
.t5{top:5px;}
.t10{top:10px;}
.b0{bottom:0px;}
.b1{bottom:1px;}
.b2{bottom:2px;}
.b3{bottom:3px;}
.b5{bottom:5px;}
.b10{bottom:10px;}
.l0{left:0px;}
.l1{left:1px;}
.l2{left:2px;}
.l3{left:3px;}
.l5{left:5px;}
.l10{left:10px;}
.r0{right:0px;}
.r1{right:1px;}
.r2{right:2px;}
.r3{right:3px;}
.r5{right:5px;}
.r10{right:10px;}
/******长度 高度*******/ 
.w1{width:1px;} 
.w2{width:2px;} 
.w3{width:3px;} 
.w4{width:4px;} 
.w5{width:5px;} 
.w10{width:10px;} 
.w20{width:20px;} 
.w30{width:30px;} 
.w40{width:40px;} 
.w50{width:50px;} 
.w60{width:60px;} 
.w70{width:70px;} 
.w80{width:80px;} 
.w90{width:90px;} 
.w100{width:100px;} 
.w200{width:200px;} 
.w300{width:300px;} 
.w400{width:400px;} 
.w500{width:500px;} 
.w600{width:600px;} 
.w700{width:700px;} 
.w800{width:800px;} 
.w{width:100%} 
.h1{height:1px;} 
.h2{height:2px;} 
.h3{height:3px;} 
.h4{height:4px;} 
.h5{height:5px;} 
.h10{height:10px;} 
.h20{height:20px;} 
.h30{height:30px;} 
.h40{height:40px;} 
.h50{height:50px;} 
.h60{height:60px;} 
.h70{height:70px;} 
.h80{height:80px;} 
.h90{height:90px;} 
.h100{height:100px;} 
.h200{height:200px;} 
.h{height:100%} 
/******边距*******/ 
.mc{margin-left:auto;margin-right:auto;} 
.m0{margin:0px;}
.m5{margin:5px;} 
.m10{margin:10px;} 
.m15{margin:15px;} 
.m20{margin:20px;} 
.m30{margin:30px;} 
.mt0{margin-top:0px;}
.mt1{margin-top:1px;} 
.mt5{margin-top:5px;} 
.mt10{margin-top:10px;} 
.mt15{margin-top:15px;} 
.mt20{margin-top:20px;} 
.mt30{margin-top:30px;} 
.mt40{margin-top:40px;} 
.mt50{margin-top:50px;} 
.mt100{margin-top:100px;} 
.mb0{margin-bottom:0px;}
.mb1{margin-bottom:1px;} 
.mb5{margin-bottom:5px;} 
.mb10{margin-bottom:10px;} 
.mb15{margin-bottom:15px;} 
.mb20{margin-bottom:20px;} 
.mb30{margin-bottom:30px;} 
.mb50{margin-bottom:50px;} 
.mb100{margin-bottom:100px;} 
.ml0{margin-left:0px;}
.ml1{margin-left:1px;} 
.ml5{margin-left:5px;} 
.ml10{margin-left:10px;} 
.ml15{margin-left:15px;} 
.ml20{margin-left:20px;} 
.ml30{margin-left:30px;} 
.ml50{margin-left:50px;} 
.ml100{margin-left:100px;} 
.mr0{margin-right:0px;}
.mr1{margin-right:1px;}
.mr5{margin-right:5px;} 
.mr10{margin-right:10px;} 
.mr15{margin-right:15px;} 
.mr20{margin-right:20px;} 
.mr30{margin-right:30px;} 
.mr50{margin-right:50px;} 
.mr100{margin-right:100px;} 
.p0{padding:0px;}
.p1{padding:1px;} 
.p2{padding:2px;} 
.p3{padding:3px;} 
.p5{padding:5px;} 
.p10{padding:10px;} 
.p15{padding:15px;} 
.p20{padding:20px;} 
.p30{padding:30px;} 
.pt0{padding-top:0px;}
.pt5{padding-top:5px;} 
.pt10{padding-top:10px;} 
.pt15{padding-top:15px;} 
.pt20{padding-top:20px;} 
.pt30{padding-top:30px;} 
.pt50{padding-top:50px;} 
.pt100{padding-top:100px;} 
.pb0{padding-bottom:0px;}
.pb5{padding-bottom:5px;} 
.pb10{padding-bottom:10px;} 
.pb15{padding-bottom:15px;} 
.pb20{padding-bottom:20px;} 
.pb30{padding-bottom:30px;} 
.pb50{padding-bottom:50px;} 
.pb100{padding-bottom:100px;} 
.pl0{padding-left:0px;}
.pl5{padding-left:5px;} 
.pl10{padding-left:10px;} 
.pl15{padding-left:15px;} 
.pl20{padding-left:20px;} 
.pl30{padding-left:30px;} 
.pl50{padding-left:50px;} 
.pl100{padding-left:100px;} 
.pr0{padding-right:0px;}
.pr5{padding-right:5px;} 
.pr10{padding-right:10px;} 
.pr15{padding-right:15px;} 
.pr20{padding-right:20px;} 
.pr30{padding-right:30px;} 
.pr50{padding-right:50px;} 
.pr100{padding-right:100px;} 
/******颜色*******/ 
.c0{color:#000;}
.c1{color:#111;}
.c2{color:#222;}
.c3{color:#333;}
.c4{color:#444;}
.c5{color:#555;}
.c6{color:#666;}
.c7{color:#777;}
.c8{color:#888;}
.c9{color:#999;}
.ca{color:#aaa;}
.cb{color:#bbb;}
.cc{color:#ccc;}
.cd{color:#ddd;}
.ce{color:#eee;}
.cf{color:#fff;}
.ct{color:transparent;}
.bc0{border-color:#000;}
.bc1{border-color:#111;}
.bc2{border-color:#222;}
.bc3{border-color:#333;}
.bc4{border-color:#444;}
.bc5{border-color:#555;}
.bc6{border-color:#666;}
.bc7{border-color:#777;}
.bc8{border-color:#888;}
.bc9{border-color:#999;}
.bca{border-color:#aaa;}
.bcb{border-color:#bbb;}
.bcc{border-color:#ccc;}
.bcd{border-color:#ddd;}
.bce{border-color:#eee;}
.bcf{border-color:#fff;}
.bct{border-color:transparent;}
.bgc0{background-color:#000;}
.bgc1{background-color:#111;}
.bgc2{background-color:#222;}
.bgc3{background-color:#333;}
.bgc4{background-color:#444;}
.bgc5{background-color:#555;}
.bgc6{background-color:#666;}
.bgc7{background-color:#777;}
.bgc8{background-color:#888;}
.bgc9{background-color:#999;}
.bgca{background-color:#aaa;}
.bgcb{background-color:#bbb;}
.bgcc{background-color:#ccc;}
.bgcd{background-color:#ddd;}
.bgce{background-color:#eee;}
.bgcf{background-color:#fff;}
.bgct{background-color:transparent;}
/******边框*******/
.bw0{border-width:0px;}
.bw1{border-width:1px;}
.bw2{border-width:2px;}
.bw3{border-width:3px;}
.bw5{border-width:5px;}
.bw10{border-width:10px;}
.bs0{border-style:none;}
.bs1{border-style:solid;}
.bs2{border-style:dotted;}
.bs3{border-style:dashed;}
.bs4{border-style:double;}
/******透明度*******/
.op1{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;} 
.op2{filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;}
.op3{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;}
.op4{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}
.op5{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.op6{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.op7{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.op8{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.op9{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
/******圆角*******/ 
.radius1{-moz-border-radius: 1px;/* Gecko browsers */-webkit-border-radius: 1px;/* Webkit browsers */border-radius:1px;/* W3C syntax */}
.radius2{-moz-border-radius: 2px;/* Gecko browsers */-webkit-border-radius: 2px;/* Webkit browsers */border-radius:2px;/* W3C syntax */}
.radius3{-moz-border-radius: 3px;/* Gecko browsers */-webkit-border-radius: 3px;/* Webkit browsers */border-radius:3px;/* W3C syntax */}
.radius5{-moz-border-radius: 5px;/* Gecko browsers */-webkit-border-radius: 5px;/* Webkit browsers */border-radius:5px;/* W3C syntax */}
.radius10{-moz-border-radius: 10px;/* Gecko browsers */-webkit-border-radius: 10px;/* Webkit browsers */border-radius:10px;/* W3C syntax */}
.radius15{-moz-border-radius: 15px;/* Gecko browsers */-webkit-border-radius: 15px;/* Webkit browsers */border-radius:15px;/* W3C syntax */}
/******阴影*******/ 
.shadow1{-webkit-box-shadow: 1px 1px 1px;-moz-box-shadow: 1px 1px 1px;box-shadow: 1px 1px 1px;}
.shadow2{-webkit-box-shadow: 2px 2px 2px;-moz-box-shadow: 2px 2px 2px;box-shadow: 2px 2px 2px;}
.shadow3{-webkit-box-shadow: 3px 3px 3px;-moz-box-shadow: 3px 3px 3px;box-shadow: 3px 3px 3px;}
.shadow5{-webkit-box-shadow: 5px 5px 5px;-moz-box-shadow: 5px 5px 5px;box-shadow: 5px 5px 5px;}
.shadow10{-webkit-box-shadow: 10px 10px 10px;-moz-box-shadow: 10px 10px 10px;box-shadow: 10px 10px 10px;}

/*
	以下缩写可以加数字
	t 		顶		top
	b 		底		bottom
	l 		左		left
	r 		右		right
	f 		字体大小	font-size
	lh 		行高		line-height
	w 		宽		width
	h 		高		height
	bc 		边框颜色	border-color
	bw 		边框宽度	border-width
	bs 		边框样式	border-style
	m 		外边距	margin
	mt 		外边距	margin-top
	mb 		外边距	margin-bottom
	ml 		外边距	margin-left
	mr 		外边距	margin-right
	p 		内边距	padding
	pt 		内边距	padding-top
	pb 		内边距	padding-bottom
	pl 		内边距	padding-left
	pr 		内边距	padding-right
	c 		前景色	color
	bgc 	背景色	background-color
	op 		透明度	opacity
	radius 	圆角		border-radius
	shadow 	阴影		box-shadow
	
	
	
	以上缩写进行排序
	b 		底		bottom
	bc 		边框颜色	border-color
	bw 		边框宽度	border-width
	bs 		边框样式	border-style
	bgc 	背景色	background-color
	c 		前景色	color
	f 		字体大小	font-size
	h 		高		height
	l 		左		left
	lh 		行高		line-height
	m 		外边距	margin
	mt 		外边距	margin-top
	mb 		外边距	margin-bottom
	ml 		外边距	margin-left
	mr 		外边距	margin-right
	op 		透明度	opacity
	p 		内边距	padding
	pt 		内边距	padding-top
	pb 		内边距	padding-bottom
	pl 		内边距	padding-left
	pr 		内边距	padding-right
	r 		右		right
	radius 	圆角		border-radius
	shadow 	阴影		box-shadow
	t 		顶		top
	w 		宽		width
*/