/*公共类*/
html,body{
    width:100%;
    height:100%;
    font-size: 12px !important;
    font-family: "Microsoft Yahei","Helvetica Neue", Helvetica, sans-serif;
    background-color: #F5F5F5;
}
i,em,strong{
    font-style:normal;
    font-weight:500;
}
img{
	max-width: 100%;
}
a{
    text-decoration:none !important;
    cursor:pointer;
    color: #555555;
}
a:focus{
    text-decoration: none;
    outline:none;   
}
ul,li,ol{
	margin:0;
    padding:0;
    list-style:none;
    border:none;
}
input,button,select,option{
    outline: none;
    border:none;
    
}
input::-webkit-input-placeholder{
    color:#ababab;
}
input::-moz-placeholder{
     color:#ababab;
}
input:-moz-placeholder{
     color:#ababab;
}
input:-ms-input-placeholder{
    color:#ababab;
}
textarea::-webkit-input-placeholder{
     color:#ababab;
}
textarea::-moz-placeholder{
    color:#ababab;
}
textarea:-moz-placeholder{
    color:#ababab;
}
textarea:-ms-input-placeholder{
    color:#ababab;
}
table {
	border-collapse:collapse;
}
.clearfix:after{
    clear:both;
    display:block;
   	content: ".";
   	height: 0;
    visibility:hidden;
}
.cl5 {
	clear: both;
	height: 5px;
}

.cl10 {
	clear: both;
	height: 10px;
}

.cl15 {
	clear: both;
	height: 15px;
}

.cl20 {
	clear: both;
	height: 20px;
}

.cl25 {
	clear: both;
	height: 25px;
}

.cl30 {
	clear: both;
	height: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,p{
	font-weight: normal;
	font-size: 100%;
	margin: 0 !important;
}
.text-left{
    text-align:left !important;
}
.text-center{
    text-align:center !important;
}
.text-right{
    text-align:right !important;
}
.left {
	float: left;
}

.right {
	float: right;
}
.w10{
    width:10px !important;
}
.w20{
    width:20px !important;
}
.w30{
    width:30px !important;
}
.w40{
    width:40px !important;
}
.w50{
    width:50px !important;
}
.w60{
    width:60px !important;
}
.w70{
    width:70px !important;
}
.w80{
    width:80px !important;
}
.w90{
    width:90px !important;
}
.w100{
    width:100px !important;
}
.w110{
    width:110px !important;
}
.w120{
    width:120px !important;
}
.w130{
    width:130px !important;
}
.w140{
    width:140px !important;
}
.w150{
    width:150px !important;
}
.w160{
    width:160px !important;
}
.w170{
    width:160px !important;
}
.w180{
    width:160px !important;
}
.w190{
    width:160px !important;
}
.w200{
    width:200px !important;
}
.w220{
    width:220px !important;
}
.w250{
    width:250px !important;
}
.w300{
    width:300px !important;
}
.w350{
    width:350px !important;
}
.w400{
    width:400px !important;
}
.w450{
    width:450px !important;
}
.w500{
    width:500px !important;
}
.w550{
    width:550px !important;
}
.w600{
    width:600px !important;
}
.w650{
    width:650px !important;
}
.w700{
    width:700px !important;
}
.w750{
    width:750px !important;
}
.w800{
    width:800px !important;
}
.w850{
    width:850px !important;
}
.w900{
    width:900px !important;
}
.w950{
    width:950px !important;
}
.w1000{
    width:1000px !important;
}
.w1100{
    width:1100px !important;
}
.w1200{
    width:1200px !important;
}
.w1300{
    width:1300px !important;
}
.w1400{
    width:1400px !important;
}
.w1500{
    width:1500px !important;
}
.w1600{
    width:1600px !important;
}
.w1700{
    width:1700px !important;
}
.w1800{
    width:1800px !important;
}
.w1900{
    width:1900px !important;
}
.w2000{
    width:2000px !important;
}
.h-auto{
    height:auto !important;
}
.h10{
    height:10px !important;
}
.h20{
    height:20px !important;
}
.h30{
    height:30px !important;
}
.h40{
    height:40px !important;
}
.h50{
    height:50px !important;
}
.h60{
    height:60px !important;
}
.h70{
    height:70px !important;
}
.h80{
    height:80px !important;
}
.h90{
    height:90px !important;
}
.h100{
    height:100px !important;
}
.h270{
    height:270px !important;
}
@font-face {font-family: 'iconfont';
	src: url('./iconfont/iconfont.eot'); /* IE9*/
	src: url('./iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./iconfont/iconfont.woff') format('woff'), 
	url('./iconfont/iconfont.ttf') format('truetype'), /*Safari, Android, iOS 4.2+*/
	url('./iconfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{
    font-family:"iconfont" !important;
    font-size: 14px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/*间距*/
.p0{
	padding: 0 !important;
}
.pl-0{padding-left: 0 !important;}
.pr-0{padding-right: 0 !important;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.pd5{padding: 5px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pd15{padding: 15px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.ptb30{padding:30px 0;}
.ml-0{margin-left: 0 !important;}
.mr-0{margin-right: 0 !important;}
.mt-0{margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.ml5{margin-left: 5px;}
.ml6{margin-left: 6px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mn5{margin: 5px;}
.mn10{margin: 10px;}
.mn15{margin: 15px;}
.mn20{margin: 20px;}
.mcenter{margin: 0 auto;}
.border-0{border: 0 !important;}