body {
    background: #43128c;
    font-size: .25rem;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}

.top {
    top: 0;
    left: 50%;
    padding: 0 .2rem;
    width: 7.5rem;
    height: 1.08rem;
    background-image: url("https://update.whotcdn.com/images/gw/bg_top.jpg");
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    box-sizing: border-box;
    z-index: 3;
}

.top .con-left img {
    height: .75rem;
}

.top .con-right img {
    height: .52rem;
}

.service {
    top: 1.08rem;
    left: 50%;
    width: 7.5rem;
    height: .69rem;
    background: -webkit-linear-gradient(#2581F4, #37A2FE);
    background: linear-gradient(#2581F4, #37A2FE);
    border-top: .02rem #2F5BD1 solid; 
    border-bottom: .02rem #41259B solid; 
    font-size: .27rem;
    color: #A2FDFF;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
}
.service img{ margin-right: .1rem; width: .3rem; }


.wrapper {
    margin: 1.8rem auto 1.7rem;
    width: 7.2rem;
    background-image: url("https://update.whotcdn.com/images/gw/v2/bg.jpg");
    background-size: 7.2rem 9.37rem;
    overflow: hidden;
}

.btn-download{ display: block; margin:.2rem auto 0; width: 4.48rem; height: 1.03rem; background-image: url("https://update.whotcdn.com/images/common/button/btn_download.png"); }
.download-text{ font-size: .29rem; color: #ffe975; text-align: center; }
.download-text span{ margin: 0 .1rem; color: #4eff63; } 

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

.feature{ margin: .45rem auto 1.2rem; width: 7.21rem; }
.feature .fearture-content{ margin-top: -.1rem; width: 100%; height: 4.27rem; background-image: url("https://update.whotcdn.com/images/gw/bg_swiper.png"); overflow: hidden; }
.feature .mySwiper{margin: .18rem auto;width: 6.72rem;height: 3.76rem;overflow: hidden;border-radius: .2rem .05rem .2rem .05rem;}
.feature .swiper-slide img{ width: 100%; object-fit: cover; }
.swiper-pagination{  margin: .25rem auto; width: 100%; }
.swiper-pagination .swiper-pagination-bullet{ margin: 0 .05rem; width: .31rem; height: .31rem; background: url("https://update.whotcdn.com/images/common/icon/ico_bullet.png") no-repeat; background-size: 100% 100%; opacity: 1; }
.swiper-pagination .swiper-pagination-bullet-active{ background-image: url("https://update.whotcdn.com/images/common/icon/ico_bullet_on.png") ; }
 
 
.withdrawal{ margin: 9.8rem auto 0; width: 6.92rem; }
.withdrawal .item-withdrawal img{ height: 2.64rem; }


.more{ margin: .7rem auto; }
.more-content{ margin: -.1rem auto; padding: 0 .55rem 0 .45rem; width: 7.21rem; height: 2.75rem; background-image: url(https://update.whotcdn.com/images/gw/bg_more.png); box-sizing: border-box; }
.more-content li{ flex: 1 1 0; text-align: center; }
.more-content li a{ color: #fff; font-size: .22rem; } 
.more-content img{ margin-bottom: .2rem; width: .96rem;}

.footer{ padding: .2rem .3rem; background: #360A77; font-size: .22rem; color: #7753e3; box-sizing: border-box; }
.footer::after{ content: ""; position: absolute; top: -.07rem; left: 0; width: 100%; height: .05rem; background: #360A77; }
.footer .btn-list{ gap: .2rem; }
.footer .ico-fb,
.footer .ico-service{ width: .86rem; height: .86rem; }
.footer .ico-fb{ background-image: url("https://update.whotcdn.com/images/common/icon/ico_fb.png");}
.footer .ico-service{ background-image: url("https://update.whotcdn.com/images/common/icon/ico_service_bot.png");}
.footer .contact{ -webkit-justify-content: flex-start;  justify-content: flex-start; }
.footer .ico-mail{ margin-right: .1rem; width: .69rem; height: .69rem; background-image: url("https://update.whotcdn.com/images/common/icon/ico_mail.png");}
.footer .ico-top{ top: 1rem; right: .2rem; width: .65rem; height: .65rem; background-image: url("https://update.whotcdn.com/images/common/icon/ico_top.png"); }
.footer .text-list{ margin-top: .3rem; font-size: .19rem; color: #7753e3;  -webkit-justify-content: space-around; justify-content: space-around; }
.footer .text-list a{ color: #7753e3; text-decoration: underline; }

.float-bot{ bottom: 0; left: 50%; width: 7.2rem; height: 1.7rem; background-image: url("https://update.whotcdn.com/images/gw/v2/bg_bot.png"); -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 99;}