/* CSS Document */
*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:"微软雅黑";}
img{border:none;max-width:100%;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,section,header,footer,article,aside,nav,hgroup,address,figure,figcaption,menu,details{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,div, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, hr, p,span,i,b, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, legend, button, input, textarea { word-break:break-all; }
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur()); color: #333;}
a:link,a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li,ol{list-style:none;}
html {
color:#333;
background:#fff;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
html * {
outline:0;
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
html,body {
font-family:sans-serif;
}
html{font-size:10px;}
html,body{
	width: 100%;
	height: 100%;
}
/* 输入框占位符*/
::-webkit-input-placeholder { /* WebKit browsers */ 
color: #999; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
color: #999; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
color: #999; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
color: #999; 
} 
/*宽度相关*/
.width100{width: 100%;}
.width90{width: 90%;}
.width80{width: 80%;}
.width70{width: 70%;}
.width60{width: 60%;}
.width50{width: 50%;}
.width40{width: 40%;}
.width30{width: 30%;}
.width20{width: 20%;}
.width10{width: 10%;}
/*边距相关*/
.pl5{padding-left: 5%;}
.pl10{padding-left:10%;}
.pl15{padding-left: 15%;}
.pl20{padding-left: 20%;}
.pl25{padding-left: 25%;}

.pt5{padding-top: 5%;}
.pt10{padding-top:10%;}
.pt15{padding-top: 15%;}
.pt20{padding-top: 20%;}
.pt25{padding-top: 25%;}

.pr5{padding-right: 5%;}
.pr10{padding-right:10%;}
.pr15{padding-right: 15%;}
.pr20{padding-right: 20%;}
.pr25{padding-right: 25%;}

.pb5{padding-bottom: 5%;}
.pb10{padding-bottom:10%;}
.pb15{padding-bottom: 15%;}
.pb20{padding-bottom: 20%;}
.pb25{padding-bottom: 25%;}

.ml5{margin-left: 5%;}
.ml10{margin-left: 10%;}
.ml15{margin-left: 15%;}
.ml20{margin-left: 20%;}
.ml25{margin-left: 25%;}

.mt5{margin-top: 5%;}
.mt10{margin-top: 10%;}
.mt15{margin-top: 15%;}
.mt20{margin-top: 20%;}
.mt25{margin-top: 25%;}

.mr5{margin-right: 5%;}
.mr10{margin-right: 10%;}
.mr15{margin-right: 15%;}
.mr20{margin-right: 20%;}
.mr25{margin-right: 25%;}

.mb5{margin-bottom: 5%;}
.mb10{margin-bottom: 10%;}
.mb15{margin-bottom: 15%;}
.mb20{margin-bottom: 20%;}
.mb25{margin-bottom: 25%;}
/*==== 边框 ====*/
.bd_dd{border:1px solid #ddd;}
.bd_ed{border:1px solid #EDEDED}
/*====字体相关====*/
.fb{font-weight: bold;}
.f24{font-size: 0.32rem;}
.f26{font-size: 0.346rem;}
.f28{font-size: 0.373rem;}
.f30{font-size: 0.4rem;}
.f32{font-size: 0.426rem;}
.f34{font-size: 0.453rem;}
.f_0{color: #000;}
.f_3{color: #333;}
.f_6{color: #666;}
.f_9{color: #999;}
.f_a9{color: #a9a9a9;}
.f_red{color: #e94643;}
.f_orange{color: #fcb079;}
.f_green{color: #359624;}
.f_blue{color: #308BD8;}
.f_white{color: #fff;}
/*文本首行缩进1个字节*/
.ti1em{text-indent: 1em;}
/*文本首行缩进2个字节*/
.ti2em{text-indent: 2em;}
/*文本首行缩进3个字节*/
.ti3em{text-indent: 3em;}
/*文本首行缩进4个字节*/
.ti4em{text-indent: 4em;}
/*背景颜色*/
.bg_red{background-color: #e94643;}
.bg_orange{background-color: #fcb079;}
.bg_green{background-color: #359624;}
.bg_blue{background-color: #308BD8;}
.bg_white{background-color:#fff;}
/*透明度*/
.opacity5{opacity: 0.5;}
.opacity6{opacity: 0.6;}
.opacity7{opacity: 0.7;}
.opacity8{opacity: 0.8;}
.opacity9{opacity: 0.9;}
/*== 布局相关 ==*/
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
/* 投影效果 */
.shadow{
 box-shadow: 0px 7px 10px #ccc;
}
.shadowHover:hover{
 box-shadow: 0px 7px 10px #ccc;
}
/*文本两端对齐*/
.justify{text-align: justify; text-align-last: justify;}
.bc{ margin-left: auto; margin-right: auto; }/*block-center块居中*/
.vm{ vertical-align: middle; }
.pr{ position: relative; }
.pa{ position: absolute; }
.pf{ position: fixed; }
.fl{ float: left; }
.fr{ float: right; }
.block{ display: block; }
.inlineblock{ display: inline-block; }
.none{ display: none; }
.displayTable{ display: table; }
.displayTableCell{ display: table-cell; }
.hidden{ visibility: hidden; }
.zoom{zoom: 1;}
/*=== 常用边距清除 ===*/
.mtNone{ margin-top: 0!important; }
.mbNone{ margin-bottom: 0!important; }
.mlNone{ margin-left: 0!important; }
.mrNone{ margin-right: 0!important; }
.ptNone{ padding-top: 0!important; }
.pbNone{ padding-bottom: 0!important; }
.plNone{ padding-left: 0!important; }
.prNone{ padding-right: 0!important; }
/*清除浮动*/
.clearfix:after { content: ""; display: block; height: 0; line-height: 0px; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
/*=== 背景 ===*/
.bg_white{background-color: #fff;}
.bg_f8{background-color:#F8F8F8}
.bg_blue{ background: #308bd8; }
/*=== 图片水平垂直居中 ===*/
.imgVertical{height: 100%; width: 0; display: inline-block; vertical-align: middle;}
/*=== 单行文本溢出 控制 ===*/
.textoverflow{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/*=== 多行文本溢出 控制2行 ===*/
.paraoverflow2{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 2;
}
.paraoverflow3{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 3;
}
.paraoverflow4{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 4;
}
.paraoverflow7{
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient:vertical;
	-webkit-line-clamp: 7;
}
/* 过度动画 */
.transi{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}