.weixin {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.ispc .banxin {
    width: 100%;
    margin: 0 auto;
}

.ispc .box1_box {
    width: 100%;
    height: 100%;
}

.ispc .box1 {
    background: url('https://img.imweibo888.com/web/gw/img/pic-bg1.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    position: relative;
}

.ispc .box1 .hand_phone img {
    position: absolute;
    right: 10vw;
    bottom: 0rem;
    width: 26vw;
    height: auto;
}

.ispc .box1 .topbox {
    display: flex;
    justify-content: space-between;
    height: 0.68rem;
    align-items: center;
}

.ispc .box1 .topbox .logo {
    background: url('https://img.imweibo888.com/web/gw/img/pic-logo.png');
    margin-top: .16rem;
    margin-left: 3.27rem;
    background-size: 100% 100%;
    width: 1.54rem;
    height: 0.68rem;
    display: block;
}

.ispc .box1 .contents1 {
    height: 100%;
    position: relative;
    padding-top: 1px;
    box-sizing: border-box;
}

.ispc .box1 .contents1 .s1img1 {
    position: absolute;
    top: 15.8vh;
    left: 9.9vw;
    /* margin-top: 100px; */
}

.ispc .box1 .contents1 .s1img1 .iphone2-1 {
    display: block;
    width: 20.6vw;
    height: auto;
}

.ispc .box1 .contents1 .s1img1 .iphone2-2 {
    position: absolute;
    top: 3vh;
    left: -4vw;
}

.ispc .box1 .contents1 .s1img2 {
    top: 6.39vh;
    left: 24vw;
    position: absolute;
    /* margin-top: 100px; */
}

.ispc .box1 .contents1 .s1img2 .iphone1-1 {
    display: block;
    width: 28vw;
    height: auto;
}

.ispc .box1 .contents1 .s1img2 .iphone1-2 {
    position: absolute;
    bottom: 30vh;
    left: 2vw;
}

.ispc .box1 .contents1 .txtimg {
    width: 26.7vw;
    height: auto;
    opacity: 1;
    position: absolute;
    top: 10vh;
    right: 20.3vw;
}

.ispc .section2 {
    background: url('https://img.imweibo888.com/web/gw/img/pic-bg2.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.ispc .section2 .iphone1-1 {
    display: block;
    width: 100%;
    height: 100%;
}

.ispc .box2 {
    /* display: none; */
    width: 100%;
    height: 100%;
    position: relative;
}

.ispc .box2 .hand_phone img {
    position: absolute;
    left: -100vw;
    bottom: 0;
    width: 33.9vw;
    height: auto;
}

.ispc .box2 .contents2 {
    height: 100%;
    position: relative;
    padding-top: 1px;
    box-sizing: border-box;
}

.ispc .box2 .contents2 .s1img1 {
    opacity: 1;
    position: absolute;
    top: 9.81vh;
    right: 34.58vw;
}

.ispc .box2 .contents2 .s1img1 .iphone2-1 {
    display: block;
    width: 21vw;
    height: auto;
}

.ispc .box2 .contents2 .s1img2 {
    opacity: 1;
    top: 6.11vh;
    right: 13vw;
    position: absolute;
}

.ispc .box2 .contents2 .s1img2 .iphone1-1 {
    display: block;
    width: 24vw;
    height: auto;
}

.ispc .box2 .contents2 .s1img2 .iphone1-2 {
    position: absolute;
    bottom: 25vh;
    right: -1.5vw;
}

.ispc .box2 .contents2 .txtimg {
    height: auto;
    width: 3.34rem;
    position: absolute;
    top: -100vh;
    left: 14.32vw;
}

.ispc .con1_avtive .hand_phone img {
    animation: imgphone1 1s;
    opacity: 1;
}

.ispc .con1_avtive .iphone2-2 {
    animation: iphone2_2 1.5s;
    opacity: 1;
}

.ispc .con1_avtive .iphone1-2 {
    animation: iphone1_2 1.5s;
    opacity: 1;
}

.ispc .con1_avtive .txtimg {
    animation: txtimg1 1s;
}

@keyframes imgphone1 {

    0%,
    to {
        opacity: 0;
        right: -10vw;
    }

    100% {
        opacity: 1;
        right: 10.4vw;
    }
}

@keyframes txtimg1 {

    0%,
    to {
        opacity: 0;
        top: 13vh;
    }

    100% {
        opacity: 1;
        top: 10vh;
    }
}

@keyframes iphone2_2 {
    0% {
        opacity: 0;
        top: 6vh;
    }

    50% {
        opacity: 0;
        top: 6vh;
    }

    100% {
        opacity: 1;
        top: 3vh;
    }
}

@keyframes iphone1_2 {
    0% {
        opacity: 0;
        bottom: 20vh;
    }

    50% {
        opacity: 0;
        bottom: 20vh;
    }

    100% {
        opacity: 1;
        bottom: 30vh;
    }
}

.ispc .con2_avtive {
    display: block;
}

.ispc .con2_avtive .hand_phone img {
    opacity: 0;
    animation: imgphone2 1s;
    /* 动画结束后状态 */
    animation-fill-mode: forwards;
}

.ispc .con2_avtive .iphone2-2 {
    animation: iphone4_2 1s;
    opacity: 1;
}

.ispc .con2_avtive .iphone1-2 {
    animation: iphone3_2 1s;
    opacity: 1;
}

.ispc .con2_avtive .txtimg {
    opacity: 0;
    animation: txtimg 1s;
    /* 动画结束后状态 */
    animation-fill-mode: forwards;
}

.ispc .con2_avtive .heart {
    animation: meme 0.6s 1s;
    /* 动画结束后状态 */
    animation-fill-mode: forwards;
}

@keyframes meme {
    0% {

        transform: scale(1);
        /*开始为原始大小*/

    }

    66.6% {

        transform: scale(1.2);
        /*放大1.1倍*/

    }

    100% {
        transform: scale(1);
    }
}

@keyframes imgphone2 {

    0%,
    to {
        opacity: 0;
        left: 0vw;
    }

    100% {
        opacity: 1;
        left: 9.95vw;
    }
}

@keyframes txtimg {

    0%,
    to {
        opacity: 0;
        top: -100vh;
    }

    100% {
        opacity: 1;
        top: 17vh;
    }
}

/* @keyframes iphone4_2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes iphone3_2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
} */

.ispc .jimu-page1-down {
    position: absolute;
    bottom: 2.22vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
    -webkit-animation: jump 2s infinite;
    animation: jump 2s infinite;
}

.ispc .jimu-page1-down .jimu-page1-down-icon {
    width: 3.3vw;
    cursor: pointer;
}

.ispc .jimu-page1-down .jimu-page1-down-text {
    cursor: pointer;
    color: #fff;
    font-size: 0.08rem;
    margin-top: 0.08rem;
}

@keyframes jump {

    0%,
    to {
        transform: translateY(0);
    }

    50% {
        transform: translateY(20%);
    }
}

.ispc .section3 {
    background: url('https://img.imweibo888.com/web/gw/img/pic_bg3.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.ispc .box3 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.ispc .box3 .banxin {
    height: 900px;
    padding-left: 11.09vw;
    display: flex;
    align-items: center;
}

.ispc .box3 .leftbox {
    display: flex;
    flex-direction: column;
    width: 70%;
}

.ispc .box3 .leftbox .titel {
    background: url('https://img.imweibo888.com/web/gw/img/pic-font3.png');
    background-size: 100% 100%;
    width: 1.9rem;
    height: 0.5rem;
}

.ispc .box3 .leftbox p {
    font-size: 0.2rem;
    color: #333333;
    line-height: 0.4rem;
    font-family: YouYuan;
}

.ispc .box3 .leftbox .txt1 {
    width: 35.8vw;
    margin: 5vh 0;
}

.ispc .box3 .logoimg {
    position: absolute;
    right: 16.77vw;
    bottom: 34.35vh;
    background: url('https://img-xiangyuan.yiling666.com/banner/%E7%BC%96%E7%BB%84%2011%402x.png');
    background-size: 100% 100%;
    width: 17.4vw;
    height: 28.5vh;
}

.ispc .con3_avtive .leftbox {
    animation: leftbox1 1s;
}

@keyframes leftbox1 {

    0%,
    to {
        opacity: 0;
        margin-top: 40vh;
    }

    100% {
        opacity: 1;
        margin-top: 0vh;
    }
}

.ispc .footerbox {
    width: 100%;
    height: 2.3rem;
    background: #Fff;
    margin-top: 0.6rem;
    padding-top: 0.25rem;
    box-sizing: border-box;
}

.ispc .footerbox p {
    text-align: center;
    width: 100%;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.32rem;
}

.ispc .footerbox a {
    color: #666666;
}

.ispc .footerbox a:hover {
    color: #40a9ff;
}

.isweb {
    width: 100%;
    height: 100%;
}

.isweb .box1 {
    width: 100%;
    height: 100%;
    position: relative;
}

.isweb .box1 .font1 {
    width: 5.8rem;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 0.66rem;
}

.isweb .box1 .donwn {
    width: 3.96rem;
    height: 0.96rem;
    display: block;
    background: #FFFFFF;
    border-radius: 0.48rem;
    margin: 0 auto;
    border: 1px solid #9846FF;
    font-weight: 500;
    font-size: 0.32rem;
    color: #9846ff;
}

.isweb .box2 {
    width: 100%;
    height: 100%;
    position: relative;
}

.isweb .box2 .font1 {
    width: 5.8rem;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-top: 0.66rem;
}

.isweb .box2 .donwn {
    width: 3.96rem;
    height: 0.96rem;
    display: block;
    background: #FFFFFF;
    border-radius: 0.48rem;
    margin: 0 auto;
    border: 1px solid #9846FF;
    font-weight: 500;
    font-size: 0.32rem;
    color: #9846ff;
}

.isweb .imgs {
    width: 100%;
    height: 8.6rem;
}

.isweb .s1img1 {
    position: absolute;
    left: 0.08rem;
    top: 3.82rem;
}

.isweb .s1img1 img {
    width: 3.7rem;
    height: auto;
}

.isweb .s1img2 {
    position: absolute;
    right: 0.14rem;
    top: 3.26rem;
}

.isweb .s1img2 img {
    width: 4.4rem;
    height: auto;
}

.isweb .box2 .s1img2 {
    position: absolute;
    right: 0rem;
    top: 2.4rem;
}

.isweb .box2 .s1img2 img {
    width: 4.7rem;
    height: auto;
}

.isweb .box3 {
    width: 100%;
    height: 100%;
    position: relative;
}

.isweb .box3 .box3logo {
    display: block;
    width: 6rem;
    height: auto;
    margin: 0 auto;
    margin-top: 0.8rem;
}

.isweb .box3 .footerbox {
    position: absolute;
    bottom: 0.5rem;
    padding: 0 0.5rem;
    width: 100%;
    /* height: 2.3rem; */
    /* background: #Fff; */
    margin-top: 0.6rem;
    padding-top: 0.25rem;
    box-sizing: border-box;
}

.isweb .box3 .footerbox p {
    text-align: center;
    width: 100%;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.32rem;
}

.isweb .box3 .footerbox a {
    color: #666666;
}

.isweb .box3 .footerbox a:hover {
    color: #40a9ff;
}

.isweb .wdo {
    background: url('https://img.imweibo888.com/web/20211130/img/icon-down-white.png');
    background-size: 100% 100%;
    width: 0.34rem;
    height: 0.32rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.6rem;
}

.isweb .purpledo {
    background: url('https://img.imweibo888.com/web/20211130/img/icon-down-purple.png');
    background-size: 100% 100%;
    width: 0.34rem;
    height: 0.32rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.6rem;
}

.isweb .section1 {
    background: url('https://img.imweibo888.com/web/gw/img/pic-bg1-1.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.isweb .section2 {
    background: url('https://img.imweibo888.com/web/gw/img/pic-bg2-1.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.isweb .section3 {
    background: url('https://img.imweibo888.com/web/gw/img/pic-bg3-1.png');
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.isweb .down_icon {
    animation: down_icon 2s linear infinite;
}

@keyframes down_icon {
    0% {
        bottom: 0.6rem;
    }

    50% {
        bottom: 0.3rem;
    }

    100% {
        bottom: 0.6rem;
    }
}

body {
    position: relative;
}

.heart {
    position: absolute;
    bottom: 1.8rem;
    left: 3.07rem;
    width: 2.32rem;
    height: auto;
}

.isweb .s1img1 {
    top: 3.4rem;
}

.isweb .s1img2 {
    top: 2.6rem;
}

.isweb .box3 .info {
    position: absolute;
    top: 4.08rem;
    width: 6.94rem;
    left: 0.28rem;
    height: auto;
}

.ispc .box1 .box1_box .donwn {
    position: absolute;
    right: 32.86vw;
    top: 44vh;
    width: 2.83rem;
    height: auto;
}


.ispc .box3 .logoimg {
    width: 17.4vw;
    height: auto;
}

.top-box {
    position: absolute;
    top: 0.16rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: .68rem;
    z-index: 9999;
}

.tab {
    position: absolute;
    left: 5rem;
    /* top: .3rem; */
    z-index: 9999;
    display: flex;
    align-items: center;
}

.tab button {
    position: relative;
    margin: 0 .2rem;
    background: none;
    font-size: .24rem;
    line-height: .3rem;
    color: #fff;
}

.tab .active::after {
    content: '';
    position: absolute;
    background: #fc6784;
    width: 100%;
    height: 2px;
    border-radius: 5px;
    bottom: -0.05rem;
    left: 0;
}

.tab span {
    width: .02rem;
    height: .3rem;
    background: #fff;
}

.tab p:hover {
    color: #000;
}

.top-box .logo {
    position: absolute;
    left: 3.27rem;
    width: 1.54rem;
    height: 0.68rem;
    display: block;
    background: url(https://img.imweibo888.com/web/gw/img/pic-logo.png);
    background-size: 100% 100%;
}

.recharge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    background: #EFEFEF;
}

.recharge_info {
    padding-top: 6%;
    box-sizing: border-box;
    height: 80%;
    width: 70%;
}

.title1 {
    font-size: 0.16rem;
    font-weight: 600;
    color: #333333;
}

.title1 span {
    color: #999999;
    font-size: 0.075rem;
}

.rec_content {
    border-radius: 0.12rem;
    background: #ffffff;
    padding: 0.4rem 0.25rem;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    height: 90%;
}

.rec_content .title2 {
    margin-top: 0.3rem;
    font-size: 0.16rem;
    font-weight: 600;
    color: #333333;
}

.rec_content .title2 .qitxt {
    font-size: 0.07rem;
    color: #ff205e;
}

.rec_content .btns {
    display: flex;
    align-items: center;
    margin-top: 0.125rem;
}

.rec_content .btns input {
    height: 0.33rem;
    width: 1.71rem;
    border-radius: 0.03rem;
    padding-left: 0.08rem;
    border: 1Px solid #979797;
    font-size: 0.09rem;
    color: #333333;
}

.rec_content .btns button {
    height: 0.35rem;
    width: 0.83rem;
    background: #4B76FF;
    border-radius: 0.03rem;
    margin-left: 0.06rem;
    font-size: 0.085rem;
    font-weight: 600;
    color: #ffffff;
    opacity: 0.9;
}

.rec_content .btns button:hover {
    background: #4B76FF;
    opacity: 1;
}

.rec_content .headimg {
    display: flex;
    height: 0.62rem;
    align-items: center;
}

.rec_content .headimg img {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
}

.rec_content .headimg p {
    justify-content: space-between;
    min-width: 1.3rem;
    margin-left: 0.04rem;
    display: flex;
    flex-direction: column;
}

.rec_content .headimg p .name {
    font-size: 0.15rem;
    color: #2a2a39;
    margin-bottom: 0.03rem;
}

.rec_content .headimg p .nnID {
    font-size: 0.13rem;
    color: #888888;
}

.rec_content .headimg button {
    height: 0.36rem;
    width: 0.73rem;
    background: #4B76FF;
    border-radius: 0.03rem;
    margin-left: 0.06rem;
    font-size: 0.085rem;
    font-weight: 600;
    color: #ffffff;
}

.rec_content .headimg button:hover {
    background: #4B76FF;
}

.rec_content .nnidno {
    margin-top: 0.06rem;
    font-size: 0.08rem;
    font-weight: 400;
    color: #fc8018;
    line-height: 0.09rem;
    cursor: pointer;
}

.rec_content .zdybox {
    display: flex;
    align-items: center;
    height: 0.6rem;
}

.rec_content .zdyinput {
    width: 1.3rem;
    height: 0.3rem;
    background: #FFFFFF;
    font-size: 0.13rem;
    color: #ff205e;
    border-radius: 0.03rem;
    text-align: center;
    border: 1Px solid #CCCCCC;
}

.rec_content .zdytxt {
    font-size: 0.16rem;
    font-weight: 400;
    padding-left: 0.1rem;
    color: #333333;
}

.rec_content .monylist {
    display: flex;
    flex-wrap: wrap;
}

.rec_content .monylist li {
    width: 1.8rem;
    height: 0.55rem;
    border: 1Px solid #cccccc;
    position: relative;
    margin: 0.13rem 0.13rem 0 0;
    border-radius: 0.05rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.rec_content .monylist li p:nth-child(1) {
    font-size: 0.16rem;
    font-weight: bold;
    color: #333333;
}

.rec_content .monylist li p:nth-child(1) span {
    font-size: 0.1rem;
    font-weight: 600;
}

.rec_content .monylist li p:nth-child(2) {
    font-size: 0.1rem;
    color: #999999;
}

.rec_content .monylist li p {
    width: 100%;
    text-align: center;
}

.rec_content .monylist .active {
    border: 1Px solid #4B76FF;
}

.rec_content .monylist .active p {
    color: #4B76FF !important;
}

.rec_content .monylist .active::after {
    content: '';
    position: absolute;
    bottom: -0.01rem;
    width: 0.2rem;
    height: 0.13rem;
    background: url('https://img.imweibo888.com/web/android_gw/img/icon_select.png');
    background-size: 100% 100%;
    right: -0.01rem;
}

.rec_content .quebtn {
    display: flex;
    align-items: center;
    margin-top: 0.3rem;
}

.rec_content .quebtn button {
    height: 0.36rem;
    width: 3.75rem;
    background: #4B76FF;
    border-radius: 0.04rem;
    margin-left: 0.06rem;
    font-size: 0.09rem;
    font-weight: 600;
    color: #ffffff;
}

.rec_content .quebtn button:hover {
    background: #4B76FF;
}

.rec_content .quebtn button[disabled] {
    color: #fff !important;
    background: #ccc !important;
}

.rec_content .quebtn .monytxt p:nth-child(1) {
    font-size: 0.1rem;
    color: #333333;
}

.rec_content .quebtn .monytxt p:nth-child(1) span {
    font-size: 0.15rem;
    color: #ff205e;
}

.rec_content .quebtn .monytxt p:nth-child(2) {
    margin-top: 0.1rem;
    font-size: 0.07rem;
    color: #333333;
}

.rec_content .quebtn .monytxt p:nth-child(2) span {
    color: #1c74f2;
    cursor: pointer;
}

.playcon {
    border-radius: 0.12rem;
    background: #ffffff;
    padding: 0.4rem 0.25rem;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    height: 85%;
}

.palybtn {
    display: flex;
    margin-top: 0.1rem;
}

.palybtn button {
    width: 1.8rem;
    height: 0.45rem;
    background: #ffffff;
    border-radius: 0.05rem;
    margin-right: 0.13rem;
    border: 1Px solid #cccccc;
    font-size: 0.13rem;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 600;
    cursor: pointer;
    color: #333333;
}

.palybtn button .wxicon {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url('https://img.imweibo888.com/web/android_gw/img/icon_wechat.png');
    background-size: 100% 100%;
    vertical-align: bottom;
}

.palybtn button .zfbicon {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url('https://img.imweibo888.com/web/android_gw/img/icon_alipay.png');
    background-size: 100% 100%;
    vertical-align: bottom;
}

.palybtn .active {
    border: 1Px solid #4B76FF;
    position: relative;
}

.palybtn .active::after {
    content: '';
    position: absolute;
    bottom: -0.01rem;
    width: 0.2rem;
    height: 0.13rem;
    background: url('https://img.imweibo888.com/web/android_gw/img/icon_select.png');
    background-size: 100% 100%;
    right: -0.01rem;
}