.page-body[data-v-bdf3a566]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow-y:scroll;background-color:#fff;padding:0}.page-body .home-page[data-v-bdf3a566]{width:100%;height:100%;margin:0 auto;box-sizing:border-box;background:#7310ff;background-size:cover;position:relative;display:flex;justify-content:center}.page-body .home-page .home-main[data-v-bdf3a566]{margin-top:5px;width:95%;height:78%;border-radius:30px;overflow:hidden;position:relative}.page-body .home-page .home-main>div[data-v-bdf3a566]{position:absolute;top:0;left:0;opacity:0;transition:all .3s}.page-body .home-page .home-main>div .host-detail-box[data-v-bdf3a566]{margin:10px 0 0 10px;display:flex}.page-body .home-page .home-main>div .host-detail-box .theimg[data-v-bdf3a566]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:10px}.page-body .home-page .home-main>div .host-detail-box .theimg img[data-v-bdf3a566]{width:40px}.page-body .home-page .home-main>div .host-detail-box .the-detail[data-v-bdf3a566]{color:#fff;align-items:flex-start}.page-body .home-page .home-main .bg1[data-v-bdf3a566]{width:100%;height:100%;background:url(../img/lp3-21-b1.0cea16e3.png) 50% no-repeat;background-size:cover;opacity:1}.page-body .home-page .home-main .bg2[data-v-bdf3a566]{width:100%;height:100%;background:url(../img/lp3-21-b2.6d386d4f.png) 50% no-repeat;background-size:cover;opacity:1}.page-body .home-page .home-main .bg3[data-v-bdf3a566]{width:100%;height:100%;background:url(../img/lp3-21-b3.280dcb14.png) 50% no-repeat;background-size:cover;opacity:1}.page-body .home-page .home-main .bg4[data-v-bdf3a566]{width:100%;height:100%;background:url(../img/lp3-21-b4.8653a558.png) 50% no-repeat;background-size:cover;opacity:1}.page-body .home-page .bottom-main[data-v-bdf3a566]{height:20%;width:100%;position:absolute;bottom:0;background:#8161e9}.page-body .home-page .bottom-main .gobtn[data-v-bdf3a566]{background:#8161e9;width:110px;height:110px;position:absolute;left:50%;transform:translateX(-50%) translateY(-50%);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:2}.page-body .home-page .bottom-main .gobtn .icon-video2[data-v-bdf3a566]{font-size:30px;color:#fff;padding:30px;background:linear-gradient(225deg,#ffe705,#fecb02);border-radius:50%}.page-body .home-page .bottom-main .list-card[data-v-bdf3a566]{height:80%;position:absolute;width:100%}.page-body .home-page .bottom-main .list-card .card-left[data-v-bdf3a566]{position:absolute;left:0;height:100%;width:40%;display:flex;justify-content:space-around;align-items:center}.page-body .home-page .bottom-main .list-card .card-left div[data-v-bdf3a566]{width:40%;height:70%;background:#fff;border-radius:8px;position:relative}.page-body .home-page .bottom-main .list-card .card-left .active[data-v-bdf3a566]:before,.page-body .home-page .bottom-main .list-card .card-left div[data-v-bdf3a566]:before{content:"";position:absolute;width:100%;height:100%;background:rgba(115,58,251,.6);outline:1px solid #feda03;border-radius:8px}.page-body .home-page .bottom-main .list-card .card-left .active[data-v-bdf3a566]:before{opacity:0}.page-body .home-page .bottom-main .list-card .card-left .bg1[data-v-bdf3a566]{background:url(../img/lp3-21-b1.0cea16e3.png) 50% no-repeat;background-size:cover}.page-body .home-page .bottom-main .list-card .card-left .bg2[data-v-bdf3a566]{background:url(../img/lp3-21-b2.6d386d4f.png) 50% no-repeat;background-size:cover}.page-body .home-page .bottom-main .list-card .card-right[data-v-bdf3a566]{position:absolute;right:0;height:100%;width:40%;display:flex;justify-content:space-around;align-items:center}.page-body .home-page .bottom-main .list-card .card-right div[data-v-bdf3a566]{width:40%;height:70%;background:#fff;border-radius:8px;position:relative}.page-body .home-page .bottom-main .list-card .card-right .active[data-v-bdf3a566]:before,.page-body .home-page .bottom-main .list-card .card-right div[data-v-bdf3a566]:before{content:"";position:absolute;width:100%;height:100%;background:rgba(115,58,251,.6);outline:1px solid #feda03;border-radius:8px}.page-body .home-page .bottom-main .list-card .card-right .active[data-v-bdf3a566]:before{opacity:0}.page-body .home-page .bottom-main .list-card .card-right .bg3[data-v-bdf3a566]{background:url(../img/lp3-21-b3.280dcb14.png) 50% no-repeat;background-size:cover}.page-body .home-page .bottom-main .list-card .card-right .bg4[data-v-bdf3a566]{background:url(../img/lp3-21-b4.8653a558.png) 50% no-repeat;background-size:cover}.page-body .home-page .bottom-main h2[data-v-bdf3a566]{position:absolute;bottom:6%;width:100%;color:#fff;text-align:center;font-size:15px}@media screen and (max-width:680px){.page-body[data-v-bdf3a566]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow-y:scroll;background-color:#fff}}@-webkit-keyframes bingbing-data-v-bdf3a566{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes bingbing-data-v-bdf3a566{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}