.top{ position: fixed; top: 0; left: 50%; padding: .1rem .5rem; width: 7.5rem; background: linear-gradient(#1C2A58,#2E2A6A); font-size: .4rem; color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); box-sizing: border-box; -webkit-justify-content: flex-start; justify-content: flex-start; z-index: 3; }
.top .logo{ margin-right: .2rem; width: 1.01rem; }
.top .name span{ display: block; font-size: .24rem; }
.top .btn-download-top{ top: .08rem; right: -.7rem; width: 4.27rem; height: 1.06rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/mobile/btn_download.png"); -webkit-transform: scale(.6); transform: scale(.6);}


.wrapper{ margin: 1.2rem auto 0; width: 7.5rem; height: 30.2rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/mobile/bg.jpg"); font-size: .3rem; color: #c6d4f2; overflow: hidden; }

.btn-download{ margin: 8.6rem auto 0; width: 4.27rem; height: 1.06rem; background-image: url("//png.pookcdn.net/new_net/bydrqp/mobile/btn_download.png"); }

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

.news{ margin: 1.6rem auto 0; width: 6.38rem; }
.news::after{ content: ""; position: absolute; bottom: -.1rem; left: 50%; width: 6.75rem; height: 2.55rem; background: #20315f; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.news .news-content{ margin:.2rem auto; z-index: 2; }
.news .news-content img{ width: 100%; }
.news .tab{ -webkit-justify-content: space-between; justify-content: space-between; z-index: 2; }
.news .tab li{ position: relative; padding-left: .25rem; box-sizing: border-box; cursor: pointer; }
.news .tab li.active{ color: #ffe471; text-shadow: 0 0 .05rem #a8592f; }
.news .tab li.active::after{ content: ""; position: absolute; top: 50%; left: -.05rem; width: .32rem; height: .32rem; background: url("//png.pookcdn.net/new_net/bydrqp/mobile/tab_after.png") no-repeat; background-size: 100% 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } 

.feature{ margin-top: 1.1rem; }
.feature-swiper{ margin-top: .3rem; width: 100%; }
.feature-swiper .swiper-slide{ width: 4.98rem; height: 8.38rem;}
.feature-swiper .swiper-slide::after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 95%; background: rgba(0, 0, 0, .5); }
.feature-swiper .swiper-slide img{ width: 100%;}
.feature-swiper .swiper-slide.swiper-slide-active::after{ background: none; }
.feature-swiper .swiper-button-prev,
.feature-swiper .swiper-button-next{ top: 60%; width: .94rem; height: 1.34rem; background: url("//png.pookcdn.net/new_net/bydrqp/mobile/arrow.png") no-repeat; background-size: 100% 100%;}
.feature-swiper .swiper-button-prev{ -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.swiper-button-prev:after, 
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, 
.swiper-container-rtl .swiper-button-prev:after{ content: ""; }