@charset "utf-8";
/*
================================================================
	 basic reset
================================================================
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
body, button, input, select, textarea { font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', tahoma, arial, '\5b8b\4f53', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol, li { list-style: none; }
a { text-decoration: none; outline: none; }
a:active {
star:expression(this.onFocus=this.blur()); outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, input { border: none; }
input, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%;
vertical-align: middle; }
img { border: 0; max-width: 100%; *max-width: none;
vertical-align: top; }
em, i { font-style: normal; }
del { text-sdecoration: line-through; }
abbr[title], dfn[title] { border: 0; font-variant: normal; cursor: help; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*
================================================================
	 basic modules
================================================================
*/

/* clearfix
--------------------------------------------------------------*/
.clearfix:after { 
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
.clearfix { *zoom:1;}

/* FONT-WEIGHT */
.fb { font-weight: bold; }

/* FONT-SIZE */
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }

/* BREAK */
.noBr { white-space: nowrap; }
.allBr { word-break: break-all; word-wrap: break-word; }

/* FLOAT */
.fr { float: right; }
.fl { float: left; }

/* DISPLAY */
.disb { display: block; }
.hid { display: none; }
.disib { display: inline-block; *display: inline; *zoom: 1;}


/* global */
.wrap{
	width: 1000px;
	margin: 0 auto;
}
/* header */
.header{
	height: 184px;
	border-bottom: 16px solid #d6eaf4;
	background: url(//images.17173cdn.com/2015/news/2015/06/26/bg1.jpg) no-repeat;
}
.logo{
	float: left;
	margin: 70px 36px 0 20px;
}
.logo a{
	display: block;
	width: 150px;
	height: 48px;
	text-indent: -9999px;
	background: url(//images.17173cdn.com/2015/news/2015/06/26/logo.png) no-repeat;
}
.slogan{
	float: left;
	width: 371px;
	height: 50px;
	margin-top: 68px;
	background: url(//images.17173cdn.com/2015/news/2015/06/26/slogan.png) no-repeat;
}
.quick-links{
	float: right;
	margin: 82px 12px 0 0;
}
.quick-links li{
	float: left;
}
.quick-links a{
	float: left;
	width: 35px;
	height: 35px;
	background: url(//images.17173cdn.com/2015/news/2015/06/26/sprite.png) no-repeat -9999px -9999px;
}
.quick-links .error-recovery{
	background-position: 0px 0;
	margin-right: 1px;
}
.quick-links .add-favorite{
	background-position: -36px 0;
	margin-right: 1px;
}
/*container*/
.main-content{
	padding-bottom: 40px;
}
.type-list{
	padding: 20px 30px 16px;
	margin-bottom: 25px;
	border: 1px solid #d3d3d3;
}
.type-list .type{
	overflow: hidden;
	margin-bottom: 4px;
	font-size: 14px;
	line-height: 24px;
	color: #7f7878;
}
.type-list .hd{
	float: left;
	width: 79px;
	color: #fff;
	text-align: center;
	background: #909090;
}
.type-list .blue{
	background: #487bd2;
}
.type-list .bd{
	overflow: hidden;
}
.type-list .bd:hover{
	background: #f6f6f6;
}
.type-list .bd a{
	float: left;
	padding: 0 10px 0 15px;
	white-space: nowrap;
	color: #7f7878;
}
.type-list .bd a:hover{
	color: #487bd2;
}
.type-list .split{
	float: left;
}
/*block game */
.block-games{
	width: 612px;
}
.block-title{
	position: relative;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 0;
	border-bottom: 1px dotted #b3b3b3;
	color: #5b5b5b;
}
.block-title span{
	position: absolute;
	bottom: -7px;
	left: 0;
	width: 119px;
	height: 7px;
	background: #808080;
}
.img-list{
	width: 200px;
	margin-right: 35px;
}
.img{
	position: relative;
	width: 202px;
	padding: 20px 0;
}
.img .desc{
	position: absolute;
	left: 0;
	right: 0;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	bottom: 20px;
	color: #fff;
	background: #000;
	text-align: center;
}
.txt-list{
	padding: 20px 0;
	overflow: hidden;
}
.txt-list .gap{
	margin-bottom: 40px;
}
.txt-list  a{
	font-size: 14px;
	line-height: 30px;
	color: #5f5656;
}
.txt-list .brief a:hover{
	color: #487bd2;
}
/*tb*/
.tb{
	width: 300px;
}
.tb-list li{
	float: left;
	width: 50%;
	border-bottom: 2px solid #487bd2;
}
.tb-list a{
	display: block;
	padding-bottom: 10px;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	border-bottom: 1px solid #868686;
	color: #5b5b5b;
}
.tb-list .active a{
	color: #487bd2;
}
.tb-content{
	display: none;
}
.tb-content.active{
	display: block;
}
.tb-content li{
	overflow: hidden;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: #735d5d;
	border-bottom: 1px dotted #b3b3b3;
}
.tb-content .hover{
	background: #eee;
}
.tb-content .gn{
	font-size: 14px;
	line-height: 28px;
	color: #735d5d;
}
.tb-content .gn:hover{
	color: #487bd2;
}
.tb-content span{
	float: left;
	width: 50%;
}
/*vote*/

.block-vote{
	margin-top: 50px;
	padding: 15px 20px;
	border: 1px solid #b3b3b3;
	border-top: 2px solid #487bd2;
}
.vote-title{
	display: block;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 20px;
}
.block-vote .fieldset{
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 24px;
}
.block-vote .btn-submit{
	display: block;
	width: 120px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	margin: 20px auto 0;
	background: #487bd2;
	color: #fff;
}
/* footer */
.footer { position: relative; z-index: 999999; width: 100%; height: 124px; border-top: 1px dotted #b3b3b3; padding-top: 20px; background-color: #fff; }
.f_link { float: left; width: 230px; height: 48px; margin: 30px 0 0 12px; background: url(../img/f_logo.png) no-repeat 0 0; }
.f_link a { float: left; width: 115px; height: 48px; text-indent: -999em; }
.f_txt { padding: 14px 0 0 20px; text-align: center; color: #a9a9a9; }
.f_txt p { height: 20px; line-height: 20px; }
.f_txt p a { color: #7b7f82; }
.f_txt p a:hover { color: #7b7f82; text-decoration: underline; }