@charset "utf-8";
/*nav*/
.header_1_nav a {
	color: #6c6c6c;
	float: left;
	font-family: "Microsoft YaHei";
	height: 40px;
	line-height: 40px;
	margin-right: -1px;
	overflow: hidden;
	padding-top: 1px;
	text-align: center;
	width: 80px;
	padding: 0;
}
.header_1_nav a.top_mg {
	width: 100px !important;
}
.header_1_nav a i {
	margin: 7px 4px 10px 0;
	vertical-align: middle;
	height: 16px;
	width: 16px;
	-webkit-transition: all .3s;
	-mz-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	background: url(../images/hd-ico.png) no-repeat scroll 0 0 transparent;
	display: inline-block;
}
.s1 {
	background-position: 0px 2px !important;
}
.s2 {
	background-position: 0px -30px !important;
}
.s3 {
	background-position: 0px -60px !important;
}
.s4 {
	background-position: 0px -92px !important;
}
a.top_mg img {
	margin-left: 5px;
}
.top_vip {
	width: 190px !important;
	height: 25px !important;
	float: left !important;
	margin-left: 15px !important;
	padding-top: 8px !important;
	text-align: left !important;
}
.top_vip i {
	width: 25px !important;
	height: 25px !important;
	float: left;
	background: url(../images/keleyx_app.png) no-repeat !important;
	position: relative;
	top: -7px;
}
.top_vip span {
	color: #1183c7;
	font-size: 14px;
	float: left;
	margin-left: 7px;
	border: 1px solid #3fa1dc;
	width: 138px;
	height: 23px;
	line-height: 22px;
	border-radius: 3px;
	padding-left: 6px;
	font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
	background: url(../images/hd-ico.png) 122px -118px no-repeat;
}
/*login*/
.g-menu a {
	font-size: 16px;
}
.g-menu li {
	margin-right: 5px;
	float: left;
	height: 90px;
	position: relative;
	list-style: none;
}
.g-menu li a {
	height: 90px;
	line-height: 90px;
	font-size: 16px;
	color: #666666;
	text-align: center;
	position: relative;
	float: left;
	padding: 0 15px;
	width: 65px;
}
.g-menu li a:hover, .g-menu li.active a {
	color: #1183c7;
	font-weight: bold;
}
.g-menu li.active i {
	display: none \9;
	position: absolute;
	width: 100%;
	height: 0;
	border-bottom: 4px solid #1183c7;
	-webkit-transition: all .4s;
	-mz-transition: all .4s;
	-moz-transition: all;
	bottom: 0px;
	left: 0px;
	webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.g-menu li:hover i, .g-menu li.active i {
	-webkit-transform: scale(1);
	-mz-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.footer_info .f_p i {
	margin-right: 10px;
}
.footer_info .f_p i:last-child {
	display: none;
}
.g-menu {
	overflow: visible;
}
.game-topOpen {
	display: block;
	height: 106px;
	font-size: 14px;
	overflow: hidden;
	margin-left: 5px;
	position: relative;
	transition: color 0.2s ease-in;
	float: left;
	_display: inline;
	zoom: 1;
	background: #1183c7;
	z-index: 9999;
	overflow: hidden;
	cursor: pointer;
	display: block;
	color: #fff;
	font-size: 14px;
	text-align: center;
	line-height: 65px;
	padding: 0 22px;
}
.game-topOpen i {
	position: relative;
	margin: 0 auto;
	background: url(../images/fixed_menus.png) no-repeat;
	top: 17px;
	background-position: 0 0px;
	display: block;
	width: 50.4px;
	cursor: pointer;
	height: 51px;
	-webkit-transition: -webkit-transform .4s ease-out;
	-moz-transition: -moz-transform .4s ease-out;
	transition: transform .4s ease-out;
}
.game-topOpen.close i {
	background: url(../images/close_icon.png) no-repeat;
}
.g-main {
	width: 1240px;
	overflow: visible;
	margin: 0 auto;
	position: relative;
	padding-bottom: 2px;
}
.login-box {
	right: -26px!important;
	top: -3px!important;
}
.guide_wx.fl {
	position: relative;
	top: -88px;
}
/*login_k*/
.hide_txt {
	text-indent: -99999em;
}
.abs {
	position: absolute;
}
.rel {
	position: relative;
}
.login-pos {
	z-index: 2;
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
.login-box {
	width: 308px;
	/* right: 0px; */
	/* top: 15px; */
}
.login-box a:hover {
	text-decoration: underline;
}
.lg-top {
	height: 55px;
	background: url(../images/login-top.png) no-repeat;
}
.lg-mid {
	background: url(../images/login-mid.png) repeat-y;
	height: 365px;
}
.loading {
	width: 68px;
	height: 68px;
	left: 120px;
	top: 185px;
}
.lg-bottom {
	height: 20px;
	background: url() left bottom no-repeat;
}
.ico-login {
	background: url(../images/ico-login.png) no-repeat;
}
.lg-tip {
	height: 15px;
}
.lg-tip p {
	background-position: -165px -196px;
	margin-left: 45px;
	color: #ed5565;
	line-height: 30px;
	padding-left: 22px;
}
.lg-inptu-box {
	height: 93px;
	background-position: 0 0;
	margin: 0 0 0 30px;
}
.lg-inptu-boxhover {
	background-position: 0 -93px;
}
.lg-inptu {
	width: 170px;
	height: 25px;
	background: none;
	border: none;
}
.lg-yzm {
	width: 60px;
	left: 95px;
	top: 8px;
}
.lg-name {
	left: 65px;
	top: 14px;
}
.lg-pwd {
	left: 65px;
	top: 52px;
}
.lg-rzm {
	height: 40px;
}
.rzm-img {
	left: 170px;
	top: 0;
	border: 1px solid #f3f3f3;
	border-radius: 3px;
	width: 103px;
	height: 38px;
	cursor: pointer;
}
.rzm-box {
	width: 132px;
	height: 44px;
	background-position: 0 -192px;
	margin-left: 30px;
}
.rzm-boxhover {
	background-position: 0 -236px;
}
.lg-btn {
	width: 246px;
	height: 100px;
	border-bottom: 1px dotted #e6e6e6;
	margin: 0 auto;
}
.lg-on {
	width: 0;
	height: 18px;
	left: 4px;
	top: 0;
	overflow: hidden;
}
.lg-off {
	width: 25px;
	height: 18px;
	right: 4px;
	top: 0;
}
.lg-rem-name {
	left: 60px;
	top: 6px;
	color: #9f9f9f;
}
.lg-slides {
	background: #dddddd;
	border-radius: 12px;
	width: 53px;
	height: 18px;
	left: 0;
	top: 6px;
	color: #fff;
}
.lg-slides-btn {
	display: block;
	border-radius: 12px;
	width: 20px;
	height: 14px;
	left: 2px;
	top: 2px;
	background: #fff;
	z-index: 22;
}
.lg-slides.on {
	background: #a0d468;
}
.on .lg-on {
	width: 25px;
	height: 18px;
	left: 4px;
	top: 0;
}
.on .lg-off {
	width: 0;
	overflow: hidden;
}
.on .lg-slides-btn {
	left: 31px;
}
.forget-pwd {
	left: 183px;
	top: 6px;
	color: #9f9f9f;
}
.lg-login {
	display: block;
	width: 246px;
	height: 36px;
	left: 0;
	top: 30px;
	background-position: 0 -288px;
}
.lg-login:hover {
	background-position: 0 -326px;
}
.three {
	position: relative;
	top: 66px;
	left: -25px;
}
.wx-res-box {
	height: 110px;
}
.wx-box {
	width: 133px;
	padding-top: 90px;
	padding-left: 10px;
	height: 15px;
	background-position: -125px -378px;
	left: 22px;
	top: 10px;
	border-right: 1px solid #ededed;
	color: #9f9f9f;
}
.res-box {
	width: 133px;
	height: 112px;
	left: 155px;
	top: 14px;
}
.res-tip {
	left: 20px;
	top: 7px;
	color: #9f9f9f;
}
.res-btn {
	display: block;
	width: 100px;
	height: 31px;
	background-position: 0 -378px;
	left: 20px;
	top: 50px;
}
.res-btn:hover {
	background-position: 0 -413px;
}
.bind-phpone {
	left: 18px;
	top: 78px;
	color: #ff3300;
	background-position: -166px -248px;
	padding-left: 22px;
}
.played .bind-phpone {
	left: 165px;
	top: 0;
	background-position: -166px -241px;
	font-size: 12px;
}
.top .login-h {
	width: 400px;
}
.login-pos .login-h {
	width: 294px;
}
.login-h {
	margin: 0 auto;
}
.user-info {
	height: 110px;
	border-bottom: 1px solid #eeeeee;
}
.user-base {
	height: 136px;
	border-bottom: 1px solid #eeeeee;
	overflow: hidden;
}
.user-photo {
	width: 83px;
	height: 83px;
	left: 10px;
	top: 12px;
}
.user-photo img {
	width: 80px;
	height: 80px;
	border-radius: 45px;
	left: 0;
	top: 0;
	z-index: 1;
	border: 3px solid #fff;
	box-shadow: 2px 3px 2px #ddd;
}
.user-photo a {
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 45px;
	overflow: hidden;
	left: 3px;
	top: 3px;
	z-index: 2;
}
.user-photo a:hover {
	background: url(../images/ghtx.png) center center no-repeat;
}
.user-mesg {
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background: url(../images/ico-login1.png) 0 0 no-repeat;
	left: 15px;
	top: 12px;
	z-index: 3;
	display: none;
}
.user-mesg a {
	color: #fff;
}
.user-mesg a:hover {
	text-decoration: none;
}
.user-name-box {
	height: 30px;
	line-height: 30px;
	width: 164px;
	left: 110px;
	top: 18px;
}
.user-name {
	font-weight: bold;
	color: #ff3300;
	font-size: 14px;
}
.user-exit {
	right: 0;
	top: 0;
}
.user-vip-box {
	width: 164px;
	height: 32px;
	left: 110px;
	top: 53px;
}
.user-v1 {
	left: 0;
	top: -7px;
}
.vip_fs {
	height: 18px;
	line-height: 18px;
	right: 5px;
	text-align: right;
	top: 0;
	width: 105px;
}
.vip_jdt {
	height: 7px;
	left: 6px;
	top: 21px;
	width: 158px;
}
.vip_jdt span {
	background: url(../images/vip-fs.png) -3px 0 no-repeat;
	display: block;
	height: 7px;
	width: 0;
}
.vip_jdt em {
	background: url(../images/vip-fs.png) no-repeat;
	display: block;
	height: 7px;
	width: 3px;
}
.vip_jdt em.jtl_left {
	background-position: 0 0;
}
.vip_jdt em.jdt_right {
	background-position: right 0;
}
.user-base-dl {
	width: 308px;
}
.user-base-dl dd {
	float: left;
	display: inline;
	width: 98px;
	height: 68px;
	border: 1px solid #eeeeee;
	margin: -1px 0 0 -1px;
	text-align: center;
	overflow: hidden;
}
.user-base-dl dd.user-1 {
	padding-top: 10px;
	height: 58px;
}
.user-2 a {
	display: block;
	width: 100%;
	height: 58px;
	padding-top: 10px;
}
.user-2 a:hover {
	text-decoration: none;
	color: #0F0;
	background: #f2f2f2;
}
.user-b1 {
	font-weight: bold;
	color: #ff3300;
	font-size: 14px;
	margin: 0 0 5px 0;
	height: 21px;
}
.user-b2 {
	color: #9f9f9f;
}
.user-b2 span {
	padding-left: 15px;
	background: url(../images/ico-login1.png) no-repeat;
}
.user-b2 span.user-up {
	background-position: -1px -68px;
}
.user-b2 span.user-down {
	background-position: -1px -42px;
}
.user-bdd a {
	display: block;
	height: 25px;
	padding-top: 43px;
	width: 98px;
	background: url(../images/ico-login2.png) no-repeat;
}
.user-bdd i {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../images/ico-login1.png) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
.user-bdd a.user-center {
	color: #ca7dbb;
	background-position: 30px 9px;
	left: 0;
	top: 0;
}
.user-bdd a.user-sign {
	color: #8dc11f;
	background-position: 35px -58px;
	left: 0;
	top: 0;
}
.user-bdd a.user-pay {
	color: #ef656c;
	background-position: 35px -120px;
	left: 0;
	top: 0;
}
.user-bdd i.bq-1 {
	background-position: -1px -103px;
}
.user-bdd i.bq-2 {
	background-position: -1px -132px;
}
.user-bdd i.bq-3 {
	background-position: -2px -157px;
}
.palyed-game {
	font-size: 14px;
}
.played {
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
}
.played-game-list {
	height: 80px;
	overflow: hidden;
}
.played-game-list dd {
	height: 40px;
	border-bottom: 1px dotted #eeeeee;
}
.played-game-list dd a {
	display: block;
	height: 40px;
}
.played-game-list dd a:hover {
	background: #eeeeee;
}
.played-game-list dd img {
	float: left;
	display: inline;
	width: 30px;
	height: 30px;
	margin: 4px 0 0 15px;
	border-radius: 5px;
}
.played-game-list dd .played-game-name {
	display: block;
	float: left;
	margin: 8px 0 0 10px;
	height: 20px;
	/*width: 100px;*/
	line-height: 20px;
}
.played-game-list dd .played-server-name {
	display: block;
	float: left;
	margin: 8px 0 0 5px;
	height: 20px;
	padding-right: 25px;
	line-height: 20px;
}
.played-game-list dt {
	color: #9f9f9f;
	padding: 15px 0 0 15px;
	font-size: 12px;
}
.played-game-list dt a {
	color: #ff3300;
	text-decoration: underline;
}
.user-bdd em {
	display: block;
	width: 98px;
	height: 68px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.user-base .user-base-dl dd.current a {
	background-image: url(../images/ico-login3.png);
	color: #fff;
}
.user-base .user-base-dl dd.current a:hover {
	text-decoration: none;
}
.user-base .user-base-dl dd.current em.bq-11 {
	background: #ca7dbb;
}
.user-base .user-base-dl dd.current em.bq-22 {
	background: #8dc11f;
}
.user-base .user-base-dl dd.current em.bq-33 {
	background: #ef656c;
}
.user-vip {
	background: url(../images/vip.gif) 0 7px no-repeat;
	display: block;
	height: 24px;
	width: 52px;
}
.vip-0 {
	background-position: 0 7px;
}
.vip-1 {
	background-position: 0 -19px;
}
.vip-2 {
	background-position: 0 -45px;
}
.vip-3 {
	background-position: 0 -71px;
}
.vip-4 {
	background-position: 0 -96px;
}
.vip-5 {
	background-position: 0 -122px;
}
.vip-6 {
	background-position: 0 -148px;
}
.vip-7 {
	background-position: 0 -174px;
}
.vip-8 {
	background-position: 0 -199px;
}
.user-2 {
	width: 48%!important;
}
.succ_Signin {
	background: #fff;
	border-radius: 8px;
	display: none;
	width: 380px;
	height: 430px;
	overflow: hidden;
	z-index: 99999999;
	opacity: 0.95;
	filter: alpha(opacity=95);
	box-shadow: 0px 0px 10px #999;
}
.singn-title {
	background: #efeded;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
	font-size: 16px;
}
.singn-title a {
	display: block;
	height: 20px;
	position: absolute;
	right: 12px;
	top: 9px;
	width: 20px;
	background-position: -9px -465px;
}
.sign_wrap {
	margin: 0 auto;
	overflow: hidden;
}
.succ_Signin h5 {
	color: #ff3300;
	font-size: 16px;
	padding-top: 5px;
	height: 37px;
	line-height: 37px;
	text-align: center;
}
.Date {
	margin: 0 auto;
	padding-left: 1px;
	width: 337px;
}
.Date .Dtt {
	height: 20px;
	line-height: 20px;
	position: relative;
	text-align: center;
}
.Date .Dtt p {
	background: #f0f0f0;
	height: 20px;
	margin: 0 auto;
	text-align: center;
	width: 80px;
	border-radius: 10px;
}
.Date .Week {
	color: #fff;
	height: 28px;
	line-height: 28px;
	margin-top: 10px;
	padding: 0 0 0 1px;
}
.Date .Week li, .Date .D_days li {
	float: left;
	height: 28px;
	line-height: 28px;
	padding: 0 1px 0 0;
	position: relative;
	text-align: center;
	width: 46px;
	color: #525252;
}
.Date .Week li {
	background: #f7f6f6;
	border: 1px solid #dddddd;
	margin-left: -1px;
}
.Date .D_days {
	border-left: 1px solid #d8d8d8;
}
.Date .D_days li {
	border: 1px solid #dddddd;
	height: 28px;
	line-height: 28px;
	margin: -1px 0 0 -1px;
}
.Date .D_days li span, .Date .D_days li span:hover {
	background-color: #fff;
	color: #000;
	display: block;
	height: 28px;
	line-height: 28px;
	width: 100%;
}
.Date .D_days li.disabled span, .Date .D_days li.disabled span:hover {
	background: #ffffff;
	color: #9a9a9a;
	cursor: default;
	text-decoration: none;
}
.Date .D_days li .Sign {
	background: url(../images/ico-login.png) -60px -464px no-repeat;
	display: none;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}
.Date .D_days li.active .Sign {
	display: block;
}
.sign_instructions {
	clear: both;
	padding-top: 12px;
	line-height: 22px;
}
.sign_instructions p {
	padding-left: 35px;
}
.sign_instructions span {
	color: #ff3300;
}
.changebtn {
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 12px;
	padding: 0px 10px;
	color: #A7A7A7;
	display: block;
	margin-top: 10px;
	height: 20px;
	line-height: 20px;
}
.icon-change {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	margin-top: -5px;
	margin-left: 2px;
	display: inline-block;
	background: url(../images/icon-change.png) no-repeat;
	background-size: 100% 100%;
}
.btn-refresh:hover .icon-change {
	transition: all 0.8s ease;
	transform: rotate(360deg);
}
.chpanwrap {
	overflow: hidden;
	position: relative;
}
.chpan {
	float: left;
	display: none;
}
.chpan.active {
	display: block;
}
.userbox-third {
	height: 24px;
	line-height: 24px;
	padding: 5px 0;
	margin-left: 30px;
}
.userbox-third span {
	display: block;
	float: left
}
.userbox-third a {
	float: left;
	margin: 0 10px
}
.third-logo {
	width: 24px;
	height: 24px;
	display: inline;
	background-image: url(../images/third-logo-24.png);
	_background-image: url(../images/third-logo-24-8.png);
}
.third-logo-qq {
	background-position: 0 0
}
.third-logo-wechat {
	background-position: 0 -40px
}
.third-logo-weibo {
	background-position: 0 -80px
}
.hd-wrap {
	height: 840px;
	position: relative;
}
.slideBox {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 840px;
	z-index: 1;
}
.slideBox .hd {
	height: 8px;
	overflow: hidden;
	position: absolute;
	width: 1260px;
	left: 50%;
	margin-left: -1118px;
	top: 430px;
}
.slideBox .hd ul {
	position: absolute;
	top: 0px;
	right: 0px;
}
.slideBox .hd ul li {
	float: left;
	margin-left: 10px;
	width: 35px;
	height: 8px;
	background: #fff;
	cursor: pointer;
	border-radius: 3px;
	z-index: 9;
	position: relative;
}
.slideBox .hd ul li.on,  .slideBox .hd ul li:hover {
	background: #1183c7;
}
.slideBox .bd {
	position: absolute;
	height: 930px;
	z-index: 0;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}
.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	height: 930px;
	width: 100%;
}
.slideBox .bd li .bd-box {
	height: 930px;
	width: 1260px;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -630px;
}
#evm {
	top: -230px !important;
}
.bn-txt {
	width: 560px;
	position: absolute;
	left: 19px;
	top: 140px;
}
.bn-txt .fgx {
	height: 1px;
	width: 500px;
	background: #000;
	position: absolute;
	left: 0;
	top: 122px;
	opacity: .5;
	filter: alpha(opacity=50);
	-moz-opacity: .5;
	-khtml-opacity: .5;
}
.bn-txt h2,  .bn-txt h3 {
	float: left;
	width: 100%;
	color: #303030;
	font-size: 40px;
	line-height: 56px;
}
.bn-txt h3 {
	padding-bottom: 10px;
}
.bn-txt p {
	float: left;
	font-size: 14px;
	color: #2e2e2e;
	line-height: 25px;
	margin: 10px 0px;
	width: 500px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.bn-txt a {
	height: 42px;
	width: 180px;
	background: #1183c7;
	display: block;
	float: left;
	border-radius: 42px;
	color: #fff;
	font-size: 14px;
	line-height: 42px;
	position: relative;
	text-align: center;
	left: 5px;
	top: 10px;
	-webkit-transition: all .4s;
	-mz-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.bn-txt a i {
	height: 30px;
	width: 30px;
	border-radius: 30px;
	background: #fff url(../images/index-jt.jpg) center no-repeat;
	display: block;
	position: absolute;
	right: 6px;
	top: 6px;
}
.bn-txt a:hover {
	background: #106FB4;
	-webkit-transition: all .4s;
	-mz-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.logg-ico {
	width: 178px;
	height: 80px;
	position: absolute;
	left: 19px;
	top: 44px;
}
.logg-ico i img {
	height: 79px;
	width: 79px;
	float: left;
}
.logg-ico span {
	margin-left: 10px;
	width: 88px;
	height: 80px;
	display: block;
	float: left;
}
.logg-ico span img {
	height: 76px;
	width: 76px;
	float: left;
	padding: 2px 2px 2px 10px;
}
/******news********/

.f-news {
	height: 625px;
	width: 1240px;
	position: absolute;
	left: 50%;
	top: 430px;
	margin-left: -620px;
	z-index: 99;
}
.news-slideBox {
	width: 100%;
	height: 100%;
	position: relative;
	bottom: 20px;
	overflow: hidden;
}
.news-slideBox .hd {
	height: 56px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	width: 100%;
	background: url(../images/news-bg.png);
}
.news-slideBox .hd ul {
	zoom: 1;
	float: left;
	width: 100%;
}
.news-slideBox .hd ul li {
	float: left;
	width: 25%;
	height: 56px;
	text-align: center;
	position: relative;
	cursor: pointer;
	line-height: 54px;
	color: #888;
	font-size: 14px;
	-webkit-transition: all .3s;
	-mz-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
.news-slideBox .hd ul li i {
	width: 0%;
	height: 3px;
	-webkit-transition: all .4s;
	-mz-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
	position: absolute;
	left: 0px;
	bottom: -1px;
}
.news-slideBox .hd ul li.on {
	color: #fff;
	background: url(../images/news-bg.png);
}
.news-slideBox .hd ul li.on i {
	width: 100%;
	background: #1183c7;
	-webkit-transition: all .4s;
	-mz-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s;
}
.news-slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.news-slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
}
.news-slideBox .bd img {
	width: 100%;
	height: 100%;
	display: block;
}
.news-list {
	position: absolute;
	width: 468px;
	height: 360px;
	top: 0px;
	right: 25px;
}
.nl-tit {
	width: 100%;
	float: left;
	height: 88px;
	line-height: 88px;
	overflow: hidden;
	text-align: center;
}
.nl-tit a {
	color: #1183c7;
	font-size: 22px;
	font-weight: bold;
}
.nl-tj {
	height: 25px;
	width: 100%;
	background: #3E3E3E;
	line-height: 25px;
}
.nl-tj span {
	width: 46px;
	height: 25px;
	background: url(../images/tuijian.jpg) no-repeat;
	float: left;
	font-size: 14px;
	color: #fff;
	text-indent: 6px;
}
.nl-tj a {
	padding-left: 10px;
	font-size: 14px;
	color: #fff;
	width: 400px;
	float: left;
	-webkit-transition: all 0s;
	-mz-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}
.nl-tj a:hover {
	font-weight: bold;
	-webkit-transition: all 0s;
	-mz-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}
.nl-ul {
	width: 100%;
	padding-top: 12px;
	overflow: hidden;
}
.nl-ul li {
	height: 32px;
	float: left;
	width: 100%;
	line-height: 32px;
	border-bottom: 1px dashed #e4e2e2;
	background: url(../images/n-icon.png) left center no-repeat;
}
.nl-ul li a {
	font-size: 14px;
	color: #3c3c3c;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	width: 400px;
	padding-left: 20px;
}
.nl-ul li a:hover {
	color: #1183c7
}
.nl-ul li a i {
	padding-right: 10px;
}
.nl-ul li span {
	float: right;
	color: #818181;
	font-size: 14px;
}
.news-more {
	width: 47px;
	height: 37px;
	background: url(../images/fixed_menus.png) no-repeat -1px -208px;
	position: absolute;
	display: block;
	right: -35px;
	top: -1px;
}
.news-more:hover {
	background: url(../images/fixed_menus.png) no-repeat -1px -245px;
}
.news-horn {
	width: 23px;
	height: 18px;
	position: absolute;
	left: 732px;
	top: -18px;
}
/*tj*/
.g-tit {
	height: 30px;
	line-height: 30px;
	color: #383838;
	font-size: 22px;
	margin: 20px 0;
	position: relative;
}
.g-tit .icon {
	width: 30px;
	height: 30px;
}
.icon, .slide-next:before, .slide-prev:before {
	display: inline-block;
	vertical-align: middle;
	background: url(../images/csp-index.png) no-repeat;
}
.ikai {
	display: inline-block;
	vertical-align: top;
	background: url(../images/kai-index.png) 0 0 no-repeat;
}
.i-crown {
	background-position: 0 -295px;
}
.i-fire {
	background-position: 0 -420px;
}
.i-kaifu {
	background-position: -1px 5px;
}
.i-gift {
	background-position: 4px -656px;
}
.i-star {
	background-position: 0 -597px;
}
.i-rocket {
	background-position: 0 -625px;
}
.i-qr {
	background-position: 2px -808px;
}
.i-olkf {
	background-position: 0px -837px;
}
.i-totop {
	background-position: 2px -868px;
}
.game-item {
	width: 298px;
	height: 310px;
	margin: 0px 8px 0px;
	float: left;
	background: #fff;
	color: #999;
	border: 1px solid #e7e8ee;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border-bottom: 3px solid #ebeaea;
}
.game-item:nth-child(1) {
	margin-left: 0px;
}
.game-item:nth-child(4) {
	margin-right: 0px;
	/* margin: 0px; */
}
.game-item .item-pic {
	width: 298px;
	height: 189px;
	position: relative;
}
.game-item .item-pic img {
	width: 298px;
	height: 189px;
}
.game-item .item-other {
	position: absolute;
	top: 0px;
	left: 0;
	width: 298px;
	height: 189px;
	background: rgba(0, 153, 255, .8);
	text-align: center;
	display: none;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
.game-item:hover .item-other {
	display: block;
}
.game-item .item-other .qrimg {
	margin: 10px auto 0;
}
.game-item .item-other canvas {
	padding: 5px;
	background: #fff;
}
.game-item .item-other .item-text {
	width: 294px;
	height: 59px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.game-item .item-other .item-text .em {
	font-size: 16px;
}
.game-item .item-info {
	width: 276px;
	height: 110px;
	padding: 0 10px;
	position: relative;
	z-index: 3;
}
.game-item .item-info .item-name {
	line-height: 36px;
	font-weight: bold;
	transition: padding .2s ease
}
.game-item:hover .item-info .item-name {
	padding-left: 5px
}
.game-item .item-info .item-name a {
	font-size: 18px;
	color: #333
}
.game-item .item-info .item-text {
	line-height: 18px;
	font-size: 12px;
	overflow: hidden;
	padding-bottom: 6px;
	height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.game-item .item-info .item-br {
	border-bottom: 1px solid #e7e8ee;
}
.game-item .item-info .item-togame {
	width: 93px;
	height: 20px;
	display: block;
	line-height: 20px;
	text-align: center;
	color: #999;
	background: url(../images/item-togame.png) no-repeat 0 50%;
	margin: 11px auto;
	font-size: 14px
}
.game-item:hover .item-togame {
	background-image: url(../images/item-togame-h.png);
	color: #02b4f5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 display: block
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 display: block
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
/*hot game*/

.mod-hot-game {
	width: 820px;
}
.btn-more, .nor_more {
	position: absolute;
	right: 6px;
	top: 0;
	padding: 0 4px;
	border: 1px solid #03b4f5;
	color: #03b4f5;
	font-size: 12px;
	line-height: 20px;
	border-radius: 0px;
	display: block;
	margin-top: 10px;
	height: 20px;
}
.hot-game-list {
	margin-right: 0px;
	background: #fff;
	height: 257px;
	border-bottom: 3px solid #ebeaea;
	padding: 10px;
}
.hot-game-list li {
	width: 241px;
	margin: 0 20px 0px 0;
	padding: 10px 0 10px 12px;
	height: 96px;
	color: #999;
	float: left;
	display: inline;
	transition: all .2s ease-in-out;
}
.hot-game-list li:nth-child(3n) {
	margin: 0 0px 20px 0;
}
.hot-game-list .img {
	display: block;
	width: 96px;
	height: 96px;
	margin-right: 15px;
	border-radius: 5px;
	overflow: hidden;
}
.hot-game-list .img img {
	max-width: 100%;
}
.hot-game-list .gname {
	display: block;
	width: 126px;
	font-size: 14px;
	color: #666;
	margin: 10px 0 6px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.hot-game-list .g-btn {
	width: 72px;
	height: 24px;
	line-height: 24px;
	margin-top: 10px;
}
.g-btn, .g-btn-s {
	display: inline-block;
	vertical-align: top;
	width: 120px;
	min-width: 88px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #9f9f9f;
	border: 1px solid #c7c7c7;
	border-radius: 15px;
	cursor: pointer;
	background: #fff;
	font-family: 'microsoft yahei';
	font-size: 12px;
	box-sizing: content-box;
}
/*kfb*/
.g-tit .ikai {
	width: 30px;
	height: 30px;
	/* float: left; */
}
.mod-rank-game {
	width: 390px;
	overflow: hidden;
}
.g-tit .itip {
	font-size: 12px;
}
.kf-tab-page {
	/* padding: 8px 0 0;*/
	/* float: right; */
	/* line-height: 20px; */
	/* display: inline-block; */
	/* position: relative; */
	/* right: 0px; */
}
.kf-tab-page span {
	padding-right: 6px;
	display: none;
	zoom: 1;
	vertical-align: top;
	color: #999;
}
.kf-tab-page a {
	width: 45px;
	height: 20px;
	font: 13px/14px \5FAE\8F6F\96C5\9ED1;
	text-align: center;
	border: 1px solid #03b4f5;
	line-height: 20px;
	padding: 1px 4px;
	color: #03b4f5;
	position: absolute;
	border-radius: 0px;
	display: inline-block;
	margin-top: 5px;
}
a.prev {
    top: 0px;
    right: 60px;
}

a.next {
    top: 0px;
    right: 0px;
}
.rank-kf-list {
	border-bottom: 3px solid #ebeaea;
	height: 277px;
}
.rank-kf-tit {
	height: 40px;
	padding-top: 2px;
	padding: 2px 10px;
}
.rank-kf-tit span {
	float: left;
	display: inline;
	font: 14px/40px \5FAE\8F6F\96C5\9ED1;
	color: #9f9f9f;
	text-align: center;
}
.kf-tit-name {
	width: 120px;
}
.kf-tit-time,  .kf-tab-time {
	width: 88px;
}
.kf-tit-zone,  .kf-tab-zone {
	width: 100px;
}
.kf-tit-down {
	width: 62px;
}
.rank-kf-wrap {
	width: 390px;
	height: 236px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.rank-kf-tab {
	width: 10000px;
	margin: 0;
}
.rank-kf-tab ul {
	width: 390px;
	float: left;
	margin: 0px;
	overflow: hidden !important;
}
.kf-tab-box {
	padding: 9px 20px 9px 10px;
	/* height: 20px; */
	color: #777;
	overflow: hidden;
	font: 12px/20px \5FAE\8F6F\96C5\9ED1;
}
.kf-tab-box span {
	float: left;
	display: inline;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.kf-tab-box span.kf-tab-name {
	width: 120px;
	font-size: 14px;
	text-align: center;
}
.kf-tab-name a {
	color: #383838;
}
.kf-tab-zone a {
	display: block;
	height: 20px;
	overflow: hidden;
	color: #777;
}
.tab-gift, .tab-down {
	width: 20px;
	height: 20px;
	float: right;
	display: inline;
	overflow: hidden;
	margin-left: 3px;
	_margin-left: 2px;
}
.tab-gift {
	background-position: -5px -233px!important;
}
.tab-down {
	background-position: -5px -289px!important;
}
.kf-tab-line {
	width: 346px;
	height: 1px;
	background-color: #e6e6e6;
	font: 0/0 a;
	overflow: hidden;
	margin: 0 auto;
}
.h-tit {
	/* height: 30px; */
	/* line-height: 30px; */
	/* color: #383838; */
	/* font-size: 22px; */
	/* margin: 20px 0; */
	/* position: relative; */
	/* display: inline-block; */
	height: 30px;
	line-height: 30px;
	color: #383838;
	font-size: 22px;
	margin: 20px 0;
	position: relative;
}
.h-tit .ikai {
	width: 30px;
	height: 30px;
}
.tab-enter {
	background: #03b4f5;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	width: 40px;
	height: 20px;
	float: right;
	display: inline;
	overflow: hidden;
	margin-left: 3px;
	display: inline-block;
	vertical-align: top;
}
.tab-enter:hover{
	color:#fff;
}
/*gift*/
.mod-lb-box .lb-list {
	background: transparent;
	padding: 0px;
}
.mod-lb-box .i-rgift {
	bottom: 6px;
	right: 40px;
}
.mod-lb-box li {
	margin: 0 14px;
	_display: inline;
	background: #fff;
	position: relative;
	height: 230px;
	border-bottom: 3px solid #ebeaea;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	overflow: hidden;
	width: 185px;
	float: left;
}
.mod-lb-box li:first-child {
	margin: 0 14px 0 0;
}
.mod-lb-box li:last-child{
	margin:0;
}
.picList-txt {
	width: 100%;
	height: 220px;
	overflow: hidden;
	position: relative;
}
.pic {
	width: 183px;
	height: 126px;
	float: left;
	position: relative;
	overflow: hidden;
}
.pic img {
	width: 96px;
	height: 96px;
	display: block;
	margin: 18px auto;
	border-radius: 15px;
	overflow: hidden;
}
.title {
	width: 100%;
	text-align: center;
	float: left;
}
.title h3 {
	width: 100%;
	float: left;
	color: #333;
	font-size: 16px;
	margin-bottom: 6px;
}
.title p {
	width: 100%;
	float: left;
	color: #a8a8a8;
	font-size: 12px;
	margin-bottom: 3px;
}
.title p:last-child {
	margin-top: 4px;
}
/*more game*/
.more_game{
	width: 820px;
}
.more-game .game_class_list {
	width: 820px;
	height: 352px;
	overflow: hidden;
	background: #fff;
	border-bottom: 3px solid #ebeaea;
}
.more-game .game_class_list ul {
	padding: 5px;
	overflow: hidden;
}
.more-game .game_class_list li {
	float: left;
	width: 200px;
	height: 63px;
	border: 1px solid #fff;
	overflow: hidden;
	margin: 2px 0;
	cursor: pointer;
}
.more-game .game_class_list li:hover {
	box-shadow: 0 0 5px #03b4f5;
}
.more-game .game_class_list li img {
	width: 50px;
	height: 50px;
	float: left;
	margin: 6px 10px 6px 9px;
}
.more-game .game_class_list li h4 {
	width: 131px;
	float: left;
	font-size: 16px;
	font-weight: normal;
	margin-top: 9px;
}
.more-game .game_class_list li span {
	width: 131px;
	float: left;
	font-size: 12px;
	color: #828282;
}
.more-game .fast_entry {
	width: 390px;
	height: 352px;
	overflow: hidden;
	border-bottom: 3px solid #ebeaea;
}
.more-game .fast_entry ul {
	background: #fff;
	overflow: hidden;
}
.more-game .fast_entry li {
	width: 190px;
	height: 87px;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 0px -1px -1px -1px;
	cursor: pointer;
}
.more-game .fast_entry li:nth-child(2n) {
	border-left: none;
	width: 201px;
}
.more-game .fast_entry li:hover span {
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.more-game .fast_entry li span.pic1 {
	background-position: -1px -73px !important;
}
.more-game .fast_entry li span.pic2 {
	background-position: -215px 3px !important;
}
.more-game .fast_entry li span.pic3 {
	background-position: -213px -71px !important;
}
.more-game .fast_entry li span.pic4 {
	background-position: -67px -73px !important;
}
.more-game .fast_entry li span.pic5 {
	background-position: 5px 1px !important;
}
.more-game .fast_entry li span.pic6 {
	background-position: -67px 0 !important;
}
.more-game .fast_entry li span.pic7 {
	background-position: -148px -73px !important;
}
.more-game .fast_entry li span.pic8 {
	background-position: -147px -2px !important;
}
.more-game .fast_entry li span.pic_info {
	width: 45px;
	height: 40px;
	margin-top: 10px;
	background: url(../images/icon_info.png) no-repeat;
	margin: 14px auto 0;
	display: block;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.more-game .fast_entry li p {
	text-align: center;
	margin-top: 4px;
	font-size: 16px;
}
/*game_center*/
.g-container {
	overflow: hidden;
	margin-top: 220px;
}
.game-select-box {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 15px;
}
.game-type,  .game-theme {
	width: 100%;
	height: 30px;
	padding: 10px 0px 10px 0px;
	float: left;
}
.game-select-box span {
	font-size: 14px;
	margin: 0 20px 0 20px;
	display: block;
	width: 80px;
	line-height: 29px;
	float: left;
	color: #000;
}
.game-select-box a:hover,  .game-select-box .active {
	background: #00b3ff;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 2px 10px 0px rgba(0, 179, 255, 0.5);
}
.game-select-box a {
	float: left;
	line-height: 32px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	margin: 0px 6px;
	display: inline;
	height: 32px;
	background-color: #f5f5f5;
	border-radius: 4px;
	padding: 0 10px;
}
.game-content-box {
	overflow: hidden;
	margin-top: 30px;
	height: 640px;
}
.game-list {
	overflow: hidden;
	margin: 0 auto;
	min-height: 200px;
}
.game-list li {
	position: relative;
	margin-right: 33px;
	float: left;
	background: #fff;
	width: 211px;
	height: 266px;
	border-radius: 4px;
	border: solid 1px #e5e5e5;
	margin-bottom: 31px;
}
.game-list li:hover {
	border: solid 1px #00b3ff;
	box-shadow: 0px 8px 19px 0px rgba(172, 205, 255, 0.53);
}
.game-list li:nth-child(5n) {
	margin-right: 0px;
}
.game-list li .p1 img,  .game-list li .p1 a {
	width: 94px;
	height: 94px;
	display: block;
	border-radius: 17px;
}
.game-list li .p2 {
	height: 90px;
	position: relative;
	top: -8px;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
.game-list li .p2 p {
	line-height: 35px;
	width: 100%;
	/* position: absolute; */
}
.game-list li .p2 p:nth-of-type(1) {
	top: 7px;
	left: 0;
}
.game-list li .p2 p a {
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	text-align: center;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}
.game-list li .p2 p a:hover {
	color: #ff6200;
}
.game-list li .p2 span {
	display: block;
	position: absolute;
	top: 37px;
	left: 0;
	width: 100%;
}
.game-list li .p2 span a {
	width: 23px;
	height: 12px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #ff8400;
	margin-right: 5px;
}
.game-list li .p2 span a:last-child {
	margin-right: 0;
}
.game-list li .p2 span div {
	display: table;
	width: auto;
	margin: 0 auto;
	white-space: nowrap;
}
.game-list li .p2 span a:hover {
	color: #fff;
	background: #ff5e33;
	text-decoration: none
}
.game-list li .p2 em {
	width: 100%;
	height: 11px;
	font-size: 12px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #989898;
	position: relative;
	text-align: center;
	top: 28px;
}
.game-list li .p2 em i {
	color: #00b3ff;
	cursor: pointer;
	display: none;
}
.game-list li .p3 {
	width: 120px;
	height: 34px;
	position: absolute;
	bottom: 23px;
	left: 50%;
	margin-left: -60px;
}
.game-list li .p3 a {
	width: 100%;
	line-height: 34px;
	text-align: center;
	float: left;
	border-radius: 17px;
	border: solid 1px #00b3ff;
	color: #00b3fe;
	background: #fff;
	font-size: 14px;
}
.game-list li .p3:hover {
	box-shadow: 0px 4px 10px 0px rgba(92, 207, 255, 0.53);
}
.game-list li:hover .p3 a {
	background: #00b3fe;
	color: #fff;
	text-decoration: none;
}
.game-list li .p10 {
	width: 120px;
	height: 34px;
	position: absolute;
	bottom: 23px;
	left: 50%;
	margin-left: -60px;
}
.game-list li .p10 a {
	width: 100%;
	line-height: 34px;
	text-align: center;
	float: left;
	color: #ff5722;
	background: #fff;
	font-size: 14px;
	border-radius: 17px;
	border: solid 1px #ff5722;
}
.game-list li .p10:hover {
	box-shadow: 0px 4px 10px 0px rgba(92, 207, 255, 0.53);
}
.game-list li:hover .p10 a {
	background: #ff5722;
	color: #fff;
	text-decoration: none;
}
.game-list li .p1 img,  .game-list li .p1 a {
	border-radius: 0;
}
.game-list li .p2-1 {
	display: block;
	position: absolute;
	top: -99px;
	width: 94px;
	height: 94px;
	left: 50%;
	margin-left: -45px;
}
.game-list li:hover .p2-1 {
	display: block;
}
.game-list li .p2 em i {
	display: none;
}
.erweima-game-ku {
	position: absolute;
	top: 0;
	left: 0;
	width: 96px;
	height: 96px;
	overflow: hidden;
	box-shadow: 0px 0px 5px #000;
	border-radius: 5px;
}
.game-list li .p1 {
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
	box-shadow: none;
	width: 106px;
	height: 104px;
	border-radius: inherit;
	overflow: hidden;
}
.game-list li .p1 a {
	overflow: hidden;
	margin-left: 3px;
	box-shadow: 0px 4px 15px 0px rgba(119, 119, 119, 0.4);
	border-radius: 20px;
}
.game-list li .p1-a {
	width: 100%;
	position: absolute;
	top: 0;
}
.p1-a-active {
	animation: ewmDown .3s;
	animation-fill-mode: forwards;
}
.p1-a-leave-active {
	animation: ewmUp .3s;
	animation-fill-mode: forwards;
}
 @keyframes ewmDown {
 from {
 top: 0px;
}
to {
	top: 104px;
}
}
 @keyframes ewmUp {
 from {
 top: 104px;
}
to {
	top: 0px;
}
}
/*game_detail*/
.main {
	width: 1200px;
	margin: 30px auto;
	/*background: #fff;*/
	padding: 20px;
	overflow: hidden;
}
.in-main{
	/* background:#fff; */
	/* margin-top:30px; */
	/* padding: 20px; */
	/* width: 1200px; */
}
.map {
	width: 1140px;
	height: 140px;
	background: url(../images/mapbg.jpg) no-repeat;
	padding: 30px;
	position: relative;
	background-size: 100%;
}
.map .mapPic {
	border-radius: 18px;
	float: left;
	margin-right: 30px;
}
.map h1 {
	font-size: 30px;
	color: #03b4f5;
	font-weight: normal;
}
.map p {
	color: #fff;
	margin-top: 10px;
}
.map p i {
	color: #797778;
	margin: 0 5px;
}
.map ul {
	margin-top: 25px;
}
.map ul li a {
	height: 34px;
	line-height: 34px;
	display: inline-block;
	padding: 0 30px;
	border-radius: 17px;
	color: #fff;
}
.map ul li {
	float: left;
	margin-right: 10px;
}
.map ul li a.a0 {
	color: #fff;
	background: linear-gradient(to right, #1183c7, #03b4f5);
	padding: 0px 30px;
}
.map ul li a.a0:hover {
	background: #1183c7;
}
.map ul li a.a0 i {
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../images/android_n.png) no-repeat;
	margin-right: 8px;
	position: relative;
	top: 6px;
}
.map ul li a.a1 {
	background: linear-gradient(to right, #fb4b4c, #fb7b32);
}
.map ul li a.a1:hover {
	background: #fb4b4c;
	color: #fff;
}
.map ul li a.a1 i {
	width: 22px;
	height: 22px;
	display: inline-block;
	background: url(../images/ios_n.png) no-repeat left 0;
	margin-right: 8px;
	position: relative;
	top: 6px;
}
.map ul li a.a2 {
	border: 1px solid #23c6b2;
	color: #23c6b2;
	transition: background .3s;
}
.map ul li a.a2:hover {
	background: #23c6b2;
	color: #fff;
}
.map ul li a.a2:hover i {
	background-position: left -89px;
}
.map ul li a.a2 i {
	width: 19px;
	height: 20px;
	display: inline-block;
	background: url(../images/map.png) no-repeat left -60px;
	margin-right: 8px;
	position: relative;
	top: 3px;
}
.map ul li a.a3 {
	border: 1px solid #f88836;
	color: #f88836;
	transition: background .3s;
}
.map ul li a.a3:hover {
	background: #f88836;
	color: #fff;
}
.map ul li a.a3:hover i {
	background-position: left -147px;
}
.map ul li a.a3 i {
	width: 20px;
	height: 19px;
	display: inline-block;
	background: url(../images/map.png) no-repeat left -118px;
	margin-right: 8px;
	position: relative;
	top: 3px;
}
.map .phone {
	width: 141px;
	height: 173px;
	background: url(../images/phonebg.png) no-repeat;
	position: absolute;
	right: 38px;
	top: 27px;
}
.map .phone .erweimaBox {
	width: 98px;
	height: 98px;
	overflow: hidden;
	left: 21px;
	top: 37px;
	position: relative;
}
.map .phone .erweima {
	border: 1px solid #f5f6f8;
	overflow: hidden;
}
.map .phone .erweimaLine {
	position: absolute;
	left: 0;
	bottom: 32px;
	animation: shua2 1.5s alternate infinite ease-in-out;
}
 @keyframes shua2 {
 0% {
 bottom: -32px;
}
 100% {
 bottom: 67px;
}
}
.map .phone .tips {
	width: 105px;
	height: 170px;
	background: rgba(34, 4, 0, .9);
	position: absolute;
	left: 3px;
	top: 3px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 0 15px;
}
.map .phone .tips p {
	line-height: 21px;
	font-size: 12px;
	color: #fff;
	margin-top: 30px;
}
.map .phone .tips p i {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(../images/top.png) no-repeat left -782px;
	position: relative;
	top: 4px;
	margin: 0 5px 0 0;
}
.map .phone .tips a {
	width: 90px;
	height: 30px;
	line-height: 30px;
	background: #fc0;
	text-align: center;
	font-size: 14px;
	color: #000;
	display: inline-block;
	border-radius: 15px;
	cursor: pointer;
	margin-top: 10px;
	margin-left: 7px;
}
.map .tipsTxt {
	width: 215px;
	position: absolute;
	left: 755px;
	top: 85px;
	background: url(../images/line.png) no-repeat right 28px;
}
.map .tipsTxt p {
	width: 168px;
	line-height: 24px;
	font-size: 14px;
	color: #d1dcf3;
}
.hot_title {
	height: 50px;
	line-height: 50px;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	border-bottom: 1px solid #ccc;
}
.hot_title a {
	font-size: 14px;
	color: #999;
	transition: color .3s;
	right: 0px;
	position: absolute;
	right: 6px;
	top: 24px;
	/* padding: 0 4px; */
	line-height: 20px;
	border-radius: 0px;
	/* display: block; */
	/* margin-top: 10px; */
	height: 20px;
	line-height: 20px;
	float: left;
}
.hot_title a i {
	width: 20px;
	height: 20px;
	background: url(../images/icon.png) no-repeat left -257px;
	display: inline-block;
	position: relative;
	top: 0px;
	margin-left: 4px;
	line-height: 30px;
	*display: inline-block;
	float: right;
	*zoom:1;
	float:;
}
.hot_title span i {
	height: 4px;
	background: #ff5e42;
	background: linear-gradient(to right, #1088cc, #03b4f5);
	display: inline-block;
	border-radius: 5px;
	position: absolute;
	left: 0;
	bottom: -3px;
}
.intr {
	width: 750px;
	margin: 15px 0;
}
.intr .txt {
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 10px;
}
.intr .txt p {
	line-height: 24px;
	text-indent: 2em;
	font-size: 14px;
	color: #444;
}
.intr .zk {
	font-size: 14px;
	color: #ff4c4c;
	float: right;
	cursor: pointer;
	margin-bottom: 15px;
}
.intr .zk i {
	width: 9px;
	height: 6px;
	display: inline-block;
	background: url(../images/icon.png) no-repeat left 0;
	position: relative;
	top: -2px;
	margin-left: 3px;
}
.intr .sq {
	font-size: 14px;
	color: #ff4c4c;
	float: right;
	cursor: pointer;
	margin-bottom: 15px;
}
.intr .sq i {
	width: 9px;
	height: 6px;
	display: inline-block;
	background: url(../images/icon.png) no-repeat left -17px;
	position: relative;
	top: -2px;
	margin-left: 3px;
}
/*jt*/


.m-screenshot-box {
	overflow: hidden;
	position: relative;
	height: 300px;
}
.m-screenshot-box .m-screenshot-list {
	position: absolute;
	height: 316px;
	white-space: nowrap;
	font-size: 0;
	left: 0;
	width: 830px;
}
.m-screenshot-box .m-screenshot-list .m-screenshot-item {
	cursor: pointer;
	/* overflow: hidden; */
	position: relative;
	margin-right: 10px;
	display: inline-block;
	width: 180px;
	height: 300px;
	 *zoom:1;
	 *display: inline;
}
.m-screenshot-box .m-screenshot-list .m-video-item {
	width: 650px;
	background-color: #000;
}
.m-screenshot-box .m-button {
	position: absolute;
	text-align: center;
	/* width: 20px; */
	/* height: 60px; */
	line-height: 60px;
	z-index: 99;
	top: 128px;
}
.m-screenshot-box .m-button .sprite {
	vertical-align: middle;
	cursor: pointer;
}
.m-screenshot-box .m-button .u-bg {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 60px;
	z-index: -1;
	line-height: 60px;
}
.m-screenshot-box .m-button-left {
	left: 8px;
}
.m-screenshot-box .m-button-right {
	right: 8px;
}
.sprite {
	background-image: url(../images/spritesheet.png);
	background-repeat: no-repeat;
	display: inline-block;
	*zoom:1;
	*display: inline;
}
.sprite-ic-arrow-1 {
	width: 10px;
	height: 28px;
	background-position: -5px -35px;
}
.sprite-ic-arrow-2 {
	width: 10px;
	height: 28px;
	background-position: -499px -35px;
}
.sprite-ic-arrow-1-y {
	width: 10px;
	height: 28px;
	background-position: -25px -35px;
}
.sprite-ic-arrow-2-y {
	width: 10px;
	height: 28px;
	background-position: -519px -35px;
}
.tab .bd .page {
	text-align: center;
	margin-top: 25px;
}
.tab .bd .page a {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	margin: 0 4px;
	border: 1px solid #f4f4f4;
}
.tab .bd .page a:hover {
	border-color: #ff5b4a;
	color: #333;
}
.tab .bd .page a.active {
	border-color: #ff5b4a;
}
.tab .bd .page a.lt img {
	display: inline-block;
	opacity: .5;
	transition: all .3s;
	position: relative;
	top: 3px;
}
.tab .bd .page a.lt:hover {
	border-color: #f4f4f4;
}
.tab .bd .page a.lt:hover img {
	opacity: 1;
}
.tab .bd .zw {
	width: 750px;
	height: 300px;
}
.tab .bd .lb {
	background: url(../images/zwlb.png) no-repeat center center;
}
.tab .bd .gg {
	background: url(../images/zwgg.png) no-repeat center center;
}
.tab .bd .gll {
	background: url(../images/zwgl.png) no-repeat center center;
}
.main .left {
	width: 750px;
}
.main .right {
	width: 380px;
}
.gameOpen {
	margin-top: 15px;
}
.gameOpen .tit {
	margin-top: 10px;
}
.gameOpen .tit ul li {
	height: 30px;
	line-height: 30px;
	background: #e4e4e4;
	float: left;
	font-size: 14px;
	text-align: center;
}
.gameOpen .tit ul li.gameName {
	width: 136px;
	margin-right: 1px;
}
.gameOpen .tit ul li.time {
	width: 102px;
	margin-right: 1px;
}
.gameOpen .tit ul li.serverName {
	width: 140px;
}
.gameOpen .cont {
	padding-top: 5px;
	clear: both;
}
.gameOpen .cont ul li .gameName {
	width: 136px;
	height: 42px;
	display: inline-block;
	font-size: 14px;
	color: #383838;
	float: left;
	text-align: center;
}
.gameOpen .cont ul li .time {
	width: 104px;
	font-size: 14px;
	display: inline-block;
	height: 42px;
	float: left;
	text-align: center;
}
.gameOpen .cont ul li .serverName {
	width: 140px;
	color: #999;
	font-size: 14px;
	float: left;
	text-align: center;
}
.gameOpen .cont ul li {
	width: 380px;
	overflow: hidden;
	left: 0;
	top: 0;
	color: #777;
	line-height: 42px;
	border-bottom: 1px solid #ececec;
	height: 42px;
	position: relative;
	clear: both;
}
.gameRanking {
	margin-top: 15px;
}
.gameRanking .cont {
	margin-top: 10px;
}
.gameRanking .cont ul li {
	width: 100%;
	height: 60px;
	padding: 10px 0;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.gameRanking .cont ul li div {
	transition: transform .3s;
}
.gameRanking .cont ul li div:hover {
	transform: translate(10px);
}
.gameRanking .cont ul li div img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 12px;
}
.gameRanking .cont ul li div h6 {
	padding-top: 7px;
}
.gameRanking .cont ul li div h6 a {
	font-size: 16px;
	color: #333;
	font-weight: normal;
	transition: color .3s;
}
.gameRanking .cont ul li div h6 a:hover {
	color: #ff3b43;
}
.gameRanking .cont ul li div p {
	margin-top: 10px;
	font-size: 14px;
	color: #999;
}
.gameRanking .cont ul li a.start {
	font-size: 14px;
	width: 73px;
	height: 28px;
	line-height: 27px;
	position: absolute;
	right: 0;
	top: 25px;
	text-align: center;
	border: 1px solid #ff8037;
	border-radius: 14px;
	color: #ff8037;
	transition: all .3s;
}
.gameRanking .cont ul li a.start:hover {
	background: #ff6743;
	background: linear-gradient(to right, #ff5051, #ff7e36);
	color: #fff;
}
.gameRanking .cont ul li em {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	background: #8b93a9;
	float: left;
	border-radius: 15px;
	color: #fff;
	margin-top: 15px;
	margin-right: 10px;
}
.gameRanking .cont ul li em.em3 {
	background: #f9b31e;
}
.gameRanking .cont ul li em.em2 {
	background: #ff7b33;
}
.gameRanking .cont ul li em.em1 {
	background: linear-gradient(to bottom, #ff5051, #ff7e36);
}
.gameReco {
	margin-top: 15px;
}
.gameReco .cont {
	margin-top: 25px;
}
.gameReco .cont ul li {
	width: 80px;
	text-align: center;
	float: left;
	margin: 0 23px;
	margin-bottom: 18px;
	position: relative;
	top: 0;
	transition: top .3s;
	height: 115px;
	overflow: hidden;
}
.gameReco .cont ul li:hover {
	top: -10px;
}
.gameReco .cont ul li a img {
	width: 80px;
	height: 80px;
	margin-bottom: 2px;
}
.gameReco .cont ul li a span {
	font-size: 16px;
	position: relative;
	top: 5px;
}
.game_wrap .game_text {
	width: 410px;
}
.m-detail-text-box .m-detail-text-wrapper {
	line-height: 29px;
	color: #666;
}
.hd_title .line {
	margin-right: 5px;
}
.hot_list .down_load_position {
	top: 30px;
}
.m-screenshot-box .m-button .u-bg {
	opacity: 0.8;
}
.m-screenshot-box .m-button {
	width: 32px;
}
.game_top {
	border-top: 1px solid #e4e4e4 !important;
}
.hot_list {
	border: none;
	margin-top: 0px;
	clear: both;
}
.hot_list ul {
	margin-top: 25px;
	width: 380px;
	overflow: hidden;
}
.hot_list ul li {
	width: 80px;
	text-align: center;
	float: left;
	margin: 0 32px;
	margin-bottom: 18px;
	position: relative;
	top: 0;
	transition: top .3s;
	height: 115px;
	padding: 0px;
	border-bottom: 0px;
}
.hot_list ul li:first-child {
	margin: 0 32px 0 0;
}
.hot_list ul li:nth-child(4) {
	margin: 0 32px 0 0;
	clear: both;
}
.hot_list ul li:nth-child(3n) {
	margin: 0 0px 0 32px;
}
.hot_list ul li img {
	width: 80px;
	height: 80px;
	margin-bottom: 2px;
}
.pagepp .current {
	background: #1183c7;
}
.menu ul {
	height: 45px;
	line-height: 45px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.left_news #tab1 li:hover {
	background: url(../images/listbg.png) repeat;
}
.menu ul li {
	float: left;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 5px;
}
.menu ul li.off a {
	background: #03b4f5;
	border-color: #03b4f5;
	color: #fff;
	font-weight: bold;
}
.menu ul li a {
	width: 128px;
	height: 39px;
	line-height: 39px;
	display: block;
	background: #ddd;
	border: 1px solid #ccc;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all .3s;
	font-size: 17px;
}
.ul_news {
	border-left: none;
	border-right: none;
	margin: 0;
	width: 100%;
	height: auto;
	float: left;
}
.ul_news li {
	padding: 20px;
	float: none !important;
	width: auto;
	border-bottom: 1px dotted #dcdcdc;
	height: 136px !important;
	border-bottom: 1px dotted #dcdcdc;
	padding: 20px;
}
.ul_news li img {
	width: 264px;
	height: 130px;
	float: left;
}
.news_div {
	width: 424px;
	float: left;
	height: 136px;
	margin-left: 18px;
}
.news_div h3 {
	font-size: 18px;
	width: 100%;
	float: left;
	margin-bottom: 9px;
	/*height: 40px;*/
	overflow: hidden;
	font-weight: 400;
}
.news_div a {
	color: #666;
	float: left;
}
.news_div p {
	height: 44px;
	width: 100%;
	margin: 10px 0;
	line-height: 21px;
	font-size: 13px;
	overflow: hidden;
}
.news_div em {
	float: left;
	font-size: 14px;
}
.gift_list li {
	width: 100%;
	float: left;
	padding: 20px 0;
	border-bottom: 1px dashed #dfdfdf;
}
.gift_list li .p1 {
	width: 120px;
	float: left;
}
.gift_list li .p1 a img {
	width: 120px;
	height: 120px;
}
.gift_list li .p2 {
	width: 465px;
	float: left;
	color: #999;
	margin-left: 25px;
	display: inline;
}
.gift_list li .p2 .p2_1 {
	width: 100%;
	float: left;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.gift_list li .p2 .p2_1 a {
	font-size: 16px;
	/* font-weight: bold; */
}
.gift_list li .p2 .p2_2 {
	line-height: 25px;
	margin-top: 5px;
	max-height: 55px;
	overflow: hidden;
}
.gift_list li .p2 p {
	width: 100%;
	float: left;
}
.gift_list li .p3 {
	width: 140px;
	float: right;
	margin: 42px 0 0 0;
}
.gift_list li .p3 a {
	display: block;
	width: 130px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	border-radius: 3px;
	background-color: #03b4f5;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative;
	padding-left: 20px;
}
/*gift*/

.g-gift {
	padding: 10px 20px!important;
	/* margin-top: 30px; */
	/* background: #fff; */
}
.lc-right {
	width: 325px;
	float: right;
	display: inline;
}
.listcontent .gameRanking {
	margin-top: 0px;
}
.gifts-list-box>li {
	width: 100%;
}
.gifts-list-box>li.even {
	margin-left: 0px;
}
.gifts-list-box .gift_details .details_title {
	border-radius: 20px;
	width: 144px;
	height: 25px;
	box-sizing: border-box;
	border: 1px #ddd solid;
	margin: 20px 0 15px 0;
}
.gifts-list-box .gift_details .details_title li {
	border-radius: 20px 0 0 20px;
	float: left;
	width: 70px;
	line-height: 23px;
	/* box-sizing: border-box; */
	text-align: center;
	cursor: pointer;
	border-right: 1px #ddd solid;
	overflow: hidden;
	color: #9f9f9f;
	background-color: #f9f9f9;
}
.gifts-list-box .gift_details .details_title li.on {
	color: #03b4f5;
	background-color: #fff;
}
.gifts-list-box .gift_details .details_title li:nth-child(2) {
	border-radius: 0 20px 20px 0;
	border-right: none;
	float: right;
}
.gifts-list-box .gift_details .details_content li {
	display: none;
}
.gifts-list-box .gift_details .details_content li.on {
	display: block;
}
.gifts-list-box {
	padding-top: 30px;
	overflow: hidden;
	clear: both;
	padding-bottom: 30px;
}
.get_wrap {
	position: absolute;
	right: 0px;
}
.get {
	display: block;
	width: 125px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	border-radius: 30px;
	background-color: #03b4f5;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	position: relative;
	padding-left: 20px;
	box-sizing: border-box;
}
.get:hover {
	color: #fff;
}
.get .pq_icon {
	position: absolute;
	left: 18px;
	top: 0;
	bottom: 0;
	/* margin: auto; */
	width: 23px;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/get_icon.png) center center no-repeat;
	transition: all 0.3s linear;
	background-size: 100%;
	margin: 6px 0;
}
.gift-list {
	background-color: #fff;
	position: relative;
	margin-bottom: 50px;
	border-bottom: 1px solid #dcdcdc;
}
.gift-new-list {
	align-items: center;
	height: 140px;
}
.gift-new-list .pic {
	width: 125px;
	float: left;
}
.gift-new-list .pic img {
	width: 115px;
	height: 115px;
	margin: 0;
}
.gifts-list-box .gift_details {
	padding-left: 0px;
	border-bottom: 1px dotted rgb(204, 204, 204);
	position: relative;
}
.gift-new-list .info {
	overflow: hidden;
	float: left;
	width: 625px;
}
.details_content {
	height: 40px;
}
.gift-new-list .name, .gift-new-list p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gift-new-list .name {
	display: block;
	font-size: 1.05pc;
}
.gift-new-list .name a {
	color: #ff7d26;
	text-decoration: none;
	font-size: 22px;
	font-weight: bold;
}
.gift-new-list p {
	color: #999;
	font-size: 13px;
	line-height: 1pc;
	margin-bottom: 4px;
}
.gift-new-list .name, .gift-new-list p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.gift-new-list .btns {
	display: -webkit-box;
	-webkit-box-sizing: border-box;
	margin-right: -5px;
	width: 85px;
	-webkit-box-align: center;
}
.btns a {
	width: 80px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	border: 1px solid #00b3ff;
	color: #fff;
	position: absolute;
	right: 0;
	top: 15px;
	transition: all .3s;
	background: #03b4f5;
	border-radius: 2px;
	font-size: 14px;
}
.btn, .btn11 {
	width: 70px;
	height: 30px;
	text-align: center;
	line-height: 30px;
}
.more-gift {
	padding: 0px 0 0px 130px;
}
.more-gift li {
	margin: 0 auto;
	border-bottom: 1px solid #f4f4f4;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0 20px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	clear: both;
	position: relative;
}
.more-gift li:last-child {
	border-bottom: none;
}
.more-gift li .info {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	line-height: 20px;
}
.more-gift li .info .name {
	color: #404040;
	font-size: 1.05pc;
	margin-bottom: 10px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.more-gift li .info .name img {
	width: 15px;
	position: absolute;
	left: -25px;
	top: 2px;
}
.more-gift li .info .name a {
	color: #333;
	text-decoration: none;
}
.more-gift li .info p {
	font-size: 12px;
	color: #999;
	line-height: 1.4;
	-webkit-line-clamp: 3;
}
.check-more {
	font-size: 14px;
	color: #999;
	-ms-flex-line-pack: center;
	-ms-flex-pack: center;
	line-height: 30px;
	padding: 5px 0;
	height: 30px;
	display: block;
	text-align: center;
	margin: 0px 0 0px 130px;
	position: relative;
	left: -48px;
}
.check-more i {
	background: url(../images/gift-more.png);
	width: 15px;
	height: 15px;
	position: relative;
	background-size: 100%;
	top: 4px;
	left: 5px;
	display: inline-block;
}
.b-list-box .abs2 {
	width: 194px;
	height: 26px;
	border: 1px solid #d9d9d9;
	border-radius: 20px;
	float: right;
	position: absolute;
	top: 17px;
	right: 0px;
}
.b-list-box .abs2s {
	width: 134px;
	height: 28px;
	line-height: 28px;
	left: 14px;
	top: -1px;
	position: relative;
	border: none;
	padding-left: 0px;
	border-radius: 0px;
	color: #666;
	clear: both;
	background: none;
	font-size: 14px;
	float: left;
}
.b-list-box .abs2b {
	border-radius: 0 20px 20px 0;
	width: 34px;
	height: 28px;
	float: right;
	position: relative;
	top: -1px;
	left: 0px;
	background: #03b4f5 url(../images/search_icon.png) center center no-repeat;
	vertical-align: middle;
	transition: all 0.3s linear;
	cursor: pointer;
	background-size: 18px 18px;
}
.g-gift .gameRanking:first-child {
	margin-top: 0px;
}
.hot_list ul li a {
	width: 80px;
	height: 115px;
	display: block;
}
.hot_list ul li a span {
	font-size: 15px;
	position: relative;
	top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 80px;
	white-space: nowrap;
	display: block;
}
/*gift_detail*/
.laybox {
	overflow: hidden;
	background: #fff;
	zoom: 1;
}
.gift_wrap .img {
	float: left;
}
.gift_wrap .img img {
	width: 120px;
	height: 120px;
}
.gift_wrap .info {
	padding-left: 20px;
	width: 450px;
	float: left;
}
.gift_wrap .info .name {
	font-size: 24px;
	font-weight: bold;
	color: #ffa229;
	color: #03B4F5;
}
.gift_wrap .info dl div {
	width: 50%;
	float: left;
	font-size: 14px;
	color: #666666;
	padding-top: 10px;
}
.gift-article-top .info span {
	color: #999;
}
.gift_wrap .info dl div {
	width: 50%;
	float: left;
	font-size: 14px;
	color: #666666;
	padding-top: 10px;
}
.pf-android, .pf-ios {
	display: inline-block;
	vertical-align: text-top;
	width: 18px;
	height: 20px;
	background: url(../images/pf-type.png) no-repeat;
}
.gift_wrap .info dl div {
	width: 50%;
	float: left;
	font-size: 14px;
	color: #666666;
	padding-top: 10px;
}
.gift_wrap .info dl .progress-box, .gift_wrap .info dl .time {
	width: 100%;
	margin: 0;
}
.progress-box {
	font-size: 14px;
	color: #999;
	line-height: 16px;
	margin: 10px 0 20px 0;
}
.progress {
	display: inline-block;
	vertical-align: top;
	width: 300px;
	height: 16px;
	margin-right: 10px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
	background: #e5e5e5;
}
.progress i {
	background: #f2d54b;
	background: -moz-linear-gradient(to right, #03b4f5 0%, #09a5de 100%);
	background: -webkit-linear-gradient(to right, #03b4f5 0%, #09a5de 100%);
	background: -o-linear-gradient(to right, #03b4f5 0%, #09a5de 100%);
	background: -mslinear-gradient(to right, #03b4f5 0%, #09a5de 100%);
	background: linear-gradient(to right, #03b4f5 0%, #09a5de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2d54b', endColorstr='#9ced44', GradientType=0 );
	display: block;
	height: 16px;
}
.gift_wrap .btn_box {
	float: right;
	vertical-align: top;
	width: 120px;
}
.gift_wrap .btn_box a {
	margin-top: 15px;
}
.gift-article-top .btn-getgift {
	display: block;
	width: 116px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 0 0 #077DA9;
	box-shadow: 0 3px 0 #098cbc;
	border-radius: 5px;
	background: #03b4f5;
	overflow: hidden;
}
.m-detail-text-box .m-detail-text-wrapper {
	line-height: 30px;
	font-size: 14px;
	color: #555;
	overflow: hidden;
}
.this-game {
	padding: 20px 10px;
	background: #f1f2f4;
	margin: 10px 0 0;
}
.hot_list .con {
	font-size: 14px;
	line-height: 30px;
	background: #f1f2f4;
	padding: 0px 10px;
}
.this-game .info {
	line-height: 30px;
	padding-left: 20px;
}
.this-game .name {
	font-size: 16px;
	text-indent: -5px;
}
.this-game .type {
	color: #999;
}
.this-game .btn-download {
	display: block;
	width: 104px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	box-shadow: 0 3px 0 #098cbc;
	background: #03b4f5;
}
.giftmix {
	background: #fff;
	padding: 10px 20px;
}
.hd_title {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ccc;
	margin-left: 15px;
}
.gift_wrap {
	border: none;
	padding: 20px;
}
.giftasid_wrap {
	padding: 10px;
}
.giftmix-left {
	width: 750px;
	float: left;
}
.othergift-list {
	padding: 0px;
}
.mt30 {
	margin-top: 30px;
}
.gift_wrap, .giftasid_wrap {
	margin-top: 0px;
}
/*tc*/
.pop-gift {
	width: 446px;
	height: 348px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -223px;
	z-index: 1050;
	display: none;
}
.pop-gift .pop-hd {
	width: 446px;
	height: 90px;
	background: url(../images/gift-poptop.png) no-repeat;
	position: relative;
}
.pop-gift .pop-bd {
	width: 446px;
	height: 258px;
	line-height: 46px;
	font-size: 14px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	background: #fff;
}
.pop-gift .pop-close {
	width: 43px;
	height: 43px;
	background: url(../images/pop-close.jpg) no-repeat;
	position: absolute;
	top: 25px;
	right: 30px;
}
.pop-gift .pop-close:hover {
	opacity: 0.9;
}
.i-suc {
	display: inline-block;
	vertical-align: middle;
	width: 27px;
	height: 27px;
	background: url(../images/icons.jpg) no-repeat;
}
.pop-gift .suctip {
	font-size: 18px;
	color: #fb8472;
}
.pop-gift .desc {
	color: #999;
}
.pop-gift .btn-copy {
	width: 108px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #03b4f5;
	position: relative;
}
.pop-gift .btn-sub {
	width: 225px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	background: #fb8472;
}
.pop-gift .btn-sub:hover {
	opacity: 0.9;
}
.pop-gift .false {
	padding: 50px 20px;
}
.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	_position: absolute;
	top: 0px;
	left: 0px;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 10;
	display: none;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000000;
	opacity: 0.6;
	filter: alpha(opacity=60)
}
/*article*/
.news_list {
	background: #fff;
}
.left_news #tab1 .menu ul {
	border-width: 1px;
	border-bottom-color: #ccc;
	height: 45px;
	line-height: 45px;
}
.newswrap .ul_news {
	border-left: none;
	border-right: none;
}
.ul_news li:hover {
	background: url(../images/listbg.png) repeat;
}
.pages {
	border: none;
}
.ul_news li img:hover {
	border: none;
	width: 268px;
}
.menu ul li {
	float: left;
	font-weight: normal;
	margin-right: 10px;
	margin-top: 5px;
}
.newswrap .ul_news li:hover {
	background: url(../images/listbg.png) repeat;
}
.menu ul li.off a {
	background: #03b4f5;
	border-color: #03b4f5;
	color: #fff;
	font-weight: bold;
}
.menu ul li a {
	width: 128px;
	height: 39px;
	line-height: 39px;
	display: block;
	background: #ddd;
	border: 1px solid #ccc;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	transition: all .3s;
	font-size: 17px;
}
.ul_news li img:hover {
	width: 264px;
}
.gameRanking .cont ul li div:hover {
	transform: translate(10px);
}
/*article_detail*/
.newswrap {
	background: transparent;
	padding-top: 30px;
}
.newswrap .news_list {
	background: #fff;
}
.tits {
	border-bottom: 1px solid #ccc;
}
.tits {
	height: 45px;
	line-height: 45px;
}
.tits a {
	font-size: 14px;
	color: #999;
	float: right;
	position: relative;
	top: 3px;
	transition: color .3s;
}
.tits a i {
	width: 20px;
	height: 20px;
	background: url(../images/icon.png) no-repeat left -257px;
	display: inline-block;
	position: relative;
	top: 4px;
	margin-left: 4px;
}
.newscontent {
	border: none;
}
.hotgame {
	width: 380px;
}
.tits span {
	height: 44px;
	line-height: 45px;
	font-weight: bold;
}
.left_news {
	width: 750px;
	float: left;
}
.gameRanking .cont ul li div:hover {
	transform: translate(10px);
}
.newscontent {
	padding: 10px;
}
.text {
	height: auto;
	line-height: 30px;
	font-size: 14px;
}
.text_top {
	width: 100%;
	text-align: center;
	padding: 30px 0px;
	font-size: 14px;
}
.text_top h3 {
	font-size: 18px;
	color: #03B4F5;
}
/*kefu*/
.kf {
	width: 1200px;
	height: 316px;
	overflow: hidden;
}
.kf_bg {
	width: 316px;
	height: 316px;
	display: block;
	float: left;
}
.shadow {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform;
	-moz-transition-property: transform;
	-ms-transition-property: transform;
	-o-transition-property: transform;
	transition-property: transform;
}
.shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	background: -moz-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	background: -ms-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: transform, opacity;
	-moz-transition-property: transform, opacity;
	-ms-transition-property: transform, opacity;
	-o-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.kf_ewm {
	float: left;
	width: 316px;
	height: 150px;
	display: block;
	position: relative;
	left: 20px;
}
.kf_qq {
	float: left;
	width: 315px;
	height: 150px;
	display: block;
	top: 166px;
	left: -296px;
}
.kefu_pic {
	width: 528px;
	height: 316px;
	display: block;
	float: left;
	position: relative;
	top: -150px;
	left: 356px;
}
.kefu_pic img {
	width: 528px;
	height: 316px;
	display: block;
}
.slide {
	position: absolute;
	display: block;
}
.slide {
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
}
.kf_li {
	width: 316px;
	height: 316px;
	top: 0;
	left: 0;
}
.slide,  .slide img {
	width: 316px;
	height: 316px;
}
.slide {
	left: 674px;
	top: 270px;
	width: 316px;
	height: 316px;
	overflow: hidden;
}
.server_detail {
	background: #fff;
	margin-top: 30px;
	height: 700px;
}
.crumbs {
	background: url(../images/problem_bg.png)no-repeat;
	width: 1200px;
	height: 91px;
	margin-top: 30px;
}
.crumbs em {
	font-weight: bold;
}
.tabmain {
	width: 1200px;
	margin-top: 15px;
	overflow: hidden;
}
#outerWrap {
	position: relative;
	z-index: 999;
}
#sliderParent {
	position: absolute;
	left: 0;
	height: 0;
	width: 100%;
	z-index: 999;
}
#slider {
	position: absolute;
	top: 0px;
	right: 0;
	width: 6px;
	border-radius: 6px;
	background: #ccc;
	cursor: pointer;
}
.tabmain .blueline {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 3px;
	height: 48px;
	overflow: hidden;
}
.tabmain .tabGroup {
	float: left;
	width: 180px;
	height: auto;
	z-index: 3;
}
.tabmain .tabGroup li {
	line-height: 31px;
	text-align: center;
	cursor: pointer;
	font-size: 16px;
	font-family: 'Microsoft yahei';
	background: #f4f4f4;
	border-radius: 20px;
	position: relative;
	width: 156px;
	height: 31px;
	display: block;
	margin: 20px 0;
}
.tabmain .tabGroup li.current {
	color: #0f8ff2;
	font-weight: bold;
	background: url(../images/common.png) no-repeat;
	background-position: -187px -112px;
}
.tabmain .tabGroup li .circle {
	height: 15px;
	display: inline-block;
	border-bottom: 1px solid #eaeaea;
	position: relative;
	right: -54px;
	top: -6px;
	transition: width .5s;
	width: 16px;
}
.tabmain .tabGroup li .circle span {
	color: #eaeaea;
	font-size: 30px;
	right: -16px;
	position: absolute;
	top: -3px;
}
.tabmain .tabGroup li.current .circle {
	height: 16px;
	display: inline-block;
	border-bottom: 1px solid #0f8ff2;
	position: relative;
	right: -53px;
	top: -6px;
	transition: width .5s;
}
.tabmain .tabGroup li.current .circle span {
	color: #0f8ff2;
	font-size: 40px;
	right: -20px;
	position: absolute;
	top: -3px;
}
 #container::-webkit-scrollbar {
 width: 12px;
 background-color:none;
}
#container::-webkit-scrollbar-thumb {
 border: solid 1px #fff;
 width: 1px;
 border-radius: 3px;
 background-color: #dcdbdb;
}
.tabmain .tabContent {
	float: left;
	width: 1019px;
	background: #fff;
	overflow-y: auto;
	height: 800px;
	border-left: 1px solid #ededed;
}
.problem-con {
	padding: 5px 20px;
	background-color: #fff;
	color: #777;
	min-height: 600px;
}
.tabContent h3 {
	color: #000;
	font-size: 18px;
	font-weight: 400;
	line-height: 19px;
	border-left: 3px solid #5fadff;
	padding-left: 10px;
	margin-bottom: 20px;
}
.tabContent ul {
	font-size: 14px;
}
.tabContent ul li .q {
	background: #f4f4f4;
	font: 14px/40px "\5FAE\8F6F\96C5\9ED1";
	color: #262626;
	padding: 0 10px 0 5px;
	height: 40px;
	font-weight: bold;
}
.tabContent ul li .q em {
	color: #cbcbcb;
	padding-right: 5px;
}
.tabContent ul li .a {
	color: #666;
	line-height: 1.7;
	padding: 10px;
}
.tabContent ul li .a p {
	line-height: 30px;
}

/*member*/
#main {
    height: 600px;
}
#main .wrap {
    margin: 0 auto;
    width: 1240px;
}
#main .wrap {
    /* width: 1000px; */
    /* margin: 0 auto; */
    /* position: relative; */
    /* z-index: 2; */
}

.login_bg {
    width: 295px;
    height: 395px;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    position: absolute;
    right: 50px;
    top: 95px;
    border-radius: 3px;
    box-shadow: 0 1px 3px #aaa;
    z-index: 2;
}

.login_top_bg {
    height: 58px;
    background: #ededed;
    border-bottom: 1px solid #ceccd0;
    border-radius: 3px 3px 0 0;
}

#loginer {
    position: relative;
    z-index: 99;
}

#loginer, #page_bg {
    width: 1200px;
}
#page_bg {
    width: 100%;
    height: 600px;
    overflow: hidden;
    min-width: 1000px;
}
#main .main {
    width: 295px;
    position: absolute;
    right: 10px;
    top: 95px;
    padding-bottom: 15px;
    z-index: 2;
    margin: 0;
    background: none;
    padding: 0;
}

#main .main .title {
    height: 58px;
    line-height: 58px;
    text-align: center;
    font-size: 26px;
    color: #666666;
}

#main .form {
    overflow: hidden;
    padding: 0px 25px 0;
    margin: 0 auto;
}

.form dd {
    margin-bottom: 5px;
}

#main .input {
    width: 245px;
    height: 90px;
    background: url(../images/input_bg2.png) -2px 3px no-repeat;
    margin-bottom: 10px;
    padding: 5px;
}

#main .text {
    height: 24px;
    line-height: 24px;
    margin: 14px 0 0 58px;
    color: #a9a9a9;
    font-size: 14px;
    border: none;
    vertical-align: middle;
    padding-left: 5px;
    width: 165px;
}

#main .code {
    float: left;
    width: 128px;
    height: 40px;
    padding: 5px 0 5px 5px;
    background: url(../images/yzm2.png) -1px 3px no-repeat;
}

.text-short {
    width: 60px!important;
    margin: 6px 0 0 58px!important;
}

.log-verify-ico {
    width: 108px;
    height: 38px;
    float: left;
    border: 1px solid #f3f3f3;
    margin: 2px 0 0 2px;
}

.log-verify-ico img {
    cursor: pointer;
    border: 1px solid #CCCCCC;
    border-radius: 3px;
}

.clearfixed:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.w_keep_password {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(../images/w_keep_pawbtn.png) 0 0 no-repeat;
    cursor: pointer;
}
.w_keep_pasw_check {
    background-position: -18px 0;
}

.form label {
    font-size: 12px;
    color: #6d798c;
    margin-left: 4px;
    cursor: pointer;
}

.form-forget {
    margin-left: 80px;
    color: #6d798c;
    font-size: 12px;
}
.btn-log-wrap {
    overflow: hidden;
    clear: both;
    padding-top: 15px;
}

.btn-log-wrap {
    text-align: center;
    padding-top: 5px;
}

.btn-log-wrap .btnlog {
    float: left;
    background: #FF6000;
    color: #FFF;
    border-bottom-color: #DE7F48;
}

.btn-log-wrap .btn {
    display: block;
    font-size: 14px;
    width: 46%;
    border-radius: 5px;
    border-bottom: 2px solid #DADADA;
    padding: 4px 0;
}
.btn-log-wrap .btnreg {
    float: right;
    background: #DFEDF6;
    color: #828FA1;
}
#main .three {
    position: relative;
    top: 3px;
    left: -28px;
}
/*jianrong*/
.game-item:first-child {
	margin-left: 0px;
}
.game-item:first-child +.game-item+.game-item+.game-item  {
	/* margin: 0px; */
	margin-right: -8px;
}
.hot-game-list li:first-child+li+li{
	margin: 0 0px 20px 0;
}
.hot-game-list li:first-child+li+li+li+li+li{
	margin: 0 0px 20px 0;
}
.mod-lb-box li:first-child+li+li+li+li+li{
                margin: 0;
}
.more-game .fast_entry li:first-child+li{
              border-left: none;
              width: 201px;
}
.more-game .fast_entry li:first-child+li+li+li{
              border-left: none;
              width: 201px;
}
.more-game .fast_entry li:first-child+li+li+li+li+li{
              border-left: none;
              width: 201px;
}
.more-game .fast_entry li:first-child+li+li+li+li+li+li+li{
              border-left: none;
              width: 201px;
}
.game-list li:first-child+li+li+li+li {
    margin-right: 0px;
}
.game-list li:first-child+li+li+li+li+li+li+li+li+li{
    margin-right: 0px;
}
.game-list li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    margin-right: 0px;
}
.hot_list ul li:first-child+li+li {
    margin: 0 0px 0 32px;
}
.hot_list ul li:first-child+li+li+li{
    margin: 0 32px 0 0;
    clear: both;
}
.hot_list ul li:first-child+li+li+li+li+li {
    margin: 0 0px 0 32px;
}
.gifts-list-box .gift_details .details_title li:first-child+li {
	border-radius: 0 20px 20px 0;
	border-right: none;
	float: right;
}
/*jianrong end*/