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.1rem}
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; }
.wrap{position: relative;}

/*  top  */
.wap_top{ width:96%; height:0.76rem; background:#fff; padding:.34rem 0 0 .48rem; position:fixed;z-index: 12;left: 0;top: 0}
.wap_logo{ float:left;width:1.68rem; height:.38rem;background:url(http://img.ssl.guruips.com/szgla/img/m/v1/logo.png?v=1) no-repeat;background-size:100% 100%;}
.wap_logo a{width:1.68rem; height:.38rem;text-indent:-9999rem; display:block}
.wap_menu{width:1.61rem;position:fixed;top:0;right:0;height:1.1rem;z-index: 13}
.wap_menu_btn{width:.42rem;height:.5rem;position: absolute;top:0.34rem;right: .55rem}
.wap_menu_btn i{position:absolute;left:0;right: 0;margin: auto;width:.42rem;height:.06rem;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:.16rem}
.wap_menu_btn i:nth-of-type(3){top:.32rem}
.wap_menu_btn.wap_menu_hover i:nth-of-type(1){transform: rotate(225deg) translate(-0.2rem,-0.07rem); }
.wap_menu_btn.wap_menu_hover i:nth-of-type(2){display:none}
.wap_menu_btn.wap_menu_hover i:nth-of-type(3){transform: rotate(-225deg) translate(-0.15rem,0.03rem);}
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;}
.backBox{
  width: 6.4rem;
  height: 0.95rem;
  position: relative;
  text-align: center;
  color: #4499ff;
  font-weight: bolder;
  font-size: 0.4rem;
  line-height: 0.95rem;
  border-bottom:2px solid #4499ff;
  margin: 0 auto;
}
.backtrack{background:url(http://img.ssl.guruips.com/szgla/img/m/v2/back.png?v=1) no-repeat;background-size: 0.43rem 0.35rem;position: absolute;left: .33rem;width: .43rem;height: .35rem;text-indent: -9999px;top: .29rem;}

.wap_nav{position:fixed;background:rgba(255,255,255,.97);right:0;top:1.1rem;width:4.5rem;height:100%;z-index:11; display:none;}
.wap_nav li{width:4.5rem;text-align:center; line-height:1.17rem; height:1.17rem; color:#363636;border-bottom:.01rem solid #b8b8b8;}
.wap_nav li a{ color:#363636; display:block; width:100%; line-height:1.17rem; font-size:.3rem; }
.wap_nav li.focus{border-left: 0.1rem solid #4499ff;}
.wap_nav li.focus a{color: #4499ff;}
.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: #0c6188;font-size: .21rem;color: #fff;text-align: center;padding: .4rem 0;}
.wap_footer a{color: #fff;display: inline-block;margin: 0 .2rem}
.wap_footer p{color: #9fb5c5;font-size: .2rem;line-height: .47rem;padding-top: .2rem}

/*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;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(http://img.ssl.guruips.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: #363636 !important;font-size: .26rem;font-weight: normal;width: 100%;overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;height: .7rem}
.news_list h3 font{color: #363636 !important;}
.news_list a{height: 2.43rem;display: block;position: relative;width: 90%;padding: .24rem 5%;}
.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{display: block;
  width: 2.8rem;
  height: 0.84rem;
  background: #4499ff;
  text-align: center;
  margin:0.4rem auto;
  line-height: 0.84rem;
  color: #fff;
  font-size: 0.24rem;
  position: relative;}

  .zh {
    position: absolute;
    top: 10rem;
    text-align: right;
    font-size: 0.3rem;
    width: 90%;
    right: 10%;
  }
  .zh i {
    padding: 0 .26rem
  }
  .zh a {
    color: #a8a8a8;
  }