.topBanner h1{font-size:38px;margin:0;max-width:900px}.topBanner.write{padding:40px 0 10px;background:#FFF;height:auto;min-height:auto}.article-banner{position:relative;background:#F1F6FF}.article-banner .box{max-width:1410px;position:relative;display:flex;justify-content:space-between;padding:30px 0}.article-banner .left{max-width:520px;display:flex;flex-direction:column;justify-content:center}.article-banner .box .title{font-size:36px;font-weight:700;line-height:51px;margin-bottom:10px;font-family:'Poppins Medium'}.article-banner .box .desc{font-size:18px;font-weight:400;line-height:29px;margin-bottom:20px}.article-banner .box .bt-box{margin:0;display:flex;align-items:flex-start;flex-wrap:wrap}.article-banner .box .bt-box div a{display:flex;justify-content:center;align-items:center;height:50px;flex-shrink:0;border-radius:6px;background:linear-gradient(180deg,#E43BFF 0%,#983BFF 100%);padding:1px;overflow:hidden;font-size:18px;color:#FFF;min-width:200px}.article-banner .box .bt-box div a:hover{background:linear-gradient(180deg,#C74FFF 0%,#7B3DFF 100%)}.article-banner .box .bt-box p{font-size:14px;text-align:center;color:rgba(22,22,22,.6);margin-top:8px}.article-banner .try.right{position:relative;max-width:669px;width:100%;align-self:center;flex-shrink:0;border-radius:10px;z-index:1}@media screen and (max-width:1024px){.topBanner h1{font-size:30px;line-height:40px}.article-banner .box{flex-direction:column;align-items:center;padding:20px}.article-banner .left{align-items:center;margin-bottom:30px}.article-banner .box .title{font-size:32px;line-height:38px;text-align:center}.article-banner .box .desc{font-size:16px}}.msg-info.try-error{position:absolute;bottom:16px;left:16px;display:none;align-items:center;padding:7px 12px;background:#4C055C;border:1px solid #6F1484;border-radius:6px}.msg-info.try-error img{margin-right:8px}.msg-info.try-error p{font-size:14px;color:#FFF}.tts-box{position:relative;padding:24px;z-index:4;border-radius:10px;background:linear-gradient(180deg,#BFD6FF 0%,#DEEAFF 100%)}.tts-box .tts-text{position:relative;height:189px;border-radius:8px;border:1px solid #FFF;margin:16px auto 10px;background:#E9F1FF;color:rgba(22,22,22,.6)}.tts-box .try-out-editor{padding:16px 16px 30px;width:100%;height:100%;border:none;resize:none;font-size:16px;color:rgba(22,22,22,.6);background:none;line-height:19px;text-align:left}.tts-box .try-out-editor::placeholder{color:#161616}.tts-box .text-amount{position:absolute;margin-bottom:0;right:16px;bottom:9px;color:#161616;font-size:14px;font-weight:400}.tts-box .tts-select{display:flex;align-items:center;justify-content:space-between}.tts-select .tts-obj{position:relative;height:64px;cursor:pointer}.tts-select .tts-language{width:calc(39% - 8px)}.tts-select .tts-figure{width:calc(61% - 8px)}.tts-select .tts-figure img{max-width:40px}.tts-select .tts-language img{max-width:32px}.tts-box .enhance-voice{width:267px;height:50px}.tts-select .default_option{display:flex;align-items:center;position:relative;padding:0 12px;color:#161616;font-size:16px;font-weight:400;height:100%;background:#E9F1FF;border-radius:8px;border:1px solid #FFF;text-align:left}.tts-select .default_option:after{position:absolute;right:16px;top:50%;content:'';width:16px;height:9px;background:url(data:image/image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB8SURBVHgBlVHBDYAwCGz12Y+vdh030g1sN3Ak5+m/zwYPo4lpIkUSAoG7g4ANISxENOWck/lhzEOwQ63VIone+01LZiyG7jz4KbAAaUQYc2Nj2+iKfJI1Il2yJCKRx7ZQSjmcc9dhEQ185hye8KlotPbapL+2JIJ/rxLmBHPxN+/FmtpnAAAAAElFTkSuQmCC);background-size:100% 100%;transform:translateY(-50%)}.tts-select .select-option{display:none;position:absolute;transform:translate(0,4px);margin-left:0;width:100%;max-height:240px;scrollbar-width:none;overflow-y:auto;border-radius:8px;padding:2px 4px;z-index:10;border:1px solid #DFEBFF;background:#FFF;box-shadow:0 4px 20px 0 #64779980}.tts-select .select-option::-webkit-scrollbar{width:0}.tts-obj.active .select-option{display:block}.tts-select .select-option li{display:flex;align-items:center;height:56px;list-style:none;color:#161616;font-size:16px;font-weight:400;padding:6px 12px;margin:2px 0;text-align:left;border-radius:6px}.tts-select .select-option li.end{justify-content:center;text-align:center;background:linear-gradient(180deg,#73A4FF 0%,#676FFF 100%)!important}.tts-select .select-option li.end p,.tts-select .select-option li.end span{color:#FFF}.tts-select .select-option li.end .p-flex{margin:0}.tts-select .tts-language .select-option li.end p{font-size:14px}.tts-select .select-option li.end a{display:block;width:100%;height:100%}.tts-select p{color:#161616}.tts-select p span{color:rgba(22,22,22,.6)}.tts-select p.p-flex{display:flex;justify-content:center;flex-direction:column;margin-left:12px}.tts-select .select-option li.active,.tts-select .select-option li:hover{background:#E9F1FF}.tts-select .enhance-voice .default_option p span{display:none}.tts-select .enhance-voice p{font-weight:700;font-size:14px;line-height:1.4}.tts-select .enhance-voice .select-option li p span{font-size:12px;font-weight:400}.tts-select .enhance-voice .select-option li.active,.tts-select .enhance-voice .select-option li:hover{background:#E9F1FF}.tts-select .enhance-voice .default_option{justify-content:space-between;padding-right:38px}.tts-select .enhance-voice .select-option li{justify-content:space-between;padding-right:36px;text-align:left;height:42px}.tts-select span.switch{position:relative;display:flex;align-items:center;width:40px;height:20px;background:#9EACC6;padding:3px;border-radius:20px;flex-shrink:0}.tts-select li.active span.switch,.tts-select span.switch.active{background:#676FFF;justify-content:flex-end}.tts-select li.active span.switch:before,.tts-select span.switch.active:before{background:#FFF}.tts-select span.switch:before{content:'';display:inline-block;width:14px;height:14px;background:#FFF;border-radius:100%}.tts-box .tts-footer{display:flex;align-items:center;justify-content:space-between}.tts-box .tts-footer .tts-btn{width:220px;height:50px}.tts-box .tts-footer .tts-btn .listen{border:0;display:inline-block;width:100%;height:100%;background:#676FFF;border-radius:6px;font-weight:600;font-size:18px;color:#FFF}.tts-box .tts-footer .tts-btn .listen img{display:none;padding-bottom:2px}.tts-box .tts-footer .tts-btn .listen:hover{background:#676FFF}.tts-box .tts-footer .tts-btn .converting,.tts-box .tts-footer .tts-btn .converting:hover{background:#983BFF}.tts-box .tts-footer .tts-btn .playing,.tts-box .tts-footer .tts-btn .playing:hover{background:#008FFF}@media (max-width:1400px){.tts-box{width:100%}}@media (max-width:768px){.tts-box{padding:16px}.banner .control{margin:40px 0 0}.tts-box .tts-select{flex-direction:column}.tts-box .try-out-editor{padding:12px 12px 30px;font-size:14px}.tts-box .text-amount{font-size:12px}.tts-select .tts-language,.tts-select .tts-figure{width:100%;margin-right:0}.tts-select .tts-figure{margin-top:10px}.tts-select .default_option{font-size:14px}.tts-select .select-option li{font-size:14px;text-align:left}.tts-box .tts-footer .tts-btn .listen{order:1}.msg-info.try-error{left:12px;bottom:12px;padding:3px 6px}.msg-info.try-error p{font-size:12px}.msg-info.try-error img{margin-right:4px}}@media (max-width:768px){.banner{overflow:hidden}.banner .try.right:before{transform:translate(-50%,-78%) scale(.6)}.tts-select p.p-flex{font-size:14px;white-space:nowrap}.tts-box .tts-footer{flex-direction:column}.tts-box .tts-footer .tts-select{margin:0 0 16px}.tts-box .tts-text{margin:10px auto}.tts-select .tts-figure{margin:0 0 10px}.tts-box .tts-footer .tts-select,.tts-box .tts-footer .tts-btn,.tts-box .enhance-voice{width:100%}.tts-select p span{font-size:12px}}@media (max-width:320px){a.base-bt{font-size:14px}}