.online-translation-content{font-family:inherit;color:#fff;padding:16px 1em;font-size:14px;background-repeat:no-repeat;background-position:top -10vw right;background-size:50vw}@media(max-width:768px){.online-translation-content{padding:16px}}.online-translation-content .popover-info{position:relative;display:inline-block;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;border:0}.online-translation-content .popover-info .popover-content{position:absolute;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:8px;padding:10px;z-index:1;top:40px;left:0;width:420px;display:flex;flex-wrap:wrap}@media(max-width:768px){.online-translation-content .popover-info .popover-content{width:320px}}.online-translation-content .popover-info .popover-content .item-languge{width:200px;padding:8px;margin:0;font-size:16px}@media(max-width:768px){.online-translation-content .popover-info .popover-content .item-languge{width:140px}}.online-translation-content .popover-info .popover-content .item-languge:hover{background:#e6e6e6;border-radius:4px;color:#1f2025}@media(max-width:568px){.online-translation-content .right-info .popover-info .popover-content{left:auto;right:0}}@media(max-width:375px){.online-translation-content .right-info .popover-info .popover-content{left:auto;right:-20px}.online-translation-content .right-info .top-text{max-width:calc(50vw - 74px)}}.online-translation-content .title-header{display:flex;align-items:center;justify-content:center}.online-translation-content .title-span{font-size:12px}.online-translation-content .title-info{font-size:36px;margin-bottom:12px;background:linear-gradient(91deg,#9795ff 1.74%,#ecb088 43.71%,#c194a3 61.62%,#be9fff 102.48%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;text-align:center}@media(max-width:768px){.online-translation-content .title-info{font-size:20px}}.online-translation-content .title-two-info{font-size:32px;text-align:center}@media(max-width:768px){.online-translation-content .title-two-info{font-size:20px}}.online-translation-content .content-translation{margin-top:1em}.online-translation-content .content-translation .free-content{display:flex;margin-top:24px;align-items:center}@media(max-width:768px){.online-translation-content .content-translation .free-content{justify-content:center;flex-direction:column}}.online-translation-content .content-translation .free-content .text-instructions{font-size:12px;color:hsla(0,0%,100%,.678);margin-right:26px}@media(max-width:768px){.online-translation-content .content-translation .free-content .text-instructions{margin-bottom:12px;text-align:center}}.online-translation-content .content-translation .free-content .free-border{margin-left:auto;display:flex;background-color:#4986f7;padding:8px 20px;border-radius:20px}@media(max-width:768px){.online-translation-content .content-translation .free-content .free-border{margin-left:0}}.online-translation-content .content-translation .free-content .free-border .number-text{margin-right:8px}.online-translation-content .content-translation .free-content .free-border .free-text{white-space:nowrap}.online-translation-content .translation-border{background-color:#fff;border-radius:8px;color:#000}.online-translation-content .translation-border .translation-icon{cursor:pointer;padding:8px;border-radius:8px;width:36px}.online-translation-content .translation-border .translation-icon:hover{background-color:#f2f4f7}.online-translation-content .top-content{font-size:16px;display:flex;align-items:center;border-bottom:1px solid rgba(0,0,0,.2);padding:0;height:50px}.online-translation-content .top-content .top-button{cursor:pointer;display:flex;align-items:center;padding:4px 8px;border-radius:8px;justify-content:center;width:max-content;font-size:16px}.online-translation-content .top-content .top-button .top-text{margin-right:4px;user-select:none}.online-translation-content .top-content .top-button .button-icon{width:24px;user-select:none}.online-translation-content .top-content .top-button:hover{background-color:#f2f4f7}.online-translation-content .top-content .left-info{width:calc(50% - 18px);padding-left:20px;display:flex;justify-content:flex-start}.online-translation-content .top-content .right-info{margin-left:8px}.online-translation-content .center-content{display:flex;height:calc(100% - 50px)}@media(max-width:768px){.online-translation-content .center-content{flex-direction:column;height:max-content}}.online-translation-content .center-content .input-content{width:100%;min-height:230px;border:none;padding:20px;resize:none}.online-translation-content .center-content .translation-content-text{width:100%;border:none;padding:20px;white-space:pre-line}.online-translation-content .center-content .input-content:focus{outline:none;border:none}.online-translation-content .center-content .left-content{width:50%;border-right:1px solid rgba(0,0,0,.2)}@media(max-width:768px){.online-translation-content .center-content .left-content{width:100%;height:max-content;border-right:0 solid rgba(0,0,0,.2);border-bottom:1px solid rgba(0,0,0,.2)}}.online-translation-content .center-content .left-content .textarea-content{display:flex}.online-translation-content .center-content .left-content .left-bottom{height:50px;display:flex;align-items:center;padding:0 20px}.online-translation-content .center-content .left-content .left-bottom .translation-botton{margin-left:auto;background:#447eff;padding:6px 24px;cursor:pointer;border-radius:8px;color:#fff;font-size:16px;user-select:none}.online-translation-content .center-content .left-content .left-bottom .translation-nobotton{margin-left:auto;background:#89b2ff;padding:6px 24px;border-radius:8px;color:#fff;font-size:16px;user-select:none}.online-translation-content .center-content .right-content{width:50%}@media(max-width:768px){.online-translation-content .center-content .right-content{width:100%;height:max-content;display:none}}.online-translation-content .center-content .right-content .loading-info{height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:24px}@media(max-width:768px){.online-translation-content .center-content .right-content .loading-info{height:330px}}.online-translation-content .center-content .right-content .right-bottom{height:50px;display:flex;align-items:center;padding:0 20px}.online-translation-content .center-content .right-content-mobile{height:100%;width:50%;display:none}@media(max-width:768px){.online-translation-content .center-content .right-content-mobile{width:100%;height:max-content;display:block}}.online-translation-content .center-content .right-content-mobile .loading-info{height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:24px}@media(max-width:768px){.online-translation-content .center-content .right-content-mobile .loading-info{height:280px}}.online-translation-content .center-content .right-content-mobile .right-bottom{height:50px;display:flex;align-items:center;padding:0 20px}.online-translation-content .bottom-translation .product-items{display:flex;align-items:center;justify-content:center;margin-top:60px}@media(max-width:768px){.online-translation-content .bottom-translation .product-items{flex-direction:column;margin-top:20px}}.online-translation-content .bottom-translation .product-items .product-item{margin:0 60px;width:250px;height:200px;border-radius:8px;background-color:#353434;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}@media(max-width:768px){.online-translation-content .bottom-translation .product-items .product-item{margin:20px 60px}}.online-translation-content .bottom-translation .product-items .product-item .product-item-text{margin:20px 0;font-size:20px}.online-translation-content .bottom-translation .product-items .product-item .product-item-info{text-align:center;width:90%}.modal-transtion{top:300px}.modal-transtion .ant-modal-body{padding:0}.modal-transtion .ant-modal-content{border-radius:16px}.transtion-modal{display:flex;flex-direction:column;align-items:center;font-family:inherit}.transtion-modal .tip-text{width:100%;padding:36px;text-align:center;font-size:16px;background-repeat:no-repeat;background-size:cover}.transtion-modal .tip-text span{color:#447eff}.transtion-modal .loginbutton{height:max-content;width:max-content;padding:8px 32px;color:#fff;font-weight:700;font-size:16px;background:#248df7;border:none;border-radius:50px;cursor:pointer;margin-bottom:24px}html[data-theme=light] .online-translation-content{background:var(--pg-bg);color:var(--pg-text-1)}html[data-theme=light] .online-translation-content .title-info{background-image:linear-gradient(91deg,#5b51e6 1.74%,#b97340 43.71%,#9a6577 61.62%,#8864ea 102.48%)}html[data-theme=light] .online-translation-content .translation-border{border:1px solid var(--card-border);box-shadow:0 18px 44px rgba(23,26,43,.08)}html[data-theme=light] .online-translation-content .content-translation .free-content .text-instructions{color:var(--pg-text-2)}html[data-theme=light] .online-translation-content .content-translation .free-content .free-border{color:#fff}html[data-theme=light] .online-translation-content .bottom-translation .product-items .product-item{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 1px 3px rgba(23,26,43,.06);color:var(--pg-text-1)}.tranlation-details-content .details-text{font-size:16px;margin:6px 0}.tranlation-details-content .details-margin-top{margin-top:36px}.tranlation-details-content .details-info{margin-top:16px}.tranlation-details-content .details-icon{width:24px;height:24px;margin:6px 12px 6px 0}.tranlation-details-content .title-text{font-size:20px;font-weight:700;margin-bottom:16px;margin-top:16px}.tranlation-details-content .Characteristic-content{background-color:#353434;border-radius:8px;padding:24px;width:100%}.tranlation-details-content .Characteristic-content .Characteristic-item{display:flex}html[data-theme=light] .tranlation-details-content{color:var(--pg-text-1)}html[data-theme=light] .tranlation-details-content .Characteristic-content,html[data-theme=light] .tranlation-details-content details{background-color:var(--card-bg);border:1px solid var(--card-border)}html[data-theme=light] .tranlation-details-content details>div{background-color:var(--pg-bg);border-top:1px solid var(--divider)}