html, body, div, ul, li, h1, h2, h3, p, header, nav,section,article {margin:0;padding:0}
li { list-style: none }
html {font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif; background:#fff;}
body{padding-top: 1.67rem}
i,em{font-style: normal}
a, img { touch-callout: none;-webkit-tap-highlight-color:rgba(0,0,0,0); }
input,textarea{outline:0;border:none}
input{font-family:"Microsoft YaHei","Helvetica Neue",Arial,HelveticaNeue,Helvetica,"BBAlpha Sans",sans-serif; color:#353b42;outline:0;border:none;}
img{border:0; vertical-align:top}
::selection{background:orangered;color:#fff}
a,a:hover { text-decoration: none; color: #222 }
a:active,img{ -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0) }
.indent { display: block; text-indent: -9999px; }


/*  top  */
.wap_top{ width:96%; height:1.1rem; background:#fff; padding:.58rem 0 0 .48rem; position:fixed;z-index: 12;left: 0;top: 0}
.wap_logo{ float:left;width:2.64rem; height:.59rem;background:url(https://img.ssl.q1.com/szgla/img/m/v1/logo.png?v=1) no-repeat;background-size:2.64rem .59rem;}
.wap_logo a{width:2.64rem; height:.59rem;text-indent:-9999rem; display:block}
.wap_menu{width:1.61rem;position:fixed;top:0;right:0;height:.5rem;z-index: 13}
.wap_menu_btn{width:.59rem;height:.5rem;position: absolute;top: .6rem;right: .55rem}
.wap_menu_btn i{position:absolute;left:0;right: 0;margin: auto;width:.59rem;height:.08rem;background:#5a5a5a;display:block;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out;border-radius: .08rem}
.wap_menu_btn i:nth-of-type(1){top:0}
.wap_menu_btn i:nth-of-type(2){top:.21rem}
.wap_menu_btn i:nth-of-type(3){top:.42rem}
.wap_menu_btn.wap_menu_hover i:nth-of-type(1){-webkit-transform:rotate(225deg) translate(-.2rem,-.1rem);transform:rotate(225deg) translate(-.2rem,-.1rem); }
.wap_menu_btn.wap_menu_hover i:nth-of-type(2){display:none}
.wap_menu_btn.wap_menu_hover i:nth-of-type(3){-webkit-transform:rotate(-225deg) translate(-.2rem,.1rem);transform:rotate(-225deg) translate(-.2rem,.1rem);}
header{width:100%; height:1.3rem; position:fixed;z-index: 12;left: 0;top: 0;background: #1a1a1a;display: block;line-height: 1.3rem;text-align: center;color: #fff;font-size: .56rem;}
header .wap_menu{background: #0090fe;height: 1.3rem;width: 1.3rem}
header .wap_menu_btn{top: .4rem;right: .35rem}
header .wap_menu_btn i{background: #fff;}
.backtrack{background:url(https://img.ssl.q1.com/szgla/img/m/v1/icon.png?v=1) no-repeat;background-size: 5rem 5rem;position: absolute;left: .33rem;width: .62rem;height: .44rem;text-indent: -9999px;top: .49rem;}

.wap_nav{position:fixed;background:rgba(255,255,255,.97);left:0;top:1.3rem;width:100%;height:100%;z-index:11; display:none;}
.wap_nav li{width:80%; margin:0 10%; text-align:center; line-height:1.72rem; height:1.72rem; color:#2f2f2f;border-bottom:.01rem solid #b8b8b8}
.wap_nav li a{ color:#2f2f2f; display:inline-block; width:100%; line-height:1.72rem; font-size:.48rem; }
.wap_nav_hover{ display:block;-webkit-animation:fadeInDown .6s 0s ease-out both;animation:fadeInDown .6s 0s ease-out both}
.wap_nav_hide{ display:block;-webkit-animation:fadeOutUp .5s 0s ease-out both;animation:fadeOutUp .5s 0s ease-out both; }

/*footer*/
.wap_footer{background: #1a1a1a;font-size: .4rem;color: #fff;text-align: center;padding: .4rem 0;margin-top: .8rem}
.wap_footer a{color: #fff;display: inline-block;margin: 0 .4rem}
.wap_footer p{color: #4d4d4d;font-size: .3rem;line-height: .47rem;padding-top: .5rem}

/*banner*/
.banner{width: 100%;height: 10.89rem;overflow: hidden}
.banner img{width: 100%}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;font-size: 0}
.swiper-pagination-bullet{background: #fff;opacity: 1;width: .28rem;height: .02rem;border-radius: 0;}
.swiper-pagination-bullet-active{background: #00c7ff}

/*我们的动态*/
.dynamic{width: 10rem;margin: 1rem auto 0;overflow: hidden;}
.dynamic_tit{overflow: hidden;zoom:1;margin-bottom: .35rem}
.dynamic_tit h2{color: #2f2f2f;font-size: .6rem;float: left;}
.dynamic_tit a{font-size: .36rem;color: #000;display: block;float: right;line-height: .6rem}
.dynamic_left{width: 4.37rem;float: left;height: 6.65rem;overflow: hidden;}
.dynamic_right{width: 5.4rem;float: right;height: 6.65rem;}
.dynamic_right li a{display: block;width: 5.4rem;height: 2.07rem;position: relative;margin-bottom: .23rem}
.dynamic_right li p{position: absolute;width: 100%;left: 0;bottom: 0;font-size: .24rem;color: #333;text-align: center;height: .4rem;line-height: .4rem;background: #fff;opacity: .73}

/*游戏列表*/
.game{margin: .9rem .6rem 0}
.game_tit{border-bottom: 1px solid #c4c4c4;line-height: 1.3rem;position: relative;margin-bottom: .3rem}
.game_tit span{font-size: .48rem;color: #000;display: inline-block;width: 2.7rem;text-align: center;height: 1.3rem;}
.game_tit span.game_focus{font-size: .6rem;font-weight: bold}
.game_bor{background: #2e8aff;width: .83rem;height:.15rem;border-radius: .15rem;position: absolute;left: .8rem;bottom: -.08rem;}
.game_list{margin-bottom: .5rem}
.game_list li{height: 2.35rem;position: relative;padding-top: .3rem;border-bottom: 1px solid #c4c4c4;}
.game_list li:last-child{border: none;}
.game_list li a{display: block}
.game_icon{width: 2.13rem;height: 2.13rem;float: left;margin: 0 .48rem 0 .25rem}
.game_text{width: 3.95rem;float: left;color: #2f2f2f;}
.game_logo{width: 2.16rem;height: 1rem;}
.game_logo img{width: 100%}
.game_text h2{font-size: .55rem;font-weight: normal;padding-top: .3rem}
.game_text h3{font-size: .55rem;font-weight: normal;}
.game_text p{font-size: .36rem;line-height: .85rem}
.game_list span{position: absolute;right: 1.05rem;bottom: .66rem;height: .39rem;padding: 0 .18rem;font-size: .29rem;display: flex;justify-content: center;align-items: center;}
.type_wap{border: 1px solid #009081;color: #009081;}
.type_pc{border: 1px solid #2e8aff;color: #2e8aff;}
.game_list i{border-width: 1px 1px 0 0;border-style: solid;border-color: #2f2f2f;width: 0.22rem;height: 0.22rem;display: block;-webkit-transform: rotateZ(45deg);transform: rotateZ(45deg);pointer-events: none;position: absolute;right: .39rem;bottom: .76rem}

@-webkit-keyframes fadeInDown{
  0%{opacity:0;-webkit-transform:translate3d(0,-16rem,0)}
  60%{opacity:1;-webkit-transform:translate3d(0,1rem,0)}
  75%{-webkit-transform:translate3d(0,-.5rem,0)}
  90%{-webkit-transform:translate3d(0,.4rem,0)}
  100%{-webkit-transform:none}
}
@keyframes fadeInDown{
  0%{opacity:0;transform:translate3d(0,-16rem,0)}
  60%{opacity:1;transform:translate3d(0,1rem,0)}
  75%{transform:translate3d(0,-.5rem,0)}
  90%{transform:translate3d(0,.4rem,0)}
  100%{transform:none}
}
@-webkit-keyframes fadeOutUp{
  0%{opacity:1;}
  100%{opacity:0;-webkit-transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{
  0%{opacity:1;filter:alpha(opacity=100)}
  100%{opacity:0;transform:translate3d(0,-100%,0)}
}

/*关于我们*/
.about{width: 90%;margin: 0 5%;}
.about_img{margin: .55rem 0;}
.about p{font-size: .44rem;color: #333;line-height: .81rem;text-indent: 2em;padding: .45rem 0;}

/*商务合作*/
.business{width: 90%;margin: 0 5%;font-size: .44rem;line-height: .8rem;color: #333;}
.business_img{margin: .85rem 0}
.business_line{background: #b4b4b4;height: 1px;margin: .7rem 0}
.business h2{font-size: .54rem;margin-bottom: .4rem}
.business li span{background:url(https://img.ssl.q1.com/szgla/img/m/v1/icon.png?v=1) no-repeat -.79rem 0;background-size: 5rem 5rem;width: .43rem;height: .42rem;display: inline-block;font-size: .24rem;text-align: center;line-height: .42rem;color: #fff;vertical-align: top;margin: .2rem .13rem 0 0;}
.business li em{display: inline-block;width: 8.5rem;vertical-align: top;}
.business_list{background: #ededed;padding: .35rem .4rem;color: #1a1a1a;font-size: .4rem;margin-bottom: .5rem}

/*新闻中心*/
.news_list{}
.news_list h3{color: #1a1a1a;font-size: .48rem;font-weight: normal;width: 75%;overflow: hidden;height: .7rem}
.news_list a{height: 2.43rem;border-top: .01rem solid #a8a8a8;display: block;position: relative;width: 90%;padding: .64rem 5% 0;}
.news_list:nth-of-type(1) a{border: none}
.news_list span{color: #a5a5a5;font-size: .36rem;position: absolute;top: .77rem;right: 5%;}
.news_list p{color: #a5a5a5;font-size: .36rem;line-height: .61rem;padding-top: .15rem;height: 1.2rem;overflow: hidden;}
.news_more{background: #e6e6e6;font-size: .36rem;color: #1a1a1a;height: 1.1rem;line-height: 1.1rem;text-align: center;}