.main-online-voice-changer .discoloration{background:-webkit-linear-gradient(300deg,#7D2DFF 0%,#41DDFF 100%);-webkit-background-clip:text;color:transparent}.main-online-voice-changer .page-header{background:linear-gradient(128.74deg,rgba(85,224,255,.1) 19.35%,rgba(113,143,255,.1) 69.54%,rgba(202,88,255,.1) 116.27%),#FFFFFF;text-align:center;padding:60px 0 18px}.main-online-voice-changer .page-header h1{font-weight:600;font-size:44px}.main-online-voice-changer .page-header .audio-mian{padding-top:16px;width:600px;height:140px;background:#FFF;border:1px dashed #D1D1D1;border-radius:12px;margin:30px auto 18px}.main-online-voice-changer .page-header .audio-upload{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.main-online-voice-changer .page-header .audio-upload .OR{margin:0 16px;font-size:18px}.main-online-voice-changer .page-header .upload-notice{display:none}.main-online-voice-changer .page-header .upload-notice .upload-success{display:flex;justify-content:center;align-items:center;flex-direction:column}.main-online-voice-changer .page-header .upload-notice p{font-weight:400;font-size:16px;line-height:22px;color:#1F1F1F}.main-online-voice-changer .page-header .upload-notice button{margin-top:16px;width:220px;height:44px}.main-online-voice-changer .page-header .upload-notice .upload-fail{display:none}.main-online-voice-changer .page-header .or-txt{font-size:15px}.main-online-voice-changer .page-header .or-txt a{color:#7452F7}.main-online-voice-changer .dialog .dialog-body{width:500px;text-align:center}.main-online-voice-changer .dialog .dialog-body .progressing-img{margin-bottom:20px}.main-online-voice-changer .dialog .dialog-body .title{color:#000}.main-online-voice-changer .voices{position:relative}.main-online-voice-changer .voices ul{max-width:1285px;display:flex;justify-content:flex-start;flex-wrap:wrap;margin:33px auto}.main-online-voice-changer .voices ul li{width:96px;height:121px;margin-right:24px;margin-bottom:36px}.main-online-voice-changer .voices ul li a{display:block;width:100%;height:100%;text-align:center}.main-online-voice-changer .voices ul li a .voice-img{width:96px;height:96px;line-height:90px;border:1.3px solid #D1D1D1;border-radius:4px;transition:all ease 0.25s}.main-online-voice-changer .voices ul li a .voice-img img{width:88px;height:88px}.main-online-voice-changer .voices ul li a .voice-text{font-size:14px;line-height:21px;color:#1F1F1F;margin-top:4px}.main-online-voice-changer .voices ul li a:hover .voice-img{border:1.3px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#fff,#fff),linear-gradient(128.5deg,#7D2DFF 0%,#41DDFF 100%)}.main-online-voice-changer .voices .recommend{margin:0 auto 100px;display:flex;flex-wrap:wrap;width:1300px;background:linear-gradient(128.74deg,rgba(85,224,255,.1) 19.35%,rgba(113,143,255,.1) 69.54%,rgba(202,88,255,.1) 116.27%),#FFFFFF;border-radius:8px;padding:50px 20px}.main-online-voice-changer .voices .recommend img{width:616px;height:322px}.main-online-voice-changer .voices .recommend .recommend-right{flex:1;margin-left:40px}.main-online-voice-changer .voices .recommend .recommend-right h3{margin-top:33px;font-weight:500;font-size:32px;line-height:48px;color:#1F1F1F}.main-online-voice-changer .voices .recommend .recommend-right p{margin:16px 39px 60px 0;font-size:16px;line-height:24px;color:#1F1F1F}.main-online-voice-changer .voices .recommend .recommend-right a{display:block;text-align:center;width:180px;height:48px;line-height:48px;border-radius:42px}.main-online-voice-changer .voices .bgc-img{z-index:-1;pointer-events:none}.main-online-voice-changer .voices .bgc-img .headset{position:absolute;right:0;top:413px;width:203px;height:253px;background:url(https://images.topmediai.com/topmediai/assets/overview/voice-changer/headset.png) no-repeat}.main-online-voice-changer .voices .bgc-img .leaf{position:absolute;width:156px;height:149px;right:0;bottom:147px;background:url(https://images.topmediai.com/topmediai/assets/overview/voice-changer/leaf.png) no-repeat}.main-online-voice-changer .voices .bgc-img .ellipse{position:absolute;width:204px;height:214px;left:0;top:707px;background:url(https://images.topmediai.com/topmediai/assets/overview/voice-changer/ellipse.png) no-repeat}.main-online-voice-changer .common-btn{width:180px;height:44px;border-radius:40px;font-size:16px;border:none}.main-online-voice-changer .common-btn.primary-btn{background:linear-gradient(150deg,#7D2DFF 0%,#41DDFF 100%);color:#fff}.main-online-voice-changer .common-btn.second{border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#fff,#fff),linear-gradient(160deg,#7D2DFF 0%,#41DDFF 100%)}.main-online-voice-changer .common-btn.second span{font-weight:500;background:-webkit-linear-gradient(300deg,#7D2DFF 0%,#41DDFF 100%);-webkit-background-clip:text;color:transparent}.main-online-voice-changer .common-btn:hover{background:linear-gradient(150deg,#41DDFF 0%,#7D2DFF 100%);color:#fff;border:none}.main-online-voice-changer .common-btn:hover span{color:#fff}.main-online-voice-changer .button-color{background:linear-gradient(150deg,#7D2DFF 0%,#41DDFF 100%);color:#fff;border:none}.main-online-voice-changer .dialog.progressing-dialog .dialog-main{width:360px;padding-top:35px}.main-online-voice-changer .dialog.progressing-dialog .dialog-main .close{right:6px;top:6px}.main-online-voice-changer .dialog.progressing-dialog .dialog-main .dialog-body{padding:40px 0 20px}.main-online-voice-changer .dialog.progressing-dialog .dialog-main img{margin-bottom:20px}.main-online-voice-changer .dialog.error-dialog .dialog-main{width:480px}.main-online-voice-changer .dialog.voice-dialog .dialog-main{width:480px}.main-online-voice-changer .dialog.voice-dialog .dialog-body{padding:40px 20px 32px}.main-online-voice-changer .dialog.voice-dialog .dialog-body .voice-audio{position:relative;margin-bottom:16px;width:337px;height:54px}.main-online-voice-changer .dialog.voice-dialog .dialog-body .voice-audio audio{width:100%;height:100%}.main-online-voice-changer .dialog.voice-dialog .bottom-btn{margin-top:30px}.main-online-voice-changer .dialog.voice-dialog .part-success,.main-online-voice-changer .dialog.voice-dialog .part-fail{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.main-online-voice-changer .dialog.voice-dialog .part-success .file-name,.main-online-voice-changer .dialog.voice-dialog .part-fail .file-name{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-online-voice-changer .dialog.voice-dialog .part-fail img{margin-bottom:16px}.main-online-voice-changer .record-dialog .dialog-body{background:none!important;border:none;height:auto!important}.main-online-voice-changer .record-dialog .dialog-body h3{font-size:20px;line-height:30px;color:#000}.main-online-voice-changer .record-dialog .dialog-body .processing{overflow:hidden;margin-top:16px;width:480px;height:117px;background:#FFF;font-size:14px;border:1px solid transparent;border-radius:8px;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(to right,#fff,#fff),linear-gradient(160deg,#7D2DFF 0%,#41DDFF 100%)}.main-online-voice-changer .record-dialog .dialog-body .processing p{float:left;width:100%;height:100%;line-height:117px;color:transparent}.main-online-voice-changer .record-dialog .dialog-body .processing .ripple{margin:13px auto 0;width:212px;height:67px}.main-online-voice-changer .record-dialog .dialog-body .processing .duration{margin-top:6px;line-height:21px;color:#1F1F1F}.main-online-voice-changer .record-dialog .dialog-body button{margin-top:30px;width:48px;height:48px;border:none}.main-online-voice-changer .record-dialog .dialog-body button.record-start{background:url(https://images.topmediai.com/topmediai/assets/overview/voice-changer/record-start.png) no-repeat}.main-online-voice-changer .record-dialog .dialog-body button.record-finish{background:url(https://images.topmediai.com/topmediai/assets/overview/voice-changer/record-finish.png) no-repeat}.main-online-voice-changer .sk-cube-grid{margin:0 auto}.main-online-voice-changer .sk-cube-grid::after{content:''}@media screen and (max-width:1300px){.main-online-voice-changer .voices .recommend{width:980px;align-items:center}.main-online-voice-changer .voices .recommend .recommend-left{width:420px;height:240px}.main-online-voice-changer .voices .recommend .recommend-right h3{font-size:28px;margin-top:0}.main-online-voice-changer .voices .recommend .recommend-right p{font-size:14px;margin-bottom:40px}}@media screen and (max-width:1024px){.main-online-voice-changer .voices .recommend{width:720px;justify-content:center}.main-online-voice-changer .voices .recommend .recommend-left{width:570px;height:300px}.main-online-voice-changer .voices .recommend .recommend-right{min-width:230px;max-width:570px;text-align:center}.main-online-voice-changer .voices .recommend .recommend-right h3{font-size:30px;margin-top:20px}.main-online-voice-changer .voices .recommend .recommend-right a{margin:0 auto}.main-online-voice-changer .voices .bgc-img{display:none}}@media screen and (max-width:768px){.main-online-voice-changer .page-header{padding:30px 0 18px}.main-online-voice-changer .page-header h1{font-size:24px;line-height:150%}.main-online-voice-changer .page-header .audio-mian{width:320px;height:171px;padding:20px}.main-online-voice-changer .page-header .audio-mian .OR{margin:8px 80px}.main-online-voice-changer .voices ul{padding:0}.main-online-voice-changer .voices ul li{margin:0 15px 16px 0}.main-online-voice-changer .voices .recommend{margin:0 auto;padding:30px 0;width:auto;max-width:720px;min-width:375px;justify-content:center;flex-direction:column}.main-online-voice-changer .voices .recommend .recommend-left{width:320px;height:167px}.main-online-voice-changer .voices .recommend .recommend-right{min-width:230px;max-width:570px;text-align:center;margin-left:0}.main-online-voice-changer .voices .recommend .recommend-right h3{font-size:18px;margin-top:20px}.main-online-voice-changer .voices .recommend .recommend-right p{margin:8px 34px 20px}.main-online-voice-changer .dialog .dialog-main{max-width:360px;width:96%;padding:6px 20px 20px}.main-online-voice-changer .dialog .dialog-main .close{right:6px;top:6px}.main-online-voice-changer .dialog .dialog-main .title{font-size:16px;margin-bottom:5px}.main-online-voice-changer .record-dialog .dialog-main .dialog-body .processing{width:89%;margin-top:5px;height:85px}.main-online-voice-changer .record-dialog .dialog-main .dialog-body .processing p{line-height:85px}.main-online-voice-changer .record-dialog .dialog-main .dialog-body .processing .ripple{margin:11px auto 0;width:156px;height:49px}.main-online-voice-changer .record-dialog .dialog-main .dialog-body .processing .duration{margin-top:0}.main-online-voice-changer .record-dialog .dialog-main .dialog-body button{margin-top:16px}.main-online-voice-changer .dialog.error-dialog .dialog-main{width:360px}.main-online-voice-changer .dialog.voice-dialog .dialog-main{width:360px}.main-online-voice-changer .dialog.voice-dialog .dialog-main .dialog-body{padding:30px 35px}.main-online-voice-changer .dialog.voice-dialog .dialog-main .dialog-body .bottom-btn{margin-top:16px}.main-online-voice-changer .dialog.progressing-dialog .dialog-main{width:360px;padding:35px 30px 30px}.main-online-voice-changer .dialog.progressing-dialog .dialog-main img{margin-bottom:20px}.main-online-voice-changer .dialog.voice-dialog .dialog-body .voice-audio{width:280px}.main-online-voice-changer .dialog.voice-dialog .dialog-body .bottom-btn{margin-top:16px}}