@charset "utf-8";
/* CSS Document */
*{margin: 0;padding: 0;border:0;outline:none;}
html,body{width: 100%;height: 100%;}
html{min-width: 1200px;}
body{visibility: visible;background-color: #fff;}
*{margin:0;border:0;padding:0;font-size:14px;font-family:"Microsoft Yahei",SimSun;outline:none}
a,p,span,i,ul,li,em,ol,h1,h2,h3,h4,h5,body,input,label{list-style:none;font-style:normal;text-decoration:none;color:#2b3033;outline:none}
input, select, img{vertical-align: middle;}
body{background-color: #f5f5f5;}
.fl{float: left;}
.fr{float: right;}
.clearfix{display:block;}
.clearfix:after{content: " ";height: 0;display: block;visibility: hidden;clear: both;}

/*公共盒子*/
.container{width: 1200px;margin: 0 auto;clear: both;}

/*Top*/
#top{background-color:#fff;width:100%;height:82px;}
.top{width:1200px;margin:auto;height:82px;}
.top .logo{float: left;}
.top .logo a{height: 82px;display: block;float: left;}
.top .logo a img{width: 190px;height: 80px;}
.top .logo p{float: left;text-align: left;margin-top: 32px;padding-left: 15px;}

.nav{height: 82px;float: right;}
.navList li{width: 130px;position: relative;float: left;}
.navList li a{width: 130px;height:82px;display: block;font-size: 15px;color: #2b3033;line-height: 82px;text-align: center;}
.navList li a:hover{color: #f55050;}

.navList ul{position: absolute;z-index: 2;display: none;}
.navList ul li{width: 130px;height: 79px;margin-left: 20px;float: left;}
.navList ul li a{width: 130px;height: 79px;display: block;text-align: left;}
.navList ul li i{width: 26px;height: 26px;display: block;float: left;margin-top: 30px;margin-right: 14px;background:url(https://quantum.indiegame.com.cn/pic/images/nav_ico3.png) no-repeat;}
.navList ul li i em{height: 79px;line-height: 79px;display: block;float: left;}

.next_newsList{width: 300px;left:-85px;}
.next_newsList .news_one i{background-position: 0 0;}
.next_newsList .news_two i{background-position: 0 -26px;}

.next_cpList{width: 600px;left:-205px;}
.next_cpList .cp_one i{background-position: 0 -52px;}
.next_cpList .cp_two i{background-position: 0 -78px;}
.next_cpList .cp_three i{background-position: 0 -104px;}

.next_xqList{width: 600px;left:-235px;}
.next_xqList .xq_one i{background-position: 0 -104px;}
.next_xqList .xq_two i{background-position: 0 -130px;}
.next_xqList .xq_three i{background-position: 0 -156px;}
.next_xqList .xq_four i{background-position: 0 -182px;}

.next_busiList{width: 150px;left:-10px;}
.next_busiList .busi_one i{background-position: 0 -208px;}

.next_joinList{width: 450px;left:-160px;}
.next_joinList .join_one i{background-position: 0 -234px;}
.next_joinList .join_two i{background-position: 0 -260px;}
.next_joinList .join_three i{background-position: 0 -286px;}

@media screen and (max-width:1520px){
	.next_joinList{left:-320px;}
}

.navList ul li a:hover i{background-position-x: -26px;}
.navList ul li a:hover em{color: #f55050;}
.navList .active{background:url(https://quantum.indiegame.com.cn/pic/images/navlibk.jpg) no-repeat;color: #fff;display: block;}
.navList .active a{color: #fff;}
.navList .active a:hover{color: #fff;}

.nav_bg{width: 100%;min-width: 1200px;height: 79px;border-top: 1px solid #e19ba2;background:url(https://quantum.indiegame.com.cn/pic/images/nav_bg.png);position:absolute;top:82px;left:0;display: none;z-index: 1;}

/*Banner*/
.tabList{width:100%;height:550px;overflow:hidden;position:relative;}
.tabList_img{width:100%;height:550px;}
.tabList_img li{width: 100%;height: 100%;max-width: 1920px;margin: 0 auto;display: none;}
.tabList_img li .img{width: 100%;height: 100%;}
.tabList_img li.opc{display: block;opacity: 1;*zoom:1;z-index: 9;}

.tabList_img .tabList_a{width: 1200px;height: 550px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.tabList_img .tabList_a a{width:120px;height:40px;display:block;background:url(https://quantum.indiegame.com.cn/pic/images/index/details.jpg) no-repeat 0 0;position:absolute;bottom:10%;left:0px;z-index: 99;}
.tabList_img .tabList_a a:hover{background-position: 0 -40px;}

.tabList_smdian{width: 1200px;height: 14px;position:absolute;left: 50%;margin-left: -600px;z-index:2;bottom: 10%;}
.tabList_smdian li{width:14px;height:14px;background-color: #fff;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;margin-right:9px;border:#8d8a8b solid 2px;border-radius:8px;float:left;cursor:pointer;transition:width .5s ease;-moz-transition:width .5s ease;-ms-transition:width .5s ease;-o-transition:width .5s ease;-webkit-ransition:width .5s ease;}
.tabList_smdian li.active{width:63px;background-color:#f55050;}

.tabList_meut{width: 1200px;position: absolute;top: 45%;left: 50%;margin-left: -600px;z-index: 9;}
.tabList_meut a{width: 37px;height: 71px;display:block;background:url(https://quantum.indiegame.com.cn/pic/images/index/tablist_lr.png) no-repeat;position:absolute;z-index:2;}
.tabList_meut a.leftbtn{left:-10%;}
.tabList_meut a.rightbtn{right:-10%;background-position:-37px 0;}

/*title_in*/
.title_in{width: 100%;height: 30px;margin-top: 50px;margin-bottom: 20px;}
.title_in h3{font-size: 18px;float: left;}
.title_in span{font-weight: 600;line-height: 30px;color: #a5a5a5;float: left;margin-left: 14px;}
.title_in a{font-weight: 600;color: #a5a5a5;}
.title_in a:hover{color: #f55050;}

/*Hot Game*/
.game_hot .game_list{width: 100%;}
.game_hot .game_list a{width: 598px;height: 210px;overflow: hidden;margin: 1px;position: relative;float: left;}

.game_hot .game_list a i{display: block;position: absolute;}
.game_hot .game_list a i.game_hn{width: 70px;height: 70px;background: url(https://quantum.indiegame.com.cn/pic/images/index/game_hn.png) no-repeat;top: 0;left: 0;}
.game_hot .game_list a i.game_hn_h{background-position: 0 0;}
.game_hot .game_list a i.game_hn_n{background-position: 0 -70px;}
.game_hot .game_list a i.game_type{width: 26px;height: 26px;background: url(https://quantum.indiegame.com.cn/pic/images/index/game_type.png) no-repeat;top: 6px;right: 2px;}
.game_hot .game_list a i.game_type_w{background-position: 0 0;}
.game_hot .game_list a i.game_type_m{background-position: 0 -26px;}

.game_hot .game_list a img{width: 100%;height: 100%;}
.game_hot .game_list a p{width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.game_hot .game_list a p span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;}
.game_hot .game_list a p img{width: 190px;height: 420px;overflow: hidden;position: absolute;right: 30px;top: 0px;z-index: 2;}
.game_hot .game_list a.after img{animation:after 0.5s ease-in-out 0s 1 alternate forwards;-o-animation:after 0.5s ease-in-out 0s 1 alternate forwards;-mozanimation:after 0.5s ease-in-out 0s 1 alternate forwards;-webkit-animation:after 0.5s ease-in-out 0s 1 alternate forwards;}
.game_hot .game_list a.leave img{animation:leave 0.5s ease-in-out 0s 1 alternate forwards;-o-animation:leave 0.5s ease-in-out 0s 1 alternate forwards;-mozanimation:leave 0.5s ease-in-out 0s 1 alternate forwards;-webkit-animation:leave 0.5s ease-in-out 0s 1 alternate forwards;}
@keyframes after
{
from {top: 0;}
to {top: -210px;}
}

@-moz-keyframes after /* Firefox */
{
from {top: 0;}
to {top: -210px;}
}

@-webkit-keyframes after /* Safari 和 Chrome */
{
from {top: 0;}
to {top: -210px;}
}

@-o-keyframes after /* Opera */
{
from {top: 0;}
to {top: -210px;}
}

@keyframes leave
{
from {top: -210px;}
to {top: 0;}
}

@-moz-keyframes leave /* Firefox */
{
from {top: -210px;}
to {top: 0;}
}

@-webkit-keyframes leave/* Safari 和 Chrome */
{
from {top: -210px;}
to {top: 0;}
}

@-o-keyframes leave /* Opera */
{
from {top: -210px;}
to {top: 0;}
}

/*newsList_six*/
.newsbox{height: 420px;background-color: #fff;}
.newsList_six{width: 730px;padding-top: 24px;margin-left: 35px;float: left;}
.newsList_six li{padding: 14px 0;border-bottom: 1px solid #e1e1e1;}
.newsList_six li:last-child{border-bottom: none;}

.newsList_six .pt{padding-left: 30px;color: #898989;background: url(https://quantum.indiegame.com.cn/pic/images/index/newstitlepoint.jpg) no-repeat left center;}
.newsList_six .pt span{font-size: 16px;font-weight: 500;float: left;}
.newsList_six .pt em{font-size: 12px;font-weight: 500;color: #898989;float: right;}

.newsList_six .con{height: 106px;overflow: hidden;display: none;}
.newsList_six .con .fl{width: 520px;height: 106px;overflow: hidden;}
.newsList_six .con .fl p{line-height: 24px;color: #898989;}
.newsList_six .con .fr{width: 180px;height: 106px;overflow: hidden;}
.newsList_six .con .fr img{width: 100%;height: 100%;}
.newsList_six .con .pt span{max-width: 420px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 18px;font-weight: 600;line-height: 30px;color: #f55050;}
.newsList_six .con .pt em{line-height: 30px;color: #f55050;}

.newsList_six .active .pt1{display: none;}
.newsList_six .active .con{display: block;}

.video{float: right;}
.video ul{width: 399px;height: 294px;overflow: hidden;}
.video ul li{float: left;cursor: pointer;}

.video .switch{width: 100%;height: 70px;background-color: #2b3033;}
.video .switch a{width: 70px;height: 70px;background-color: #262221;}
.video .switch a i{width: 15px;height: 20px;display: block;margin: 25px 27px;background: url(https://quantum.indiegame.com.cn/pic/images/video_seitch.png) no-repeat;}
.video .switch a.fl i{background-position: 0 0;}
.video .switch a.fr i{background-position: 0 -20px;}
.video .switch a:hover i{background-position-x: -15px;}

.video .switch_con{width: 259px;height: 62px;overflow: hidden;padding-top: 8px;float: left;}
.video .switch_con p{height: 62px;font-size: 16px;line-height: 24px;text-align: center;color: #e1e1e1;overflow: hidden;}
.video .switch_con p span{display: block;color: #e1e1e1;}

/*video*/
.t_mask{width:100%;height:100%;background:#000;opacity:0.6;filter:alpha(opacity=60);-moz-opacity:0.6;position:fixed;top:0;left:0;z-index:98;display:none;}
.video_play{width: 800px;height: 450px;position: absolute;z-index: 99;display: none;}
.video_play .myVideo{width: 100%;height: 100%;}
.video_play .video_close{width: 22px;height: 22px;position: absolute;top: 16px;right: 16px;background: url(https://quantum.indiegame.com.cn/pic/images/close.png) no-repeat 0 0;display: none;cursor: pointer;}

/*news*/
.banner_m{width: 100%;height: 250px;overflow: hidden;max-width: 1920px;margin: 0 auto;}
.subList,.supList{padding-left: 12px;padding-top: 8px;height: 38px;margin-top: 30px;background-color: #e1e1e1;border-bottom: 3px solid #f55050;}
.subList a{width: 110px;height: 38px;line-height: 38px;text-align: center;display: block;float: left;font-size: 15px;border-top: 3px solid #e1e1e1;}
.subList a:hover,.subList a.on{background-color: #f55050;color: #fff;}
.supList a{font-size: 15px;line-height: 36px;color: #f55050;}
.supList a:last-child{color: #2b3033;cursor: text;}

.newList{width: 940px;float: left;}
.newList li{height: 120px;padding: 20px 0 5px 0;border-bottom: 1px solid #e1e1e1;}
.newList img{width: 180px;height: 106px;float: left;}

.newList .con{width: 730px;float: right;margin-right: 8px;}
.newList .con .title{font-size: 18px;}
.newList .con .time{font-size: 12px;color: #a5a5a5;float: right;}
.newList .con .more{font-size: 16px;color: #f55050;float: right;}
.newList .con p{width: 100%;height: 40px;clear: both;line-height: 20px;margin-top: 20px;overflow: hidden;}

.newList .con .title:hover,.newList .con .more:hover{color: #fff;background-color: #f55050;}

.newswb{width: 240px;margin-top: 20px;float: right;}
.newswb img{width: 240px;height: 350px;}
.newswb frame{width: 100%;}

.newList_con{width: 890px;padding: 30px;float: left;}
.newList_con .title{width: 100%;height:50px;font-size: 20px;color: #f55050;text-align: center;line-height:30px;border-bottom:solid 1px #e1e1e1;}
.newList_con .time{width: 100%;height: 40px;display: block;line-height: 40px;text-align: right;margin-bottom: 30px;margin-top: 5px;}
.newList_con p{font-size: 16px;line-height: 32px;margin: 6px 0;}
.newList_con p span{font-size: 16px;line-height: 32px;}
.newList_con img{max-width: 80%;display: block;margin: 20px auto;}

/*pageGro*/
.page{height:27px;clear: both;margin: 0 auto;margin-top: 30px;text-align: center;}
.page a{display: inline-block;font-size: 13px;padding: 2px 9px;border: 1px solid #e1e1e1;line-height:21px;margin:0 3px;}
.page a.active,.page a:hover{color:#fff;cursor:pointer;background-color: #f55050;}

/*game*/
.game_nav{width: 100%;height: 60px;background-color: #fff;margin-top: 30px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;overflow: hidden;}
.game_nav a{width: 400px;height: 60px;display: block;float: left;}
.game_nav a p{width: 106px;height: 24px;margin: 18px auto;}
.game_nav a.game_moblie p{width: 131px;}
.game_nav a.game_web p{width: 81px;}
.game_nav a span{font-size: 15px;color: #898989;line-height: 24px;display: block;float: right;}
.game_nav a i{width: 24px;height: 24px;display: block;float: left;background: url(https://quantum.indiegame.com.cn/pic/images/game/nav_ico.png) no-repeat 0 0;}
.game_nav a.game_all i{background-position: 0 0;}
.game_nav a.game_moblie i{background-position: 0 -24px;}
.game_nav a.game_web i{background-position: 0 -48px;}
.game_nav a.active,.game_nav a:hover{background-color: #f55050;}
.game_nav a.active i,.game_nav a:hover i{background-position-x: -24px;}
.game_nav a.active span,.game_nav a:hover span{color: #fff;}


.game_jj{width: 100%;}
.game_jj .game{width: 100%;height: 300px;background-color: #fff;border-radius: 20px;overflow: hidden;margin-top: 30px;}
.game_jj .game_img{width: 680px;height: 300px;float: left;position: relative;}
.game_jj .game_img i{width: 24px;height: 24px;display: block;position: absolute;top: 10px;right: 15px;background: url(https://quantum.indiegame.com.cn/pic/images/game/nav_ico.png) no-repeat;}
.game_jj .game_img img{width: 100%;height:  100%;}

.game_jj .game_moblie_jj .game_img i{background-position: -24px -24px;}/*手机游戏ico标志*/
.game_jj .game_web_jj .game_img i{background-position: -24px -48px;}/*网页游戏ico标志*/

.game_jj .game_con{width: 480px;height: 280px;padding: 10px 20px;float: right;}
.game_jj .game_con h3{width: 100%;height: 36px;display: block;overflow: hidden;font-size: 18px;line-height: 36px;color: #898989;padding-bottom: 10px;border-bottom: 1px solid #e1e1e1;margin-bottom: 10px;}
.game_jj .game_con p{width: 100%;height: 168px;overflow:hidden;line-height: 24px;color: #898989;margin-bottom: 14px;}
.game_jj .game_btn{width: 100%;height: 36px;overflow: hidden;}
.game_jj .game_btn a{width: 110px;height: 36px;float: left;margin-right: 20px;background: url(https://quantum.indiegame.com.cn/pic/images/game/btn.jpg) no-repeat;}
.game_jj .game_btn a.web{background-position: 0 0;}
.game_jj .game_btn a.down{background-position: 0 -36px;}
.game_jj .game_btn a.serve{background-position: 0 -72px;}
.game_jj .game_btn a:hover,.game_jj .game_btn a.active{background-position-x: -110px;}

.game_jj .gameR .game_img{float: right;}/*偶数-大图右浮动*/
.game_jj .gameR .game_con{float: left;}/*偶数-内容左浮动*/

/*business*/
.business_title{margin-top: 50px;text-align: center;}
.business_title h1{font-size: 36px;font-weight: 500;color: #898989;}
.business_title p{font-size: 16px;line-height: 24px;color: #898989;margin-top: 16px;}

.business_list{width: 100%;}
.business_list li{width: 279px;height: 144px;padding: 10px 60px;float: left;border-right: 1px dotted #898989;margin-top: 50px;}
.business_list li em{height: 24px;display: block;font-size: 18px;line-height: 24px;margin-bottom: 20px;}
.business_list li p{line-height: 24px;}

.cooperative_partner{margin: 50px 0;}
.cooperative_partner li{width: 280px;padding: 10px;float: left;}
.cooperative_partner li img{width: 100%;height: 100%;}

/*about*/
.about_nav{width: 200px;float: left;margin-top: 55px;}
.about_nav a{width: 100%;height: 40px;padding: 10px 0;display: inline-block;position: relative;border-bottom: 1px solid #e1e1e1;}
.about_nav a p{font-size: 16px;line-height: 22px;}
.about_nav a span{font-size: 12px;line-height: 18px;display: block;}
.about_nav a i{width: 7px;height: 12px;position: absolute;top: 26px;right: 0px;background: url(https://quantum.indiegame.com.cn/pic/images/about/icon_r.png) no-repeat 0 0;display: none;}
.about_nav a.active p,.about_nav a:hover p,.about_nav a.active span,.about_nav a:hover span{font-weight: 600;color: #f55050;}
.about_nav a.active i,.about_nav a:hover i{display: block;}

.about_box{width: 980px;float: right;}
.about_box .place{width: 100%;height: 24px;padding: 15px 0;border-bottom: 1px solid #e1e1e1;}
.about_box .place i{width: 20px;height: 20px;margin: 2px;display: block;float: left;background: url(https://quantum.indiegame.com.cn/pic/images/job/map_ico.png) no-repeat 0 -120px;}
.about_box .place a,.about_box .place span{font-size: 16px;line-height: 24px;display: block;float: left;}
.about_box .place a:hover{color: #f55050;}

.about_con{padding: 20px 30px;min-height: 500px;}
.about_con .title{width: 100%;height: 40px;border-bottom: 1px solid #e1e1e1;}
.about_con .title p{text-align: center;}
.about_con .title p.text_name{width: 300px;float: left;}
.about_con .title p.text_time{width: 160px;float: right;}
.about_con img{max-width: 80%;display: block;margin: 14px auto;}
.about_con p{font-size: 16px;line-height: 32px;}

.about_con .list{width: 100%;}
.about_con .list li{height: 54px;border-bottom: 1px solid #e1e1e1;}
.about_con .list li a{width: 100%;display: inline-block;}
.about_con .list li a p,.about_con .list li a em{line-height: 54px;}
.about_con .list li a p{width: 740px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.about_con .list li a em{width: 160px;text-align: center;float: right;}
.about_con .list li:hover p,.about_con .list li:hover em{font-weight: 600;color: #f55050;}

.about_sub{width: 164px;float: right;}

.map img{margin: 0;}
.map span{width: 32px;display:inline-block;}

/*foot*/
.foot{margin-top: 50px;}

.other_mess{height:260px;background-color:#666666;clear:both;}
.ot_messcon{width:1200px;height:255px;margin:auto;}
.ot_messcon dl{width:95px;float:left;}
.ot_messcon dt{font-size:18px;text-align:center;color:#ddd;font-weight:bold;line-height:62px;}
.ot_messcon dd a{width:95px;text-align:center;font-size:12px;display:block;color:#eee;line-height:30px;}
.ot_messcon dd a:hover{color:#fff;background-color: #e0505f;}
.ot_company{padding:0 118px 0 21px;}
.ot_account{padding-right:122px;}
.ot_game{padding-right:118px;}
.ot_prize{padding-right:119px;}
.ot_fw{padding-right:122px;}

.foot_box{width:100%;}
.foot_con{width:1200px;margin:auto;text-align:center;}

.foot_logo{width: 300px;height: 80px;float:left;margin-top: 50px;}
.foot_logo img{width: 190px;height: 80px;display: block;margin: 0 auto;}

.foot_wechat{width:300px;height: 80px;float:left;margin-top: 50px;}
.foot_wechat img{width: 240px;height: 80px;display: block;margin: 0 auto;}

.foot_menu{width:600px;float:left;margin: 30px auto;}
.foot_menu a{font-size:12px;color:#767676;}
.foot_menu a:hover{color:#2b3033;}
.foot_menu span{color:#767676;}

.foot_menu_a span{margin: 0 8px;}

.foot_menu_p{margin-top: 10px;}
.foot_menu_p p{line-height: 22px;}
.foot_menu_p p span{font-size:12px;color:#767676;}
.foot_menu_p p .ico img{width: 22px;height: 22px;margin-top: -2px;}