body,html{ background: #F99428; }
.wrapper{ margin: 0 auto; width: 7.2rem; height: 19.8rem; background-image: url("https://static.fishtopking.com/images/download/bg.jpg"); font-family: 'segoeui'; font-weight: 500; letter-spacing: -.01rem; font-size: .28rem; color: #fffbdd; overflow: hidden; }

@font-face {
      font-family: 'segoeui';     
      src: url("https://static.fishtopking.com/images/fonts/segoeui.ttf") format('truetype');
      font-weight: normal;
      font-style: normal;
 }


.top{ top: 0; left: 50%; padding: 0 .2rem; width: 7.2rem; height: .91rem; background-image: url("https://static.fishtopking.com/images/download/bg_top.png"); -webkit-justify-content: space-between; justify-content: space-between; -webkit-transform: translateX(-50%); transform: translateX(-50%); box-sizing: border-box; }
.top .btn-top-download{ width: 1.46rem; height: .59rem; background-image: url("https://static.fishtopking.com/images/download/btn_download_top.png"); }
.top .top-logo{ height: .72rem; }
.top .top-title{ height: .62rem; }

.age{ top: .91rem; left: 0; width: 1.5rem; height: .49rem; background-image: url("https://static.fishtopking.com/images/download/nlxz.png") }

.btn-download{ margin: 7.7rem auto 0; width: 3.19rem; height: 1.11rem; background-image: url("https://static.fishtopking.com/images/download/btn_download.png"); }

.title{ text-align: center; }
.title img{ height: 1.72rem; }

.mySwiper{ margin: 0 auto; width: 7.2rem; height: 4.47rem; background-image: url("https://static.fishtopking.com/images/download/bg_feature.png"); text-align: center; overflow: hidden; }
.mySwiper .swiper-slide { margin-top: .36rem; }
.mySwiper .swiper-slide img{ width: 6.31rem; }
.swiper-button-next, 
.swiper-button-prev{ top: 1.9rem; width: .47rem; height: .9rem; background-image: url("https://static.fishtopking.com/images/download/ico_next.png");  background-size: 100% 100%; z-index: 999; }
.swiper-button-next{ right: 0; }
.swiper-button-prev{ left: 0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
.swiper-pagination{ bottom: .1rem; width: 100%; text-align: center; }
.swiper-pagination-bullet{ width: .29rem; height: .29rem; background: url("https://static.fishtopking.com/images/download/ico_feature.png") no-repeat; background-size: 100% 100%; opacity: 1; }
.swiper-pagination-bullet-active{ height: .31rem; background-image: url("https://static.fishtopking.com/images/download/ico_feature_active.png"); }

.desc{ text-shadow: 0 0 .05rem rgba(81,14,1,.8); line-height: 1; text-align: center; }
.intro-img{ margin-top: -1.4rem; }
.intro-img img{ width: 7.2rem; }
.btn-downalod-bot{ margin: -.8rem auto 0; width: 2.27rem; height: .79rem; background-image: url("https://static.fishtopking.com/images/download/btn_download_bot.png"); }
.ico-hand{ right: -.5rem; bottom: -.7rem; width: 1.24rem; height: 1.15rem; background-image: url("https://static.fishtopking.com/images/common/icon/ico_hand.png"); -webkit-animation: hand 1s linear infinite;  animation: hand 1s linear infinite;  }

@keyframes hand {
    0%{ -webkit-transform: translate(0,0); transform: translate(0,0); }
    50%{  -webkit-transform: translate(-.2rem,-.2rem); transform: translate(-.2rem,-.2rem); }
    100%{ -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.feature .gold-01{ top: -.2rem; left: 0; width:1.16rem; height: .81rem; background-image:url("https://static.fishtopking.com/images/download/ico_gold_01.png");z-index: 9}
.feature .gold-02{ top: -.3rem; right: .1rem; width:1.16rem; height: 1.1rem; background-image:url("https://static.fishtopking.com/images/download/ico_gold_02.png");z-index: 9  }
.feature .gold-03{ top: 3.5rem; left: .6rem; width:1.35rem; height: 1.27rem; background-image:url("https://static.fishtopking.com/images/download/ico_gold_03.png");z-index: 9  }
.feature .gold-04{ top: 3.6rem; right: .2rem; width:.58rem; height: .68rem; background-image:url("https://static.fishtopking.com/images/download/ico_gold_04.png");z-index: 9  }

.footer{ padding: .2rem; background: #000; font-size: .18rem; color: #fff; text-align: center; line-height: 1.8; left: 50%; width: 7.2rem; margin-left: -3.75rem;}
.footer a{ color: #fff }
.footer .logo{ margin-bottom: .25rem }
.footer .logo img{ height: .6rem }
.footer .age-bot{ top: .05rem; right: .3rem; }
.footer .age-bot img{ height: .8rem }