p{color:#161616}.pc-hidden{display:none}a.base-bt{margin:0 auto;font-size:20px;font-weight:600;color:#fff;display:flex;justify-content:center;align-items:center;max-width:300px;height:54px;border-radius:40px;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%)}a.base-bt:hover{background:linear-gradient(180deg,#C344FF 0%,#6E2AFF 100%)}.user-container{margin:0 auto;position:relative;max-width:1200px}.banner{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/banner-bg.jpg) no-repeat;background-size:cover;color:#161616}.banner .crumbs-nav{padding:40px 60px;font-size:18px;font-weight:500;display:flex}.banner .crumbs-nav span{margin:0 5px}.banner .crumbs-nav a:hover,.banner .crumbs-nav p{color:#DD3BFF;font-size:18px}.banner .name{margin:0 auto 20px;text-align:center;font-size:20px;font-weight:600;line-height:24px}.banner .name img{width:36px;height:36px;margin-right:10px}.banner h1{margin:0 auto 24px;max-width:888px;text-align:center;font-size:36px;line-height:50px}.banner h1+p{margin:0 auto 40px;max-width:900px;font-size:18px;line-height:22px;text-align:center}.banner .paly-container{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.banner .play-box{display:flex;align-items:center;justify-content:center;width:317px;height:80px;box-shadow:0 4px 20px 0 rgba(68,9,96,.1);background:#fff;border-radius:60px;margin:20px 30px;flex-shrink:0}.banner .play-box .control-bt{display:inline-block;width:52px;height:52px;background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-play.png) no-repeat center center / 100%;flex-shrink:0;cursor:pointer;margin-left:16px}.banner .play-box .plays{margin-left:10px}.banner .play-box .plays p{font-size:18px;font-weight:500}.banner .play-box .control-bt:hover{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-play-hover.png) no-repeat center center / 100%}.banner .play-box.start .control-bt{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-pasue.png) no-repeat center center / 100%}.banner .play-box.start .control-bt:hover{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-pasue-hover.png) no-repeat center center / 100%}.banner .play-box .play-audio{display:flex;align-items:center;width:166px;height:26px}.banner .play-box .play-audio .hove{display:flex;align-items:center;white-space:nowrap;flex:1;background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-bg.png) no-repeat center center / 100%;width:100%;height:100%}.banner .play-box .play-audio .hove .bar{display:none}.banner .play-box picture img{width:80px}.why{text-align:center;padding:100px 0}.why h2{font-size:36px;text-align:center;margin-bottom:60px;margin-top:0}.why .box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;background:#FFF;border-radius:15px;padding:30px;border:2px solid #F2EEFD}.why .box .swiper{max-width:705px;overflow:hidden}.why .box ul{max-width:400px;text-align:left;margin-right:30px}.why .box ul li{padding:20px;border-radius:8px;cursor:pointer;margin-bottom:20px}.why .box ul li:last-child{margin-bottom:0}.why .box ul li.active{background:#FDF2FF}.why .box ul li b{font-size:20px;color:#161616;line-height:24px;display:flex;align-items:center}.why .box ul li b svg{width:24px;height:24px;margin-right:10px}.why .box ul li.active b{color:#DD3BFF}.why .box ul li p{margin-top:10px;font-size:18px;color:#161616;display:none;line-height:22px}.why .box ul li.active p{display:block}.how{text-align:center;padding:80px 0;background:#FAF8FF}.how h2{font-size:36px;text-align:center;max-width:980px;margin:0 auto 24px}.how h2+p{font-size:18px;line-height:22px;text-align:center;max-width:900px;margin:0 auto 60px}.how .box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:40px}.how .box .swiper{max-width:770px;overflow:hidden;margin-right:30px}.how .box ul{max-width:400px;text-align:left}.how .box ul li{padding-top:40px;padding-bottom:20px;cursor:pointer;border-bottom:1px solid rgba(22,22,22,.1)}.how .box ul li:first-child{padding-top:0}.how .box ul li b{font-size:24px;color:#161616;line-height:28px;display:flex;align-items:center}.how .box ul li.active b{color:#DD3BFF}.how .box ul li p{margin-top:20px;font-size:16px;color:#161616}.how .base-bt{max-width:490px}.why-choose{text-align:center;padding:100px 0}.why-choose .user-container{max-width:1340px}.why-choose h2{font-size:36px;text-align:center;max-width:900px;margin:0 auto 50px}.why-choose .box{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.why-choose .box .item{width:320px;height:262px;flex-shrink:0;padding:20px;text-align:center;border-radius:18px;border:2px solid #F2EEFD;margin:10px auto}.why-choose .box .item picture{display:inline-block;max-width:100px}.why-choose .box .item b{color:#161616;font-size:18px;display:block;margin:14px 0 12px}.why-choose .box .item p{color:#161616;line-height:20px}.monetize{text-align:center;padding:0 0 100px}.monetize h2{font-size:36px;text-align:center;max-width:760px;margin:0 auto 24px}.monetize h2+p{font-size:18px;line-height:22px;text-align:center;max-width:942px;margin:0 auto 40px}.monetize .box{max-width:1000px;position:relative;margin:0 auto 40px}.monetize .box .play{position:absolute;top:50%;left:50%;display:inline-block;width:100px;height:100px;background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-play-1.png) no-repeat center center / 100%;cursor:pointer;transform:translate(-50%,-50%)}.monetize .box .play:hover{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/play-box-play-1-hover.png) no-repeat center center / 100%}.monetize .more{display:flex;align-items:center;justify-content:center;color:#DD3BFF;font-size:20px;font-weight:500;line-height:28px}.monetize .more svg{width:24px;height:24px;margin-right:10px;flex-shrink:0}.monetize .more span:hover{text-decoration:underline}#popu-cont .close-btn:hover{color:#DD3BFF}.latest-tips{text-align:center;padding:80px 0 60px;background:#FAF8FF}.latest-tips .user-container{max-width:100%;padding:0 25px}.latest-tips h2{font-size:36px;text-align:center;max-width:900px;margin:0 auto 40px}.latest-tips .box{display:flex;justify-content:center;align-items:stretch}.latest-tips .box .item{position:relative;max-width:437px;width:100%;border-radius:12px;margin:15px;cursor:pointer}.latest-tips .box .item .content{max-width:397px;font-size:18px;font-weight:500;line-height:22px;text-align:center;margin:20px auto 0;background:#FAF8FF}.latest-tips .box .item:hover .content{text-decoration:underline;color:#DD3BFF}.faq{padding:100px 0}.faq .user-container{max-width:1260px}.faq h2{font-size:36px;text-align:center;max-width:900px;margin:0 auto 60px}.faq ul{padding:30px;border-radius:30px;background:#FAF8FF}.faq ul li{padding:0 0 35px;border-bottom:1px solid #CBCBCB;cursor:pointer}.faq ul li:not(:last-child){margin-bottom:35px}.faq ul li b{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:20px;color:#161616;padding-right:40px}.faq ul li p{display:none;font-size:18px;color:#161616;margin-top:24px}.faq ul li p a{text-decoration:underline}.faq ul li b span{position:absolute;right:0;top:0;display:inline-block;width:32px;height:32px;cursor:pointer;border-radius:100%;flex-shrink:0;margin-left:10px;border:1px solid #161616}.faq ul li b span:before,.faq ul li b span:after{content:'';width:15px;height:3px;border-radius:3px;background:#161616;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq ul li b span:after{transform:rotate(90deg) translate(-50%,-60%);transform-origin:0 0}.faq ul li.active b{color:#DD3BFF}.faq ul li.active b span{background:#fff;flex-shrink:0}.faq ul li.active b span:before{background:#2C2935}.faq ul li.active b span:after{display:none}.bottom-banner{text-align:center;padding:80px 0;background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/bottom-banner-bg.jpg) no-repeat;background-size:cover}.bottom-banner .user-container{max-width:1260px}.bottom-banner h2{font-size:36px;text-align:center;max-width:760px;margin:0 auto 40px}.bottom-banner h2+p{font-size:18px;line-height:22px;text-align:center;max-width:942px;margin:0 auto 40px}@media (max-width:1300px){.why-choose .box .item{width:40%}}@media (max-width:1200px){.why .box .swiper{margin-top:20px}.how .box ul{margin-top:20px}}@media (max-width:1024px){.pc-hidden{display:block}a.base-bt{font-size:16px;max-width:231px;height:46px}.user-container{padding:0 20px}.banner .crumbs-nav a,.banner .crumbs-nav p{font-size:16px}.banner .crumbs-nav a:hover{font-size:16px}.banner .crumbs-nav{padding:20px 16px 14px;font-size:16px;flex-wrap:wrap}.banner .name{font-size:16px}.banner .name img{width:24px;height:24px;margin-right:6px}.banner h1{font-size:26px;line-height:31px;margin:0 auto 20px}.banner h1+p{font-size:14px;margin:0 auto 10px}.banner .paly-container{margin-bottom:22px}.banner .play-box{width:304px;height:60px;margin:8px 15px}.banner .play-box .play-audio{width:180px}.banner .play-box .control-bt{width:44px;height:44px;margin-left:10px}.banner .play-box picture img{width:58px}.why{padding:40px 0 30px}.why h2{font-size:20px;line-height:24px;margin-bottom:20px}.why .box{padding:16px}.why .box ul{max-width:370px;margin-right:0}.why .box ul li{padding:10px;margin-bottom:10px}.why .box ul li b{font-size:18px}.why .box ul li p{font-size:14px}.how{padding:30px 0}.how h2{font-size:20px;line-height:24px;margin:0 auto 20px}.how h2+p{font-size:14px;margin:0 auto 20px}.how .box .swiper{margin-right:0}.how .box ul li{padding-top:0;padding-bottom:0;display:none;text-align:center;border-bottom:none}.how .box ul li b{font-size:18px;justify-content:center}.how .box ul li p{margin-top:10px}.how .box ul li.active{display:block}.how .swiper-pagination{position:relative;margin-bottom:20px}.how .swiper-pagination-bullet{margin:0 2px;background:rgba(129,129,129,.2);opacity:1}.how .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(129,129,129,1)}.how .base-bt{max-width:335px}.why-choose{padding:40px 0}.why-choose h2{font-size:20px;line-height:24px;margin:0 auto 20px}.why-choose .box .item p{font-size:14px}.why-choose .box .item picture{max-width:80px}.monetize{padding:0 0 40px}.monetize h2{font-size:20px;line-height:24px;margin:0 auto 20px}.monetize h2+p{font-size:14px;margin:0 auto 20px}.monetize .box{margin:0 auto 20px}.monetize .box .play{width:50px;height:50px}.monetize .more{font-size:14px;align-items:flex-start;line-height:17px;text-decoration:underline}.monetize .more svg{display:none}.latest-tips{padding:30px 0}.latest-tips h2{font-size:20px;line-height:24px;margin:0 auto 20px}.latest-tips .box{flex-wrap:wrap}.latest-tips .box .item{max-width:40%;width:100%}.latest-tips .box .item .content{font-size:16px;margin:10px auto 0}.faq{padding:40px 0}.faq h2{font-size:20px;line-height:24px;;margin:0 auto 20px}.faq ul{padding:30px 20px;border-radius:20px}.faq ul li b{font-size:20px}.faq ul li p{font-size:18px;margin-top:20px}.faq ul li{padding:0 0 20px}.faq ul li:not(:last-child){margin-bottom:20px}.bottom-banner{padding:60px 0}.bottom-banner h2{font-size:24px;line-height:28px;margin:0 auto 20px}.bottom-banner h2+p{font-size:16px;margin:0 auto 40px}}@media (max-width:768px){.banner{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/banner-bg-m.jpg) no-repeat}.why-choose .box .item{width:343px;height:124px;padding:10px;margin:5px auto;display:flex;align-items:center;text-align:left}.why-choose .box .item picture{margin-right:10px}.latest-tips .box .item{max-width:70%;width:100%}.why-choose .box .item b{margin:0 0 6px}.monetize .box{margin:0 auto 16px}.bottom-banner{background:url(https://images.topmediai.com/topmediai/assets/use-cases/ai-voice-for-youtube/bottom-banner-bg-m.jpg) no-repeat}}@media (max-width:500px){.latest-tips .box .item{max-width:90%;width:100%}.why-choose .box .item{width:100%}}@media (max-width:330px){.why-choose .box .item{width:275px}}