main{transition:all .3s ease-in-out}.slide-bottom-base{opacity:0;transform:translateY(-1.25rem)}.slide-bottom{transition:all .8s ease-out .2s;opacity:1;transform:translate(0)}.slide-bottom-3d-base li{opacity:0;transform:translate3d(0,100px,0)}.slide-bottom-3d li{opacity:1;transition:opacity,transform 1s ease .2s;transform:translateZ(0)}.slide-bottom-style1{animation:slide-bottom-style1 .8s ease-out .2s both}@keyframes slide-bottom-style1{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(1)}}.btn-hover-special{position:relative;overflow:hidden}.btn-hover-special:after{transition:left .5s;content:"";background:#00000000;width:100%;height:100%;left:-100%;top:0;position:absolute;transform:skewX(-25deg);z-index:2}.btn-hover-special:hover:after{left:110%;background:linear-gradient(90deg,#ffffff00,#ffffffc2,#ffffff00)}.btn-hover-special-style1:hover{color:#fff!important;background:#ffa323!important}.btn-hover-special-style1:hover .btn-content p{color:#fff!important}.btn-hover-special-style1:hover:after{transition-delay:.1s}.stem-tab{padding-bottom:16px}.stem-tab ul{gap:10px}.stem-tab ul,.stem-tab ul li{display:flex;justify-content:center}.stem-tab ul li{align-items:center;font-weight:600;font-size:16px;color:#fff;background:#201830;padding:12px 24px;border-radius:8px;cursor:pointer}.stem-tab ul li:before{content:"";margin-right:10px;width:24px;height:24px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuOTc1IDUuOTc1aDE2bS0xNiA2aDE2bS0xNiA2aDE2IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+) no-repeat 50%/contain}.stem-tab ul li:nth-child(2):before{background:url(/asset/coolo/css/images/drums-662e0d1b.svg) no-repeat 50%/contain}.stem-tab ul li:nth-child(3):before{background:url(/asset/coolo/css/images/bass-a5b2e62c.svg) no-repeat 50%/contain}.stem-tab ul li:nth-child(4):before{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIxLjUzMyA1LjQ1NUgyLjQ2N3Y0LjcyN2gxOS4wNjZWNS40NTV6bS0yLjU2NiA2LjE4MXYyLjk2OGEuOTU1Ljk1NSAwIDAxLS43MzQgMS4wMzJ2Mi45MWgzLjN2LTYuOTFoLTIuNTY2em0tMi45MzQgMGgtMi41NjZ2Mi45NjhhLjk1NS45NTUgMCAwMS0uNzM0IDEuMDMydjIuOTFoNC4wMzR2LTIuOTFoLjA3M2MtLjQ3IDAtLjc3Ny0uNDUtLjgwNy0uOTZ2LTMuMDR6bS01LjUgMEg3Ljk2N3YyLjk2OGEuOTU1Ljk1NSAwIDAxLS43MzQgMS4wMzJ2Mi45MWg0LjAzNHYtMi45MWguMDczYy0uNDcgMC0uNzc3LS40NS0uODA3LS45NnYtMy4wNHptLTUuNSAwSDIuNDY3djYuOTFoMy4zdi0yLjkxaC4wNzNjLS40NyAwLS43NzctLjQ1LS44MDctLjk2di0zLjA0ek0yMS41MzMgNEMyMi4zNCA0IDIzIDQuNjU1IDIzIDUuNDU1djEzLjA5YzAgLjgtLjY2IDEuNDU1LTEuNDY3IDEuNDU1SDIuNDY3QTEuNDY1IDEuNDY1IDAgMDExIDE4LjU0NlY1LjQ1NUMxIDQuNjU1IDEuNjYgNCAyLjQ2NyA0IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat 50%/contain}.stem-tab ul li:nth-child(5):before{background:url(/asset/coolo/css/images/guitar-7b985ada.svg) no-repeat 50%/contain}.stem-tab ul li:hover{background:#4d4659}.stem-tab ul li.cur{background:linear-gradient(273.87deg,#5a48f3 -16.06%,#5a48f3 -16.05%,#d869ff 115.64%)}@media screen and (max-width:768px){.stem-tab ul{flex-wrap:wrap;justify-content:space-between;gap:initial;padding:0 16px;margin-top:-8px}.stem-tab ul li{margin-top:8px;width:30%;font-size:14px}.stem-tab ul li:first-child{width:100%}}main{background:#100d16}h1{font-weight:700;font-size:52px;line-height:69px}.h1-desc{font-weight:400;font-size:18px;line-height:24px;color:#ffffff99;margin-top:16px;margin-bottom:24px}h2{font-size:32px;line-height:48px}h2,h3{font-weight:600}h3{font-size:20px;line-height:28px}.h3-desc{font-weight:400;font-size:16px;line-height:24px}.music-start{display:block;width:fit-content;min-width:240px;background:linear-gradient(273.87deg,#5a48f3 -16.06%,#5a48f3 -16.05%,#d869ff 115.64%);color:#fff;border-radius:12px;margin:auto;margin-top:3px;padding:12px 24px;font-size:24px;line-height:32px;font-weight:600;text-decoration:none}.music-start:hover{opacity:.8}#app{width:100%;padding:0 64px;box-sizing:border-box;cursor:pointer;text-align:center}#app img{margin-top:16px;max-width:801px;width:100%;height:auto;object-fit:contain}#app .outsite-link{display:block;width:fit-content;margin:24px auto 0;color:#fff;font-size:16px;line-height:24px;font-weight:600;text-decoration:underline}#app .outsite-link:hover{text-decoration:none}.section{padding:0 64px;color:#fff;text-align:center}.section-1{padding-top:64px}.section-1 .section-1-img{max-width:533px;width:100%;margin:auto}.section-1 .section-1-img img{width:100%;height:auto;display:block;object-fit:contain}.section-2{padding-top:120px}.section-2 .container{margin:42px auto 0;max-width:1205px;width:100%}.section-2 .container .content{display:flex;justify-content:center;align-items:center;text-align:left}.section-2 .container .content .swiper-pic{width:690px;overflow:hidden}.section-2 .container .content .swiper-pic .pic img{width:100%;height:auto;display:block}.section-2 .container .content .swiper-index{width:460px;overflow:hidden;margin-left:54px}.section-2 .container .content .swiper-index .swiper-slide{border-bottom:1px solid #2a2a2a;cursor:pointer;height:auto!important}.section-2 .container .content .swiper-index .swiper-slide:last-child{margin-bottom:0!important}.section-2 .container .content .swiper-index .swiper-slide.swiper-slide-thumb-active .text:after{width:100%;transition:3s linear}.section-2 .container .content .swiper-index .swiper-slide.swiper-slide-thumb-active .text h3{background:linear-gradient(273.87deg,#5a48f3 -16.06%,#5a48f3 -16.05%,#d869ff 115.64%);-webkit-background-clip:text;background-clip:text;color:transparent}.section-2 .container .content .swiper-index .swiper-slide .text{position:relative;padding-bottom:24px}.section-2 .container .content .swiper-index .swiper-slide .text:after{content:"";width:0;height:3px;position:absolute;left:0;bottom:0;background:linear-gradient(273.87deg,#5a48f3 -16.06%,#5a48f3 -16.05%,#d869ff 115.64%)}.section-2 .container .content .swiper-index .swiper-slide .text h3{color:#efefef;font-size:18px;font-style:normal;font-weight:700;line-height:normal}.section-2 .container .content .swiper-index .swiper-slide .text p{margin-top:12px;color:#9c9c9c;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.section-3{padding-top:120px}.section-3 .container{margin:44px auto 0;max-width:1204px;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left}.section-3 .container li{padding:24px;background:#1a1622;border:1px solid #d9d9d91a;border-radius:8px}.section-3 .container li:before{display:block;content:"";width:64px;height:64px;background-position:50%;background-size:64px;background-repeat:no-repeat}.section-3 .container li h3{margin-top:24px}.section-3 .container li .h3-desc{margin-top:8px;color:#FFFFFFB2;line-height:1.5}.section-3 .container li:first-of-type::before{background-image:url(/asset/coolo/css/images/section3-icon1-31fe7616.png)}.section-3 .container li:nth-of-type(2):before{background-image:url(/asset/coolo/css/images/section3-icon2-f29aafc7.png)}.section-3 .container li:nth-of-type(3):before{background-image:url(/asset/coolo/css/images/section3-icon3-a1f8621c.png)}.section-3 .container li:nth-of-type(4):before{background-image:url(/asset/coolo/css/images/section3-icon4-75d17b9a.png)}.section-3 .container li:nth-of-type(5):before{background-image:url(/asset/coolo/css/images/section3-icon5-104bfb03.png)}.section-3 .container li:nth-of-type(6):before{background-image:url(/asset/coolo/css/images/section3-icon6-e7ad322f.png)}.section-4{padding-top:120px}.section-4 .container{margin:26px auto 0;max-width:1212px;width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left}.section-4 .container li{display:flex;align-items:center;justify-content:center;column-gap:24px;padding:15px 13px 12px 30px;background:#1a1622;border-radius:20px}.section-4 .container li:before{flex-shrink:0;display:block;content:"";width:48px;height:48px;background-position:50%;background-size:48px;background-repeat:no-repeat}.section-4 .container li .h3-desc{font-size:14px;line-height:22px;margin-top:8px;color:#ffffffb2}.section-4 .container li:first-of-type::before{background-image:url(/asset/coolo/css/images/section4-icon1-f85c39df.png)}.section-4 .container li:nth-of-type(2):before{background-image:url(/asset/coolo/css/images/section4-icon2-37b43c8d.png)}.section-4 .container li:nth-of-type(3):before{background-image:url(/asset/coolo/css/images/section4-icon3-0d4bf656.png)}.section-4 .container li:nth-of-type(4):before{background-image:url(/asset/coolo/css/images/section4-icon4-df48c2f1.png)}.section-5{padding-top:120px}.section-5 .container{margin:40px auto 0;max-width:1212px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.section-5 .container li{background:linear-gradient(273.87deg,rgba(90,72,243,.1) -16.06%,rgba(90,72,243,.1) -16.05%,rgba(216,105,255,.1) 115.64%);border-radius:16px;padding:24px 24px 28px;backdrop-filter:blur(4px)}.section-5 .container li h3{color:#8653f7;line-height:27px}.section-5 .container li .h3-desc{margin-top:12px;color:#ffffffb2}.section-faq{padding-top:120px}.section-faq .section-content{margin:40px auto 0;max-width:960px;width:100%}.section-faq .section-content li{box-sizing:border-box;padding:16px 20px;background:transparent;border:1px solid transparent;border-bottom:1px solid #ffffff1a}.section-faq .section-content li h3{padding-right:46px;font-size:18px;line-height:26px;font-weight:600;position:relative;text-align:left;cursor:pointer}.section-faq .section-content li h3:after{position:absolute;top:50%;transform:translateY(-50%);right:14px;content:"";width:16px;height:16px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEuNTk5IDkuNTk5SDYuNFYxNC40Yy4wMDEuODgyLjcyIDEuNiAxLjYgMS42czEuNTk5LS43MTggMS41OTktMS41OTlWOS42SDE0LjRjLjg4Mi0uMDAxIDEuNi0uNzIgMS42LTEuNnMtLjcxOC0xLjU5OS0xLjU5OS0xLjU5OUg5LjZWMS42QzkuNTk5LjcxOCA4Ljg4IDAgOCAwUzYuNDAxLjcxOCA2LjQwMSAxLjU5OVY2LjRIMS42Qy43MTggNi40MDEgMCA3LjEyIDAgOHMuNzEgMS41OTkgMS41OTkgMS41OTl6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTg4ODhfOTg5KSIvPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xODg4OF85ODkiIHgxPSItMy4wNzkiIHkxPSI0Ljk2MyIgeDI9IjE5LjMxNSIgeTI9IjYuNDc3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzVBNDhGMyIvPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzVBNDhGMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0Q4NjlGRiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg==);background-repeat:no-repeat;background-size:contain}.section-faq .section-content li p{display:none;margin-top:20px;font-size:16px;line-height:36px;text-align:left}.section-faq .section-content li p a{color:#fff;text-decoration:underline;text-underline-offset:3px}.section-faq .section-content li p a:hover{color:#8653f7}.section-faq .section-content li[data-active=true] h3{font-weight:700;background:linear-gradient(273.87deg,#5a48f3 -16.06%,#5a48f3 -16.05%,#d869ff 115.64%);-webkit-background-clip:text;background-clip:text;color:transparent}.section-faq .section-content li[data-active=true] h3:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0LjQwMSAxMEMxNS4yODIgMTAgMTYgOS4xMDIgMTYgOGMwLTEuMTAyLS43MTgtMi0xLjU5OS0ySDEuNkMuNzE4IDYgMCA2Ljg5OCAwIDhjMCAxLjExMS43MTggMiAxLjU5OSAySDE0LjR6IiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTg4ODhfMjA0NikiLz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTg4ODhfMjA0NiIgeDE9IjE5LjA3OSIgeTE9IjguNzU5IiB4Mj0iLTEuODg0IiB5Mj0iMy4wODkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjNUE0OEYzIi8+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjNUE0OEYzIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRDg2OUZGIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PC9zdmc+)}.section-faq .section-content li[data-active=true] p{display:block}.section-faq .section-content li:last-child{margin-bottom:0}.section-7{padding-top:100px;padding-bottom:100px}.section-7 h2{font-weight:600;font-size:28px;line-height:37px}.section-7 p{margin-top:10px;font-size:16px;line-height:24px;color:#9c9c9c;text-align:center}.section-7 #star-list{display:flex;width:224px!important;margin:22px auto 0;justify-content:space-between}.section-7 .desc{margin-top:16px;line-height:21px}.section-7 .desc .star-score{color:#ffd538}.section-7 .update{font-weight:400;margin-top:80px;font-size:14px;line-height:19px}@media screen and (max-width:1280px){#app{padding:0 16px}#app img{max-width:801px}h1,h2{max-width:1024px;margin-left:auto;margin-right:auto}}@media screen and (max-width:768px){#app{padding:0 16px}#app img{max-width:506px}h1{font-size:24px;line-height:32px}.h1-desc{font-size:12px}h2{font-size:20px;line-height:30px}h3{font-size:16px;line-height:24px}.h3-desc{font-size:14px;line-height:22px}.section{padding:0 16px}.section-1{padding-top:48px}.section-2{padding-top:60px}.section-2 .container{margin:28px auto 0}.section-2 .container .content{flex-wrap:wrap;margin-top:20px}.section-2 .container .content .swiper-pic{position:relative;width:100%}.section-2 .container .content .swiper-pic .swiper-slide .pic img{width:100%;height:auto}.section-2 .container .content .swiper-pic .swiper-pagination{bottom:-30px}.section-2 .container .content .swiper-pagination{position:static;margin-top:10px}.section-2 .container .content .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 8px;background-color:#2e2b2a;opacity:1}.section-2 .container .content .swiper-pagination .swiper-pagination-bullet-active{width:28px;height:12px;border-radius:10px;background-color:#8653f7}.section-2 .container .content .swiper-index{width:100%;margin-left:0;margin-top:24px}.section-2 .container .content .swiper-index .swiper-slide{border:0}.section-2 .container .content .swiper-index .swiper-slide .text h3{font-size:16px}.section-2 .container .content .swiper-index .swiper-slide .text p{font-size:14px;line-height:22px}.section-3{padding-top:60px}.section-3 .container{margin:28px auto 0;grid-template-columns:1fr}.section-3 .container li{padding:16px}.section-3 .container li:before{width:36px;height:36px;background-size:36px}.section-3 .container li h3{margin-top:12px}.section-3 .container li .h3-desc{margin-top:8px;line-height:22px}.section-4{padding-top:60px}.section-4 .container{margin:28px auto 0;grid-template-columns:1fr}.section-4 .container li{flex-direction:column;align-items:flex-start;row-gap:12px;padding:16px}.section-4 .container li:before{width:36px;height:36px;background-size:36px}.section-5{padding-top:60px}.section-5 .container{margin:28px auto 0;grid-template-columns:1fr}.section-5 .container li{padding:16px}.section-5 .container li .h3-desc{margin-top:8px}.section-faq{padding-top:60px}.section-faq .section-content{margin-top:12px}.section-faq .section-content li h3{padding-right:24px;font-size:16px;line-height:24px}.section-faq .section-content li h3:after{right:4px}.section-faq .section-content li p{margin-top:16px;font-size:14px;line-height:24px}.section-faq .section-content li p a{color:#8653f7}.section-7{padding-top:60px;padding-bottom:48px}.section-7 h2{font-size:20px;line-height:32px}.section-7 p{margin-top:16px;font-size:14px;line-height:24px;text-align:center}.section-7 #star-list{margin-top:22px;display:flex;width:224px!important;justify-content:space-between}.section-7 .desc{margin-top:16px;line-height:21px}.section-7 .update{margin-top:48px;font-size:12px}}@media screen and (max-width:768px){.footer-banner,.header-wrapper .header-content .header-title .mobile-menu{display:block}}