.home-swiper-streamer[data-v-2a961252]{padding:80px 0}.home-swiper-streamer .swiper-button[data-v-2a961252]{display:flex;justify-content:space-between;position:relative;width:100%;max-width:935px;margin:0 auto;margin-top:-150px;margin-bottom:150px;z-index:1}.home-swiper-streamer .swiper-button .swiper-button-next[data-v-2a961252],.home-swiper-streamer .swiper-button .swiper-button-prev[data-v-2a961252]{position:relative;background-color:#d4d4d4;color:#fff;border-radius:30px}.home-swiper-streamer .swiper-button .swiper-button-next[data-v-2a961252]:after,.home-swiper-streamer .swiper-button .swiper-button-prev[data-v-2a961252]:after{font-size:14px}.home-swiper-streamer[data-v-2a961252] .mySwiper{margin:0 50px}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide{width:300px!important;height:300px!important;overflow:hidden;border-radius:15px;opacity:0;pointer-events:none;transition:all .2s ease}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body{width:100%;height:100%;cursor:pointer}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:silver}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips{position:relative;bottom:70px;height:60px;display:flex;justify-content:center;padding:0 10px}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .avatar{flex-shrink:0}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .avatar img{width:50px;height:50px;border-radius:50%;border:2px solid #ff2d55}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .icon-live{position:absolute;width:50px;height:auto;left:10px;bottom:0;background-color:transparent}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info{flex-grow:1;display:flex;justify-content:center;align-items:center;background-color:rgba(36,42,55,.8);height:100%;border-radius:50px;padding:0 15px;margin-left:6px}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info>div{flex-grow:1;color:#fff}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info>div>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info>div .title{font-size:14px}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info>div .name{font-size:12px}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info button{flex-shrink:0;background-color:#ff2d55;color:#fff;font-size:12px;padding:5px 15px;border-radius:30px}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .tips .msg-info button:hover{background-color:#e52548}.home-swiper-streamer[data-v-2a961252] .mySwiper .swiper-slide .swiper__body .el-skeleton__item{width:300px;height:300px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper{overflow:visible;padding-bottom:50px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper.pb-0{padding-bottom:0}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-slide{width:100vw!important;height:100vw!important;border-radius:0}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-slide .swiper__body .avatar img{position:relative;top:-10px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-slide .swiper__body .icon-live{bottom:10px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-slide .swiper__body .tips{background:linear-gradient(0deg,#000,transparent);bottom:60px;height:60px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-slide .swiper__body .tips .msg-info{background-color:rgba(36,42,55,0);padding-bottom:10px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-slide .swiper__body .el-skeleton__item{width:100vw;height:100vw}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-pagination{bottom:20px}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-pagination .swiper-pagination-bullet{background-color:#d9d9d9;border:0}.home-swiper-streamer[data-v-2a961252] .mySwiper.mobileSwiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#7c7ed7;width:25px;border-radius:30px}.home-swiper-streamer .no-data[data-v-2a961252]{text-align:center;color:#cdcddf;padding:25px 0}.home-swiper-streamer .no-data>img[data-v-2a961252]{display:inline-block;padding:0 25px}.home-swiper-streamer .no-data>div[data-v-2a961252]{margin-top:30px}.home-swiper-streamer .no-data>div[data-v-2a961252]:after{display:inline-block;text-align:left;padding-left:6px;-webkit-animation:dots-2a961252 3s steps(4) infinite;animation:dots-2a961252 3s steps(4) infinite;content:"";width:1em}@-webkit-keyframes dots-2a961252{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes dots-2a961252{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media(max-width:767px){.home-swiper-streamer[data-v-2a961252]{padding:0}}.view-about-cofun-live[data-v-0e129d98]{color:#fff;text-align:center;background-size:100%,auto;background-position:top,50%;background-repeat:no-repeat;background-color:#000}.view-about-cofun-live .container-main[data-v-0e129d98]{align-items:center;max-width:900px}.view-about-cofun-live p[data-v-0e129d98]{padding-top:47vw}.basic-btn[data-v-0e129d98]{cursor:pointer;transition:all .3s ease;background-color:#fff;color:#7c7ed7;text-align:center;padding:10px;border-radius:.5rem;border:2px solid #fff;word-wrap:break-word;white-space:break-spaces;width:100%;max-width:250px;margin-top:60px;margin-bottom:80px}.basic-btn[data-v-0e129d98]:hover{border:2px solid #1f2530;background-color:#7c7ed7;color:#fff;transform:scale(1.08,1.13)}.view-why-choose-us[data-v-2849093b]{text-align:center;background:#fff;padding:90px 0 60px 0}.view-why-choose-us .container-main.title[data-v-2849093b]{padding-bottom:60px}.view-why-choose-us .container-main.title h2[data-v-2849093b]{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:#000;padding-bottom:20px}.view-why-choose-us .role-card[data-v-2849093b]{text-align:left;padding:30px 30px 30px 30px;height:100%;background-color:#fff;border:1px solid #7c7ed7}.view-why-choose-us .role-card[data-v-2849093b]:hover{transform:translateY(0);box-shadow:0 .329276px .823189px -.164638px rgba(99,102,241,.01),0 0 0 0 transparent,0 9.67072px 14.5061px -2.90122px rgba(0,0,0,.098),0 3.86829px 5.80243px -3.86829px rgba(0,0,0,.098)}.view-why-choose-us .role-card .title[data-v-2849093b]{display:flex;color:#7c7ed7;align-items:center;padding-bottom:20px}.view-why-choose-us .role-card .title img[data-v-2849093b]{padding-right:15px}.view-why-choose-us .role-card .title h5[data-v-2849093b]{font-weight:700;font-size:1.2rem;line-height:2rem}.view-why-choose-us .role-card>p[data-v-2849093b]{color:#314167}.view-join-cofun-live[data-v-79cc4834]{background:#fff;text-align:center;padding:90px 0 30px 0;background-position:bottom;background-size:contain;background-repeat:repeat-x}.view-join-cofun-live .role-card[data-v-79cc4834]{background:#fff;text-align:left;padding:2rem;height:100%;display:flex;flex-direction:column;overflow:hidden}.view-join-cofun-live .role-card .bg-text[data-v-79cc4834]{color:#f0f4fb;font-size:70px;font-weight:700;position:relative;width:100%;height:0;z-index:0;right:-.5em;top:-.5em;text-align:right}.view-join-cofun-live .role-card .title[data-v-79cc4834]{display:flex;align-items:center;padding-bottom:25px;color:#c479ff}.view-join-cofun-live .role-card .title img[data-v-79cc4834]{margin-right:15px;width:70px;height:70px}.view-join-cofun-live .role-card .title h5[data-v-79cc4834]{font-weight:700;font-size:32px;line-height:2rem}.view-join-cofun-live .role-card p[data-v-79cc4834]{color:#314167}.view-join-cofun-live .role-card ol[data-v-79cc4834]{padding:25px 0;color:#c479ff}.view-join-cofun-live .role-card ol li[data-v-79cc4834]{margin-left:2em;margin-bottom:10px}.view-join-cofun-live .role-card ol li[data-v-79cc4834]:before{content:"";display:inline-block;font-family:bootstrap-icons!important;margin-left:-2em;padding-right:15px}.view-join-cofun-live .role-card .btn-area[data-v-79cc4834]{display:flex;flex-grow:1;align-items:end}.view-join-cofun-live .role-card .btn-area button[data-v-79cc4834]{height:100%}.view-join-cofun-live .role-card .basic-btn[data-v-79cc4834]{cursor:pointer;transition:all .2s ease;background-color:#7c7ed7;color:#fff;font-weight:700;text-align:center;padding:.75rem 1.5rem;border-radius:.5rem;border:2px solid #7c7ed7;word-wrap:break-word;white-space:break-spaces;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.view-join-cofun-live .role-card .basic-btn[data-v-79cc4834]:hover{background-color:#b2b3ff}.view-join-cofun-live .role-card .basic-btn.white[data-v-79cc4834]{background-color:#fff;color:#7c7ed7;border:2px solid #7c7ed7}.view-join-cofun-live .role-card .basic-btn.white[data-v-79cc4834]:hover{background-color:#1f2530;border:2px solid #1f2530;color:#b2b3ff}.view-join-cofun-live .role-card .basic-btn.basic[data-v-79cc4834]{flex-grow:1}.view-join-cofun-live .role-card.member .title[data-v-79cc4834],.view-join-cofun-live .role-card.member ol[data-v-79cc4834]{color:#7c7ed7}.view-join-cofun-live #app-download[data-v-79cc4834]{display:flex;justify-content:center;align-items:center;padding-top:100px;padding-bottom:100px}.view-join-cofun-live #app-download img[data-v-79cc4834]{cursor:pointer}.view-join-cofun-live #app-download .cofun-icon[data-v-79cc4834]{width:30vw;max-width:200px;padding:15px}.view-join-cofun-live #app-download .app[data-v-79cc4834]{padding-left:15px;width:40vw;max-width:262px}.view-join-cofun-live #app-download .app img[data-v-79cc4834]{margin-top:15px;margin-bottom:15px}@media screen and (max-width:540px){.view-join-cofun-live #app-download .app[data-v-79cc4834]{padding-left:0}}.view-playbuz-home-footer[data-v-6b7bb1f9]{background-color:#101827;color:#fff;font-size:14px;padding:60px 0 40px 0}.view-playbuz-home-footer .container-main.main[data-v-6b7bb1f9]{display:flex}.view-playbuz-home-footer .container-main.main .about[data-v-6b7bb1f9]{flex-shrink:0;width:30vw;max-width:250px;color:#878e9b;font-size:14px}.view-playbuz-home-footer .container-main.main .about .logo[data-v-6b7bb1f9]{height:60px;width:auto;margin-bottom:20px}.view-playbuz-home-footer .container-main.main .about .about-items[data-v-6b7bb1f9]{cursor:pointer;transition:color .2s ease;margin-bottom:20px}.view-playbuz-home-footer .container-main.main .about .about-items[data-v-6b7bb1f9]:hover{color:#fff}.view-playbuz-home-footer .container-main.main .link-area[data-v-6b7bb1f9]{flex-grow:1;display:flex;justify-content:space-between}.view-playbuz-home-footer .container-main.main .link-area .link[data-v-6b7bb1f9]{width:50%}.view-playbuz-home-footer .container-main.main .link-area .link .link-items[data-v-6b7bb1f9]{padding-bottom:15px;color:#9ca3af;cursor:pointer;transition:color .2s ease}.view-playbuz-home-footer .container-main.main .link-area .link .link-items[data-v-6b7bb1f9]:hover{color:#7e5ff4}.view-playbuz-home-footer .container-main.main .download-area[data-v-6b7bb1f9]{flex-shrink:0;width:30vw;max-width:250px}.view-playbuz-home-footer .container-main.main .download-area .label[data-v-6b7bb1f9]{color:#878e9b;font-size:12px;padding:10px 0 20px 0;display:flex;align-items:flex-start}.view-playbuz-home-footer .container-main.main .download-area .label img[data-v-6b7bb1f9]{margin-right:10px}.view-playbuz-home-footer .container-main.main .download-area .download-link[data-v-6b7bb1f9]{display:flex;align-items:center}.view-playbuz-home-footer .container-main.main .download-area .download-link .cofun-icon[data-v-6b7bb1f9]{width:28px;height:28px;margin-right:15px;cursor:pointer}.view-playbuz-home-footer .container-main.main .download-area .download-link a[data-v-6b7bb1f9]{color:#878e9b;cursor:pointer;padding-right:15px;font-size:24px;transition:all .2s ease}.view-playbuz-home-footer .container-main.main .download-area .download-link a[data-v-6b7bb1f9]:hover{color:#fff}.view-playbuz-home-footer .container-main.main .social-link a[data-v-6b7bb1f9]{color:#878e9b;padding-right:15px;font-size:24px;transition:all .2s ease}.view-playbuz-home-footer .container-main.main .social-link a[data-v-6b7bb1f9]:hover{color:#fff}@media(max-width:767px){.view-playbuz-home-footer .container-main.main[data-v-6b7bb1f9]{display:block}.view-playbuz-home-footer .container-main.main .about[data-v-6b7bb1f9]{padding:0;max-width:100%}.view-playbuz-home-footer .container-main.main .link-area[data-v-6b7bb1f9]{display:block}.view-playbuz-home-footer .container-main.main .download-area[data-v-6b7bb1f9]{text-align:left;width:100%;max-width:100%}.view-playbuz-home-footer .container-main.main .download-area .app-btn[data-v-6b7bb1f9]{justify-content:start}.view-playbuz-home-footer .container-main.main .download-area .app-btn button[data-v-6b7bb1f9]{margin:0 10px 0 0;padding:5px 15px}.view-playbuz-home-footer .footer-title[data-v-6b7bb1f9]{margin-top:20px}}.view-playbuz-home-footer .copyright[data-v-6b7bb1f9]{color:#9ca3af;text-align:center;margin-top:60px}.view-playbuz-home-footer .footer-title[data-v-6b7bb1f9]{color:#fff;font-size:16px;font-weight:700;padding-bottom:15px}.view-playbuz-home-header[data-v-74502180]{background-color:#f8f8f8;box-shadow:0 3px 6px rgba(69,69,69,.3411764705882353);background-image:none;position:fixed;top:0;z-index:3;left:0;right:0;width:100%}.view-playbuz-home-header .container-main[data-v-74502180]{display:flex;height:90px;align-items:center;justify-content:space-between}.view-playbuz-home-header .container-main .logo[data-v-74502180]{padding-right:30px}.view-playbuz-home-header .container-main .home-nav-list[data-v-74502180]{display:flex;justify-content:flex-start;flex-grow:1}.view-playbuz-home-header .container-main .home-nav-list>div[data-v-74502180]{transition:all .2s ease;cursor:pointer;padding:0 10px}.view-playbuz-home-header .container-main .home-nav-list>div[data-v-74502180]:hover{color:#6566f1}.view-playbuz-home-header .container-main .home-nav-user-btn[data-v-74502180]{display:flex;flex-shrink:0;align-items:center}.view-playbuz-home-header .container-main .home-nav-user-btn>div[data-v-74502180]{transition:all .2s ease;margin-left:20px}.view-playbuz-home-header .container-main .home-nav-user-btn .member-btn[data-v-74502180]{width:30px;height:30px;cursor:pointer}.view-playbuz-home-header .container-main .home-nav-user-btn .member-btn[data-v-74502180] .el-avatar img{width:100%}.view-playbuz-home-header .container-main .home-nav-user-btn .login-btn[data-v-74502180]{background-color:#7c7ed7;color:#fff;cursor:pointer;padding:6px 20px;border-radius:6px}.view-playbuz-home-header .container-main .home-nav-user-btn .login-btn[data-v-74502180]:hover{background-color:#b1b5fd}.view-playbuz-home-header .container-main .home-nav-user-btn .audio-btn[data-v-74502180]{width:30px;filter:invert(47%) sepia(0) saturate(25%) hue-rotate(148deg) brightness(91%) contrast(89%);opacity:1}.view-playbuz-home-header .container-main .home-nav-user-btn .audio-btn[data-v-74502180]:hover{opacity:.7}.view-playbuz-home-header .container-main .home-nav-user-btn .language-btn[data-v-74502180]{width:30px;height:30px;color:#fff;background-color:#707070;border-radius:50%;line-height:27px;text-align:center;font-size:22px;cursor:pointer;opacity:1}.view-playbuz-home-header .container-main .home-nav-user-btn .language-btn[data-v-74502180]:hover{opacity:.7}.view-playbuz-home-page[data-v-17b57acc]{margin-top:-28px;height:100vh;overflow-y:scroll;overflow-x:hidden}.view-playbuz-home-page .home-stream-channel[data-v-17b57acc]{background-color:#f8f9ff}.view-playbuz-home-page .about-playbuz[data-v-17b57acc]{background-color:#edeffb;padding:60px 0}.view-playbuz-home-page .basic-card{transition:all .2s ease;border:1px solid #f3f4f6;border-radius:.75rem;box-shadow:0 .329276px .823189px -.164638px rgba(99,102,241,.01),0 0 0 0 transparent,0 9.67072px 14.5061px -2.90122px rgba(0,0,0,.098),0 3.86829px 5.80243px -3.86829px rgba(0,0,0,.098)}.view-playbuz-home-page .basic-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px rgba(99,102,241,.4)}.view-playbuz-home-page .basic-title{padding-bottom:60px;text-align:center}.view-playbuz-home-page .basic-title h2{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:#314167;padding-bottom:10px}.view-playbuz-home-page .basic-title h4{font-size:1.25rem;line-height:1.5rem;font-weight:700;color:#314167;padding-bottom:10px}.view-playbuz-home-page .basic-title h5{padding:10px 0;color:#787687}