/* 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:#000;
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: 0.067rem;}
.pl10{padding-left: 0.133rem;}
.pl15{padding-left: 0.2rem;}
.pl20{padding-left: 0.267rem;}
.pl25{padding-left: 0.333rem;}
.pl30{padding-left: 0.4rem;}
.pl35{padding-left: 0.467rem;}
.pl40{padding-left: 0.533rem;}
.pl45{padding-left: 0.6rem;}
.pl50{padding-left: 0.667rem;}
.pl00{padding-left: 1.333rem;}

.pt5{padding-top: 0.067rem;}
.pt10{padding-top: 0.133rem;}
.pt15{padding-top:  0.2rem;}
.pt20{padding-top: 0.267rem;}
.pt25{padding-top: 0.333rem;}
.pt30{padding-top: 0.4rem;}
.pt35{padding-top: 0.467rem;}
.pt40{padding-top: 0.533rem;}
.pt45{padding-top: 0.6rem;}
.pt50{padding-top: 0.667rem;}
.pt90{padding-top: 1.2rem;}
.pt100{padding-top: 1.333rem;}
.pt150{padding-top: 1.5rem}

.pr5{padding-right: 0.067rem;}
.pr10{padding-right: 0.133rem;}
.pr15{padding-right: 0.2rem;;}
.pr20{padding-right: 0.267rem;}
.pr25{padding-right: 0.333rem;}
.pr30{padding-right: 0.4rem;}
.pr35{padding-right: 0.467rem;}
.pr40{padding-right: 0.533rem;}
.pr45{padding-right: 0.6rem;}
.pr50{padding-right: 0.667rem;}
.pr100{padding-right: 1.333rem;}
.pr135{padding-right: 1.8rem}

.pb5{padding-bottom: 0.067rem;}
.pb10{padding-bottom: 0.133rem;}
.pb15{padding-bottom: 0.2rem;;}
.pb20{padding-bottom: 0.267rem;}
.pb25{padding-bottom: 0.333rem;}
.pb30{padding-bottom: 0.4rem;}
.pb35{padding-bottom: 0.467rem;}
.pb40{padding-bottom: 0.533rem;}
.pb45{padding-bottom: 0.6rem;}
.pb50{padding-bottom: 0.667rem;}
.pb100{padding-bottom: 1.333rem;}

.ml5{margin-left: 0.067rem;}
.ml10{margin-left:  0.133rem;}
.ml15{margin-left: 0.2rem;;}
.ml20{margin-left: 0.267rem;}
.ml25{margin-left: 0.333rem;}
.ml30{margin-left: 0.4rem;}
.ml35{margin-left: 0.467rem;}
.ml40{margin-left: 0.533rem;}
.ml45{margin-left: 0.6rem;}
.ml50{margin-left: 0.667rem;}
.ml50{margin-left: 0.667rem;}
.ml65{margin-left:0.867rem }
.ml70{margin-left: 0.933rem;}
.ml80{margin-left: 1.067rem;}
.ml100{margin-left: 1.333rem}
.ml200{margin-left: 2.667rem;}

.mt5{margin-top: 0.067rem;}
.mt10{margin-top:  0.133rem;}
.mt15{margin-top: 0.2rem;;}
.mt20{margin-top: 0.267rem;}
.mt25{margin-top: 0.333rem;}
.mt30{margin-top: 0.4rem;}
.mt35{margin-top: 0.467rem;}
.mt40{margin-top: 0.533rem;}
.mt45{margin-top: 0.6rem;}
.mt50{margin-top: 0.667rem;}
.mt55{margin-top: 0.733rem;}
.mt60{margin-top: 0.8rem;}
.mt70{margin-top: 0.933rem;}
.mt80{margin-top: 1.067rem;}
.mt100{margin-top: 1.333rem;}
.mt200{margin-top: 46px;}

.mr5{margin-right: 0.067rem;}
.mr10{margin-right:  0.133rem;}
.mr15{margin-right: 0.2rem;;}
.mr20{margin-right: 0.267rem;}
.mr25{margin-right: 0.333rem;}
.mr30{margin-right: 0.4rem;}
.mr35{margin-right: 0.467rem;}
.mr40{margin-right: 0.533rem;}
.mr45{margin-right: 0.6rem;}
.mr50{margin-right: 0.667rem;}
.mr80{margin-right: 1.067rem;}
.mr100{margin-right: 1.333rem;}
.mr200{margin-right: 2.667rem;}


.mb5{margin-bottom: 0.067rem;}
.mb10{margin-bottom:  0.133rem;}
.mb15{margin-bottom: 0.2rem;}
.mb20{margin-bottom: 0.267rem;}
.mb25{margin-bottom: 0.333rem;}
.mb30{margin-bottom: 0.4rem;}
.mb35{margin-bottom: 0.467rem;}
.mb40{margin-bottom: 0.533rem;}
.mb45{margin-bottom: 0.6rem;}
.mb50{margin-bottom: 0.667rem;}
.mb100{margin-bottom: 1.333rem;}
.mb200{margin-bottom: 25px;}
/*==== 边框 ====*/
.bd_dd{border:1px solid #ddd;}
.bd_ed{border:1px solid #EDEDED}
/*====字体相关====*/
.fb{font-weight: bold;}
.f22{font-size: 0.293rem;}
.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;}
.f36{font-size: 0.48rem;}
.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; }
/*文本两端对齐*/
.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;
}