.wrapper {
  position: relative;
  height: 2648px;
}

.wap_bg {
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 1236px;
  margin-left: -618px;
}


#Layer12 {
	position:relative;
	height:79px;
	z-index:10000;
	background-image: url(../images/smtop.jpg);
	background-repeat: no-repeat;
	background-position: center;
	width: 1920px;
}
#Layer13 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:1;
	top: 18px;
	left: 1150px;
}
#Layer14 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:2;
	left: 1350px;
	top: 18px;
}
#Layer15 {
	position:absolute;
	width:150px;
	height:50px;
	z-index:3;
	left: 1560px;
	top: 18px;
}

/* S 第一部分 */
.gamesite_download { position: absolute; top: 692px; left: 412px;  width: 549px; height: 161px; padding: 39px 0 0 29px; background: url(../images/download_bg.png) left center no-repeat; z-index: 9;}
.gamesite_download_wechat { width: 142px; height: 142px; overflow: hidden; float: left; position: relative;}
.gamesite_download_wechat img { display: block;  width: 100%;}
.gamesite_download_link { float: left; width: 216px; overflow: hidden; margin: 0 10px;}
.gamesite_download_link a { display: block; width: 100%; margin-bottom: 16px;}
.gamesite_download_gift{width: 144px; float: left;}
.gamesite_download_gift img{ width: 208px; margin:-30px 0 0 -30px}

.newbox { position: relative; min-height: 380px;}
.gamesite_banner { width: 668px; height: 380px; overflow: hidden;}
.gamesite_banner .bd { position: relative; height: 100%; z-index: 0;}
.gamesite_banner .bd li { zoom:1;  vertical-align: middle;}
.gamesite_banner .bd img { width: 668px; height: 380px; display: block;}
.gamesite_banner .hd {position: absolute; bottom: 10px; right: 20px; z-index: 9;}
.gamesite_banner .hd li{ float: left; background: #170e07; width: 7px; height: 7px; border-radius: 100%; margin: 0 5px; text-indent: -9999px;}
.gamesite_banner .hd li.on{background: #ffdca4;}
.news_bg{position: absolute; width: 545px; height: 384px; left: 0; top: 0;}
.gamesite_news { padding: 20px 5px 0; width: 530px; height: 364px; position: relative; }
.gamesite_news_tit { height: 40px; position: relative; z-index: 9;}
.gamesite_news_tit ul { padding-left: 22px;}
.gamesite_news_tit li { float: left; width: 80px; height: 30px; margin-right: 8px; text-align: center; font-size: 16px; color: #a8a49e; cursor: pointer;}
.gamesite_news_tit li.on { color: #ffeeaa; width: 120px; font-size: 18px; background: url(../images/news_tit_on.png) left center no-repeat;}
.gamesite_news_txt { height: 300px; overflow: hidden; position: relative; z-index: 9;}
.gamesite_news_hot{ font-size: 20px; padding: 10px 0; text-align: center; position: relative; z-index: 9;}
.gamesite_news_hot a{color: #fff; font-weight: bold;}
.gamesite_news_ul { padding: 0 5px;}
.gamesite_news_ul ul { height: 262px;}
.gamesite_news_ul li { height: 42px; line-height: 42px; overflow: hidden; border-bottom: 1px dotted #939393; }
.gamesite_news_ul li span { float: right; font-size: 15px; color: #fff;}
.gamesite_news_ul li a { float: left; width: 400px;font-size: 15px; color: #fff; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gamesite_news_ul li a:hover { color: #feeda8;}
.gamesite_news_more a { position: absolute; top: 5px; right: 5px; width: 17px; height: 17px;}

/* S 第二部分 */
.gamesite_active_picture{ position: relative; z-index: 9;height: 216px;}
.gamesite_active_picture a{width: 298px; height: 216px; float: left; margin: 0 2px;}
.gamesite_active_picture a:hover img{-webkit-animation:flash ease-in-out .5s both .3s 0 ease;-moz-animation:flash ease-in-out .5s both .3s 0 ease;-ms-animation:flash ease-in-out .5s both .3s 0 ease;-o-animation:flash ease-in-out .5s both .3s 0 ease;animation:flash ease-in-out .5s both .3s 0 ease;-moz-animation:flash ease-in-out .5s both;-webkit-animation:flash ease-in-out .5s both;-o-animation:flash ease-in-out .5s both;-ms-animation:flash ease-in-out .5s both;animation:flash ease-in-out .5s both}

/* S 第三部分 */
.gamesite_role_area{ padding-top: 212px;}
.gamesite_role_tit { width: 830px; margin: 0 auto;}
.game_pro{width:1210px; height:710px; position:relative;}
.game_pro .btn{width:42px; height:52px; background-image:url(../role_icosa859.html?version=2021032001); position:absolute; top:50%; margin-top:-26px; z-index:6;}
.game_pro .click{width:66px; height:86px; position:absolute; top:50%; margin-top:-86px; z-index:6; cursor: pointer;}
.game_pro .click img{max-width: 100%;}
.game_pro .b_prev{left:0; }
.game_pro .b_next{right:0;}
.game_pro_tit{ position:absolute; top:320px; left:450px; width: 100px; z-index:13;}
.game_pro_tit a{width:56px; height:54px; display: block; background:url(../images/role_gender.png) no-repeat; margin-bottom: 15px;}
.game_pro_tit a.pro_man{ background-position: -5px 0;}
.game_pro_tit a.pro_woman{ background-position:  -5px -74px;}
.game_pro_tit a.pro_man.on{ background-position: -66px 0;}
.game_pro_tit a.pro_woman.on{ background-position: -66px -74px;}
.role_intro{ position: absolute; top: 390px; left: 860px; width: 450px; height: 100px;  font-size: 14px;}
.role_intro a{ float: left; width: 70px; text-align: center;color: #fff; position: relative; z-index: 9;}
.role_intro img{width: 44px; height: 40px; margin-bottom: 5px;}
.role_pic{ position: absolute; top: 24px; left: 162px; width: 1080px; height: 710px;}
.role_can {position: absolute; top: 160px; left: 110px;}
.role_can p{color: #a95400; font-size: 18px; margin: 30px 0;}
.role_can a{display: block; width: 122px; height: 37px; text-align: center; line-height: 37px; border: 1px solid #241b1d; font-size: 14px; color: #241b1d; margin-top: 30px;}
.role_can a:hover{background: #241b1d; color:#fff;}
.role_jineng{display: none; position: absolute; top: 70px; left: 15px; width: 303px; height: 75px; background:url(../images/txt_pop.png) no-repeat; font-size: 14px; padding: 20px 15px 0; line-height: 22px; overflow: hidden; text-align: left;}
.role_intro a:hover .role_jineng{display: block;}


/* S 第四部分 */
.gamesite_intro_area{ padding-top: 256px; height: 560px; position: relative;}
.gamesite_intro_tit{ width: 830px; height: 150px; margin: 0 auto;}
.gamesite_intro_list{ margin-top: 30px; float: left; width: 660px;}
.gamesite_intro_list li{float: left; width: 203px; height: 280px; padding-top: 86px; margin-right: 14px; text-align: center; position: relative; z-index: 9;}
.gamesite_intro_list li a{font-size: 16px;  color: #fff; text-decoration: underline; display: block; margin-bottom: 15px;position: relative; z-index: 9;}
.gamesite_intro_list li a:hover{color: #feeda8;}
.intro_bg{ position: absolute; top: 0; left: 0; width: 203px; height: 366px;}
.kefu_txt{ position: absolute; bottom: 40px; left: 0; width: 203px; height: 50px; line-height: 24px; font-size: 15px; color: #cbcaca; z-index: 19;}

.gamesite_data_list{ position: absolute; top: 396px; right: -36px; width: 600px; height: 406px;}
.gamesite_data_ul{padding:120px 90px 0 40px; position: relative; z-index: 9;}
.gamesite_data_ul ul { height: 262px;}
.gamesite_data_ul li { height: 42px; line-height: 42px; overflow: hidden; border-bottom: 1px dotted #939393; }
.gamesite_data_ul li span { float: right; font-size: 15px; color: #fff;}
.gamesite_data_ul li a { float: left; width: 400px;font-size: 15px; color: #fff; height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gamesite_data_ul li a:hover {color: #feeda8;}

.gamesite_data_more{position: absolute; top: 62px; right: 62px; z-index: 9;}
.data_bg{ position: absolute; top: 0; left: 0; width: 600px; height: 406px;}

.gamesite_bottom_area{ margin-top: 27px; height: 400px;}
.gamesite_mrf_area{width: 586px; float: left; position: relative; z-index: 9;}
.gamesite_mrf_more{ position: absolute; top: 18px; right: 14px; z-index: 9;}
.gamesite_mrf_list { padding: 80px 0 0 24px; height: 200px; overflow: hidden;}
.gamesite_mrf_list a{width: 500px; height: 212px; margin: 0 17px; overflow: hidden; float: left; position: relative;  z-index: 9;}
.gamesite_mrf_list a img{max-width: 100%;}
.gamesite_mrf_list a p {background: rgba(0, 0, 0, 0.5); color: #feeda8; height: 38px; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 38px; text-align: center; font-size: 14px;}

.gamesite_jietu_area{float: right; width: 586px; height: 304px;position: relative;  z-index: 9;}
.gamesite_jietu_list {}
.gamesite_jietu_list ul{padding: 25px 0 0 16px;}
.yxjt_content{position: relative; margin-top: 62px;margin-left: -4px; width: 747px;height: 271px;}
.yxjt{width:550px; height:240px; overflow: hidden; position: absolute;top: 55px;left:15px}
.yxjt .yxjt_tit{ width: 586px; text-align: center ;position: absolute ;right: 0; top: 190px; z-index: 10;}
.yxjt .yxjt_tit a{width:18px; height:4px; overflow: hidden; background:#000; display:inline-block; margin:0 5px; cursor:pointer;}
.yxjt .yxjt_tit a.on{background:#ffeeaa; width: 37px;}
.yxjt dd{width: 2000px; height: 181px; overflow: hidden; float: left; position: relative;}
.yxjt dd a{width:245px; height:181px; display:block; overflow:hidden; margin:0 10px; float:left;position: relative;}
.yxjt dd a img{max-width: 100%;}

.gamesite_ecode_area{ margin-top: 120px; height: 200px;}
.gamesite_ecode{width: 160px; margin: 0 auto;}


@-webkit-keyframes flash{
	0%,100%{opacity:1;filter:alpha(opacity=100)}
  50%{opacity:.8;filter:alpha(opacity=80)}
}
@-moz-keyframes flash{
  0%,100%{opacity:1;filter:alpha(opacity=100)}
  50%{opacity:.8;filter:alpha(opacity=80)}
}
@-o-keyframes flash{
  0%,100%{opacity:1;filter:alpha(opacity=100)}
  50%{opacity:.8;filter:alpha(opacity=80)}
}
@-ms-keyframes flash{
  0%,100%{opacity:1;filter:alpha(opacity=100)}
  50%{opacity:.8;filter:alpha(opacity=80)}
}
@keyframes flash{
  0%,100%{opacity:1;filter:alpha(opacity=100)}
  50%{opacity:.8;filter:alpha(opacity=80)}
}



#ZhuangBei{height:auto;position:relative;min-width:1280px;margin:0 auto;padding-bottom:150px;}

	.PicList{float:left;}
	.PicList li{float:left;position:relative;margin-right:17px;margin-bottom:10px;padding-top:31px;float:left;width:385px;height:auto;padding:10px;margin-top:20px;background:#121011;border:5px solid #323232;}
	.PicList li:nth-child(3n){margin-right:0px;}
	.PicList strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fff;margin-bottom:3px;letter-spacing:4px;display:block;background:#323232;}
	.PicList .photo{width:385px;margin:0 auto;background-color:#000000;display:block;}
	
	.PicList2{float:left;}
	.PicList2 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:31px;float:left;width:605px;height:auto;padding:10px;margin-top:20px;background:#121011;border:5px solid #323232;}
	.PicList2 li:nth-child(2n){margin-right:0px;}
	.PicList2 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fff;margin-bottom:3px;letter-spacing:4px;display:block;background:#323232;}
	.PicList2 .photo{width:605px;margin:0 auto;background-color:#000000;display:block;}
	
	.PicList3{float:left;}
	.PicList3 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:31px;float:left;width:1250px;height:auto;padding:10px;margin-top:20px;background:#121011;border:5px solid #323232;}
	.PicList3 li:nth-child(3n){margin-right:0px;}
	.PicList3 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fff;margin-bottom:3px;letter-spacing:4px;display:block;background:#323232;}
	.PicList3 .photo{width:1250px;margin:0 auto;background-color:#000000;display:block;}