@charset "gb2312";
a {
	outline: none;
 blr:expression(this.onFocus=this.blur());
}
a:hover {
	outline: none;
}
a:focus {
	outline: none;
	-moz-outline: none;
}
.clearfix, .conbox, .ry_list {
*zoom:1
}
.logo, .navbox {
	z-index: 2;
	left: 50%
}
.dq_ipt input, .dq_nam li, .dq_txt span, .erma span, .fu_btn, .fu_txt, .nav_a, .ry_list em, .ry_list span, .ser_m, .w-focusbtn {
	text-align: center
}
.conbox, .dq_txt, .topbox, .w-focus {
	position: relative
}
.diqu_top, .dq_nam, .logo, .navbox, .w-focus li, .w-focusbtn {
	position: absolute
}
.dq_txt i, .dq_txt span, .w-focusbtn i {
	display: inline-block
}
.dq_btn, .dq_more, .imgbox a, .nav_a, .nav_a span, .nav_ls a, .ser_m, .w-focus a {
	display: block
}
.diqu_btn li, .dq_btn, .imgbox a, .logo {
	text-indent: -999em
}
.conbox:after, .ry_list:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both
}
.diqu_btn, .diqu_btn li, .diqu_con, .diqu_tr, .diqu_tx, .diqu_tx li, .dq_ipt, .dq_nam li, .dq_txt, .erma img, .erma span, .fu_box span, .fu_btn, .leftbox, .navbox li, .ry_list em, .ry_list li, .ry_list span, .twobtn a, .twobtn i {
	float: left
}
.diqu_tx span, .more_ico, .rightbox, .ry_ser {
	float: right
}
.conbox, .kf_tt, .ser_m, .ser_tt {
	margin: 0 auto
}
.diqu_btn li, .dq_btn, .dq_txt i, .fu_box, .fu_btn, .imgbox a, .logo, .nav_a, .ry_box, .ry_list em, .ry_list span, .start, .w-focus {
	overflow: hidden
}
.diqu_btn li, .dq_txt, .w-focusbtn i {
	cursor: pointer
}
.nav_a span {
	font-size: 12px
}
.diqu_tx a, .dq_more, .erma span, .fu_box span, .fu_btn, .kf_p, .nav_ls a, .ry_list li, .ser_m {
	font-size: 14px
}
.nav_a, .ry_xuan span, .twobtn a {
	font-size: 16px
}
.dq_nam li:hover {
	color: #fff
}
.conbox {
	width: 1200px;
	margin-bottom: 30px;
}
.dq_txt i, .more_ico, .twobtn i {
	background-image: url(../images/icos.png);
	background-repeat: no-repeat
}
a {
	-webkit-transition: color .2s linear;
	-moz-transition: color .2s linear;
	-ms-transition: color .2s linear;
	-o-transition: color .2s linear;
	transition: color .2s linear;
	text-decoration: none;
	color: #bebebe
}
html {
	-webkit-font-smoothing: antialiased
}
body, button, dd, dl, dt, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
body, button, input, select, textarea {
	font: 12px \5FAE\8F6F\96C5\9ED1, arial, \5b8b\4f53
}
h1, h2, h3, h4, h5, h6 {
    font-size: 16px;
    color: #F9F2DC;
    text-align: center;
}
address, cite, dfn, em, i, var {
	font-style: normal
}
code, kbd, pre, samp {
	font-family: courier new, courier, monospace, arial, \5b8b\4f53
}
form {
	display: inline
}
small {
	font-size: 12px
}
ol, ul {
	list-style: none
}
a:hover {
	color: #ba9568;
	text-align: left;
}
.diqu_tx a:hover, .fu_btn:hover, .kf_p a:hover, .nav_a:hover, .ser_m:hover, .twobtn a:hover {
	text-decoration: none
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
img {
	vertical-align: top;
	border: 0;
	-ms-interpolation-mode: bicubic
}
button, input, select, textarea {
	font-size: 100%;
	outline: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
textarea {
	resize: none
}
.clearfix {
*zoom:1
}
.clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both
}
body {
	background-color: #242328
}
.hd960 {
	width: 1000px
}
.topbox {
	height: 630px
}
.logo {
	top: 0;
	margin-left: -590px;
	width: 155px;
	height: 93px;
	background: url(../images/logo.png) no-repeat
}
.navbox {
	top: 20px;
	margin-left: -0px
}
.navbox li {
	width: 112px;
}
.nav_a {
	height: 46px;
	font-weight: 700;
	color: #fff
}
.nav_a span {
	color: #8c8c8c;
	height: 22px;
	line-height: 20px;
	font-weight: 400
}
.nav_ls {
	margin-top: 10px
}
.nav_ls a {
	height: 22px;
	line-height: 22px;
	text-indent: 4px;
	color: #3a3a3a
}
.w-focus, .w-focus a, .w-focus li, .w-focus ul {
	height: 820px
}
.w-focus li {
	width: 99.99999%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center top
}
.w-focusbtn {
	left: 50%;
	bottom: 108px;
	margin-left: 470px;
	z-index: 2;
	font-size: 0;
	line-height: 0
}
.w-focusbtn i {
	width: 15px;
	height: 15px;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #9D9D9D
}
.w-focusbtn i.cur {
	background: #956E38
}
.diqu_top {
	top: 486px;
	left: 50%;
	margin-left: -600px;
	z-index: 9;
	height: 64px;
	width: 748px
}
.diqu_btn {
	width: 152px;
	height: 64px
}
.diqu_btn li {
	width: 76px;
	height: 64px;
	background: url(../images/dq_nav.jpg) no-repeat;
	transition: .5s
}
.diqu_btn li:hover {
	background-position: 0 -64px
}
.diqu_btn li.dq02 {
	background-position: -76px 0
}
.diqu_btn li.dq02:hover {
	background-position: -76px -64px
}
.diqu_con {
	width: 596px;
	height: 64px;
	background: url(../images/dq_top.png) no-repeat
}
.diqu_tx {
	width: 382px;
	padding-top: 8px
}
.diqu_tx li {
	padding-left: 22px;
	margin-right: 6px;
	width: 140px;
	height: 24px;
	line-height: 24px;
	display: inline
}
.diqu_tx a {
	color: #e5b27b
}
.diqu_tx a:hover {
	color: #fc9629
}
.diqu_tr {
	width: 200px
}
.dq_more {
	line-height: 16px;
	height: 16px;
	margin-top: 12px;
	padding: 0 0 0 24px;
	color: #e5be7b;
	background: url(../images/dq_navbg.png) 0 -340px no-repeat
}
.dq_more:hover {
	color: #fc9629
}
.fu_box {
	height: 22px;
	padding: 7px 0 0;
	color: #e5b27b
}
.fu_txt {
	width: 38px;
	height: 16px;
	margin: 0 3px;
	padding: 1px 3px;
	vertical-align: middle;
	border: none;
	color: #e5b27b;
	background: #646464
}
.dq_nam, .dq_txt {
	z-index: 9;
	border: 1px solid #7B7B7B
}
.fu_btn {
	width: 40px;
	height: 18px;
	line-height: 18px;
	color: #613d19;
	font-weight: 700;
	background: url(../images/dq_nav.jpg) 0 -150px no-repeat;
	margin: 2px 0 0 6px
}
.fu_btn:hover {
	color: #613d19;
	background-position: -50px -150px
}
.dq_div .diqu_tx a {
	color: #aebac1
}
.dq_div .diqu_tx a:hover {
	color: #3a9ecd
}
.dq_div .dq_more {
	background-position: 0 0;
	color: #aebac1
}
.dq_div .dq_more:hover {
	color: #3a9ecd
}
.dq_div .fu_box, .dq_div .fu_txt {
	color: #aebac1
}
.dq_div .fu_btn {
	background-position: 0 -180px;
	color: #103a58
}
.dq_div .fu_btn:hover {
	background-position: -50px -180px;
	color: #103a58
}
.fu_diqu {
	height: 20px;
	margin-top: 7px
}
.dq_txt {
	width: 68px;
	height: 18px
}
.dq_txt span {
	color: #bebebe;
	width: 51px;
	height: 18px;
	line-height: 17px
}
.dq_txt i {
	background-position: 0 -320px;
	width: 12px;
	height: 6px;
	line-height: 0;
	font-size: 0
}
.dq_ipt input, .dq_nam li {
	height: 20px;
	color: #bebebe
}
.dq_nam {
	left: -1px;
	top: 22px;
	width: 210px;
	padding: 5px 0 5px 2px;
	background: #39383F
}
.dq_nam li {
	width: 52px;
	line-height: 20px
}
.dq_nam li:hover {
	background: #595767
}
.dq_ipt {
	color: #bebebe
}
.dq_ipt input {
	width: 44px;
	background: #646464;
	border: none;
	margin-right: 5px
}
.conbox {
	margin-top: -80px;
	z-index: 3
}
.leftbox {
	width: 288px;
	height: 117px
	background: #2B2930
}
.start {
	height: 117px
}
.twobtn, .twobtn a {
	height: 43px
}
.twobtn a {
	width: 144px;
	line-height: 43px;
	color: #edb8b1
}
.twobtn a:hover {
	background-position: -170px 0;
	color: #edb8b1
}
.twobtn a:hover i {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
}
.twobtn i {
	width: 28px;
	height: 27px;
	margin: 9px 6px 0 20px;
	transition: all .5s ease-out;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}
.twobtn i.i02 {
	background-position: 0 -56px
}
.userbox {
	height: 171px;
	background: #1A181E
}
.kf_tt, .ser_tt {
	width: 260px;
	height: 51px;
	border-bottom: 1px solid #3C3B41
}
.kf_tt {
	background-position: 0 -190px
}
.more_ico {
	width: 16px;
	height: 16px;
	margin: 27px 0 0;
	background-position: 0 -100px;
	transition: .5s
}
.more_ico:hover {

	background-position: 0 -119px
}
.ser_box {
	height: 268px;
	position: relative;
}
.ry_ser {
	margin-top: 24px
}
.ry_box {
	height: 160px;
	padding: 40px 36px 0px;
}
.ry_xuan {
	height: 22px;
	margin-top: 8px
}
.ry_xuan span {
	color: #a0a0ae
}
.ry_list {
	margin-top: 6px
}
.ry_list li {
	width: 100%;
	height: 29px;
	line-height: 29px;
	border-bottom: 1px dashed #3C3B41;
	color: #bebebe
}
.ry_list li img {
	vertical-align: middle;
}
.kf_p, .ser_m {
	line-height: 26px
}
.ry_list li.ry01 {
	color: #BA9568
}
.ry_list span {
	float: right;
}
.ry_list em {
	width: 236px
}
.dq_btn {
	width: 288px;
	height: 68px;
	background: url(../images/dq_btn.jpg) no-repeat
}
.dq_btn:hover {
	background-position: 0 -90px
}
.ser_m {
	margin-top: 4px;
	width: 256px;
	height: 26px;
	border: 1px solid #B38F65;
	color: #B38F65
}
.imgbox {
	height: 316px
}
.imgbox a {
	height: 158px;
	background: url(../images/img_bg.jpg) no-repeat;
	opacity: .8
}
.imgbox a.ig2 {
	height: 316px;
}
.imgbox a:hover {
	opacity: 1
}
.kf_cc {
	padding: 6px 0 0 15px;
	height: 155px
}
.kfzx {
	height: 189px;
	padding: 0 0 0 15px;
}
.kf_cc li {
	list-style: none;
	padding-left: 10px;
 *padding-left: 0;
	line-height: 30px;
	height: 30px;
	color: #b5b5b5;
}
.kf_p {
	color: #bebebe
}
.kf_p a {
	background: #BA9568;
	padding: 1px 5px;
	color: #3a4147
}
.kf_p a:hover {
	color: #3a4147;
	background: #DFAB6B
}
.erma {
	height: 132px;
	margin-top: 8px
}
.erma img {
	width: 132px;
	height: 132px;
	margin-right: 16px
}
.erma span {
	width: 100px;
	font-weight: 700;
	color: #bebebe;
	line-height: 24px;
	margin-top: 38px
}
#footer, #footer p a, #footer p a:hover {
	color: #717079
}
.rightbox {
	width: 912px
}
#footer {
	padding: 30px 0 20px
}
#sx_server {
	width: 100px
}
.log_ul {
	height: 171px;
	position: relative;
}
.log li {
	position: absolute;
	color: #cacaca
}
.log input {
	vertical-align: middle;
}
.user {
	left: 22px;
	top: 12px;
}
.text {
	background: #d9dadb none repeat scroll 0 0;
	border-radius: 3px;
	font-family: "Microsoft Yahei";
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	width: 178px;
}
.psw {
	left: 22px;
	top: 55px;
}
.remember {
	color: #a6a6a6;
	font-size: 12px;
	left: 22px;
	line-height: 12px;
	top: 100px;
}
.psw-btn {
	font-size: 12px;
	left: 201px;
	line-height: 14px;
	top: 100px;
 *top: 103px;
}
.log-btn {
	left: 70px;
	top: 125px;
}
.sub_css {
	display: block;
	width: 140px;
	height: 36px;
	background-image: url(../images/btns.jpg);
	background-repeat: no-repeat;
	background-position: 0 -60px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}
.sub_css:hover {
	background-position: -170px -60px
}
.select-type {
    z-index: 2;
    line-height: 18px;
    width: 220px;
    height: 18px;
    position: absolute;
    left: 34px;
    top: 13px;
    text-align: right;
}
input, select, img {
	vertical-align: middle;
}
.fastin-input {
	line-height: 18px;
	width: 70px;
	height: 18px;
	text-align: center;
	color: #000;
	background: #fff;
	vertical-align: middle;
	font-size: 12px;
	border: 1px solid #6C6C6C;
}
.fastin-btn {
	width: 55px;
	height: 20px;
	border-radius: 3px;
	display: inline-block;
	line-height: 20px;
	text-align: center;
	color: #fff;
	transition: color .3s;
	font-size: 12px;
	background: #600606;
	cursor: pointer;
	vertical-align: middle;
}
#sel{
	height: 20px;
    line-height: 20px;
	width: 72px;
}
.headline {
	height: 50px;
	overflow: hidden;
	background: #3C3B41;
	position: relative;
	text-align: center;
	margin-top: 10px;
}
.w619 .headline-title {
	color: #00454c;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	font-size: 20px;
	height: 48px;
	line-height: 48px;
}
.qr {
	width: 100px;
	height: 100px;
	background: #fff;
	margin: 25px 0 0 30px;
 *margin: 25px 0 0 15px;
	float: left;
}
.qr i {
	display: block;
	width: 100%;
	height: 100%;

	background: url(../images/weixin.png) no-repeat;
}
.qr-des {
	font-weight: 700;
	width: 110px;
	text-align: center;
	float: right;
	margin: 49px 16px 0 0;
	color: #b5b5b5;
}
#kf-color {
	color: #e33b0f;
}
.card-btn {
	-moz-user-select: none;
	background-color: #9f9a9a;
	background-image: none;
	border: 1px solid #302F37;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857;
	margin-bottom: 20px;
	margin-right: 30px;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	margin-top: 20px;
	font-family: "microsoft yahei";
}
.tips18 {
	position: absolute;
	top: 520px;
 *top:600px;
	left: 50%;
	margin-left: -600px;
	color: #fff;
	z-index: 2;
	font-size: 16px;
}
.lbzx-t h2, .kfzx-t h2, .ser_tt h2 {
	width: 100%;
	height: 100%;
	line-height: 68px;
	font-size: 22px;
	color: #8a753e;
	position: relative;
	z-index: 3;
	display: inline;
}
.lbzx-t h2 span, .kfzx-t h2 span, .ser_tt h2 span {
	font-size: 16px;
}
.gamename {
	padding: 10px 0 0 36px;
	 *padding: 0 0 0 36px;
}
.gamename li {
	height: 24px;
	display: block;
	line-height: 24px;
	position: static;
	overflow: hidden;
	color: #f59e41;
}
*+html .gamename li {
	height: 22px;
	line-height: 22px;
}
#myname {
	color: #F00;
	font-weight: bold;
}
#mytime {
	color: #fff;
	font-weight: bold;
}
.lastgame {
	color: #fff;
	font-weight: bold;
}
#iph {
	color: yellow
}
.exit {
	color: yellow
}
.kfzx li {
	height: 30px;
	line-height: 30px;
}
.list_tit span {
	width: 350px;
	display: inline-block;
	text-align: right;
}
.media-cc li{
	display:inline;
	margin-right:10px;
	
}