﻿/* 
* @Author: Administrator
* @Date:   2015-07-13 10:06:32
* @Last Modified by:   Administrator
* @Last Modified time: 2016-09-29 15:02:12
*/
body{
	/* background:url(../image/bg_main.png) center top; */ 
}
a{ outline: none;}
a:active{
	star:expression(this.onFocus=this.blur());
}
.banxin{
	width: 1200px;
	margin-left:auto;
	margin-right:auto;
}
a img{
	display: block;
}
.banner-wrap{
	height: 37vw;
	/*overflow: hidden;*/
}
.banner-wrap ul.banner{
	height: 100%;
	overflow: hidden;
	position: relative;
}
.banner-wrap ul.banner li{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	display:none;
	z-index: 3;
}
.banner-wrap ul.banner li.current{
	display: block;
}
.banner-wrap ul.banner li a{
	display:inline-block;
	width: 100%;
	height: 100%;
	background: url(../image/banner1.jpg) no-repeat center top;
	background-size:cover;
}
.banner-wrap ul.banner li.no2 a{
	background-image: url(../image/banner2.jpg);
}
.banner-wrap ul.banner li.no3 a{
	background-image: url(../image/banner3.jpg);
}
.banner-wrap ul.banner li.no4 a{
	background-image: url(../image/banner4.jpg);
}
.banner-wrap ul.banner li.no5 a{
	background-image: url(../image/banner5.jpg);
}
.banner-wrap ul.banner li.no6 a{
	background-image: url(../image/banner6.jpg);
}
.banner-wrap ul.banner li.no7 a{
	background-image: url(../image/banner1.jpg);
}
.banner-wrap ul.banner li.no8 a{
	background-image: url(../image/banner8.jpg);
}
.banner-wrap .userwrap{
	position: absolute;
	left:0;bottom:0;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	height:90px;
	z-index:4;
	/*-webkit-background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.5));*/
	/*-moz-background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.5));*/
	/*-o-background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.5));*/
	/*-ms-background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.5));*/
	/*background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.5));*/
}
.banner-wrap .userwrap ol{
	position: absolute;
	left: 60.16%;
	top:42px;
	height: 18px;
	overflow: hidden;
	z-index:4;
}
.banner-wrap .userwrap ol li{
	float: left;
	width: 15px;
	height: 15px;
	background: #efefef;
	border-radius: 8px;
	margin-right: 7px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all  .4s;
}
.banner-wrap .userwrap ol li.current{
	width: 46px;
	background:#fa7600;
}
.banner-wrap .userwrap a.side-page-btn{
	width: 40px;
	height: 80px;
	position: absolute;
	top:-300px;
	background: url(../image/spr_24.png) no-repeat 0 -253px;
	display:none;
	z-index: 4;
}
.banner-wrap .userwrap a.banner_prev{
	left:-55px;
}
.banner-wrap .userwrap a.banner_next{
	right: -55px;
	background-position: -41px -253px;
}
.banner-wrap .userwrap a.side-page-btn:hover{
	opacity: 0.7;
}
.login-group .login-wrap-opa{
	position: absolute;
	right: 50px;
	top:-516px;
	width: 266px;
	height: 283px;
	padding:23px 17px 0;
	background: rgb(0,0,0);
	opacity:0.8;
	/* _filter:alpha(opacity=80); */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:4;
}
.login-group .login-wrap-new{
	position: absolute;
	right: 50px;
	top:-516px;
	width: 266px;
	height: 283px;
	padding:23px 17px 0;
	z-index:4;
}
.login-group .login-wrap-people{
	position: absolute;
	right: 50px;
	top:50px;
	width: 266px;
	height: 283px;
	padding:23px 17px 0;
	z-index:4;
}
.login-wrap-people .vip-login-inner {
	width: 266px;
	position: relative;
	z-index: 10
}

.login-wrap-people .log-avatar {
	position: absolute;
	top: 24px;
	left: 58px
}

.login-wrap-people .btn-vip-log, .login-wrap-people .btn-vip-reg {
	position: absolute;
	top: 150px;
	left: 16px;
	overflow: hidden;
	width: 82px;
	height: 28px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	background: #fff;
	color: #0f8ff2;
	color: #6c6c6c;
	vertical-align: middle;
	text-align: center;
	line-height: 28px
}

.btn-vip-log:hover, .btn-vip-reg:hover {
	color: #ff9000
}

.login-wrap-people .btn-vip-reg {
	left: 110px
}



.login-wrap-people .vip-message {
	margin-bottom: 15px
}

.vip-btn {
	height: 39px
}

.vip-times {
	width: 100px;
	height: 39px;
	background-color: #ffd211;
	color: #a24800;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
	margin-right: 10px;
	margin-left: 10px;
}

.vip-times span {
	display: block;
}

.vip-sign {
	width: 130px;
	height: 37px;
	background-color: #35abd8;
	font: 700 16px/37px "Microsoft Yahei";
	border-bottom: 2px solid #35aba1;
	color: #ffffff;
	text-align: center;
	border-radius: 2px;
	margin-right: 10px;
}

.vip-sign:hover {
	background-color: #ff7200;
	border-bottom-color: #ff4d00;
	color: #ffffff;
	text-decoration: none;
}
.vip-signIn{
	width: 130px;
	height: 37px;
	font: 700 16px/37px "Microsoft Yahei";
	color: #ffffff;
	text-align: center;
	border-radius: 2px;
	background-color: #ff7200;
	border-bottom-color: #ff4d00;
	display: none;
	margin-right: 10px;
}
.vip-signIn:hover{
	color: #ffffff;
	text-decoration: none;
}
.vip-tips {
	width: 160px;
	margin-top: 18px;
	overflow: hidden;
	position: relative;
	margin-right: 10px;
}

.vip-tips a {
	height: 14px;
	line-height: 14px;
	font-size: 14px;
	padding-left: 20px;
	display: block;
	float: left;
	color: #ff2a00;
}

.vip-tips span {
	position: absolute;
	left: 0;
}
.ico-privilege {
	background: url("/public/webnew/images/vip.png") no-repeat -370px -138px;
	width: 16px;
	height: 14px;
	top: 0;
	left: 114px
}


.f-red {
	color: #b42f30
}

.login-wrap-people .loged-info {
	padding: 12px 0 0 120px;
	line-height: 1.5;
}

.login-wrap-people .loged-info p {
	margin-bottom: 5px

}

.login-wrap-people .loged-avatar {
	position: absolute;
	top: 0;
	left: 0
}

.login-wrap-people .loged-avatar img {
	border-radius: 100%
}

.login-wrap-people .loged-acc {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 90px;
	font-size: 14px;
	font-weight: 900
}
.login-wrap-people .loged-info p,
.login-wrap-people .loged-info p a{
	color: #ffffff;
}
.login-wrap-people .logout {
	color: #808080;
}

.login-wrap-people .progress {
	margin-top: 35px;
	width: 210px;
	height: 17px;
	font-size: 12px;
	margin-left: 15px;
	position: relative;
	background: url("/public/webnew/images/vip.png") -338px -204px no-repeat transparent;
	z-index: 15
}

.progress-vip {
	width: 47px;
	height: 14px;
	position: absolute;
	top: 1px;
	left: 8px;
	background: url("/public/webnew/images/common.png");
}

.u-level {
	width: 47px;
	height: 14px;
	background: url("/public/webnew/images/common.png");
}

.ico-vip0,
.ico-vip1,
.ico-vip2,
.ico-vip3,
.ico-vip4,
.ico-vip5,
.ico-vip6,
.ico-vip7,
.ico-vip8{
	background-image: url("/public/webnew/images/common.png");
}
.u-level-00 {
	background-repeat: no-repeat;
	background-position: -97px -318px
}

.u-level-01 {
	background-repeat: no-repeat;
	background-position: -289px -144px
}

.u-level-02 {
	background-repeat: no-repeat;
	background-position: -134px -297px
}

.u-level-03 {
	background-repeat: no-repeat;
	background-position: -246px -208px
}

.u-level-04 {
	background-repeat: no-repeat;
	background-position: -48px -318px
}

.u-level-05 {
	background-repeat: no-repeat;
	background-position: -154px -280px
}

.u-level-06 {
	background-repeat: no-repeat;
	background-position: -317px -26px
}

.u-level-07 {
	background-repeat: no-repeat;
	background-position: -187px -256px
}

.u-level-08 {
	background-repeat: no-repeat;
	background-position: -85px -302px
}

.ico-vip {
	width: 32px;
	height: 10px;
	display: inline-block
}

.ico-vip0 {
	background: no-repeat;
	background-position: -250px -224px
}

.ico-vip1 {
	background: no-repeat;
	background-position: -335px -12px
}

.ico-vip2 {
	background: no-repeat;
	background-position: -146px -313px
}

.ico-vip3 {
	background: no-repeat;
	background-position: -335px 0
}

.ico-vip4 {
	background: no-repeat;
	background-position: -311px -122px
}

.ico-vip5 {
	background: no-repeat;
	background-position: -203px -272px
}

.ico-vip6 {
	background: no-repeat;
	background-position: -250px -236px
}

.ico-vip7 {
	background: no-repeat;
	background-position: -60px -334px
}

.ico-vip8 {
	background: no-repeat;
	background-position: -26px -334px
}
.progress-groove {
	width: 132px;
	height: 6px;
	position: absolute;
	top: 6px;
	left: 70px
}

.progress-core-s, .progress-core-m, .progress-core-e {
	height: 6px;
	width: 3px;
	background: transparent url(/public/webnew/images/bg-groove-s.png) no-repeat;
	_font-size: 0
}

.progress-core-m {
	background: url(/public/webnew/images/bg-groove-m.png);
	background-repeat: repeat-x
}

.progress-core-e {
	background: url(/public/webnew/images/bg-groove-e.png) no-repeat
}
.vip-tip {
	width: 220px;
	height: 80px;
	position: absolute;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	border-radius: 5px;
	padding: 12px 0 13px;
	border: 1px solid #ffb83b;
	background-color: #fff;
	left: -42px;
	top: 20px;
	display: none;
	z-index: 20
}

.vip-tip p {
	height: 24px;
	line-height: 24px
}

.vip-tip .f14 {
	font-size: 14px
}

.vip-tip .col-ff8d13 {
	color: #ff8d13

}

.vip-tip-btn {
	width: 155px;
	margin: auto;
	height: 24px;
	padding-top: 8px
}

.vip-tip-btn a, .vip-tip-btn a:visited {
	width: 70px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	color: #6c6c6c;
	background: no-repeat;
	background-position: -158px -208px
}

.vip-tip-btn a:hover {
	background: no-repeat;
	background-position: -263px 0;
	color: #fff
}

.login-wrap-people .vip-login-inner .vip-tip {
	left: -75px
}
.login-wrap-people .progress:hover .vip-tip,
.login-wrap-people .vip-login-inner .vip-tip:hover{
	display: block;
}
.shadow2 {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}

.shadow2:hover {
	box-shadow: 0 3px 8px -2px rgba(0, 0, 0, .6)
}

.sign-left, .sign-right {
	display: inline
}

.user-sign-box {
	width: 535px;
	border: 1px solid #d9d9d9;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	position: absolute;
	z-index: 99;
	display: none;
	background: #fafafa;
	top: 240px;
	right: 30px;
}
.closed-sign {
	width: 11px;
	height: 11px;
	background: url("/public/webnew/images/common.png") no-repeat -13px -325px;
	font-size: 0;
	right: 5px;
	top: 5px;
	cursor: pointer;
	z-index: 2;
	display: block;
	position: absolute;
	clear: both
}

.closed-sign:hover {
	background: url("/public/webnew/images/common.png") no-repeat 0 -325px;
}

.sign-tip {
	width: 200px;
	height: 24px;
	text-align: center;
	left: 50%;
	margin-left: -100px;
	top: 45%;
	position: absolute;
	display: none;
	color: #ffa504;
	font: 700 14px/24px 'Microsoft Yahei'
}

.sign-left {
	width: 300px;
	float: left;
	padding: 0 30px 15px;
	background: #fff
}

.sign-mask {
	width: 300px;
	height: 295px;
	position: absolute;
	left: 0;
	top: 60px;
	display: none
}

.sign-right {
	width: 175px;
	float: right
}

.sign-help {
	padding-top: 15px;
	height: 65px
}

.sign-help dt {
	height: 1px;
	position: relative;
	border-bottom: 1px solid #dfdfdf;
	font-size: 0;
	margin-bottom: 20px
}

.sign-help dt span {
	width: 90px;
	background: #fff;
	height: 20px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	top: -9px;
	font: 400 12px/20px 'Microsoft Yahei'
}

.sign-help dd {
	display: inline;
	float: left;
	height: 42px;
	padding: 0 0 0 52px;
	width: 95px
}

.sign-help1 {
	background: url("/public/webnew/images/common.png") no-repeat;
	background-position: -158px -164px
}

.sign-help2 {
	background: url("/public/webnew/images/common.png") no-repeat;
	background-position: -217px -46px
}

.sign-help dd .stress {
	background: url(/public/webnew/images/help-ico.png) 4.5em center no-repeat;
	height: 24px;
	font: 400 14px/24px 'Microsoft Yahei';
	position: relative;
	cursor: pointer;
}

.help-tip {
	width: 190px;
	height: 60px;
	border: 1px solid #ffb83b;
	background: #fff;
	position: absolute;
	right: -50px;
	top: -75px;
	padding: 5px;
	font: 400 12px/20px 'Microsoft Yahei';
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	display: none
}
.sign-help dd .stress:hover .help-tip{
	display: block;
}
.sign-right ul {
	border-left: 1px dashed #dfdfdf;
	margin-left: 38px;
	padding-bottom: 5px
}

.sign-right li {
	margin: 17px 0 0 -9px
}

.sign-right .sign-day {
	height: 26px;
	background: url(/public/webnew/images/right-ico-2.png) left center no-repeat;
	font: 400 14px/26px 'Microsoft Yahei';
	padding-left: 30px;
	color: #9c9c9c;
	margin-bottom: 5px;
	cursor: pointer;
}

.sign-right .active .sign-day {
	background: url(/public/webnew/images/right-ico.png) left center no-repeat;
	color: #3c3c3c
}

.sign-right .last-li .sign-day {
	background: url(/public/webnew/images/last-ico.png) left center no-repeat;
	color: #3c3c3c
}

.sign-right .last-li {
	position: relative
}

.sign-right .last-li .help-tip {
	position: absolute;
	left: -60px;
	top: -80px
}

.sign-right li.last-li .help-tip {
	width: 205px;
	left: -75px
}
.sign-right .last-li .sign-day:hover .help-tip{
	display: block;
}
.sign-right li a, .sign-right li a:visited, .sign-right li span {
	display: block;
	width: 70px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid #e4e4e4;
	background: #e4e4e4;
	border-radius: 4px;
	color: #9c9c9c;
	margin-left: 30px
}

.sign-right .active a, .sign-right .active a:visited {
	background: #ffa504;
	color: #fff;
	border: 1px solid #ffa504;
	border-bottom: 1px solid #f18c01
}

.sign-right li a:hover {
	text-decoration: none
}

.sign-right .active span {
	color: #ff8d13;
	background: #fff
}

.sign-table {
	text-align: center;
	position: relative
}

.sign-title {
	font: 700 18px/40px 'Microsoft Yahei';
	padding-top: 20px
}

.sign-body table {
	width: 100%
}
.sign-body th {
	height: 30px;
	background: #f5f5f5;
	color: #9c9c9c;
	line-height: 30px
}

.sign-body td {
	height: 44px;
	font: 400 16px/44px 'Microsoft Yahei';
	color: #6c6c6c;
	position: relative
}

.sign-body td.today {
	color: #ffa70c;
	background: url("/public/webnew/images/common.png") no-repeat -187px -112px;
}

.sign-body td.yes {
	background: center center no-repeat;
	background-position: -187px -112px
}

.sign-body td img {
	position: absolute;
	left: 4px;
	top: 4px
}

.sign-body td.bu em {
	width: 100%;
	height: 44px;
	background: #fff center center no-repeat;
	background-position: -217px 0;
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

.sign-body td.showBu em {
	display: block;
	cursor: pointer
}



.login-group .login-wrap-new .login-box{
	width: 241px;
	height: 27px;
	line-height: 42px;
	border:1px solid #bbb;
	background: #fff;
	padding:8px 10px 7px 13px;
	margin-bottom: 19px;
}
.login-group .login-wrap-new .login-box .login-icon{
	width: 20px;
	height: 27px;
	background: url(../image/login-user.png) no-repeat left center;
	margin-right: 16px;
}
.login-group .login-wrap-new .login-box input.login-txt{
	width: 205px;
	height: 27px;
	line-height: 27px;
	outline: none;
	overflow: hidden;
	color:#666;
	font-size: 14px;
}
.login-group .login-wrap-new .login-box .login-pass{
	background-image: url(../image/login-pass.png);
}
.login-group .login-wrap-new .login-yanzh{
	width: 264px;
	height: 39px;
	margin-bottom: 19px;
	border:1px solid #aaa;
	border-radius:2px;
}
.login-group .login-wrap-new .login-yanzh input.login-txt1{
	width: 121px;
	height: 39px;
	line-height: 39px;
	outline: none;
	overflow: hidden;
	color:#000;
	font-size: 14px;
	padding-left: 10px;
	border-right:1px solid #aaa;
}
.login-group .login-wrap-new .login-yanzh .login-yanzhm{
	width: 132px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color:#000;
	font-size: 14px;
	cursor:pointer;
	background: #fff;
}
.login-group .login-wrap-new .forget-pass{
	height: 16px;
	line-height: 12px;
	font-size: 12px;
	overflow: hidden;
	color:#999;
	/* margin-bottom: 33px; */
}
.login-group .login-wrap-new .forget-pass input.remname{
	width: 12px;
	height: 12px;
	margin-right: 7px;
}
.login-group .login-wrap-new .forget-pass a{
	color:#999;
}
.login-group .error-tip-wrp{
	height: 28px;
	padding-top: 5px;
}
.login-group p.error-tip{
	border:1px solid red;
	background: pink url(../image/wrong.png) no-repeat 1px 2px;
	color:#000;
	font-size: 12px;
	letter-spacing: 0;
	padding-left: 25px;
	display:none;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.login-group p.right{
	border:1px solid green;
	background: #9dff9d url(../image/right.png) no-repeat 1px 2px;
	color:#000;
	font-size: 12px;
	letter-spacing: 0;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.login-group .login-wrap-new input.login{
	display:block;
	height: 48px;
	line-height: 48px;
	border-radius: 2px;
	background-color: #e74e48;
	color:#fff;
	font-size: 24px;
	display: block;
	text-align: center;
	outline: 0;
	width:266px;
}
.login-group .login-wrap-new input.login:hover{
	background-color: rgb(213,29,29);
}
.login-group .login-wrap-new .login-btn{
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	margin-top: 17px;
}
.login-group .login-wrap-new .login-btn a.qq-btn{
	height: 32px;
	font-size: 12px;
	color:#999;
	text-decoration: none;
	background: url(../image/u_qq.png) no-repeat left center;
	padding-left: 18px;
}
.login-group .login-wrap-new .login-btn a.qq-btn:hover{
	color:rgb(255,87,87);
	text-decoration: underline;
}
.login-group .login-wrap-new .login-btn a.register{
	width: 100px;
	height: 32px;
	background: #48abec;
	font-size: 14px;
	color:#fff;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
	border-radius: 2px;
}
.login-group .login-wrap-new .login-btn a.register:hover{
	background: rgb(46,140,201);
}
.login-wrap-opa{
	position: absolute;
	right: 1px;
	top:-495px;
	width: 291px;
	height: 266px;
	border-radius: 4px;
	background: rgb(255,255,255);
	opacity:0.8;
	/* _filter:alpha(opacity=80); */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:4;
}
.login-wrap{
	position: absolute;
	right: 0;
	top:-496px;
	width: 229px;
	height: 232px;
	border:1px solid #aaa;
	border-radius: 5px;
	/* background: rgb(255,255,255);
	opacity:0.8;
	_filter:alpha(opacity=80); */
	z-index:4;
	padding:34px 31px 0;
}
.login-wrap .login-box{
	width: 209px;
	height: 19px;
	border:1px solid #aaa;
	background: #fff;
	border-radius:2px;
	padding:10px 9px;
	margin-bottom: 19px;
}
.login-wrap .login-box .login-icon{
	width: 22px;
	height: 19px;
	border-right:1px solid #aaa;
	background: url(../image/login-user.png) no-repeat left center;
	margin-right: 12px;
}
.login-wrap .login-box input.login-txt{
	width: 174px;
	height: 19px;
	line-height: 19px;
	outline: none;
	overflow: hidden;
	color:#000;
	font-size: 14px;
}
.login-wrap .login-box .login-pass{
	background-image: url(../image/login-pass.png);
}
.login-wrap .login-yanzh{
	width: 227px;
	height: 39px;
	margin-bottom: 19px;
	border:1px solid #aaa;
	border-radius:2px;
}
.login-wrap .login-yanzh input.login-txt1{
	width: 108px;
	height: 39px;
	line-height: 39px;
	outline: none;
	overflow: hidden;
	color:#000;
	font-size: 14px;
	padding-left: 10px;
	border-right:1px solid #aaa;
}
.login-wrap .login-yanzh .login-yanzhm{
	width: 108px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color:#000;
	font-size: 14px;
	cursor:pointer;
}
.login-wrap .forget-pass{
	text-align: right;
	height: 25px;
	font-size: 12px;
}
.login-wrap .forget-pass a{
	color:#4d4d4d;
}
p.error-tip{
	border:1px solid red;
	background: pink url(../image/wrong.png) no-repeat 1px 2px;
	color:#000;
	font-size: 12px;
	letter-spacing: 0;
	padding-left: 25px;
	display:none;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
p.right{
	border:1px solid green;
	background: #9dff9d url(../image/right.png) no-repeat 1px 2px;
	color:#000;
	font-size: 12px;
	letter-spacing: 0;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.login-wrap .login-btn{
	width: 229px;
	height: 41px;
	overflow: hidden;
	margin-top: 6px;
}
.login-wrap .login-btn a.login{
	width: 127px;
	height: 39px;
	background:#4aa1fa;
	border:1px solid #767676;
	font-size: 18px;
	color:#fff;
	text-align: center;
	line-height: 39px;
	text-decoration: none;
}
.login-wrap .login-btn a.login:hover{
	background: #66b2ff;
}
.login-wrap .login-btn a.register{
	width: 82px;
	height: 39px;
	border:1px solid #c9c9c9;
	background: #f8f8f8;
	font-size: 18px;
	color:#4d4d4d;
	text-align: center;
	line-height: 39px;
	text-decoration: none;
}
.login-wrap .login-btn a.register:hover{
	background: #fff;
}
.login-wrap-success{
	position: absolute;
	right: 0;
	top:-496px;
	width: 291px;
	height: 252px;
	border:1px solid #aaa;
	border-radius: 5px;
	z-index:4;
	/* padding:14px 17px 0 14px; */
	padding-top:14px;
	display:none;
}
.login-wrap-success .login-success-hd{
	height: 90px;
	padding:0 17px 0 14px;
}
.login-wrap-success .login-success-hd .login-success-hd-left{
	width: 88px;
	height: 88px;
	border:1px solid #ccc;
	margin-right: 10px;
}
.login-wrap-success .login-success-hd .login-success-hd-right{
	width: 160px;
	font-size: 14px;
	color:#888;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box{
	height: 24px;
	line-height: 24px;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box a.c-black{
	color:#000;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box a.tdl{
	text-decoration: underline;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box a.c-orange{
	color:#fa7600;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box a.mr-5{
	margin-right: -5px;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box span.login-success-vip{
	width: 21px;
	height: 17px;
	margin:3px 4px 0 0;
	background: url(../image/login-success-vip.png) no-repeat;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box span.login-vip-txt{
	color:#fa7600;
	line-height: 24px;
}
.login-wrap-success .login-success-hd .login-success-hd-right #login-progress{
	margin:1px 0;
	width: 158px;
	height: 14px;
	border:1px solid #fa7600;
	border-radius: 5px;
	position: relative;
}
.login-wrap-success .login-success-hd .login-success-hd-right #login-progress span.progress-value{
	display: inline-block;
  	width: 50%;
  	height: 14px;
  	background: #fa7600;
}
.login-wrap-success .login-success-hd .login-success-hd-right #login-progress span.progress-num{
	position: absolute;
	right: 0;
	top:-24px;
	color:#000;
	font-size: 14px;
}
.login-wrap-success .login-success-hd .login-success-hd-right .grow-num{
	height: 41px;
}
.login-wrap-success .login-success-hd .login-success-hd-right .grow-num .grow-num-tips{
	position: absolute;
	left:10px;
	top:41px;
	width: 126px;
	padding:5px 5px;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
	box-shadow: 0px 0px 6px #999;
	display: none;
}
.login-wrap-success .login-success-hd .login-success-hd-right .grow-num .grow-num-tips p.grow-num-tips-txt{
	line-height: 18px;
}
.login-wrap-success .login-success-hd .login-success-hd-right .grow-num .grow-num-tips p.grow-num-tips-txt .c-orange{
	color:#fa7600;
}
.login-wrap-success .login-success-hd .login-success-hd-right .login-success-box1{
	margin-top: 8px;
}
.login-wrap-success .login-success-title{
	height: 31px;
	line-height: 31px;
	font-size: 14px;
	color:#888;
	padding:0 17px 0 14px;
}
.login-wrap-success ul.login-success-ul{
	height: 77px;
	overflow: hidden;
	padding:0 17px 0 14px;
}
.login-wrap-success ul.login-success-ul li{
	height: 20px;
	line-height: 20px;
	margin-bottom: 4px;
	padding:0 10px;
	overflow: hidden;
	font-size: 14px;
}
.login-wrap-success ul.login-success-ul li span.login-success-icon{
	width: 20px;
	height: 20px;
	overflow: hidden;
	/* margin-top:6px; */
	margin-right: 10px;
}
.login-wrap-success ul.login-success-ul li span.login-success-icon img{
	width: 20px;
	height: 20px;
}
.login-wrap-success ul.login-success-ul li a{
	color:#555;
}
.login-wrap-success .login-success-customer{
	height: 52px;
	border-top: 1px solid #aaa;
	background: url(../image/login-success-customer-img.png) no-repeat 26px 9px;
	padding-left: 174px;
	padding-top:11px;
}
.login-wrap-success .login-success-customer a.login-success-customer-a{
	width: 90px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color:#fff;
	text-decoration: none;
	background: #fa7600;
	display:block;
	border-radius: 2px;
}
.login-wrap-success .login-success-customer a.login-success-customer-a:hover{
	background: #f8841d;
}
/* 新版登录框 */
.userwrap-new .login-wrap-opa{
	position: absolute;
	right: 0px;
	top:-516px;
	width: 266px;
	height: 283px;
	padding:23px 17px 0;
	background: rgb(0,0,0);
	opacity:0.8;
	/* _filter:alpha(opacity=80); */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	z-index:4;
}
.userwrap-new .login-wrap-new{
	position: absolute;
	right: 0;
	top:-516px;
	width: 266px;
	height: 283px;
	padding:23px 17px 0;
	z-index:4;
}
.userwrap-new .login-wrap-new .login-box{
	width: 241px;
	height: 27px;
	line-height: 42px;
	border:1px solid #bbb;
	background: #fff;
	padding:8px 10px 7px 13px;
	margin-bottom: 19px;
}
.userwrap-new .login-wrap-new .login-box .login-icon{
	width: 20px;
	height: 27px;
	background: url(../image/login-user.png) no-repeat left center;
	margin-right: 16px;
}
.userwrap-new .login-wrap-new .login-box input.login-txt{
	width: 205px;
	height: 27px;
	line-height: 27px;
	outline: none;
	overflow: hidden;
	color:#666;
	font-size: 14px;
}
.userwrap-new .login-wrap-new .login-box .login-pass{
	background-image: url(../image/login-pass.png);
}
.userwrap-new .login-wrap-new .login-yanzh{
	width: 264px;
	height: 39px;
	margin-bottom: 19px;
	border:1px solid #aaa;
	border-radius:2px;
}
.userwrap-new .login-wrap-new .login-yanzh input.login-txt1{
	width: 121px;
	height: 39px;
	line-height: 39px;
	outline: none;
	overflow: hidden;
	color:#000;
	font-size: 14px;
	padding-left: 10px;
	border-right:1px solid #aaa;
}
.userwrap-new .login-wrap-new .login-yanzh .login-yanzhm{
	width: 132px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	color:#000;
	font-size: 14px;
	cursor:pointer;
	background: #fff;
}
.userwrap-new .login-wrap-new .forget-pass{
	height: 16px;
	line-height: 12px;
	font-size: 12px;
	overflow: hidden;
	color:#999;
	/* margin-bottom: 33px; */
}
.userwrap-new .login-wrap-new .forget-pass input.remname{
	width: 12px;
	height: 12px;
	margin-right: 7px;
}
.userwrap-new .login-wrap-new .forget-pass a{
	color:#999;
}
.userwrap-new .error-tip-wrp{
	height: 28px;
	padding-top: 5px;
}
.userwrap-new p.error-tip{
	border:1px solid red;
	background: pink url(../image/wrong.png) no-repeat 1px 2px;
	color:#000;
	font-size: 12px;
	letter-spacing: 0;
	padding-left: 25px;
	display:none;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.userwrap-new p.right{
	border:1px solid green;
	background: #9dff9d url(../image/right.png) no-repeat 1px 2px;
	color:#000;
	font-size: 12px;
	letter-spacing: 0;
	padding-left: 25px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
}
.userwrap-new .login-wrap-new input.login{
	display:block;
	height: 48px;
	line-height: 48px;
	border-radius: 2px;
	background-color: #e74e48;
	color:#fff;
	font-size: 24px;
	display: block;
	text-align: center;
	outline: 0;
	width:266px;
}
.userwrap-new .login-wrap-new input.login:hover{
	background-color: rgb(213,29,29);
}
.userwrap-new .login-wrap-new .login-btn{
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	margin-top: 17px;
}
.userwrap-new .login-wrap-new .login-btn a.qq-btn{
	height: 32px;
	font-size: 12px;
	color:#999;
	text-decoration: none;
	background: url(../image/u_qq.png) no-repeat left center;
	padding-left: 18px;
}
.userwrap-new .login-wrap-new .login-btn a.qq-btn:hover{
	color:rgb(255,87,87);
	text-decoration: underline;
}
.userwrap-new .login-wrap-new .login-btn a.register{
	width: 100px;
	height: 32px;
	background: #48abec;
	font-size: 14px;
	color:#fff;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
	border-radius: 2px;
}
.userwrap-new .login-wrap-new .login-btn a.register:hover{
	background: rgb(46,140,201);
}
.userwrap-new .login-wrap-success-new{
	position: absolute;
	right: 0;
	top:-516px;
	width: 266px;
	height: 283px;
	z-index:4;
	padding:23px 17px 0;
	display:none;
}
.userwrap-new .login-wrap-success-new .login-success-hd{
	height: 90px;
	padding-bottom: 9px;
	border-bottom: 1px dashed #404040;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-left{
	width: 88px;
	height: 88px;
	border:1px solid #ccc;
	margin-right: 10px;
	position: relative;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-left .btn-qiand{
	width: 88px;
	height: 20px;
	position: absolute;
	left:0;
	bottom:0;
	cursor:pointer;
	background: url(../image/btn-qiand1.gif) no-repeat;
}
/* .userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-left .btn-qiand .aUp{
	position: absolute;
  	left: 0;
  	top: 0;
  	width:88px;
  	height: 20px;
  	z-index: 999;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-left .btn-qiand .aUp a{
	display: block;
	width: 88px;
	height:20px;
} */
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right{
	width: 166px;
	font-size: 14px;
	color:#ccc;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box{
	height: 24px;
	line-height: 24px;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box a.c-white{
	color:#fff;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box a.tdl{
	text-decoration: underline;
	width: 112px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box a.c-orange{
	color:#ff4404;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box a.mr-5{
	margin-right: -5px;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box span.login-success-vip{
	width: 21px;
	height: 17px;
	margin:3px 4px 0 0;
	background: url(../image/login-success-vip.png) no-repeat;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box span.login-vip-txt{
	color:#ff4404;
	line-height: 24px;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right #login-progress{
	margin:1px 0;
	width: 164px;
	height: 14px;
	border:1px solid #ff4404;
	border-radius: 5px;
	position: relative;
	background: #fff;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right #login-progress span.progress-value{
  	width: 50%;
  	height: 14px;
  	background: #ff4404;
  	position: absolute;
  	left: 0;
  	top: 0;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right #login-progress span.progress-num{
	position: absolute;
	right: 0;
	top:-24px;
	color:#fff;
	font-size: 14px;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .grow-num{
	height: 41px;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .grow-num .grow-num-tips{
	position: absolute;
	left:10px;
	top:41px;
	width: 126px;
	padding:5px 5px;
	background: #fff;
	border:1px solid #ccc;
	border-radius: 5px;
	text-align: center;
	font-size: 12px;
	box-shadow: 0px 0px 5px #fff;
	display: none;
	color:#666;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .grow-num .grow-num-tips p.grow-num-tips-txt{
	line-height: 18px;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .grow-num .grow-num-tips p.grow-num-tips-txt .c-orange{
	color:#ff4404;
}
.userwrap-new .login-wrap-success-new .login-success-hd .login-success-hd-right .login-success-box1{
	margin-top: 8px;
}
.userwrap-new .login-wrap-success-new .login-success-title{
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color:#ccc;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul{
	height: 90px;
	overflow: hidden;
	padding-bottom: 3px;
	border-bottom: 1px dashed #404040;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li{
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 12px;
	color:#ccc;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li i.login-success-icon{
	width: 20px;
	height: 20px;
	overflow: hidden;
	margin:5px 14px 0 2px;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li i.login-success-icon img{
	width: 20px;
	height: 20px;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li span{
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow:ellipsis; 
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li span a{
	color:#ccc;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li span.gname{
	width: 70px;
	margin-right: 10px;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li span.g-serv{
	width: 75px;
	margin-right: 5px;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li span.g-start{
	width: 70px;
	text-align: right;
}
.userwrap-new .login-wrap-success-new ul.login-success-ul li a:hover{
	text-decoration: underline;
}
.userwrap-new .login-wrap-success-new .login-success-customer{
	height: 48px;
	background: url(../image/customer-img.png) no-repeat 1px 10px;
}
.userwrap-new .login-wrap-success-new .login-success-customer a.login-success-customer-a{
	width: 90px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color:#fff;
	text-decoration: none;
	background: #ff4404;
	display:block;
	border-radius: 2px;
	float: right;
	margin-top: 10px;
	margin-right: 1px;
}
.userwrap-new .login-wrap-success-new .login-success-customer a.login-success-customer-a:hover{
	background: #ff2d04;
}
.mt23{
	margin-top: 23px;
}

/* 开服预告 */
.openserver-wrap{
	height: 203px;
	width: 100%;
	margin-top: -203px;
	position: relative;
	z-index: 4;
}
.openserver-wrap .openserver-cont{
	height: 203px;
	background: url(../image/open.png) no-repeat;
}
.openserver-wrap .openserver-cont .hd{
	height: 42px;
	background: url(../image/hd-bg.png) no-repeat 1px center;
	padding:0 16px;
}
.openserver-wrap .openserver-cont .hd h3{
	width: 110px;
	height: 42px;
	line-height: 42px;
	font-size: 24px;
	color:#000;
}
.openserver-wrap .openserver-cont .hd ol{
	width: 42px;
	height: 21px;
	margin-top: 12px;
	overflow: hidden;
}
.openserver-wrap .openserver-cont .hd ol li{
	float: left;
	width: 19px;
	height: 19px;
	background: #fff;
	border:1px solid #fa7600;
	color:#fa7600;
	text-align: center;
	line-height: 19px;
	cursor:pointer;
}
.openserver-wrap .openserver-cont .hd ol li.current{
	background: #fa7600;
	color:#fff;
}
.openserver-wrap .openserver-cont .hd a.open-server-more{
	line-height: 42px;
	color:#4e4e4e;
}
.openserver-wrap .openserver-cont .bd{
	width: 1200px;
	height: 161px;
	overflow: hidden;
	position: relative;
}
.openserver-wrap .openserver-cont .bd .bd-box{
	height: 322px;
	position: absolute;
	left: 0;
	top:0;
}
.openserver-wrap .openserver-cont .bd .scrollwrap{
	height: 161px;
}
.bd .scrollwrap .time_line{
  	position: absolute;
  	width: 915px;
  	height: 3px;
  	background: #C5C5C5;
  	top: 55px;
  	left: 44px;
  	overflow: hidden;
}
.bd .scrollwrap .open_time_wrap{
  	position: absolute;
  	top: 0;
  	left: 44px;
  	width: 915px;
  	height: 161px;
  	overflow: hidden;
}
.bd .scrollwrap .open_time_wrap .open_time{
	width: 20000px;
	position: absolute;
	left: 0;
	top:0;
}
.bd .scrollwrap .open_time_wrap .open_time .item{
	float: left;
	position: relative;
	margin-left: -1px;
}
.open_time_wrap .open_time .item h4{
	position: absolute;
	text-align: center;
	z-index: 10;
}
.open_time_wrap .open_time .item span.time{
	position: absolute;
	width: 103px;
	height: 35px;
	background: url(../image/spr_openserver.png) no-repeat 0 0;
	left:0;
	top:12px;
	margin-left: -52px;
	line-height: 27px;
	font-size: 14px;
}
.open_time_wrap .open_time .cur span.time{
	width: 101px;
	height: 33px;
	line-height: 25px;
	color:#fff;
	background-position: -104px 0;
	top:6px;
}
.open_time_wrap .open_time .cur_out span.time{
	width: 103px;
	height: 35px;
	left:0;
	top:12px;
	background-position: 0 0;
	line-height: 27px;
	color:#666;
	margin-left: -52px;
}
.open_time_wrap .open_time .item span.pos{
  	position: absolute;
  	width: 14px;
  	height: 14px;
  	background: url(../image/spr_openserver.png) no-repeat -15px -38px;
  	top: 50px;
	left:0;
  	margin-left: -7px;
}
.open_time_wrap .open_time .cur span.pos{
	width: 22px;
	height: 27px;
	background-position: 0 -55px;
	top:43px;
	margin-left: -11px;
}
.open_time_wrap .open_time .cur_out span.pos{
	width: 14px;
	height: 14px;
	background-position: 0 -38px;
	top:50px;
	margin-left: -7px;
}
.open_time_wrap .open_time .item .listwrap{
	float: left;
	padding-top: 71px;
	overflow: hidden;
}
.open_time_wrap .open_time .item .listwrap .v_dash_line{
	float: left;
  	_display: inline;
  	width: 0;
  	height: 70px;
  	border-left: 1px dashed #D9D9D9;
  	margin: 6px 0 0 -1px;
}
.open_time_wrap .open_time .item .listwrap ul.listcontent{
	float: left;
	margin:0 5px;
}
.open_time_wrap .open_time .item .listwrap ul.listcontent li{
	position: relative;
  	margin-bottom: 8px;
  	width: 175px;
  	height: 20px;
  	z-index: 20;
  	overflow: hidden;
}
.open_time_wrap .item .listwrap ul.listcontent li .game_name_wp{
	/* display: block; */
  	border: 1px dashed transparent;
  	_border: 1px dashed #fff;
  	width: 76px;
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow:ellipsis; 
  	position: relative;
  	line-height: 18px;
	float:left;
}
.open_time_wrap .item .listwrap ul.listcontent li a{
	color:#444;
}
.open_time_wrap .cur .listwrap ul.listcontent li a{
	color:#444;
}
.open_time_wrap .item .listwrap ul.listcontent li a.game_name{
	position: relative;
}
span.ico_hot,span.ico_new{
	position: absolute;
  	width: 10px;
  	height: 11px;
  	overflow: hidden;
	background: url(../image/spr_com.png) no-repeat;
}
span.ico_hot{
	background-position: -34px 0;
}
span.ico_new{
	background-position: -23px 0;
}
.open_time_wrap .item ul.listcontent .game_name_wp a.game_name span.ico_hot{
	top:3px;
	right: -12px;
}
.open_time_wrap .item ul.listcontent .game_name_wp a.game_name span.ico_new{
	top:3px;
	right: -12px;
}
.open_time_wrap .item .listwrap ul.listcontent li .game_time{
	float: left;
	width: 33px;
	line-height: 20px;
	color:#aeaeae;
}
.open_time_wrap .cur .listwrap ul.listcontent li .game_time{
	color:#444;
}
.open_time_wrap .item .listwrap ul.listcontent li .game_serv_wp{
	/* position: absolute;
	  	top: 0;
	  	left: 85px; */
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow:ellipsis; 
  	width: 64px;
  	text-align: right;
  	line-height: 20px;
  	float:right;
}
.open_time_wrap .item .line{
	position: absolute;
  	width: 0;
  	height: 81px;
  	overflow: hidden;
  	border-left: 1px solid #CBCBCB;
  	top: 74px;
  	left: 0;
}
.open_time_wrap .item .pos_line{
	position: absolute;
  	width: 100%;
  	height: 3px;
  	overflow: hidden;
  	top: 55px;
  	left: 0;
  	background: #c5c5c5;
}
.open_time_wrap .item.cur .pos_line{
	background: #ff7244;
}
.open_time_wrap .item.cur_out .pos_line{
	background: #ff7244;
}
.openserver-wrap .openserver-cont .bd .open_server_hot{
	position: absolute;
  	top: 5px;
  	right: 0;
  	width: 196px;
  	text-align: center;
}
.openserver-wrap .openserver-cont .bd .open_server_hot .hot_tab_con{
	width: 190px;
  	height: 136px;
  	overflow: hidden;
  	margin: 0 auto;
  	padding-top: 10px;
}
.open_server_hot .hot_tab_con ul.hot_tab_ul{
	width: 600px;
	position: relative;
}
.open_server_hot .hot_tab_con ul.hot_tab_ul li{
	float: left;
	width: 190px;
}
.open_server_hot .hot_tab_con ul.hot_tab_ul li img{
	display: block;
	margin:0 auto;
	width: 130px;
	height: 111px;
}
.open_server_hot .hot_tab_con p{
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	margin-top: 8px;
}
.open_server_hot .hot_tab_con p a.game_server{
	display: inline-block;
  	width: 82px;
  	height: 16px;
  	overflow: hidden;
  	vertical-align: top;
  	text-decoration: underline;
}
.open_server_hot .hot_tab_con p a.link_home,.open_server_hot .hot_tab_con p a.link_gift{
	display: inline-block;
  	overflow: hidden;
  	background: url(../image/spr_index.png) no-repeat;
  	line-height: 100;
  	vertical-align: top;
  	margin: 2px 0 0 5px;
}
.open_server_hot .hot_tab_con p a.link_home{
	width: 16px;
  	height: 14px;
  	background-position: -114px -165px;
}
.open_server_hot .hot_tab_con p a.link_gift{
	width: 12px;
  	height: 14px;
  	background-position: -131px -165px;
}
.open_server_hot .hot_tab_con p a.link_home:hover{
	background-position: -144px -165px;
}
.open_server_hot .hot_tab_con p a.link_gift:hover{
	background-position: -161px -165px;
}
.openserver-wrap .openserver-cont a.side_page_btn{
	width: 33px;
  	height: 71px;
  	margin-top: -15px;
  	position: absolute;
  	top:50%;
  	z-index: 30;
  	background: url(../image/spr_24.png) no-repeat;
}
.openserver-wrap .openserver-cont a.open_prev{
	left: 7px;
	background-position: 0 -335px;
	display:none;
}
.openserver-wrap .openserver-cont a.open_next{
	right:205px;
	background-position: -34px -335px;
}
/* 本周推荐 */
.week-recommend{
	height: 642px;
}
.week-recommend-hd{
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	/*background: url(../image/hd-bg.png) no-repeat left center;*/
	border-left:4px solid #fa7600;
	padding:0 16px;
	margin-bottom: 14px;
}
.week-recommend-hd h3{
	font-size: 24px;
	color:#000;
	/* width: 110px; */
}
.week-recommend-hd a.more-game{
	width: 66px;
	height: 18px;
	line-height: 18px;
	margin-top: 5px;
	color:#666;
	position: relative;
}
.week-recommend-hd a.more-game:hover{
	color:#fa7600;
	text-decoration: none;
}
.week-recommend-hd a.more-game em.ico_more{
	position: absolute;
	width: 14px;
	height: 15px;
	top:2px;
	right: 0;
	background: url(../image/spr_index.png) no-repeat -198px 0;
}
.week-recommend-hd a.more-game:hover em.ico_more{
	background-position: -213px 0;
}
.week-recommend .week-recommend-bd{
	height: 602px;
}
.week-recommend .week-recommend-bd .rec_video{
	height: 320px;
	margin-bottom: 15px;
	background: url(../image/rec_bg.jpg) no-repeat;
}
.week-recommend .week-recommend-bd .rec_video .video{
	width: 417px;
  	height: 255px;
  	position: absolute;
  	top: 28px;
  	left: 80px;
  	border: 4px solid #fff;
  	background: #000;
  	z-index: 10;
  	/* overflow: hidden; */
}
.week-recommend .week-recommend-bd .rec_video .video a#to-play{
	position: absolute;
	width: 417px;
	height: 255px;
	left: 0;
	top:0;
	z-index:12;
}
.week-recommend .week-recommend-bd .rec_video .video a img{
	display: block;
	width: 417px;
	height: 255px;
}
.week-recommend .week-recommend-bd .rec_video .video a span.ico_v_play{
	position: absolute;
  	width: 65px;
  	height: 64px;
  	background: url(../image/spr_24.png) no-repeat 0 -409px;
  	top: 95px;
  	left: 177px;
}
/* .week-recommend .week-recommend-bd .rec_video .video embed,.week-recommend .week-recommend-bd .rec_video .video video{
	width: 417px;
	height: 255px;
} */
.week-recommend .week-recommend-bd .rec_video ul.rec_img{
	position: absolute;
	top:28px;
	left: 587px;
}
.week-recommend-bd .rec_video ul.rec_img li{
	float: left;
	margin-right: 22px;
}
.week-recommend-bd .rec_video ul.rec_img li a{
	display: inline-block;
  	width: 157px;
  	height: 94px;
  	overflow: hidden;
  	border: 3px solid #fff;
  	box-shadow: 2px 2px 2px rgba(0,0,0,.2);
}
.week-recommend-bd .rec_video ul.rec_img li a img{
	width: 157px;
	height: 94px;
	display: block;
	border:0;
}
.week-recommend-bd .rec_video .intro{
	position: absolute;
  	left: 630px;
  	top: 165px;
  	width: 520px;
  	color: #ddd;
	font-weight:bold;
}
.week-recommend-bd .rec_video .intro p.intro_txt{
	font-size: 14px;
  	padding-left: 70px;
  	position: relative;
  	line-height: 25px;
}
.week-recommend-bd .rec_video .intro p.intro_txt span.intro_tit{
	position: absolute;
  	top: 0;
  	left: 0;
}
.week-recommend-bd .rec_video .intro .links{
	position: absolute;
  	right: 0;
  	top: 100px;
}
.week-recommend-bd .rec_video .intro .links a{
	display: inline-block;
	vertical-align: top;
}
.week-recommend-bd .rec_video .intro .links .link_home,.week-recommend-bd .rec_video .intro .links .link_gift{
	line-height: 100;
  	overflow: hidden;
  	margin: 8px 10px 0 0;
}
.week-recommend-bd .rec_video .intro .links .link_home{
	width: 20px;
	height: 17px;
	background: url(../image/css_sprite.png) no-repeat -48px -225px;
	margin-top: 9px;
}
.week-recommend-bd .rec_video .intro .links .link_home:hover{
	background-position: -48px -266px;
}
.week-recommend-bd .rec_video .intro .links .link_gift{
	width: 15px;
	height: 18px;
	background: url(../image/css_sprite.png) no-repeat -70px -224px;
}
.week-recommend-bd .rec_video .intro .links .link_gift:hover{
	background-position: -70px -266px;
}
.week-recommend-bd .rec_video .intro .links .btn_com_orange{
	width: 88px;
	height: 32px;
	background: #fa7600;
	color:#fff;
	text-align: center;
	line-height: 32px;
}
.week-recommend-bd .rec_video .intro .links .btn_com_orange:hover{
	text-decoration: none;
	background: #f8841d;
}
.week-recommend-bd .rec_scroll{
	height: 267px;
	overflow: hidden;
}
.week-recommend-bd .rec_scroll ul li.game_module{
	float: left;
	background: #fff;
	margin-right: 15px;
	width: 226px;
	height: 265px;
	border:1px solid #dedede;
}
.week-recommend-bd .rec_scroll ul li.last{
	margin-right: 0;
}
.week-recommend-bd .rec_scroll ul li.game_module .imgwp{
	position: relative;
  	overflow: hidden;
  	height: 179px;
}
.week-recommend-bd .rec_scroll ul li.game_module .imgwp a img{
	display: block;
	width: 226px;
	height: 179px;
}
.week-recommend-bd .rec_scroll ul li.game_module .imgwp .hid_info_opa{
	width: 100%;
	height: 22px;
	position: absolute;
	left: 0;
	bottom:-22px;
	background: rgb(0,0,0);
  	opacity:0.5;
  	/* _filter:alpha(opacity=50); */
  	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  	display:block;
}
.week-recommend-bd .rec_scroll ul li.game_module .imgwp .hid_info{
	position: absolute;
  	left: 0;
  	bottom: -22px;
  	width: 100%;
  	height: 22px;
  	/* background: rgb(0,0,0);
  	opacity:0.5;
  	_filter:alpha(opacity=50); */
  	display:block;
}
.week-recommend-bd .rec_scroll ul li.game_module .imgwp .hid_info p{
  	padding-left: 10px;
  	color: #fff;
  	line-height: 22px;
}
.week-recommend-bd .rec_scroll ul li.game_module .cont{
	padding:9px 11px;
	height: 25px;
}
.game_module .cont h4.txt_tit_m{
	color: #222;
  	font-size: 16px;
}
.game_module .cont a.btn_new_server{
	width: 81px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top:7px;
	right: 7px;
	border-radius: 1px;
	color:#666;
	background: #f3f3f3;
	border:1px solid #d5d5d5;
	text-align: center;
	text-decoration: none;
}
.week-recommend-bd .rec_scroll ul li.game_module.cur{
	border:1px solid #fa7600;
}
/* .week-recommend-bd .rec_scroll ul li.game_module.cur .imgwp .hid_info{
	bottom: 0;
} */
.game_module.cur .cont a.btn_new_server{
	background: #fa7600;
	color:#fff;
	border:1px solid #fa7600;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro{
	height: 43px;
	line-height: 40px;
	background: #f4f4f4;
	padding-left: 11px;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro .intro_txt{
	font-size: 12px;
	color:#666;
	width: 140px;
	height: 40px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro a.link_home,.week-recommend-bd .rec_scroll ul li.game_module .intro a.link_gift{
	position: absolute;
	top:10px;
	background: url(../image/css_sprite.png) no-repeat;
	line-height: 100;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro a.link_home{
	width: 20px;
	height: 17px;
	background-position: -48px -224px;
	right: 38px;
	overflow: hidden;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro a.link_gift{
	width: 15px;
	height: 18px;
	background-position: -70px -224px;
	right: 6px;
	overflow: hidden;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro a.link_home:hover{
	background-position: -48px -265px;
}
.week-recommend-bd .rec_scroll ul li.game_module .intro a.link_gift:hover{
	background-position: -70px -266px;
}
/* 网友推荐 */
.friend-recommend{
	height: 306px;
}
.friend-recommend .friend-recommend-bd .recommend_wp{
	padding-top: 14px;
  	margin-top: -14px;
  	width: 100%;
  	height: 266px;
  	overflow: hidden;
}
.friend-recommend .friend-recommend-bd .recommend_wp li.game_module{
	float: left;
  	background: #fff;
  	margin: 0 15px 0 0;
  	position: relative;
  	border: 1px solid #DEDEDE;
  	width: 226px;
}
.friend-recommend .friend-recommend-bd .recommend_wp li.game_module.cur{
	border:1px solid #fa7600;
}
.friend-recommend .friend-recommend-bd .recommend_wp li.game_module_rec_s{
	margin-top: 29px;
  	margin-bottom: 16px;
  	height: 94px;
}
.friend-recommend-bd li.game_module .img{
	position: relative;
	width: 226px;
}
.friend-recommend-bd li.game_module_rec span.mark{
	position: absolute;
	top:0;
	right: 0;
	background: url(../image/css_sprite.png) no-repeat;
}
.friend-recommend-bd li.game_module_rec span.mark_rec_full{
	width: 45px;
  	height: 37px;
  	background-position: -117px -205px;
  	text-align: center;
  	color: #fff;
  	padding-top: 30px;
  	font-size: 18px;
  	font-family: tahoma;
}
.friend-recommend-bd .game_module .cont{
	position: relative;
	padding:9px 11px;
	height: 24px;
}
.friend-recommend-bd .game_module .img span.img_front{
	position: absolute;
  	left: 0;
  	bottom: 0;
  	overflow: hidden;
  	width: 226px;
  	height: 133px;
}
.friend-recommend-bd .game_module .img span.img_front img{
	position: absolute;
	left: 0;
	bottom: -10px;
	display: block;
}
.friend-recommend-bd li.game_module_rec span.mark_rec{
	width: 29px;
  	height: 25px;
  	background-position: -87px -205px;
  	text-align: center;
  	color: #fff;
  	padding-top: 3px;
  	right: 7px;
  	top: -5px;
  	font-family: tahoma;
}
.friend-recommend-bd .game_module_rec_s .cont{
	padding:0;
}
.game_module_rec_s .cont a.btn_new_server{
	top:-34px;
}
/* 更多游戏 */
.more-game-wrap{
	/* height: 254px; */
}
.more-game-wrap .more-game-bd{
	/* height: 212px; */
	/* width: 1192px;
	margin:0 auto; */
	border:1px solid #dedede;
	display:inline-block;
}
.more-game-wrap .more-game-bd ul.more-game-ul{
	/* height: 212px; */
	overflow: hidden;
}
.more-game-wrap .more-game-bd ul.more-game-ul li{
	float: left;
	border-right: 1px solid #dedede;
	height: 53px;
}
.more-game-wrap .more-game-bd ul.more-game-ul li.more-game-list1{
	width: 148px;
}
.more-game-wrap .more-game-bd ul.more-game-ul li.more-game-list2{
	width: 150px;
}
.more-game-bd ul.more-game-ul li .more-game-item{
	height: 53px;
	position: relative;
	display: block;
	color:#666;
	overflow: hidden;
}
.more-game-bd ul.more-game-ul li .bgc1{
	background: url(../image/more-game-bg1.png) no-repeat left top;
}
.more-game-bd ul.more-game-ul li .bgc2{
	background: url(../image/more-game-bg2.png) no-repeat left top;
}
.more-game-bd ul.more-game-ul li .bgc3{
	background: url(../image/more-game-bg3.png) no-repeat left top;
}
.more-game-bd ul.more-game-ul li .bgc4{
	background: url(../image/more-game-bg4.png) no-repeat left top;
}
.more-game-bd ul.more-game-ul li .bgc5{
	background: url(../image/more-game-bg5.png) no-repeat left top;
}
.more-game-bd ul.more-game-ul li .more-game-item-h{
	height: 33px;
}
.more-game-bd ul.more-game-ul li a.more-game-item img{
	position: absolute;
	cursor:pointer;
	right: 95px;
	bottom: 9px;
}
.more-game-bd ul.more-game-ul li a.more-game-item img.img1{
	position: absolute;
	right: 0;
	bottom:0;
	width: 148px;
	height: 52px;
}
.more-game-bd ul.more-game-ul li a.more-game-item span.game-txt1{
	color:#222;
	font-size: 16px;
	position: absolute;
	left: 8px;
	top:15px;
	text-shadow: 0 0 2px #aaa;
}
.more-game-bd ul.more-game-ul li a.more-game-item:hover span.game-txt1{
	text-decoration: underline;
}
.more-game-bd ul.more-game-ul li a.more-game-item span.game-txt2{
	margin-left: 58px;
	font-size: 16px;
}
/* 客服友链 */
.bottom{
	height: 153px;
	background: #ededed;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	padding-top: 27px;
}
.bottom .customer{
	width: 310px;
}
.bottom h3.bottom-title{
	height: 32px;
	font-size: 16px;
	color:#000;
}
.bottom .bottom-txt1{
	height: 19px;
	font-size: 12px;
	color:#4d4d4d;
}
.bottom .bottom-txt2{
	height: 37px;
	font-size: 24px;
	color:#000;
}
.bottom .fastway{
	width: 360px;
}
.bottom ul.bottom-list li{
	float: left;
	width: 150px;
	height: 28px;
}
.bottom ul.bottom-list li a{
	font-size: 12px;
	color: #4d4d4d;
}
.bottom .links{
	width: 450px;
}
/* 首页最新公告悬浮层 */
.new-notice-opa{
	width: 100%;
	height: 202px;
	background: rgb(0,0,0);
	opacity:0.84;
	/* _filter:alpha(opacity=90); */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=84);
	position:fixed;
	left: 0;
	bottom:0;
	z-index: 99;
	display:none;
}
.new-notice-wrap{
	width: 100%;
	height: 177px;
	/* background: rgb(232,232,232);
	opacity:0.9;
	_filter:alpha(opacity=90); */
	position:fixed;
	left: 0;
	bottom:0;
	z-index: 99;
	overflow: hidden;
	padding-top: 25px;
	display:none;
}
.new-notice-wrap .new-notice-left{
	width: 955px;
	position: relative;
}
.new-notice-wrap .new-notice-left .new-notice-img{
	position: absolute;
	left: 58px;
	top:0;
	width: 839px;
	height: 181px;
	overflow: hidden;
}
.new-notice-wrap .new-notice-left .new-notice-img ul.new-notice-img-ul{
	width: 20000px;
	position: absolute;
	left: 0;
	top:0;
}
.new-notice-wrap .new-notice-left .new-notice-img ul.new-notice-img-ul li.new-notice-img-list{
	width: 253px;
	height: 146px;
	margin-right: 40px;
	float: left;
}
.new-notice-wrap .new-notice-left .new-notice-img ul.new-notice-img-ul li.new-notice-img-list h4{
	height: 30px;
	text-align: center;
}
.new-notice-wrap .new-notice-left .new-notice-img ul.new-notice-img-ul li.new-notice-img-list h4 a{
	font-size: 14px;
	color:#fff;
	font-weight: bold;
}
.new-notice-wrap .new-notice-left a.notice-btn{
	position: absolute;
	width: 33px;
	height: 71px;
	top:30px;
}
.new-notice-wrap .new-notice-left a.notice-prev{
	left:0;
	background: url(../image/notice-prev.png) no-repeat;
}
.new-notice-wrap .new-notice-left a.notice-next{
	right:0;
	background: url(../image/notice-next.png) no-repeat;
}
.new-notice-wrap .new-notice-left a.notice-prev:hover{
	background: url(../image/notice-prev1.png) no-repeat;
}
.new-notice-wrap .new-notice-left a.notice-next:hover{
	background: url(../image/notice-next1.png) no-repeat;
}
.new-notice-wrap .new-notice-right{
	width: 212px;
	padding-right: 18px;
	font-size: 12px;
	color:#fff;
}
.new-notice-wrap .new-notice-right .new-notice-hd{
	height: 32px;
}
.new-notice-wrap .new-notice-right .new-notice-hd h3.new-notice-title{
	font-size: 14px;
}
.new-notice-wrap .new-notice-right a{
	color:#fff;
}
.new-notice-wrap .new-notice-right ul.new-notice-ul{
	height: 120px;
	overflow: hidden;
}
.new-notice-wrap .new-notice-right ul.new-notice-ul li{
	height: 16px;
	margin-bottom: 8px;
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.new-notice-wrap a.close{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 5px;
	top:5px;
	background: url(../image/close.png) no-repeat;
}
.new-notice-wrap a.close:hover{
	background: url(../image/close1.png) no-repeat;
}
/* 注册协议 */
.protocal-head{
	height: 109px;
	padding-top:12px;
}
.protocal-head h1.logo{
	width: 222px;
	height: 68px;
}
.protocal-head h1.logo a{
	display:inline-block;
	width: 222px;
	height: 72px;
	background: url(../image/logo.png) no-repeat;
	background-size:100%;
	text-indent: -9999px;
}
.protocal-wrp{
	padding:10px 20px 55px;
	border:1px solid #ccc;
	color:#000;
}
.protocal-wrp h2{
	text-align: center;
	font-size: 24px;
	line-height: 103px;
}
.protocal-wrp h3.qy{
	height: 46px;
	line-height: 46px;
	font-size: 18px;
}
.protocal-wrp p.protocal-txt{
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 10px;
}
/* 404、500页面 */
.error-page-wrp{
	width: 960px;
	height: 504px;
	background: url(../image/404.png) no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top:80px;
	padding-top:50px;
}
.error-page-wrp p.error-page-txt{
	padding:0 20px;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	text-align: center;
	font-size: 22px;
	color:#4e4e4e;
}
.error-page-wrp a{
	width: 132px;
	height: 48px;
	line-height: 48px;
	border:1px solid #cb4402;
	background: #fa7600;
	font-size: 16px;
	text-align: center;
	color:#fff;
	border-radius: 5px;
	position: absolute;
	left: 413px;
	top:423px;
	text-decoration: none;
}
.error-page-wrp a:hover{
	background: #f8841d;
}
.error-page-wrp.error-page-500{
	background: url(../image/500.png) no-repeat;
}

/* 人才招聘 */
.contain-wrap{
	padding:30px 0 0 0;
}
.contain-wrap .contain{
	min-height: 375px;
	border:1px solid #ccc;
	border-radius: 2px;
	padding:0;
	overflow: hidden;
}
.contain-wrap .contain .contain-left{
	width: 199px;
}
.contain-wrap .contain .contain-left dt{
	height: 37px;
	line-height: 37px;
	background: #25364A;
	padding-left: 20px;
	font-size: 18px;
	color:#fff;
}
.contain-wrap .contain .contain-left dd{
	height: 30px;
	line-height: 30px;
	margin-left: 24px;
	font-size: 12px;
	color:#4d4d4d;
	overflow: hidden;
	/* width: 83px; */
}
.contain-wrap .contain .contain-left dd.no1{
	margin-top: 8px;
}
.contain-wrap .contain .contain-left dd span{
	float: left;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: #4d4d4d;
	margin-top: 14px;
	margin-right: 8px;
	overflow: hidden;
}
.contain-wrap .contain .contain-left dd a{
	float: left;
}
.contain-wrap .contain .contain-left dd.current span{
	background: #f40;
}
.contain-wrap .contain .contain-left dd.current a{
	color:#f40;
}
.contain-wrap .contain .contain-right{
	width: 838px;
	min-height: 307px;
	padding:20px 80px 48px;
	border-left: 1px solid #ccc;
}
.contain-wrap .contain .contain-right h2{
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dashed #ccc;
}
.contain-wrap .contain .contain-right h2 p{
	color:#ccc;
	font-size: 12px;
}
.contain-wrap .contain .contain-right h2 p.left{
	font-size: 18px;
	color:#000;
}
.contain-wrap .contain .contain-right h2 p.left span.orange{
	color:#f40;
}
.contain-wrap .contain .contain-right dl dt{
	border-left: 2px solid #f40;
	margin:34px 0 14px 0;
	height: 16px;
	line-height: 16px;
	padding-left: 8px;
	font-size: 16px;
	color:#000;
}
.contain-wrap .contain .contain-right dl dd{
	font-size: 12px;
	color:#4d4d4d;
	line-height: 2.2em;
}
.contain-wrap .contain .contain-right li{
	display:none;
}
.contain-wrap .contain .contain-right li.cur{
	display: block;
}
/* 关于我们 */
.contain-wrap-about{
	border-top: 1px solid #ccc;
	overflow: hidden;
	width: 100%;
}
.contain-wrap-about .company-intru{
	height: 441px;
	position: relative;
}
.contain-wrap-about .company-intru span{
	position: absolute;
	z-index: -1;
}
.contain-wrap-about .company-intru span.no1{
	width: 101px;
	height: 94px;
	background: url(../image/arr1.png) no-repeat;
	left: 12.3%;
	top:274px;
}
.contain-wrap-about .company-intru span.no2{
	width: 71px;
	height: 66px;
	background: url(../image/arr2.png) no-repeat;
	right: 12.5%;
	top:117px;
}
.contain-wrap-about .banxin1100{
	width: 1100px;
	margin:0 auto;
	padding-top: 64px;
}
.contain-wrap-about .content{
	width: 565px;
	color:#383838;
}
.contain-wrap-about .content h3.company{
	font-size: 24px;
	margin-bottom: 10px;
}
.contain-wrap-about .content ul li{
	padding:10px 0 7px;
	border-bottom: 1px dashed #d6d6d6;
	background: url(../image/arr-o.png) no-repeat left 15px;
	text-indent: 2em;
	font-size: 14px;
	line-height: 1.7em;
}
.contain-wrap-about .content ul li.last{
	border:0;
}
.contain-wrap-about .company-intru .pic{
	width: 483px;
	height: 374px;
	margin-top: -12px;
}
.contain-wrap-about .company-intru .pic img{
	display: block;
}
.contain-wrap-about .company-busi{
	height: 430px;
	background: url(../image/com-busi.png) no-repeat center top;
	position: relative;
	width: 100%;
	_overflow: hidden;
}
.contain-wrap-about .company-busi .com-busi-hd{
	width: 400px;
	height: 102px;
	margin:0 auto;
	color:#606060;
}
.contain-wrap-about .company-busi .com-busi-hd span{
	width: 130px;
	height: 2px;
	background: #606060;
	margin-top: 15px;
	overflow: hidden;
}
.contain-wrap-about .company-busi .com-busi-hd i{
	font-size: 24px;
	margin:0 10px;
	font-style: normal;
}
.contain-wrap-about .company-busi .com-busi-bd{
	overflow: hidden;
}
.contain-wrap-about .company-busi .com-busi-bd li{
	float: left;
	width: 320px;
	margin-right: 70px;
}
.contain-wrap-about .company-busi .com-busi-bd li.last{
	margin-right: 0;
}
.contain-wrap-about .company-busi .com-busi-bd li h3.com-busi-title{
	font-size: 18px;
	color:#ff7901;
	margin-bottom: 10px;
}
.contain-wrap-about .company-busi .com-busi-bd li p{
	font-size: 14px;
	color:#777;
	line-height: 1.8em;
}
.contain-wrap-about .company-busi .bg-st{
	width: 1680px;
	height: 334px;
	background: url(../image/bg-st.png) no-repeat;
	position: absolute;
	top:-170px;
	left: 0;
}
.contain-wrap-about .company-visi{
	height: 443px;
	position: relative;
}
.contain-wrap-about .company-visi span{
	position: absolute;
	z-index: -1;
}
.contain-wrap-about .company-visi span.no1{
	width: 213px;
	height: 350px;
	background: url(../image/arr3.png) no-repeat;
	left:0;
	top:130px;
}
.contain-wrap-about .company-visi span.no2{
	width: 89px;
	height: 129px;
	background: url(../image/arr4.png) no-repeat;
	right:0;
	top:0;
}
.contain-wrap-about .company-visi .pic{
	width: 431px;
	height: 388px;
	margin-top:-38px;
	padding-left: 10px;
}
.contain-wrap-about .company-visi .pic img{
	display: block;
}
.contain-wrap-about .company-visi .content{
	width: 556px;
}
.line{
	height: 1px;
	background: #e4e4e4;
	overflow: hidden;
}
/* 联系我们 */
.connect-wrp{
	border:1px solid #ccc;
	margin-top: 30px;
}
.connect-wrp .connect-hd{
	height: 41px;
	background: url(../image/connect-hd-bg.png) repeat-x;
	text-align: center;
	line-height: 41px;
	font-size: 18px;
	color:#000;
	font-weight: 600;
}
.connect-wrp .connect-bd{
	padding:0 0 0 30px;
	height: 402px;
}
.connect-wrp .connect-bd .connect-bd-left{
	float: left;
	width: 600px;
}
.connect-wrp .connect-bd h3.title{
	height: 28px;
	margin:30px 0 10px;
	padding-left: 40px;
	font-size: 18px;
}
.connect-wrp .connect-bd .address h3.title{
	background: url(../image/connect1.png) no-repeat;
}
.connect-wrp .connect-bd .phone h3.title{
	background: url(../image/connect2.png) no-repeat;
}
.connect-wrp .connect-bd .traffic h3.title{
	background: url(../image/connect3.png) no-repeat;
}
.connect-wrp .connect-bd .coop h3.title{
	background: url(../image/connect4.png) no-repeat;
}
.connect-wrp .connect-bd ul.connect-t li{
	font-size: 14px;
	line-height: 2em;
}
.connect-wrp .connect-bd ul.connect-coop{
	height: 85px;
	overflow: hidden;
	margin-top: 5px;
}
.connect-wrp .connect-bd ul.connect-coop li{
	width: 80px;
	padding:0 55px;
	float: left;
	border-right: 1px dashed #bbb;
}
.connect-wrp .connect-bd ul.connect-coop li.first{
	padding-left: 0;
}
.connect-wrp .connect-bd ul.connect-coop li.last{
	border: 0;
	padding-right: 0;
}
.connect-wrp .connect-bd ul.connect-coop li p{
	font-size: 16px;
	line-height: 1.8em;
}
.connect-wrp .connect-bd .connect-bd-right{
	float: left;
	width: 568px;
}
/* 网站地图 */
.webmap-wrp{
	padding:16px 30px 0;
	font-size: 14px;
	color:#4e4e4e;
}
.webmap-wrp h3.webmap-title{
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
}
.webmap-wrp .webmap-item{
	padding:22px 0 22px 10px;
	border-bottom: 1px dashed #ccc;
	line-height: 30px;
}
.webmap-wrp .webmap-item span.webmap-left{
	width: 100px;
	font-weight: bold;
}
.webmap-wrp .webmap-item ul.webmap-right{
	width: 1030px;
}
.webmap-wrp .webmap-item ul.webmap-right li{
	margin-right: 25px;
	float: left;
}

.index-contain{
	background: url(../image/bg_main.png) center top;
	overflow: hidden;
}
/* 活动公告 */
.activity-wrap{
	height: 310px;
	margin-top:30px;
}
.activity-wrap .activity-bd li{
	float: left;
	width: 388px;
	height: 267px;
	border:1px solid #dedede;
	margin-right: 15px;
}
.activity-wrap .activity-bd li.last{
	margin-right: 0;
}
.activity-wrap .activity-bd li .img{
	height: 178px;
	overflow: hidden;
}
.activity-wrap .activity-bd li .img img{
	display: block;
	width: 388px;
	height: 178px;
}
.activity-wrap .activity-bd li .con{
	height: 50px;
	border-bottom: 1px solid #dedede;
	background: #fff;
	padding:10px 14px 0;
	color:#666;
}
.activity-wrap .activity-bd li .con a{
	display:inline-block;
	margin-bottom: 5px;
	color:#222;
	font-size: 16px;
}
.activity-wrap .activity-bd li a.enter{
	display: block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	color:#555;
	text-decoration: none;
	background: #f4f4f4;
}
.activity-wrap .activity-bd li a.enter.cur{
	color:#fff;
	background: #fa7600;
}
.w880{
	width: 880px;
}
.w300{
	width: 300px;
}
.hotGame-wrap{
	height: 433px;
	border:1px solid #e8e8e8;
	background: #fff;
}
.hotGame-wrap .hotGame-box{
	width: 372px;
	height: 420px;
	padding:13px 31px 0;
}
.hotGame-wrap .hotGame-day-wrap{
	width: 521px;
}
.hotGame-wrap .hotGame-box .hotGame-head{
	height: 24px;
	line-height: 24px;
	padding-left: 13px;
	font-size: 14px;
	color:#ff7244;
	background: url(../image/hotgame-bg.png) no-repeat 4px 8px;
}
.hotGame-wrap .hotGame-box table.hotGame-tab{
	width: 100%;
	/* height: 364px; */
	overflow: hidden;
	text-align: center;
	color:#888;
}
.hotGame-wrap .hotGame-box table.hotGame-tab thead tr{
	height: 42px;
	line-height: 42px;
	border-bottom: 2px solid #ff7244;
	color:#000;
}
.hotGame-wrap .hotGame-box table.hotGame-tab tbody tr{
	height: 39px;
	line-height: 39px;
	border-bottom: 1px solid #d2d2d2;
}
.hotGame-wrap .hotGame-box table.hotGame-tab tbody tr i.hotgame-gift{
	width: 15px;
	height: 14px;
	display:inline-block;
	background: url(../image/hotgame-gift.png) no-repeat;
}
.hotGame-wrap .hotGame-box table.hotGame-tab tbody tr a{
	color:#3c92c9;
}
.hotGame-wrap .hotGame-box table.hotGame-tab tbody tr a:hover{
	color:#000;
}
/* 玩家风采 */
.player-style-wrp ul.player-ul{
	margin-bottom: 23px;
	height: 187px;
	overflow: hidden;
}
.player-style-wrp ul.player-ul li{
	float: left;
	width: 200px;
	height: 187px;
	margin-right: 27px;
}
.player-style-wrp ul.player-ul li.mr26{
	margin-right: 26px;
}
.player-style-wrp ul.player-ul li.mr0{
	margin-right: 0;
}
.player-style-wrp ul.player-ul li a{
	display: block;
	width: 200px;
	height: 187px;
}
.player-style-wrp ul.player-ul li a img{
	display: block;
	width: 200px;
	height: 150px;
}
.player-style-wrp ul.player-ul li a p{
	height: 37px;
	line-height: 36px;
	text-align: center;
	font-size: 12px;
	color:#252525;
}
/* 新闻公告 */
.news-notice-wrp{
	margin-bottom: 30px;
}
.news-notice-wrp .gifts-received{
	height: 434px;
	border:1px solid #dcdcdc;
	border-top: 0;
	background: #fff;
}
.news-notice-wrp .gifts-received .gifts-received-img{
	height: 90px;
	position: relative;
}
.news-notice-wrp .gifts-received .gifts-received-img a img{
	display: block;
}
.news-notice-wrp .gifts-received .gifts-received-img .gifts-received-bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px;
	background: #000;
	opacity: 0.8;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
.news-notice-wrp .gifts-received .gifts-received-img .gifts-received-txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 35px;
	line-height: 20px;
	text-align: center;
}
.news-notice-wrp .gifts-received .gifts-received-img .gifts-received-txt a{
	font-size: 14px;
	color:#fff;
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px;
}
.news-notice-wrp .gifts-received ul.gifts-received-bd{
	padding:8px 20px 0px;
	padding-bottom:20px;
	height: 350px;
	overflow: hidden;
}

.news-notice-wrp .gifts-received ul.gifts-received-bd li{
	width: 540px;
	overflow: hidden;
	line-height: 36px;
  	color: #888;
	border-bottom:1px dashed #8c8c8c;
}
.news-notice-wrp .gifts-received ul.gifts-received-bd li a{
  	width: 210px;
  	overflow: hidden;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	color:#000;
}
/* 快捷入口 */
.game-entrance-wrap{
	margin-bottom: 39px;
}
.game-entrance-wrap .game-entrance-bd{
	height: 204px;
	border-left: 1px solid #dcdcdc;
	background: #fff;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul{
	width: 299px;
	height: 204px;
	overflow: hidden;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li{
	float: left;
	width: 149px;
	height: 50px;
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.wid148{
	width: 148px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li a{
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 57px;
	font-size: 12px;
	color:#252525;
	background: url(../image/entrance-icon.png) no-repeat 23px 20px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no2 a{
	background-position: 23px -30px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no3 a{
	background-position: 23px -80px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no4 a{
	background-position: 23px -130px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no5 a{
	background-position: 23px -180px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no6 a{
	background-position: 23px -230px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no7 a{
	background-position: 23px -280px;
}
.game-entrance-wrap .game-entrance-bd ul.game-entrance-ul li.no8 a{
	background-position: 23px -330px;
}
/* 二维码 */
.bottom .fastway img{
	margin-top:-10px;
}
/* 完善资料 */
.tpperfect-wrap{
	width: 610px;
	margin:0 auto;
	padding:20px;
	font-family: "Microsoft Yahei","Hiragino Sans GB",Helvetica,"Helvetica Neue","微软雅黑",Tahoma,Arial,sans-serif;
}
.wheader-wrap{
	height: 39px;
	position: relative;
}
.wheader-wrap h1{
	height: 38px;
	/* padding-bottom: 20px; */
	color: #4d5559;
  	font-size: 18px;
  	border-bottom: 1px solid #d0d6d9;
  	font-weight: bold;
}
.wheader-wrap ol.sns-complete-tab{
	position: absolute;
	right: 0;
	bottom:0;
}
.wheader-wrap ol.sns-complete-tab li{
	display: inline-block;
	width: 140px;
	height: 59px;
	line-height: 59px;
	color:#787d82;
	font-size: 14px;
	text-align: center;
	cursor:pointer;
}
.wheader-wrap ol.sns-complete-tab li.cur{
	height: 57px;
  	line-height: 57px;
  	color: #c00;
  	border-bottom: 1px solid #c00;
}
.tpperfect-wrap ul.sns-complete-ul{
	padding:30px 0;
}
.tpperfect-wrap ul.sns-complete-ul li{
	display:none;
}
.tpperfect-wrap ul.sns-complete-ul li.cur{
	display: block;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-img{
	width: 160px;
	height: 160px;
	margin-right: 30px;
	float: left;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-img img{
	width: 160px;
	height: 160px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form{
	float: left;
	width: 419px;
	border-left: 1px solid #d0d6d9;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap{
	width: 419px;
	height: 70px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap label{
  	float: left;
  	width: 58px;
  	text-align: right;
  	height: 40px;
  	line-height: 40px;
  	color: #656e73;
  	font-size: 14px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group{
	margin-left: 65px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group input.ipt{
	width: 295px;
	height: 20px;
	line-height: 20px;
	font-size: 14px;
  	padding: 9px 9px 9px 48px;
  	background: #ffffff url(../image/ipt-sprite.png) no-repeat 10px 0;
  	color: #14191e;
  	border: 1px solid #98a1a6;
  	-webkit-transition: all ease-in-out .15s;
  	-moz-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	outline: none;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group input.ipt-nick{
	background-position: 10px 0;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group input.ipt-email{
	background-position: 10px -40px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group input.ipt-pass{
	background-position: 10px -80px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group input:focus{
  	border-color: #000;
  	outline: 0;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.4);
  	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 0, 0, 0.4);
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group input.ipt-error{
	color: #cc0000;
  	border-color: #cc0000;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group p.tips{
	font-size: 12px;
  	height: 30px;
  	line-height: 26px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group p.tips-error{
	background: url(../image/rl-sprite.png) no-repeat -108px -934px;
  	padding-left: 15px;
  	line-height: 26px;
  	color: #be3948;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group p span{
	display: none;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group p.tips-error span{
	display: block;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group .btn{
	display: inline-block;
  	margin-bottom: 0;
  	font-weight: 200;
  	text-align: center;
  	touch-action: manipulation;
  	cursor: pointer;
  	text-decoration: none;
  	box-sizing: content-box;
  	background-image: none;
  	border: 1px solid transparent;
  	-webkit-appearance: none;
  	white-space: nowrap;
  	outline: none;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group .btn-green{
	color: #fff;
  	background-color: #00b33b;
  	border: 1px solid #00b33b;
  	-weibkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	transition: all 0.3s;
  	width: 352px;
  	height: 38px;
  	line-height: 38px;
  	font-size: 14px;
}
.tpperfect-wrap ul.sns-complete-ul li .sns-form .wlfg-wrap .rlf-group .btn:hover{
	background: rgb(0,215,71);
}
/* 签到弹框 */
.layer-qiandao{
	width: 554px;
	height: 218px;
	border:1px solid #ccc;
	position: fixed;
	left:50%;
	margin-left: -277px;
	top:50%;
	margin-top: -143px;
	background: #fff;
	z-index: 9999;
	border-radius: 10px;
	padding-top:68px;
	display: none;
}
.layer-qiandao p.qiand-txt{
	font-size: 18px;
	color:#3e3d3d;
	line-height: 38px;
	text-align: center;
}
.layer-qiandao p.qiand-txt span.col-orange{
	color:#fa7600;
}
.layer-qiandao a.ensure{
	display: block;
	width: 138px;
	height: 40px;
	line-height: 40px;
	background: #fa7600;
	margin:56px auto 0;
	text-align: center;
	font-size: 16px;
	color:#fff;
	text-decoration: none;
	border-radius: 5px;
}
.layer-qiandao a.ensure:hover{
	background: #f8841d;
}
.layer-qiandao a.close{
	width: 20px;
  	height: 20px;
  	background: url(../image/close.png) no-repeat;
  	position: absolute;
  	right: 12px;
  	top: 8px;
  	text-indent: -9999px;
}
.shade{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9998;
	/* background: rgba(0,0,0,0.6); */
	background: black;
	opacity: 0.4;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	width: 100%;
	height: 100%;
	display: none;
}



/* 手游切换按钮 */
.kxw-change-btn{
	position: absolute;
	top: 125px;
	right: 18%;
}
.kxw-change-btn .btn-img a{
	display: block;
	width: 184px;
	height: 48px;
	position: absolute;
	top: 0px;
	right: 0%;
}


.m-petal .parent {
    position: fixed;
    left: -20px;
    top: 0;
    right: 0;
    bottom: 0;
    height: 700px;
    overflow: hidden;
    perspective: 1000px
}

.m-petal .petal {
    margin: 1px;
    animation: fall1 10s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
    background: #FE85C0;
    width: 10px;
    height: 10px;
    box-shadow: inset 3px 3px 5px -3px #fff;
    border-radius: 15px 5px 15px 0;
    backface-visibility: hidden;
    transform-style: preserve-3d
}

.m-petal .petal::after {
    content: '';
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #FE85C0;
    border-radius: 15px 5px 15px 0;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    backface-visibility: hidden
}

.m-petal .petal:nth-child(2) {
    animation-name: fall2;
    animation-delay: 1.25s;
    top: 10%
}

.m-petal .petal:nth-child(3) {
    animation-name: fall3;
    animation-delay: 4.65s;
    top: 25%
}

.m-petal .petal:nth-child(4) {
    animation-name: fall4;
    animation-delay: 1.15s;
    top: 30%
}

.m-petal .petal:nth-child(5) {
    animation-name: fall5;
    animation-delay: 1.35s;
    top: 50%
}

.m-petal .petal:nth-child(6) {
    animation-name: fall6;
    animation-delay: 3.25s;
    top: 75%
}

.m-petal .petal:nth-child(7) {
    animation-name: fall2;
    animation-delay: 2.25s;
    top: 10%
}

.m-petal .petal:nth-child(8) {
    animation-name: fall3;
    animation-delay: 3.65s;
    top: 25%
}

.m-petal .petal:nth-child(9) {
    animation-name: fall4;
    animation-delay: .15s;
    top: 30%
}

.m-petal .petal:nth-child(10) {
    animation-name: fall5;
    animation-delay: 1.25s;
    top: 50%
}

.m-petal .petal:nth-child(11) {
    animation-name: fall6;
    animation-delay: .25s;
    top: 75%
}

.m-petal .petal:nth-child(12) {
    animation-name: fall6;
    animation-delay: 1.75s;
    top: 85%
}

@keyframes fall1 {
    to {
        transform: translateY(500px) translateX(1960px) translateZ(200px) rotate3d(1, .25, 0, 320deg)
    }
}

@keyframes fall2 {
    to {
        transform: translateY(450px) translateX(1960px) translateZ(500px) rotate3d(1, .25, .25, 220deg)
    }
}

@keyframes fall3 {
    to {
        transform: translateY(350px) translateX(1960px) translateZ(300px) rotate3d(0.25, 1, 1, 420deg)
    }
}

@keyframes fall4 {
    to {
        transform: translateY(550px) translateX(1960px) translateZ(-500px) rotate3d(1, 1, .25, 720deg)
    }
}

@keyframes fall5 {
    to {
        transform: translateY(500px) translateX(1960px) translateZ(400px) rotate3d(0.25, 1, .25, 820deg)
    }
}

@keyframes fall6 {
    to {
        transform: translateY(200px) translateX(1960px) translateZ(-100px) rotate3d(1, 1, 1, 720deg)
    }
}

@keyframes hand {
    0% {
        transform: scale(1)
    }
    60% {
        transform: scale(1.08)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes arrow {
    0% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
    40% {
        opacity: 0;
        transform: translate3d(10px, 0, 0)
    }
    60% {
        opacity: 0;
        transform: translate3d(-10px, 0, 0)
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}
