@charset "utf-8";
html, body, div, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, 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:inherit;
	text-decoration:none;
}
*{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue","WenQuanYi Micro Hei","\5B8B\4F53","微软雅黑";}
html {
	font-size:62.5%;
	font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue","WenQuanYi Micro Hei","\5B8B\4F53","微软雅黑";
}
body {
    margin:0;
    padding:0;
	font-family:Helvetica, Arial, sans-serif;
	background:none;
	color:#333;
	font-size:14px;
	font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue","WenQuanYi Micro Hei","\5B8B\4F53","微软雅黑";
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}

ol, ul {
	list-style:none
}
li{ list-style-type:none;}



abbr, acronym {
	border:0
}
a {
	text-decoration:none;
	color:#333;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-focus: none;
	-moz-user-select: none;
}

html {
	-webkit-text-size-adjust:none
}

img {
border:none;

}

video {
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}

input, textarea{ outline: none;}
input[type="text"]:disabled
{ 
color: #999;
}
input{
-webkit-user-select:auto !important;
}
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }

.train{
transition: all 0.4s;
-moz-transition: all 0.4s;	/* Firefox 4 */
-webkit-transition: all 0.4s;	/* Safari �� Chrome */
-o-transition: all 0.4s;	/* Opera */
}

.efont{font-family:arial,Helvetica,tahoma,Verdana,sans-serif;}

.all{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.L{ float:left}
.R{ float:right}

.whf94{width:94%; height:auto; float:left; margin-left:3%;}
.whf75{ width:75%;}
.whf50{ width:50%;}
.whf33{ width:33.3%;}
.whf25{ width:25%;}
.whf{width:100%; height:auto; float:left;}

.txt_center{ text-align:center}
.txt_right{ text-align:right}

.f12{ font-size:12px}
.f14{ font-size:14px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f20{ font-size:20px}
.fstrong{ font-weight:700}
.lineH20{ line-height:20px}
.lineH30{ line-height:30px}
.txt_one{overflow:hidden; white-space:nowrap; text-overflow :ellipsis}
.txt_two{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.overflowhidden{ overflow:hidden}
.colred{ color:red}
.colfff{ color:#fff}
.col999{ color:#999}
.col666{ color:#666}
.col333{ color:#333}

.mar_10{ margin:1rem}
.mar_t10{ margin-top:10px}
.mar_r10{ margin-right:10px}
.mar_l10{ margin-left:10px}
.mar_b10{ margin-bottom:10px}

.pad_10{ padding:10px}
.pad_t10{ padding-top:10px}
.pad_r10{ padding-right:10px}
.pad_l10{ padding-left:10px}
.pad_b10{ padding-bottom:10px}

.mar_5{ margin:5px}
.mar_t5{ margin-top:5px}
.mar_r5{ margin-right:5px}
.mar_l5{ margin-left:5px}
.mar_b5{ margin-bottom:5px}

.pad_5{ padding:5px}
.pad_t5{ padding-top:5px}
.pad_r5{ padding-right:5px}
.pad_l5{ padding-left:5px}
.pad_b5{ padding-bottom:5px}

.bgfff{ background:#fff}
.bgred{ background:red}

.borderonececec{border:1px solid #ececec}
.borderbottom{border-bottom:1px solid #ececec}
.bordertop{border-top:1px solid #ececec}
.borderight{border-right:1px solid #ececec}
.borderleft{border-left:1px solid #ececec}

.yuanjiao{ -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.yuanjiao100{ -webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}

.alltanchubg{width:100%; height:100%; position: fixed; z-index: 99; background: rgba(0,0,0,.0); }

.icon20{ width:20px; height:20px; }
.icon16{ width:16px; height:16px; margin:2px }
.icon30{ width:30px; height:30px; }
.icon40{ width:40px; height:40px; }
.icon60{ width:60px; height:60px; }

.prore{ position:relative}
.proab{ position:absolute}
.profi{ position:fixed}
.pos_t0{top:0;}
.pos_b0{bottom:0;}
.pos_r0{right:0;}
.pos_l0{left:0;}

.juzhong{display: flex; justify-content: center; align-items: center;}

.bigjuzhong{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}

.cuizhi{flex-direction: column;}

.overflowyauto{ overflow-y:auto}
.overflowxauto{ overflow-x:auto}

.zindex999{ z-index:999}

.vgm{ vertical-align:-4px}