*{
  padding: 0;
  margin: 0;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
}
body{
  overflow-x: hidden;
  background: #00001f;
  font-family: 'microsoft yahei';
  color: #ebeedb;
}

.pubNav{width:100%;height:89px;min-width:1200px;background:url(../img/nav_bg.png) repeat-x ;position:absolute;top:0;left:0;z-index:99;}
.pubNavList{font-size:0;white-space:nowrap;text-align:center;}
.pubNavList li{width:260px;display:inline-block;vertical-align:top;position:relative;}
.pubNavList li:after{content:'';width:1px;height:28px;background:#cecece;position:absolute;top:50%;left:0;margin-top:-14px;opacity:.5;filter:alpha(opacity=50);-webkit-transform:rotate(-20deg);transform:rotate(-20deg);}
.pubNavList li:first-child:after{display:none;}
.pubNavList a{font-size:20px;line-height:82px;color:#cecece;text-align:center;display:block;position:relative;}
.pubNavList span{line-height:1.5;display:inline-block;vertical-align:middle;margin:0 12px;}
.pubNavList em{font-size:12px;display:block;/*-webkit-transform:scale(.84);transform:scale(.84);*/font-style: normal;}
.pubNavList a:before,.pubNavList a:after{content:'';width:8px;height:8px;background:transparent;display:inline-block;vertical-align:middle;-webkit-transform:rotate(54deg) skew(20deg);transform:rotate(54deg) skew(20deg);}
.pubNavList a:hover{color:#ecc478;}
.pubNavList a:hover:before,.pubNavList a:hover:after{background:#ecc478;}

.w1200{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
/* Í·²¿ */
.header{
  background: url(../img/page1.jpg) no-repeat center top;
  position: relative;
}
.header .w1200{
  height:973px;
}
.header .logo{
  position: absolute;
  top: 90px;
  left: 96px;
  background: url(https://qn.5mpk.com/zb_users/theme/games_7/pc/images/logo.png) no-repeat;
  width: 381px;
  height: 169px;
}
.header .top_hd{
  width:368px;
  height:222px;
  display:inline-block;
  margin-top:430px;
  margin-left:-205px;
}
.header .top_hd img{
  width:100%;
  height:auto;
}

.header .top_hd_icon{
  width:49px;
  height:54px;
  position: absolute;
  left:45px;
  top:608px;
  -webkit-animation: myMove 2s linear infinite;
  -moz-animation: myMove 2s linear infinite;
   -ms-animation: myMove 2s linear infinite;
    -o-animation: myMove 2s linear infinite;
       animation: myMove 2s linear infinite;
}
.header .top_hd_icon img{
  width:100%;
  height:auto;
}
.topclick{
  position: absolute;
  top: 770px;
  left:175px;
  width: 950px;
  height: 71px;
}
.topclick .apoint_btn{
  position: absolute;
  left: 48%;
  background: url(../img/apoint_btn.png) no-repeat;
  width: 188px;
  height: 71px;
}
.topclick .and_btn{
  position: absolute;
  left: 23%;
  background: url(../img/make_z_09.png) no-repeat;
  width: 188px;
  height: 71px;
}
.topclick .qd_btn{
  position: absolute;
  left: 69%;
  background: url(../img/qdxz.png) no-repeat;
  width: 188px;
  height: 71px;
}
.topclick .ios_btn{
  position: absolute;
  left: 0;
  background: url(../img/make_z_07.png) no-repeat;
  width: 188px;
  height: 71px;
}
.topclick .pc_btn{
  position: absolute;
  left: 46%;
  background: url(../img/make_z_11.png) no-repeat;
  width: 188px;
  height: 71px;
}
.header .down_btn{
  position: absolute;
  top: 783px;
  left: 620px;
  background: url(../img/apoint_btn.png) no-repeat;
  width: 236px;
  height: 103px;
}
/* Ö÷Ìå */
.main{
  background: url(../img/bg.jpg) no-repeat center top;
  min-width: 1200px;
}

.main .w1200{
  height: 1500px;
}

.apointSec{
  height: 749px;
}
.apointNum{
  position: absolute;
  left: 0;
  top: 190px;
  width: 100%;
  text-align:center;
  font-size: 33px;
  color:#1f4ba6;
  line-height: 1;
}
.apointNum strong{
  font-size: 48px;
}
.apointCard {
  padding-top: 240px;
}
.apointCard li{
  width: 223px;
  height: 395px;
  float: left;
  margin-left: 20px;
  position: relative;
}
.apointCard .a1{
  background-image: url(../img/ap1.png);
  margin-left: 0;
}
.apointCard .a2{
  background-image: url(../img/ap2.png);
  margin-top: 30px;
}
.apointCard .a3{
  background-image: url(../img/ap3.png);
  margin-top: 60px;
}
.apointCard .a4{
  background-image: url(../img/ap4.png);
  margin-top: 30px;
}
.apointCard .a5{
  background-image: url(../img/ap5.png);
}
.apointCard .a1.on{
  background-image: url(../img/ap1_active.png);
}
.apointCard .a2.on{
  background-image: url(../img/ap2_active.png);
}
.apointCard .a3.on{
  background-image: url(../img/ap3_active.png);
}
.apointCard .a4.on{
  background-image: url(../img/ap4_active.png);
}
.apointCard .a5.on{
  background-image: url(../img/ap5_active.png);
}
.apointCard li.on::after{
  content: '';
  position: absolute;
  left: 48px;
  top: 308px;
  width: 138px;
  height: 110px;
  background: url(../img/card.png) no-repeat;
}

.info{
  height: 490px;
  padding-top:30px;
}
.hero{
  height: 1068px;
  position: relative;
}
.tese{
  height: 444px;
  
  margin-bottom: 111px;
}
.tese .swiper-slide{position:relative;}
.tese .swiper-slide .lbbg{position: absolute;left:0;top:0;width:100%;height:100%;background:url(../img/lbbg.png) no-repeat;background-size:100% 100%;z-index:2;}
.tese .swiper-slide img{width:100%;height:auto;}

.rotate{width:589px;height:302px;float:left; position: relative;}
.rotateBd{width:587px;height:300px;position:relative;overflow:hidden;border: 1px solid #fce5a0;border-radius: 2px;}
.rotateList{font-size:0;white-space:nowrap;}
.rotateSlide{width:587px;height:300px;overflow:hidden;display:inline-block;vertical-align:top;}
.rotateSlide img{width:587px;height:300px;}
.rotatePg{position:absolute;bottom:16px;right:16px; left: auto !important;width: auto !important;z-index: 99}
.rotatePg span{opacity: 1;;width:16px;height:16px;background:#e3e3ec;float:left;margin-left:14px;border-radius:100%;box-shadow:0 0 4px rgba(0,0,0,.4);cursor:pointer;}
.rotatePg span.on{background:#dfc47b;}
.rotateCorner1::before{
  width: 50px;
  height: 30px;
  background: url(../img/news_pic.png) no-repeat left top;
  position: absolute;
  left: 0;
  top: 0;
  content: '';
}
.rotateCorner1::after{
  width: 50px;
  height: 30px;
  background: url(../img/news_pic.png) no-repeat right top;
  position: absolute;
  right: 0;
  top: 0;
  content: '';
}
.rotateCorner2::before{
  width: 50px;
  height: 30px;
  background: url(../img/news_pic.png) no-repeat left bottom;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
}
.rotateCorner2::after{
  width: 50px;
  height: 30px;
  background: url(../img/news_pic.png) no-repeat right bottom;
  position: absolute;
  right: 0;
  bottom: 0;
  content: '';
}

.openNews{width:590px;height:300px;float:right;background: #314fb0;border: 1px solid #fce5a0;overflow: hidden;}
.openNews .news{padding:10px 30px 0;}
.openNews .news a{color:#b2b2b2;}
.openNews .news_nav{font-size:0;border-bottom:1px solid #989898;position:relative;white-space:nowrap;}
.openNews .news_nav dt{width:36px;height:36px;text-indent:-999em;position:absolute;top:-10px;right:-30px; background: url(../img/plus.png) no-repeat;}
.openNews .news_nav dt a{height:100%;display:block;}
.openNews .news_nav dt img{display:none;}
.openNews .news_nav dd{display:inline-block;vertical-align:top;margin-right:85px;}

.openNews .news_nav dd a{font-size:18px;line-height:38px;padding-bottom:1px;display:block;color:#e9e9e9;}
.openNews .news_nav dd .on{color:#ffdb6d;border-bottom:2px solid #d3bc75;padding-bottom:0;margin-bottom:-1px;position:relative;}
.openNews .news_nav dd1{display:inline-block;vertical-align:top;margin-right:85px;}

.openNews .news_nav dd a1{font-size:18px;line-height:38px;padding-bottom:1px;display:block;color:#e9e9e9;}
.openNews .news_nav dd .on1{color:#ffdb6d;border-bottom:2px solid #d3bc75;padding-bottom:0;margin-bottom:-1px;position:relative;}

.openNews .list img{display:none;}
.openNews .list li{font-size:14px;line-height:49px;border-top:1px dashed #2e294f;position:relative;}
.openNews .list li:first-child{font-size:16px;color:#d3bc75;border:0;}
.openNews .list li:first-child a{width:400px;color:#d3bc75;padding:0;}
.openNews .list li:first-child a:hover{color:#fee189;}
.openNews .list li:first-child a:after{display:none;}
.openNews .list a{width:400px;font-weight:normal!important;padding-left:16px;position:relative;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;}
.openNews .list a:hover{color:#fff;}
.openNews .list a:after{content:'';width:5px;height:5px;border:1px solid #b3b3b3;position:absolute;top:50%;left:2px;margin-top:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.openNews .list span{position:absolute;top:0;right:0;color:#b2b2b2;}


.openLink a{width:283px;height:122px;float:left;margin-left:22px;margin-top:10px;position:relative;}
.openLink .sp1{background: url(../img/men1.png) no-repeat;margin-left: 0;}
.openLink .sp2{background: url(../img/men2.png) no-repeat;}
.openLink .sp3{background: url(../img/men3.png) no-repeat;}
.openLink .sp4{background: url(../img/men4.png) no-repeat;}
.openLink b{
  position: absolute;
  left: 30px;
  top: 45px;
  font-size: 21px;
  color:#190454;
}
.openLink em{font-size:14px;text-align:center;line-height:24px;font-style:normal;color:#270454;border:1px solid #16405a;border-radius:15px;width: 83px;height: 24px; position: absolute;left:30px;top:80px; }
.openLink em:hover{
  background: #190454;
  color: #fce5a0;
}

.heroTit{
  position: absolute;
  width: 163px;
  height: 64px;
  background: url(../img/intro_tit.png) no-repeat;
  left: 30px;
  top: 94px;
}

.heroMore{
  position: absolute;
  width: 68px;
  height: 25px;
  background: url(../img/more.png) no-repeat;
  left: 450px;
  top: 50px;
}

.person-list{
  position: absolute;
  left: 30px;
  top: 190px;
  z-index: 10;
}
.person-list li{
  float: left;
  -webkit-filter: grayscale(100%);
  -ms-filter: grayscale(100%); 
  filter: grayscale(100%);
  filter: gray; 
  transform: scale(0.78);
  border-radius: 50%;
  padding: 5px;
  border: 1px solid rgba(0,0,0,0);
  margin-right: 0px;
  transition: all 0.5s;
  cursor: pointer;
}
.person-list li img{
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: block;
  border: 3px solid rgba(0,0,0,0);
  transition: all 0.5s;
}
.person-list li.on{
  -webkit-filter: none;
  filter:none;
  transform: scale(1);
  border: 1px solid #baaaff;
}
.person-list li.on img{
  border: 3px solid #baaaff;
}
.person-container{
  position: absolute;
  left: 0;
  top: 0;
}
.person-container li{
  display: none;
  position: absolute;
  left: 0;
  top: 0;
}

.tese .swiper-container{width: 1036px;height:441px;overflow: hidden;margin: 0 auto;}
.tese .swiper-slide {background-position: center;background-size:100% auto;width: 782px;height:439px;}
.tese .swiper-button-prev {
  position: absolute;
  top: 1205px;
  left: 0;
  background-image: url(../img/ga_left.png);-webkit-background-size: 100% auto;background-size: 100% auto;}
.tese .swiper-button-prev{width:44px;height:72px;}
.tese .swiper-button-next {width:44px;height:72px;}
.tese .swiper-button-next {
  position: absolute;
  top: 1205px;
  right: 0;
  background-image: url(../img/ga_right.png);-webkit-background-size: 100% auto;background-size: 100% auto;}

  .footInfo{
     position: relative;
     height: 285px;
  }
  .footInfo .ani{
    position: absolute;
    top: -98px;
    left: 480px;
    width: 293px;
    height: 326px;
    background: url(../img/ani.png) no-repeat;
  }
  .codeBox{
    float: left;
  }

  .left{
    float: left;
  }
  .right{
    float: right;
  }
  .left .codeBox{
    margin-right: 68px;
  }
  .right .codeBox{
    margin-left: 68px;
  }
  .codeBox .img{
    width: 177px;
    height: 155px;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 10px;
  }
  .codeBox .img img{
    position: absolute;
    top: 16px;
  }
  .codeBox .b1 img,.codeBox .b2 img{
    left: 89px;
  }
  .codeBox .b3 img,.codeBox .b4 img{
    left: -33px;
  }
  .codeBox .b1{
    background-image: url(../img/cc1.png);
  }
  .codeBox .b2{
    background-image: url(../img/cc2.png);
  }
  .codeBox .b3{
    background-image: url(../img/cc3.png);
  }
  .codeBox .b4{
    background-image: url(../img/cc4.png);
  }
  .codeBox b{
    font-size: 18px;
    color:#fce5a0;
    display: block;
    text-align: center;
  }

  .float_wx{ 
    position: fixed;
    right: 84px;
    top: 59%;
    width: 164px;
    height: 200px;
    margin-top: -100px;
    background: url(../img/float_wx.png) no-repeat;
    z-index: 9;
    
  }
  .float_wx img{
    width: 135px;
    height: 127px;
    margin-top: 22px;
    margin-left: 15px;
  }
  .float_wx::after{
    background: url(../img/scan.png) no-repeat;
    content:'';width:165px;height:14px;position:absolute;top:20px;left:0px;-webkit-animation:cardAni 2s linear infinite;}
@-webkit-keyframes cardAni{
    0%{-webkit-transform:translateY(0);}
    50%{-webkit-transform:translateY(127px);}
    100%{-webkit-transform:translateY(0);}
}
.wait{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 99;background: rgba(0,0,0,.8);display: none;}
.wait_close{width: 80px;height: 80px;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 58%;z-index: 10;cursor: pointer;}
.wait img{position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);}
.share{
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -37px;
  width: 74px;
  height: 238px;
  background: url(../img/share_slide.png) no-repeat;
  padding-top: 35px;
}

.share a{
  display: block;
  width: 45px;
  height: 45px;
  margin-bottom: 17px;
}
.tip{
  width:100%;
  height:100%;
  position: fixed;
  left:0;
  top:0;
  background:rgba(0,0,0,.8);
  z-index:999;
  display:none;
}
.alert-tip{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/alert_tip.png) no-repeat;
  width: 620px;
  height: 350px;
  z-index: 1001;
}
.alert-tip .tip_close{
  width: 60px;
  height: 65px;
  position: absolute;
  right: 0px;
  bottom: 32px;
  cursor: pointer;
  z-index: 1002;
}
.alert-tip p{
  width:90%;
  text-align: center;
  font-size: 30px;
  color:#4b2617;
  font-weight: bold;
  position:absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);
}
.qyns_footer{width:100%;background:#272a2c;}
.qyns_footer .pubMain{width:1200px;min-height:100px;margin:0 auto;padding:30px 0 30px;}
.qyns_footer .pubMain p{font:12px/24px 'microsoft yahei'; color:#fff;white-space: nowrap;text-align:center;}
.qyns_footer .pubMain p a{font:12px/24px 'microsoft yahei'; color:#fff; display: inline-block;}
.qyns_footer .pubMain p em{font-style: normal;margin:0 3px;}
/*------------------- system_data -------------------*/
.system_data { float: left; width: 1024px;   height: 290px; padding-top:30px;}

/*------------------- data_list -------------------*/
.data_list{ width: 1100px; height: 248px; padding: 1px 1px 1px 1px; margin-top: 1px;background:url(../img/data.jpg) no-repeat; background-position: 80px 10px; }
.data_list li { margin-top: 15px; padding-left: 200px; color: #c7d387; line-height: 45px; font: 16px Arial, Helvetica, sans-serif}
.data_list a { display: inline-block; margin: 0 6px; line-height: 48px;   color: #ebeedb}
.data_list a:hover { color: #c6272d; text-decoration: underline}
.data_list strong { display: inline-block; width: 65px; margin: 0 0 0 -70px}

.register_wrap{width:100%;height:100%;position:fixed;left:0;top:0;z-index:99;background:rgba(0,0,0,.8);display: none;}
.register_wrap>.maincontent{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:654px;height:413px;background:url(../img/tab1_bg.png) no-repeat;}
.register_wrap>.maincontent .register_close{position:absolute;right:0;top:-60px;width:44px;height:44px;background:url(../img/register_close.png) no-repeat;}
.register_wrap>.maincontent .tab1_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/tab1_bg.png) no-repeat;display:block;}
.register_wrap>.maincontent .tab2_wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../img/tab2_bg.png) no-repeat;display:none;}
.register_wrap .tab_btn{width:600px;height:60px;position:absolute;top:20px;left:50%;transform:translateX(-48%);z-index:2;}
.register_wrap .tab_btn .item{display:inline-block;width:272px;height:56px;margin-right:20px;}
.register_wrap .tab_btn .item.tab1_btn{background:url(../img/tab1.png) no-repeat;}
.register_wrap .tab_btn .item.tab1_btn.on{background:url(../img/tab1_act.png) no-repeat;}
.register_wrap .tab_btn .item.tab2_btn{background:url(../img/tab2.png) no-repeat;}
.register_wrap .tab_btn .item.tab2_btn.on{background:url(../img/tab2_act.png) no-repeat;}
.register_wrap .wx_con{width:197px;height:283px;position:absolute;left:70px;top:100px;background:url(../img/wx_code.png) no-repeat;}
.register_wrap .main_con{width:460px;height:300px;position: absolute;top:100px;left:50%;transform:translateX(-50%);}
.register_wrap .main_con .system_wrap{width:300px;height:40px;}
.main_con .item{height:52px;border:1px solid #674ad0;background:transparent;border-radius:5px;text-indent:20px;outline:none;color:#fff;font-size:20px;box-sizing: border-box;}
.register_wrap .main_con .phone{width:100%;margin:20px 0;}
.register_wrap .main_con .item.yzm{width:200px;}
.register_wrap .main_con .item.send_code{text-align:center;text-indent:0px;padding:0 30px;vertical-align:top;border-color:#b8a67c;color:#b8a67c;}
.register_wrap .submit_btn{width: 162px;height: 56px;background: url(../img/btn_apply.png) no-repeat;position: absolute;left:50%;bottom:30px;transform:translateX(-50%);}
.register_wrap label{
  float: left;
  background-repeat: no-repeat;
  background-position: 12px center;
  background-image: url(../img/r_normal.png);
  width: 42px;
  height: 30px;
  padding-left: 40px;
  position: relative;
  cursor: pointer;
}
.register_wrap label.checked{
  background-image: url(../img/r_checked.png);
}
.register_wrap label input{
  vertical-align: middle;
  opacity: 0;
  position: absolute;
}
.register_wrap label i{
  width: 25px;
  height: 28px;
  display: inline-block;
  background-repeat: no-repeat;
  vertical-align: middle;
}
.register_wrap .android{
  background-image: url(../img/icon_android.png);
}
.register_wrap .ios{
  background-image: url(../img/icon_ios.png);
}
.register_wrap .line{
  float: left;
  width:1px;
  height: 30px;
  background: #b8a67c;
  opacity: 0.15;
}

@-webkit-keyframes btnShow {
  0% {
      transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes btnShow {
  0% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes  myMove{

       0%{

           transform:scale(0.8,0.8);

           -moz-transform:scale(0.8,0.8);

           -webkit-transform:scale(0.8,0.8);

           -o-transform:scale(0.8,0.8);

           -ms-transform:scale(0.8,0.8);

       }

       50%{

           transform:scale(1,1);

           -moz-transform:scale(1,1);

           -webkit-transform:scale(1,1);

           -o-transform:scale(1,1);

           -ms-transform:scale(1,1);

       }

       100%{

          transform:scale(0.8,0.8);

          -moz-transform:scale(0.8,0.8);

          -webkit-transform:scale(0.8,0.8);

          -o-transform:scale(0.8,0.8);

          -ms-transform:scale(0.8,0.8);

       }

   }

@-webkit-keyframes  myMove{

  0%{

    transform:scale(0.8,0.8);

    -moz-transform:scale(0.8,0.8);

    -webkit-transform:scale(0.8,0.8);

    -o-transform:scale(0.8,0.8);

    -ms-transform:scale(0.8,0.8);

}

  50%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

  100%{

    transform:scale(0.8,0.8);

    -moz-transform:scale(0.8,0.8);

    -webkit-transform:scale(0.8,0.8);

    -o-transform:scale(0.8,0.8);

    -ms-transform:scale(0.8,0.8);

  }

}

@-moz-keyframes  myMove{

  0%{

    transform:scale(0.8,0.8);

    -moz-transform:scale(0.8,0.8);

    -webkit-transform:scale(0.8,0.8);

    -o-transform:scale(0.8,0.8);

    -ms-transform:scale(0.8,0.8);

}

50%{

    transform:scale(1,1);

    -moz-transform:scale(1,1);

    -webkit-transform:scale(1,1);

    -o-transform:scale(1,1);

    -ms-transform:scale(1,1);

}

100%{

   transform:scale(0.8,0.8);

   -moz-transform:scale(0.8,0.8);

   -webkit-transform:scale(0.8,0.8);

   -o-transform:scale(0.8,0.8);

   -ms-transform:scale(0.8,0.8);

}

}

   @-o-keyframes  myMove{

    0%{

      transform:scale(0.8,0.8);

      -moz-transform:scale(0.8,0.8);

      -webkit-transform:scale(0.8,0.8);

      -o-transform:scale(0.8,0.8);

      -ms-transform:scale(0.8,0.8);

  }

  50%{

      transform:scale(1,1);

      -moz-transform:scale(1,1);

      -webkit-transform:scale(1,1);

      -o-transform:scale(1,1);

      -ms-transform:scale(1,1);

  }

  100%{

     transform:scale(0.8,0.8);

     -moz-transform:scale(0.8,0.8);

     -webkit-transform:scale(0.8,0.8);

     -o-transform:scale(0.8,0.8);

     -ms-transform:scale(0.8,0.8);

  }

}