﻿/* ================================ */
/* 初始化HTML标签及常用类型			*/
/* Author:		AIP Mr.Gui   		*/
/* Copyright:		            	*/
/* Create Date:		Dec-13-2016		*/
/* Retrofit Date:	          		*/
/* ================================ */

@charset "UTF-8";
/* ===============
 * 重新定义Html元素
 * =============== */
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal;}
strong { font-weight: bold;}
li{list-style:none;}

table { border-collapse: collapse; border-spacing: 0;}
body { font: 12px/20px "Microsoft Yahei",arial,宋体; color: #333; background: #FFF none repeat scroll 0 0;}

button, input, select, textarea { font-size: 100%; line-height:normal; } /* 使得表单元素在 ie 下能继承字体大小 */

input, select, textarea { font: 12px/20px Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

i, cite, em { font-style: normal;}
input,button,select,textarea{ outline:none;border:0;}

img{border:0;}

/* 链接 */
a { color: #333; text-decoration: none; outline: medium none; -webkit-transition-property:color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover { color: #F87622;}
a:active,a:hover{outline:0;}
.a_999{color:#999;}

/* 字体对齐方式 */
.tl{text-align:left;}

/* 浮动 */
.fl{float:left;}
.fr{float:right;}

/* 居中 */
.auto{margin:0 auto;}

/* 超出隐藏*/
.oh{overflow:hidden;}

/* Clearfix,避免因子元素浮动而导致的父元素高度缺失问题 */

/* 清浮动 */
.clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1; /* for IE6 IE7 */
}

/* 辅助线 */
.border{border:1px solid red;}
.bb{border-bottom:1px solid blue;}
.br{border-right:1px solid pink;}
.bl{border-left:1px solid pink;}
.bt{border-top:1px solid pink;}

/*文字排版
******************************/

/*定位
******************************/
.pr{position:relative;}
.pa{position:absolute;}

/*.hidden { visibility:hidden;*/}
.none{display:none;}
/*宽度高度
******************************/
.w{width:100%;}
.w5{width:50%;}
.w100{width:100px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w230{width:230px;}
.w250{width:250px;}
.w260{width:260px;}
.w280{width:280px;}
.w300{width:300px;}
.w320{width:320px;}
.w400{width:400px;}
.w417{width:417px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w470{width:470px;}
.w480{width:480px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w1000{width:1000px;}
.w1100{width:1100px;}
.w1200{width:1200px;}
.w1600{width:1600px;}




.h{height:100%;}
.h5{height:50%;}
.h6{height:60%;}
.h8{height:80%;}
.h50{height:50px;}
.h60{height:60px;}
.h80{height:80px;}
.h100{height:100px;}
.h200{height:200px;}
.h250{height:250px;}
.h280{height:280px;}
.h300{height:300px;}
.h380{height:380px;}
.h400{height:400px;}
.h450{height:450px;}
.h460{height:460px;}
.h480{height:480px;}
.h500{height:500px;}
.h560{height:560px;}
.h580{height:580px;}
.h590{height:590px;}
.h600{height:600px;}
.h700{height:700px;}
.h800{height:800px;}


/*外边距
******************************/

.m015{margin:0 15px;}
.m020{margin:0 20px;}
.m050{margin:0 50px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}

.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr50{margin-right:50px;}



/*内边距
******************************/
.p10 { padding:10px;}
.p15 { padding:15px;}
.p20 { padding:20px;}
.p30 { padding:30px;}
.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pt100 { padding-top:100px;}
.pt130 {margin-top:80px;}
.pt150 { padding-top:150px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px;}
.pb50 { padding-bottom:50px;}
.pb100 { padding-bottom:100px;}
.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;}
.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;}


/* 小图标 */
.icon{background:url('../images/icon.png') no-repeat;}
.icont{background:url('../images/icon.png') no-repeat;}