@charset "gbk";

.slider-container {
	position: relative;
	width: 100%;
	min-width: 1260px;
	max-width: 1920px;
	height: 726px;
	margin-top:102px;
}

.slider-container .slide {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 726px;
	background-repeat: no-repeat;
	background-position: center top
}

.slider-container .slide.active {
	z-index: 2
}

.slider-container .desc {
	padding-top: 220px;
	color: #000
}

.slider-container .left {
	float: left;
	padding-left: 50px
}

.slider-container .right {
	float: right;
	padding-right: 50px
}

.slider-container a {
	display: block;
	width: 1260px;
	height: 100%;
	margin: 0 auto
}

.slider-container h2,.slider-container h3 {
	font-size: 46px;
	font-weight: 700;
	line-height: 62px
}

.slider-container h3 {
	padding-bottom: 26px
}

.slider-container p {
	width: 490px;
	line-height: 30px;
	margin-bottom: 30px;
	font-size: 16px
}

.slider-container .btn {
	display: block;
	width: 140px;
	height: 49px;
	line-height: 49px;
	background: url("../images/home_sprite.png") no-repeat 0 0;
	text-align: center;
	font-size: 16px;
	color: #fff
}

.slider-container .slide-btn {
	position: absolute;
	left: 50%;
	top: 400px;
	bottom: 111px;
	width: 1260px;
	height: 0;
	margin-left: -630px;
	z-index: 3
}

.slider-container .slide-btn ul {
	float: right
}

.slider-container .slide-btn li {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background-image: url("../images/home_sprite.png");
	background-repeat: no-repeat;
	background-position: -141px -21px;
	cursor: pointer
}

.slider-container .slide-btn li.active,.slider-container .slide-btn li:hover {
	background-position: -141px 0
}

.con-wrap1 {
	position: relative;z-index: 99;width: 1260px;margin: 0 auto;
}

.con-wrap1 .con-wrap {
	position: absolute;left: 0;top: -300px;
}

.con-wrap1 .cc-download,.con-wrap1 .gameInfo,.con-wrap1 .news {
	position: relative;
	float: left
}

.con-wrap1 .gameInfo .shade{position:absolute;}
.con-wrap1 .gameInfo .top{top:0;height:269px;width:100%;}
.con-wrap1 .gameInfo .bottom{bottom:0;height:40px;}
.con-wrap1 .gameInfo .bt_l{width:105px;background: #333;}
.con-wrap1 .gameInfo .bt_r{width:150px;right:0px;background: #333;}
.con-wrap1 .cc-wrap {
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px;
	border: 5px solid #1D2C3F
}

.con-wrap1 .cc-content {width:320px;margin:0 auto; height: 267px;}
.con-wrap1 .cc-content h2{padding: 13px 0px;border-bottom: 1px solid #fff;font-size: 18px;color: #fff;font-weight: 700;text-align: center;}

.con-wrap1 .cc-download {
	width: 393px;
	height: 300px;
	background-color: #1D2C3F
}

.con-wrap1 .cc-down-ico {
	position: absolute;
	left: 50%;
	top: 34px;
	width: 129px;
	height: 129px;
	margin-left: -65px;
	background: url("../images/cc_download.png") no-repeat
}

@-webkit-keyframes topMove {
	0% {
		-webkit-transform: translateY(-2px)
	}

	100% {
		-webkit-transform: translateY(10px);
		opacity: 0
	}
}

@-moz-keyframes topMove {
	0% {
		-webkit-transform: translateY(-2px)
	}

	100% {
		-webkit-transform: translateY(10px);
		opacity: 0
	}
}

@-o-keyframes topMove {
	0% {
		-o-transform: translateY(-2px)
	}

	100% {
		-o-transform: translateY(10px);
		opacity: 0
	}
}

@-ms-keyframes topMove {
	0% {
		-ms-transform: translateY(-2px)
	}

	100% {
		-ms-transform: translateY(10px)
	}
}

@keyframes topMove {
	0% {
		transform: translateY(-2px)
	}

	100% {
		transform: translateY(10px)
	}
}

.con-wrap1 .arrow {
	position: absolute;
	left: 50%;
	top: 71px;
	width: 30px;
	height: 32px;
	margin-left: -14px;
	background: url("../images/cc_arrow.png") no-repeat;
	-webkit-animation: topMove 1s linear infinite 0s normal;
	-moz-animation: topMove 1s linear infinite 0s normal;
	-o-animation: topMove 1s linear infinite 0s normal;
	-ms-animation: topMove 1s linear infinite 0s normal;
	animation: topMove 1s linear infinite 0s normal
}

.con-wrap1 .gameInfo {width: 462px;height: 310px;background-color: #050709;border: 5px solid #F4C503;position: absolute;left: 393px;top: -19px;overflow: hidden}
.gameInfo .index_flash_kf {
	width: 462px;
    height: 310px;
    background: url(../images/kf_bg.png) no-repeat center bottom;
    position: absolute;
    top: 0;
}
/* .con-wrap1 .gameInfo embed{position: relative;top: -20px;left: -14px;} */
.con-wrap1 .news {width:393px;height: 300px;margin-left: 471px;background-color: #1D2C3F;}
.con-wrap1 .news .news_tabs{width:100%;height:40px;background:url(../images/index-sprite.png) no-repeat 0 -39px;}
.con-wrap1 .news .news_tabs li {float:left;color:#767C94;width: 98px;text-align: center;height: 40px;line-height: 40px;font-size: 16px;cursor: pointer;}
.con-wrap1 .news .news_tabs .on{background-color:#1D2C3F;color:#fff;}
.con-wrap1 .news .newslist{display: none;}
.con-wrap1 .news .show{display: block;}
.con-wrap1 .more {
	position: absolute;
	right: 0;
	top: 0;
	width: 37px;
	height: 37px;
	background: url("../images/home_sprite.png") -162px 0
}

.cc-wrap .desc {
	padding-top: 184px;
	text-align: center;
	color: #fff
}

.cc-wrap .desc h2 {
	padding-bottom: 10px;
	font-size: 22px;
	font-weight: 700
}

.cc-wrap .link a {
	padding: 0 3px
}

.cc-wrap .link a:hover {
	text-decoration: underline
}

.con-wrap1 .news h2 {width: 227px;height: 30px;line-height: 35px;text-align: center;float: right;}
.con-wrap1 .news h2 a {/*color: #0DF3C2;*/}
.con-wrap1 .news h2 a:hover {text-decoration: underline;}
.con-wrap1 .news .list {width: 358px;height:100px;margin: 0 auto;}

.con-wrap1 .news .list li {
	overflow: hidden;
	height: 27px;
	line-height: 27px;
}
.con-wrap1 .news .list li i{display: inline-block;width: 10px;height: 10px;background: url(../images/index-sprite.png) no-repeat;background-position: -2px -269px;}
.con-wrap1 .news .list a {
	color: #b5b5b5
}

.con-wrap1 .news .list a:hover {
	color: #fff;
	text-decoration: underline
}

.con-wrap1 .news .time {
	float: right;
	margin-left: 10px;
	text-indent: 0;
	color: #b5b5b5
}
.con-wrap1 .news .news_more{display: inline-block;width: 82px;height: 17px;line-height: 17px;float: right;margin: 10px 18px 0 0;color: #8E9AA6;background: url(../images/index-sprite.png) no-repeat right center;background-position: 67px -249px;}
.con-title {
	zoom: 1
}

.con-title:after {
	display: block;
	content: "";
	clear: both
}

.con-title h2 {
	float: left;
	padding-left: 21px;
	border-left: 4px solid #FEAE11;
	font-size: 22px;
	color: #000
}

.con-title .reload {
	float: right;
	line-height: 22px;
	margin-right: 20px;
	font-size: 16px;
	color: #272a2c
}

.con-title .reload span {
	display: inline-block;
	width: 21px;
	height: 23px;
	margin-left: 11px;
	background: url("../images/index-sprite.png") no-repeat;
	background-position: -75px -251px;
	vertical-align: middle
}

.con-wrap2 {
	background-color: #f1f1f1
}

.con-wrap2 .con-title {
	padding: 43px 0 30px 0
}

.con-wrap2 .option-btn {
	display: inline-block;
	margin-top: 6px;
	color: #000;
	font-size: 16px
}

.con-wrap2 .option-btn:hover,.con-wrap2 .option-btn.active {
	color: #e43828
}

.con-wrap2 .game-hot-box {
	display: none;
	position: absolute;
	z-index: 2;
	width: 1260px;
	height: 268px
}

.con-wrap2 .game-hot-box .box {
	float: left;
	width: 400px;
	height: 268px;
	margin-left: 30px;
	background-color: #fff;
	box-shadow: 0 5px 5px 0 rgba(231,231,231,0.8)
}

.con-wrap2 .game-hot-box .box:first-child{
	margin-left: 0
}

.con-wrap2 .game-hot-box .top-link {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
	height: 176px
}

.con-wrap2 .game-hot-box .top-link:hover .mask {
	top: 0;
	opacity: 1
}

.con-wrap2 .game-hot-box .text{
	position: relative;
	height: 92px
}

.con-wrap2 .game-hot-box .text h3,.con-wrap2 .game-hot-box .text p {
	width: 285px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-indent: 22px
}

.con-wrap2 .game-hot-box .text h3 {
	padding-top: 24px;
	font-size: 20px;
	font-weight: 700;
	color: #313131
}

.con-wrap2 .game-hot-box .text p {
	height: 36px;
	line-height: 36px;
	color: #9f9f9f
}

.con-wrap2 .game-hot-box .btn {
	position: absolute;
	right: 20px;
	bottom: 24px;
	width: 88px;
	height: 30px;
	line-height: 30px;
	background-image: url("../images/common_sprite.png");
	background-repeat: no-repeat;
	background-position: -33px -30px;
	text-align: center;
	font-size: 12px;
	color: #959595
}

.con-wrap2 .game-hot-box .btn:hover {
	background-position: -33px 0;
	color: #fff;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	-webkit-animation: hot-btn-bounc .3s linear .2s 1 normal;
	-moz-animation: hot-btn-bounc .3s linear .2s 1 normal;
	-ms-animation: hot-btn-bounc .3s linear .2s 1 normal;
	-o-animation: hot-btn-bounc .3s linear .2s 1 normal;
	animation: hot-btn-bounc .3s linear .2s 1 normal
}

@-webkit-keyframes hot-btn-bounc {
	0% {
		-webkit-transform: translateY(0)
	}

	50% {
		-webkit-transform: translateY(3px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes hot-btn-bounc {
	0% {
		-moz-transform: translateY(0)
	}

	50% {
		-moz-transform: translateY(3px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes hot-btn-bounc {
	0% {
		-ms-transform: translateY(0)
	}

	50% {
		-ms-transform: translateY(3px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@-o-keyframes hot-btn-bounc {
	0% {
		-o-transform: translateY(0)
	}

	50% {
		-ms-transform: translateY(3px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes hot-btn-bounc {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(3px)
	}

	100% {
		transform: translateY(0)
	}
}

.con-wrap2 .active {
	z-index: 3
}

.con-wrap2 .active .box {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.con-wrap2 .box{
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.con-wrap2 .showing .box {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.con-wrap2 .showing .box:nth-of-type(1) {
	-webkit-transition: all .4s linear .4s;
	-moz-transition: all .4s linear .4s;
	-ms-transition: all .4s linear .4s;
	-o-transition: all .4s linear .4s;
	transition: all .4s linear .4s
}

.con-wrap2 .showing .box:nth-of-type(2){
	-webkit-transition: all .4s linear .5s;
	-moz-transition: all .4s linear .5s;
	-ms-transition: all .4s linear .5s;
	-o-transition: all .4s linear .5s;
	transform: all .4s linear .5s
}

.con-wrap2 .showing .box:nth-of-type(3) {
	-webkit-transition: all .4s linear .6s;
	-moz-transition: all .4s linear .6s;
	-ms-transition: all .4s linear .6s;
	-o-transition: all .4s linear .6s;
	transform: all .4s linear .6s
}

.con-wrap2 .hideing .box{
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.con-wrap2 .hideing .box:nth-of-type(1) {
	-webkit-transition: all .4s linear 0s;
	-moz-transition: all .4s linear 0s;
	-ms-transition: all .4s linear 0s;
	-o-transition: all .4s linear 0s;
	transition: all .4s linear 0s
}

.con-wrap2 .hideing .box:nth-of-type(2) {
	-webkit-transition: all .4s linear .1s;
	-moz-transition: all .4s linear .1s;
	-ms-transition: all .4s linear .1s;
	-o-transition: all .4s linear .1s;
	transition: all .4s linear .1s
}

.con-wrap2 .hideing .box:nth-of-type(3) {
	-webkit-transition: all .4s linear .2s;
	-moz-transition: all .4s linear .2s;
	-ms-transition: all .4s linear .2s;
	-o-transition: all .4s linear .2s;
	transition: all .4s linear .2s
}

.con-wrap2 {
	height: 740px;
	position: relative;
	z-index: 5
}

.con-wrap2 .game-hot-box .mask {
	position: absolute;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background-color: #cd1938;
	background-color: rgba(205,25,56,0.9);
	line-height: 26px;
	font-size: 16px;
	opacity: 0;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.con-wrap2 .game-hot-box .con {
	position: absolute;
	left: 120px;
	top: 50%;
	margin-top: -39px
}

.con-wrap2 .game-hot-box .ens-num {
	padding-left: 21px;
	background: url("../images/home_sprite.png") no-repeat -218px 4px
}

.con-wrap3 {
	/*height: 498px;*/
	padding-top: 34px;
	background-color: #fff
}

.server-wrap {
	float: left;
	width: 296px;
	border: 1px solid #ddd;
	margin-right: 20px
}

.server-wrap .tit {
	height: 38px;
	line-height: 38px;
	border-bottom: 1px solid #fff;
	background-color: #FEAE11;
	color: #000;
	padding-left: 12px;
	font-size: 18px;
}
.server-wrap .index-server-list{background: #fff;}

.server-wrap .tit a {display: inline-block;margin: 10px 14px 0 0;width: 17px;height: 20px;background: url(../images/index-sprite.png) no-repeat;background-position: -54px -249px;}

.server-wrap .kfb-tab span {
	width: 144px;
	cursor: pointer;
}

.server-wrap .kfb-tab .on {
	font-weight: bold;
	font-size: 14px;
	color: red;
}

.server-wrap .kfb_title{height:38px;color:#BBA119;font-size:12px;text-align: center;}
.server-wrap .content span{display: inline-block;height:38px;line-height:38px;text-align: center;font-size: 12px;}
.server-wrap .kfb_date{width:50px;}
.server-wrap .kfb_time{width:50px;}
.server-wrap .kfb_game{width:88px;}
.server-wrap .orange{color:#FD9A5F;}
.server-wrap .kfb_server{width:108px;}
.server-wrap .kfb_title .kfb_server{width:96px;}
.server-wrap .list {
	display: none;
	height: 540px;
	overflow: hidden;
	*position: relative
}

.server-wrap li {
	overflow: hidden;
	position: relative;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dotted #ddd;
	background-color: #fff;
	vertical-align: top
}

.server-wrap .list a {
	display: block;
	height: 100%;
	color: #313131
}

.server-wrap .col {
	position: absolute;
	top: 0
}

.server-wrap .game-date {
	overflow: hidden;
	z-index: 2;
	width: 68px;
	height: 100%;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.server-wrap .list a:hover .game-date {
	width: 100%;
	background-color: #e43828;
	color: #fff;
	*cursor: pointer
}

.server-wrap .game-day,.server-wrap .game-time {
	position: absolute
}

.server-wrap .game-day {
	left: 0;
	width: 68px;
	text-align: center
}

.server-wrap .game-time {
	width: 208px;
	left: 68px;
	text-indent: 25px
}

.server-wrap .game-time b {
	padding-left: 50px
}

.server-wrap .game-name,.server-wrap .game-server {
	width: 104px;
	text-align: center
}

.server-wrap .game-name {
	left: 68px
}

.server-wrap .game-server {
	left: 172px
}

.server-wrap .game-server img {
	position: absolute;
	margin: 5px 0 0 -30px;
	*margin-top: 0
}

.server-wrap .game-server {
	color: #666
}

.server-wrap .switch {
	height: 23px;
	padding-top: 11px;
	background-color: #f1f1f1;
	text-align: center;
	font-size: 0
}

.server-wrap .switch a {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	background-color: #d2d2d2;
	border-radius: 50%
}

.server-wrap .switch .active {
	background-color: #aaa
}

.game-list {
	float: left;
	width: 274px;
	margin-left: 45px
}

.game-list .tit {
	padding-left: 28px;
	height: 22px;
	line-height: 22px;
	border-left: 4px solid #e43828;
	font-size: 16px;
	font-weight: 700
}

.game-list .list {
	padding: 13px 0 0 4px
}

.game-list .list li {
	height: 34px;
	line-height: 34px;
	border-bottom: 1px dashed #ddd;
	background-color: #fff;
	zoom: 1
}

.game-list .list em {
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	margin-right: 8px;
	background: url("../images/home_sprite.png") no-repeat 0 -50px;
	text-align: center;
	color: #fff
}

.game-list .list .game-name {
	color: #313131
}

.game-list .list .game-name:hover {
	color: #e43828
}

.game-list .list .game-img,.game-list .list .con {
	display: none
}

.game-list .list .game-img {
	float: left;
	margin-right: 8px
}

.game-list .list img {
	width: 60px;
	height: 60px
}

.game-list .list strong {
	font-size: 16px;
	font-weight: normal
}

.game-list .list .con {
	font-size: 0
}

.game-list .list .game-type {
	padding-bottom: 4px;
	font-size: 12px;
	color: #a0a0a0
}

.game-list .list .green,.game-list .list .blue,.game-list .list .red {
	display: inline-block;
	width: 34px;
	height: 16px;
	line-height: 16px;
	margin-right: 10px;
	font-size: 12px;
	border-width: 1px;
	border-style: solid;
	text-align: center
}

.game-list .list .green {
	color: #8bbf1f;
	border-color: #8bbf1f
}

.game-list .list .blue {
	color: #2ea3dc;
	border-color: #2ea3dc
}

.game-list .list .red {
	color: #e43828;
	border-color: #e43828
}

.active {
	height: 60px;
	line-height: normal
}

.active em {
	display: none
}

.active .game-img,.game-list .list .active .con {
	display: block
}

.con-wrap4 {
	position: relative;
	width: 1260px;
	height: 290px;
	margin:0 auto;
	/*background: url("../images/game_bg_ad.jpg") no-repeat center top*/
}

/* 游戏攻略 */
.con-wrap4 .gl_wrap {width:100%;height:244px;border:1px solid #FEBD49;margin-top:20px;overflow: hidden}
.con-wrap4 .gl_wrap a{color:#000;}
.con-wrap4 .gl_wrap .gl_tabs{width: 100%;height: 40px;line-height: 40px;border-bottom: 1px solid #FFC258;}
.con-wrap4 .gl_wrap .gl_tabs li{float:left;width: 105px;text-align: center;}
.con-wrap4 .gl_wrap .gl_tabs a{font-size:18px;}
.con-wrap4 .gl_wrap .gl_tabs .cur{background: #213B5C;}
.con-wrap4 .gl_wrap .gl_tabs .cur a{color:#fff;}
.con-wrap4 .gl_wrap .gl_content ul{margin-top:20px;display: none;}
.con-wrap4 .gl_wrap .gl_content li{float: left;width: 380px;height: 30px;line-height: 30px;margin:0 27px 0 13px;border-bottom: 1px dotted #ccc;}
.con-wrap4 .gl_wrap .gl_content li span{float:right;}

/* 友情链接 */
.con-wrap5 {width: 1260px;margin: 50px auto;}
.con-wrap5 .flink {min-height:60px;border:1px solid #FFA409;padding: 12px;}
.con-wrap5 .flink li{float:left;margin:0px 5px;height:22px;line-height: 22px;}
.con-wrap5 .flink li a {color:#646464;}
.con-wrap5 .con-title {
	margin-bottom: 20px
}
.con-wrap5 .con-title span{float: right;color: #BDB4B4;}


.con-wrap6 {
	min-height: 318px;
	background-color: #fff
}

.con-wrap6 .con-title {
	padding: 49px 0 37px 0
}

.partner {
	overflow: hidden;
	padding-bottom: 40px;
	margin-left: -260px
}

.partner a {
	color: #313131
}

.partner a:hover {
	color: #e43828
}

.partner li {
	overflow: hidden;
	float: left;
	width: 130px;
	height: 34px;
	line-height: 34px;
	margin-left: 250px;
	text-indent: 20px
}
/****新闻列表图文显示*****/
.piccontent{
width: 370px;height: 110px;
margin: 4px auto;
background: url(../images/piccontent.jpg) no-repeat;
border-radius: 5px;
}
.picleft{
width:130px;
height:100px;
float:left;
margin-top: 5px;
margin-left: 5px;
}
.picleft img{
width:130px;
height:100px;
border-radius: 5px;
}
.contenright{
width:215px;
height:75px;
color:#ccc;
padding-left: 7px;
line-height: 18px;
font: 12px "Microsoft Yahei";
}