@charset "UTF-8";

	/* common */
	* { padding:0; margin:0}
	body { min-width:980px; font:16px/1.6 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体; color:#666; /*line-height:25px;*/ background:#fff}
	body.wrap980 { font-size:14px}
	body * { max-height:999999px}
	h1,h2,h3,h4,h5 { font-weight:normal}
	ul,ol,li { list-style:none}
	a { color:#666; text-decoration:none}
	a:focus { outline:none; -moz-outline:none}
	a:hover { color:#ff9b1a}
	em { font-style:normal}
	img { vertical-align:middle; border:0; border:none; outline:none}
	table { border-collapse:collapse}

	input, button, select, textarea { outline:none; resize:none; font:14px/1.5 'Microsoft YaHei', 微软雅黑, tahoma, arial, simsun, 宋体; font-size:14px; color:#333;  border:1px solid #d7d7d7;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border-radius:0; background:#fff}
	textarea { height:auto}
	input[type='checkbox'], input[type='radio'] { height:auto; margin-right:10px; box-sizing:border-box; cursor:pointer; background:transparent; border:none;}

	::-webkit-input-placeholder { font-size:14px; font-weight:normal; color:#ccc}
	:-moz-placeholder { font-size:14px; font-weight:normal; color:#ccc}
	::-moz-placeholder { font-size:14px; font-weight:normal; color:#ccc}
	:-ms-input-placeholder { font-size:14px; font-weight:normal; color:#ccc}


	.ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	
	.scale { overflow:hidden}
	.scale img { width:100%; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear}
	.scale:hover img { -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1)}


	.fl { float:left}
	.fr { float:right}

	.tl { text-align:left !important}
	.tc { text-align:center !important}
	.tr { text-align:right !important}

	.block { display:block}
	.inline-block { display:inline-block}
	
	
	.bold { font-weight:bold}
	.nomarl { font-weight:normal}

	.gray3 { color:#333}
	.gray6 { color:#666}
	.gray9 { color:#999}
	.blue { color:#0086de}
	.orange { color:#ed7100}
	.white { color:#fff}
	
	.f12 { font-size:12px !important}.f14{ font-size:14px !important}.f16{ font-size:16px !important}.f18{ font-size:18px !important}.f20{ font-size:20px !important}.f24{ font-size:24px !important}.f30{ font-size:30px !important}

	.p10 { padding:10px}.p20 { padding:20px}.p30 { padding:30px}.p40 { padding:40px}.p50 { padding:50px}
	.m10 { margin:10px}.m20 { margin:20px}.m30 { margin:30px}.m40 { margin:40px}.m50 { margin:50px}

	.pt10 { padding-top:10px}.pt20 { padding-top:20px}.pt30 { padding-top:30px}.pt40 { padding-top:40px}.pt50 { padding-top:50px}
	.pb10 { padding-bottom:10px}.pb20 { padding-bottom:20px}.pb30 { padding-bottom:30px}.pb40 { padding-bottom:40px}.pb50 { padding-bottom:50px}.pb100 { padding-bottom:100px}
	.pl10 { padding-left:10px}.pl20 { padding-left:20px}.pl30 { padding-left:30px}.pl40 { padding-left:40px}.pl50 { padding-left:50px}
	.pr10 { padding-right:10px}.pr20 { padding-right:20px}.pr30 { padding-right:30px}.pr40 { padding-right:40px}.pr50 { padding-right:50px}
	
	.mt5 { margin-top:5px}.mt10 { margin-top:10px}.mt20 { margin-top:20px}.mt30 { margin-top:30px}.mt40 { margin-top:40px}.mt50 { margin-top:50px}.mt56 { margin-top:56px}.mt60 { margin-top:60px}.mt100 { margin-top:100px}
	.mb10 { margin-bottom:10px}.mb20 { margin-bottom:20px}.mb30 { margin-bottom:30px}.mb40 { margin-bottom:40px}.mb50 { margin-bottom:50px}.mb100 { margin-bottom:100px}
	.ml10 { margin-left:10px}.ml20 { margin-left:20px}.ml30 { margin-left:30px}.ml40 { margin-left:40px}.ml50 { margin-left:50px}
	.mr10 { margin-right:10px}.mr20 { margin-right:20px}.mr30 { margin-right:30px}.mr40 { margin-right:40px}.mr50 { margin-right:50px}
	
	.clearfix{ *zoom:1 /*IE/7/6*/}
	.clearfix:before,.clearfix:after { content:""; display:table}
	.clearfix:after { clear:both}


	/* fadeInUp */
	.fadeInUp { -webkit-animation:fadeInUp .6s ease both; -moz-animation:fadeInUp .6s ease both}
	 @-webkit-keyframes fadeInUp { 0%{opacity:0; -webkit-transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0)}}
	 @-moz-keyframes fadeInUp { 0%{opacity:0;-moz-transform:translateY(20px)}100%{opacity:1;-moz-transform:translateY(0)}}


	.ellipsis1 { word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden}
	.ellipsis2 { word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden}
	.ellipsis6 { word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6; overflow:hidden}


	/* cell */
	.table { display:table; width:100%; height:100%; text-align:center}
	.table-cell { display:table-cell; vertical-align:middle}


	/* scrollbar */
	::-webkit-scrollbar { width:10px; height:10px;}
	::-webkit-scrollbar-thumb { border-radius:5px; -webkit-box-shadow:inset 0 0 15px rgba(0,0,0,0.2); background:rgba(0,0,0,0.2)}
	::-webkit-scrollbar-track { -radius:0; background:rgba(245,246,247,0)}