body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,button,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:"Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;font-family:"Microsoft YaHei"}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var,i{font-style:normal;font-weight:normal}
ul,ol,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%;outline:0;border:0}
a{text-decoration:none}
button,textarea{outline:0;border:0;padding:0;margin:0;-webkit-appearance:none}
.main{width:100%;max-width:1920px;margin:auto;overflow:hidden;background:#fff url(../images/bg_1.jpg) no-repeat center top}
.section{width:100%}
.section::after{content:'';display:block;clear:both}
.section .sectionin{width:1200px;margin:auto}
.section .sectionin::after{content:'';display:block;clear:both}
.datatitle{width:100%;color:#444;font-size:36px;font-weight:bold;height:50px;line-height:50px;text-align:center;position: relative}
.datatitle a{
	position: absolute;
	top: 15px;
	right: 0;
	width: 22px;
	height: 22px;
	cursor: pointer;
	background:url(../images/icon_3.png);
}
.s1 .btn_down{display:block;width:452px;height:143px;margin:auto;background:url(../images/btn_5.png);margin-top:680px}
.s1 .nav_1{width:100%;height:80px;overflow:hidden;margin-top:70px}
.s1 .nav_1 a{float:left;width:195px;height:80px;cursor:pointer;background:url(../images/btn_1.png);line-height:80px;text-align:center;color:#fffeea;font-size:24px;font-weight:bold;margin-left:6px}
.s1 .nav_1 a:hover{background:url(../images/btn_2.png)}
.s1 .nav_1 a:first-child{margin-left:0}
.s1 .nav_2{width:770px;height:70px;margin:auto;margin-top:20px;text-align:center}
.s1 .nav_2 a{display:inline-block;width:128px;height:51px;line-height:49px;background:url(../images/btn_3.png);color:#888;font-size:16px;margin-top:10px}
.s1 .nav_2 a:hover{background:url(../images/btn_4.png);color:#fff}
.s2{margin-top:20px}
.s2 .s2_l{float:left;width:590px;margin-right:10px;overflow:hidden}
.s2 .s2_r{width:600px;float:left;overflow:hidden;background:url(../images/bg_5.png);width:600px;height:760px}
.s2 .s2_l .topswiperbox{width:583px;height:439px;background:url(../images/bg_4.png);overflow:hidden}
.s2 .flashswiper{width:550px;margin:auto;margin-top:16px}
.s2 .flashswiper img{width:550px;height:350px}
.s2 .flashswiper .swiper-slide span{display:block;width:100%;overflow:hidden;height:40px;line-height:40px;color:#fff;font-size:18px}
.s2 .flashswiper .flashswiper-pagination{position:absolute;height:40px;bottom:0;right:0;text-align:right;left:unset;width:130px;overflow:hidden;z-index:2}
.s2 .flashswiper .flashswiper-pagination span{opacity:1;width:10px;height:10px;background-color:#fffeea;margin:0 10px;border-radius:unset;margin-top:16px}
.s2 .flashswiper .flashswiper-pagination .swiper-pagination-bullet-active{background-color:#3796ff}
.s2 .gltag{height:130px;width:100%;margin-top:20px}
.s2 .gltag a{float:left;margin-bottom:10px;margin-right:5px;width:111px;height:52px;line-height:50px;text-align:center;color:#ccc;font-size:18px;background:url(../images/btn_6.png)}
.s2 .gltag a:nth-child(5n){margin-right:0}
.s2 .gltag a:hover{color:#fff;background:url(../images/btn_7.png)}
.s2 .tab_tit_1{width:100%;height:50px;box-sizing:border-box;padding-left:40px;margin-top:20px}
.s2 .tab_tit_1 span{line-height:50px;float:left;position:relative;width:60px;text-align:center;color:#888;font-size:24px;margin-right:40px;cursor:pointer}
.s2 .tab_tit_1 span.active{color:#fff}
.s2 .tab_tit_1 span.active::after{content:'';display:block;width:100%;position:absolute;bottom:0;left:0;height:3px;background-color:#3796ff}
.s2 .tab_con_1{overflow:hidden;width:100%}
.s2 .tab_con_1 .tablist{display:none}
.s2 .tab_con_1 .tablist.active{display:block}
.s2 .news_bigtit{width:556px;height:152px;background:url(../images/bg_7.png);margin-top:14px;margin-left:22px;overflow:hidden}
.s2 .news_bigtit>a{display:block;width:100%;height:50px;line-height:50px;text-align:center;color:#ffe537;font-size:28px;font-weight:bold;overflow: hidden;margin-top:30px;margin-bottom:20px}
.s2 .news_bigtit .h2{display:block;width:100%;text-align:center;height:16px;line-height:16px}
.s2 .news_bigtit .h2 a{display:inline-block;vertical-align:bottom;font-size:16px;color:#fff;padding:0 12px;height:16px}
.s2 .news_bigtit .h2 a+a{border-left:1px solid #fff}
.s2 .news_bigtit .h2 a+a{border-left:1px solid #fff}
.s2 .newslistbox{width:570px;margin-left:15px}
.s2 .newslistbox .newslist{height:45px;line-height:45px;width:100%;box-sizing:border-box;padding-left:40px;position:relative;overflow:hidden}
.s2 .newslistbox .newslist::before{content:'';display:block;position:absolute;top:0;left:0;width:5px;height:25px;top:10px;left:20px;background-color:#14181a}
.s2 .newslistbox .newslist span{float:left;width:50px;color:#58ff37;font-size:16px}
.s2 .newslistbox .newslist span.news{color:#3796ff}
.s2 .newslistbox .newslist span.gl{color:#58ff37}
.s2 .newslistbox .newslist:nth-child(5n+1){border-top:1px solid #14181a}
.s2 .newslistbox .newslist:first-child{border-top:0}
.s2 .newslistbox .newslist a{color:#888;font-size:16px;float:left;width:420px}
.s2 .newslistbox .newslist em{color:#888;font-size:16px;float:left}
.s2 .newslistbox .newslist:hover{background:#14181a}
.s2 .newslistbox .newslist:hover a,.s2 .newslistbox .newslist:hover em{color:#fff}
.s2 .newslistbox .newslist:hover::before{background-color:#ffe537}
.s2 .morenews{width:557px;height:104px;background:url(../images/bg_6.png);line-height:104px;color:#ccc;text-align:center;font-size:16px;display:block;margin:auto;margin-top:100px}
.s3{width:100%;height:405px;background:url(../images/bg_3.png) no-repeat center center;margin-top:30px;box-sizing:border-box;padding-top:100px}
.s3 .s3_1{float:left;margin-left:50px;margin-right:30px;width:150px}
.s3 .s3_1 img{width:100%}
.s3 .s3_2{float:left;width:520px}
.s3 .s3_2 .tit{height:30px;line-height:30px;font-size:30px;color:#fff}
.s3 .s3_2 .s3typelist{width:420px;height:80px;box-sizing:border-box;padding:10px 0;overflow:hidden}
.s3 .s3_2 .s3typelist span{width:50%;float:left;text-align:left;font-size:16px;height:30px;line-height:30px;color:#ccc}
.s3 .s3_2 .s3typelist span em{color:#fff}
.s3 .s3_2 .s3down{width:100%;height:33px}
.s3 .s3_2 .s3down a{float:left;margin-right:10px;width:80px;height:33px;border-radius:16px;position:relative;color:#fff;font-size:14px;text-align:center;text-indent:15px;line-height:33px;opacity:.9}
.s3 .s3_2 .s3down a::before{content:'';display:block;width:14px;height:16px;top:8px;left:16px;position:absolute}
.s3 .s3_2 .s3down a.ios{background-color:#3276ff}
.s3 .s3_2 .s3down a.and{background-color:#51c75c}
.s3 .s3_2 .s3down a.ios::before{background:url(../images/icon_1.png)}
.s3 .s3_2 .s3down a.and::before{background:url(../images/icon_1.png)}
.s3 .s3_2 .s3down a:hover{opacity:1}
.s3 .s3_2 .s3tag{height:34px;width:100%;margin-top:30px;overflow:hidden}
.s3 .s3_2 .s3tag span{float:left;height:32px;line-height:32px;border-radius:4px;border:solid 1px #666;color:#666;font-size:16px;font-weight:bold;margin-right:10px;padding:0 20px}
.s3 .s3_3{float:left;width:110px;margin-top:20px}
.s3 .s3_3 .pftop{color:#e83e1c;font-size:95px;font-weight:bold;height:100px;line-height:100px}
.s3 .s3_3 .pftop i{font-size:50px;font-weight:bold}
.s3 .s3_3 a{width:110px;height:32px;border-radius:16px;border:solid 1px #ec6224;box-sizing:border-box;line-height:30px;text-align:center;color:#ff5730;font-weight:bold;font-size:14px;display:block}
.s3 .s3_4{float:left;width:180px;margin-left:100px}
.s3 .s3_4 img{width:100%}
.s3 .s3_4 span{display:block;width:100%;text-align:center;height:30px;line-height:30px;color:#fff;font-size:14px}
.databox .datatab{width:100%;height:40px;margin-top:25px;margin-bottom:40px}
.databox .datatab span{float:left;cursor:pointer;box-sizing:border-box;height:40px;padding:0 15px;line-height:38px;font-size:18px;margin-right:12px}
.databox .dataswiper{height:450px;width:100%}
.databox .dataswiper .swiper-slide{font-size:14px;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box}
.databox .dataswiper a{width:100px;height:130px;margin-bottom:20px;float:left;margin-right:32px;position:relative}
.databox .dataswiper a img{width:100%;height:100px;display:block}
.databox .dataswiper a span{display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:16px}
.databox.data1 .dataswiper a::after{content:'';display:none;width:100px;height:100px;box-sizing:border-box;position:absolute;top:0;left:0}
.databox .data-scrollbar{position:absolute;right:0;top:0;z-index:50;width:10px;height:100%}
.databox .data-scrollbar .swiper-scrollbar-drag{width:100%;border-radius:unset;position:relative;z-index:2}
.databox .data-scrollbar::after{content:'';width:4px;height:100%;position:absolute;right:3px;top:0;z-index:1}
.databox{margin-bottom:50px}
.databox.data1 .datatab span{border:solid 1px #666;color:#444}
.databox.data1 .datatab span:hover,.databox.data1 .datatab span.active{border:1px solid #2f82f9;background-color:#2f82f9;color:#fff}
.databox.data2 .datatab span{border:solid 1px #ccc;color:#fff}
.databox.data2 .datatab span:hover,.databox.data2 .datatab span.active{border:1px solid #ffe537;background-color:#ffe537;color:#363a3c}
.databox.data1 .dataswiper a:hover::after{display:block;border:solid 4px #ffe537}
.databox.data1 .dataswiper a span{color:#333}
.databox.data2 .dataswiper a:hover::after{display:block;border:solid 4px #2f82f9}
.databox.data2 .dataswiper a span{color:#fff}
.databox.data1 .data-scrollbar .swiper-scrollbar-drag{background:#2f82f9}
.databox.data1 .data-scrollbar::after{background-color:#eee}
.databox.data2 .data-scrollbar .swiper-scrollbar-drag{background:#ffe537}
.databox.data2 .data-scrollbar::after{background-color:#555}
.databox.data2 .datatitle{color:#fff}
.databox.data2{height:727px;width:100%;background:url(../images/bg_8.png) no-repeat center center;padding-top:80px}

.databox .dataswiper a span{
	overflow: hidden;
}

.databox.data2 .dataswiper a{
	width: 64px;
	height: 100px;
	margin-right: 28px;
}
.databox.data2 .dataswiper a img{
	height: 64px;
}





.s4{margin-bottom:50px}
.s4 .tesein{width:1320px;margin:auto}
.s4 .tesein .teseswiper{height:600px}
.s4 .tesein .swiper-slide{width:1000px;height:562px;box-sizing:border-box;padding:0;position:relative}
.s4 .tesein .swiper-slide img{display:block;width:100%;height:100%}
.s4 .tesein .swiper-slide .des{position:absolute;bottom:0;left:0;width:100%;height:164px;box-sizing:border-box;padding-top:60px;background:url(../images/bg_9.png) no-repeat center center}
.s4 .tesein .swiper-slide .des span{color:#fff;font-size:36px;font-weight:bold;text-align:center;height:50px;line-height:50px;display:block;width:100%}
.s4 .tesein .swiper-slide .des p{text-align:center;color:#fff;font-size:16px;line-height:25px}
.s4 .tesein .teseswiper .teseswiper-pagination{position:absolute;bottom:0;text-align:center;height:38px}
.s4 .tesein .teseswiper .teseswiper-pagination span{opacity:1;width:10px;height:10px;background-color:#ddd;margin:0 10px;border-radius:unset;margin-top:16px}
.s4 .tesein .teseswiper .teseswiper-pagination .swiper-pagination-bullet-active{background-color:#3796ff}
.s4 .tesein .tesebutton{position:absolute;z-index:2;width:27px;height:46px;top:247px;cursor:pointer}
.s4 .tesein .tesebutton.teseswiper-button-next{background:url(../images/btn_10.png);right:64px}
.s4 .tesein .tesebutton.teseswiper-button-prev{background:url(../images/btn_9.png);left:64px}
.s5 .yxsp{overflow: hidden;margin-top:30px}
.s5 .yxsp a{float:left;width:390px;margin-left:15px}
.s5 .yxsp a:first-child{margin-left: 0}
.s5 .yxsp a img{display:block;width:100%;height:220px}
.s5 .yxsp a span{height:40px;line-height:40px;text-align:center;display:block;color:#666;font-size:16px}
.s6{margin-top:90px;margin-bottom:120px}
.s6 .yxbz{width:100%;margin-top:50px}
.s6 .yxbz .l{float:left;width:650px;height:460px;margin-right:10px}
.s6 .yxbz .r{float:left;width:540px}
.s6 .yxbz .l a{width:100%;height:100%}
.s6 .yxbz a{display:block}
.s6 .yxbz img{width:100%;height:100%}
.s6 .yxbz .r a:first-child{width:540px;height:260px;margin-bottom:10px}
.s6 .yxbz .r a:first-child+a,.s6 .yxbz .r a:first-child+a+a{width:265px;height:190px;float:left}
.s6 .yxbz .r a:first-child+a{margin-right:10px}
.out{background:url(../images/bg_2.jpg) no-repeat center 274px;overflow:hidden}
.scroll{display:none;position:fixed;width:90px;top:20%;right:10%;z-index:10}
.scroll .scrolltab{width:100%}
.scroll .scrolltab a{display:block;width:90px;height:44px;background:url(../images/btn_13.png);text-align:center;line-height:44px;color:#888;font-size:16px;margin-bottom:3px}
.scroll .scrolltab a.active,.scroll .scrolltab a:hover{background:url(../images/btn_14.png);color:#fff}
.scroll .backtop{float:right;width:41px;height:44px;background:url(../images/btn_15.png);cursor:pointer}

.s7{
	width: 1200px;
	margin: auto;
}

.game_card{
	float: left;
}
.game_card .game_card_img{
	float: left;
    margin-left: 50px;
    margin-right: 30px;
    width: 150px;
}
.game_card .game_card_img img{
width: 100%;
}
.game_card .game_card_info{
	    float: left;
    width: 520px;
}
.game_card .game_card_info_title{
	    height: 30px;
    line-height: 30px;
    font-size: 30px;
    color: #fff;
}
.game_card .game_card_info_infos{
	    width: 420px;
    height: 80px;
    box-sizing: border-box;
    padding: 10px 0;
    overflow: hidden;
}

.game_card .game_card_info_infos .game_card_info_item{
	width: 50%;
    float: left;
    text-align: left;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #ccc;
}

.game_card .game_card_info_download{
	width: 100%;
    height: 33px;
}
.game_card .game_card_info_download a {
    float: left;
    margin-right: 10px;
    width: 80px;
    height: 33px;
    border-radius: 16px;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-indent: 15px;
    line-height: 33px;
    opacity: .9;
    background-color: #51c75c;
}
.game_card .game_card_info_download a img{
	display: none;
}
.game_card .game_card_info_download a:hover {
    opacity: 1;
}
.game_card .game_card_info_download a.special-other-download-information-os-ios {
    background-color: #3276ff;
}

.game_card .game_card_info_download a::before {
    content: '';
    display: block;
    width: 14px;
    height: 16px;
    top: 8px;
    left: 16px;
    position: absolute;
    background: url(../images/icon_2.png);
}

.game_card .game_card_info_download a.special-other-download-information-os-ios::before {
	background: url(../images/icon_1.png);
}


.game_card{
	position: relative;
}
.game_card .game_card_score{
	    float: left;
    width: 110px;
    margin-top: 20px;
}

.game_card .game_card_score .game_card_score_button{
	    width: 110px;
    height: 32px;
    border-radius: 16px;
    border: solid 1px #ec6224;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    color: #ff5730;
    font-weight: bold;
    font-size: 14px;
    display: block;    float: left;
}
.game_card .game_card_score .game_card_score_1{
	float: left;
	width: 50%;
	text-align: right;
	    color: #e83e1c;
    font-size: 95px;
    font-weight: bold;
    height: 130px;
    line-height: 130px;
}
.game_card .game_card_score .game_card_score_2{
	float: left;
	width: 50%;
	text-align: left;
	color: #e83e1c;
	font-size: 50px;
    font-weight: bold;
    height: 130px;
    line-height: 130px;
}

.game_card .game_card_special{
	display: none;
}

.game_card .game_card_type{
/*    height: 34px;
    width: 650px;
    overflow: hidden;
    position: absolute;
    top: 166px;
    left: 49px;*/

        height: 34px;
    width: 520px;
    overflow: hidden;
    position: absolute;
    top: 166px;
    left: 230px;
}
.game_card .game_card_type a{
	float: left;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    border: solid 1px #666;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin-right: 10px;
    padding: 0 20px;
}



.index_body_foot{width:100%;height:auto;background-color:#28282a;padding-top:30px;padding-bottom:10px;overflow:hidden;zoom:1}
.index_body_foot_con{width:950px;height:auto;overflow:hidden;margin:0 auto}
.index_body_foot_top{width:100%;height:auto;padding-top:22px;padding-bottom:36px;zoom:1;border-bottom:1px solid #2f2f31;overflow:hidden}
.index_body_foot_top span{color:#595959;float:left;margin-top:10px}
.index_body_foot_top a{float:left;margin-right:22px;margin-top:10px;color:#595959;white-space:nowrap}
.index_body_foot_top a:visited{color:#595959}
.index_body_foot_top a:hover{color:#F60}
.index_body_foot_bottom{width:100%;height:auto;overflow:hidden;zoom:1;padding-top:20px}
.index_body_foot_bottom p{width:100%;text-align:center;color:#595959;margin-top:16px}
.index_body_foot_bottom p a,.index_body_foot_bottom a:visited{color:#595959}
.index_body_foot_bottom a:hover{color:#F60}
.mobile_foot{width:982px;height:auto;padding-top:20px;padding-bottom:50px;margin:0 auto;clear:both}
.mobile_foot_con{width:100%;text-align:center;color:#555;height:auto;padding-top:10px}
.mobile_foot_con a{color:#555}
.mobile_foot_con a:visited{color:#555}
.mobile_foot_con a:hover{color:#f60}
.mobile_foot_con a span{color:#f00}
.ali-comment-post-wrap-area-w{
    background: none !important;
}