.osr body{color:#0B0D14;font-family:"Spartan"}.osr p{padding:0}.osr .record-btn{position:relative;z-index:1;display:block;margin:0px auto;padding:0;width:265px;padding:0 10px;height:58px;background:#34F1A5;border-radius:0px 30px 30px 30px;border:none;outline:none;cursor:pointer;box-sizing:border-box}.osr .record-btn .down-txt{position:absolute;top:50%;left:50%;transform:scale(1) translate(-50%, -50%);width:100%;color:#000;font-size:16px;font-weight:700;line-height:24px;text-align:center;transform-origin:left top;transition:transform .5s}.osr .record-btn .down-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:0;height:0;opacity:0;transition:all .2s;background:url(../images/online-screen/down-icon.png);background-size:14px 14px}.osr .record-btn:hover .down-txt{left:50%;transform:scale(0) translate(-50%, -50%);transform-origin:left top;opacity:1;transition:all .5s}.osr .record-btn:hover .down-icon{top:50%;left:50%;transform:translate(-50%, -50%);width:14px;height:14px;opacity:1;transition:all .2s .2s}.osr .record-btn:disabled,.osr .record-btn:disabled:hover{pointer-events:none;cursor:default !important;color:#AEAAC2 !important;background:#EAEAF1 !important}.osr .blue-link{font:inherit;color:#0049F1;text-decoration:underline}.osr .blue-link:hover{opacity:0.8}.osr .wrapper{width:100% !important;max-width:1200px !important}.osr .recorder-banner{padding-top:210px;height:1000px;background:url(../images/online-screen/banner-bg.jpg) no-repeat center bottom}.osr .recorder-banner h1{font:normal normal bold 56px/67px Spartan}.osr .recorder-banner h3{padding-top:14px;font:normal normal 600 16px/19px Spartan}.osr .recorder-banner h1,.osr .recorder-banner h3{text-align:center}.osr .recorder-banner .list-box{display:flex;margin-top:120px;margin-bottom:90px;justify-content:space-between}.osr .recorder-banner .list-box>div{position:relative;width:220px;height:160px;padding-left:25px;padding-top:45px;background:#fff;cursor:pointer;border:3px solid #E7ECF5;border-radius:15px}.osr .recorder-banner .list-box>div::after{position:absolute;content:"";width:20px;height:20px;right:25px;top:25px;border-radius:3px;border:2px solid #E7ECF5}.osr .recorder-banner .list-box>div p{margin-top:20px;width:100%;font:normal normal bold 14px/17px Spartan;text-align:left}.osr .recorder-banner .list-box>div .doubt{position:absolute;right:10px;bottom:35px}.osr .recorder-banner .list-box>div .doubt i{display:inline-block;width:17px;height:17px;background:url(../images/online-screen/doubt.svg)}.osr .recorder-banner .list-box>div .doubt div{display:none;position:absolute;font-size:12px;line-height:18px;width:280px;padding:10px;background-color:#fff;border:solid #ccc 1px;z-index:10;right:0;top:75px}.osr .recorder-banner .list-box>div .doubt:hover div{display:block}.osr .recorder-banner .list-box>div.on{background-color:#E1ECFF}.osr .recorder-banner .list-box>div.on::after{background:#0049F1 url(../images/online-screen/currt.svg) no-repeat center}.osr .recorder-banner .list-box>div:nth-of-type(1).on{border:3px solid #ccc}.osr .recorder-banner .list-box>div:nth-of-type(2),.osr .recorder-banner .list-box>div:nth-of-type(4){display:flex;align-items:center;flex-wrap:wrap;padding-top:10px}.osr .recorder-banner .list-box>div:nth-of-type(2) p,.osr .recorder-banner .list-box>div:nth-of-type(4) p{margin:8px 0 0 3px;text-align:left}.osr .recorder-banner .list-box>div:nth-of-type(2) p:last-child,.osr .recorder-banner .list-box>div:nth-of-type(4) p:last-child{margin:0;margin-left:-12px}.osr .recorder-banner .list-box>div:nth-of-type(3){padding:49px 0 0 25px}.osr .recorder-banner .list-box>div:nth-of-type(3) p{margin-top:24px}.osr .recorder-banner .list-box>div:nth-of-type(5){padding:44px 0 0 25px}.osr .recorder-banner .list-box>div:nth-of-type(5) p{margin-top:20px}.osr .recorder-banner .error-tip{text-align:center;color:#ff1e8f;font-size:12px;line-height:1;transform:scale(0.8, 0.9)}.osr .recorder-banner p{margin-top:24px;text-align:center;color:#7384BE;font-size:12px}.osr .recorder-banner .online-limit{margin-top:0px;text-align:center;color:#ff1e8f;padding:12px 0 0;font-weight:600;font-size:14px;line-height:2;font-family:'Spartan', sans-serif}.osr .recorder-banner .online-limit>a{display:inline-block;font:inherit;color:inherit;text-decoration:underline}.osr .recorder-banner .online-limit>a:hover{opacity:0.8}.osr .recorder-banner .record-btn{display:flex;width:384px;height:70px;margin:0px auto;margin-top:20px;justify-content:center;align-items:center;border-radius:5px;background:#0049F1;color:#fff;cursor:pointer;font:normal normal normal 24px/29px Spartan}.osr .recorder-banner .record-btn.online-mob{display:none}.osr .recorder-banner .record-btn:hover{background-color:#2063FF}.osr .recorder-banner .watermark{position:relative;margin-top:25px;text-align:center;font:normal normal bold 14px/20px Spartan}.osr .recorder-banner .watermark>i{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;margin-right:10px;border:2px solid #e7ecf5}.osr .recorder-banner .watermark>i.on{border:none;background:#0049F1 url(../images/online-screen/currt.svg) no-repeat center}.osr .recorder-banner .watermark .doubt{position:absolute;right:519px;bottom:5px;cursor:pointer}.osr .recorder-banner .watermark .doubt i{width:17px;height:17px;background:url(../images/online-screen/doubt.svg)}.osr .recorder-banner .watermark .doubt div{display:none;position:absolute;font-size:12px;line-height:18px;width:280px;padding:10px;background-color:#fff;border:solid #ccc 1px}.osr .recorder-banner .watermark .doubt:hover div{display:block}.osr .step-box::after{position:absolute;content:"";width:28px;height:32px;left:0;right:0;margin:auto;top:-120px;background:url(../images/online-screen/lock.svg)}.osr .step-box h2{margin-top:60px;text-align:center;font:normal normal bold 40px/47px Spartan}.osr .step-box .step-message{display:flex;margin-top:80px;text-align:center;align-items:flex-start}.osr .step-box .step-message>div:first-child{flex-shrink:0;width:20%}.osr .step-box .step-message>img{margin-top:30px;flex-shrink:0}.osr .step-box .step-message p{margin-top:20px;font:normal normal 600 14px/24px Spartan}.osr .feature-recoder{text-align:center;padding-top:110px}.osr .feature-recoder h2{font:normal normal bold 40px/47px Spartan}.osr .feature-recoder h4{margin-top:14px;font:normal normal 600 16px/19px Spartan}.osr .feature-recoder .feature-message{display:flex;margin-top:100px;justify-content:space-between}.osr .feature-recoder .feature-message div{width:320px}.osr .feature-recoder .feature-message div h3{margin-top:-35px}.osr .feature-recoder .feature-message div p{margin-top:20px;font:normal normal 500 14px/24px Spartan}.osr .need-recoder{text-align:center;padding-top:110px}.osr .need-recoder h2{font-size:40px;line-height:1.2;font-weight:700}.osr .need-recoder .need-message{display:flex;margin-top:70px;align-items:center;justify-content:space-between;flex-wrap:wrap}.osr .need-recoder .need-message img{max-width:646px}.osr .need-recoder .need-message .message{max-width:554px;text-align:left}.osr .need-recoder .need-message .message h3{font-size:24px;line-height:1.5;font-weight:700}.osr .need-recoder .need-message .message p{margin-top:30px;font-size:14px;line-height:24px;font-weight:500}.osr .need-recoder .need-message.row-reverse{flex-direction:row-reverse}.osr .desktop{padding-top:165px;width:1200px !important}.osr .desktop h2 span{display:block;font-weight:700;font-size:20px;line-height:90px;letter-spacing:8px}.osr .desktop h2 strong{display:block;margin-top:-35px;margin-bottom:-25px;font-weight:700;font-size:82px;line-height:88px;letter-spacing:-6px;color:rgba(145,145,143,0.3)}.osr .desktop h2 b{font-weight:700;font-size:78px;line-height:88px;letter-spacing:-6px}.osr .desktop h3{margin-top:20px;font-weight:700;font-size:30px;line-height:1.2}.osr .desktop>p{margin-top:20px;font-weight:500;font-size:14px;line-height:2}.osr .desktop>p.descript-mob{display:none}.osr .desktop .message{display:flex;margin:auto;width:1023px;height:622px;margin-top:90px;border-radius:20px;background-color:#f8f8f8}.osr .desktop .message p{display:flex;height:67px;align-items:center;padding-left:40px;border-bottom:solid #343a4d 1px;color:#6c738d;font-size:12px;line-height:18px;background:url(../images/online-screen/check-circle.svg) no-repeat left center}.osr .desktop .message p a{text-decoration:underline;color:inherit}.osr .desktop .message .left-message{width:364px;margin-left:45px}.osr .desktop .message .left-message h4{position:relative;display:flex;align-items:center;height:97px;font:normal normal normal 24px/29px Spartan;color:#000}.osr .desktop .message .left-message h4::after{position:absolute;content:"";width:355px;height:2px;background:#343A4D;bottom:0;left:0}.osr .desktop .message .left-message p{color:#000}.osr .desktop .message .left-message .record{display:flex;height:55px;margin-top:30px;border-radius:5px;cursor:pointer;background-color:#5669A8;justify-content:center;align-items:center;font:normal normal bold 16px/19px Spartan;color:#BBCAFF}.osr .desktop .message .left-message .record:hover{background-color:#7688c4}.osr .desktop .message .right-message{width:485px;height:692px;margin-top:-35px;margin-left:41px;background-color:#0049F1;border-radius:20px}.osr .desktop .message .right-message h4,.osr .desktop .message .right-message p{width:360px;margin:0px auto}.osr .desktop .message .right-message h4{position:relative;height:132px;display:flex;align-items:center;padding-top:40px;font:normal normal normal 30px/36px Spartan;color:#fff}.osr .desktop .message .right-message h4::after{position:absolute;content:"";width:423px;height:2px;background:#4D83FF;bottom:0;left:-63px}.osr .desktop .message .right-message p{border-bottom:solid #4D83FF 1px;color:#fff;background:url(../images/online-screen/check-circle-green.svg) no-repeat left center}.osr .desktop .message .right-message .record-btn{margin-top:26px}.osr .faqs-box{height:auto;padding:170px 0 90px;margin-top:150px;background:#f1f4ff;position:relative;z-index:1}.osr .faqs-box::before{content:'';position:absolute;top:-90px;left:0;right:0;height:845px;background:url(../images/online-screen/faqs-bg.svg) no-repeat center center}.osr .faqs-box h2{margin-bottom:75px;text-align:center;font:normal normal bold 38px/45px Spartan}.osr .faqs-box .faq-list{margin-bottom:35px;cursor:pointer;height:33px;overflow:hidden}.osr .faqs-box .faq-list h3{display:flex;justify-content:space-between;font-size:22px;line-height:36px;font-weight:700}.osr .faqs-box .faq-list h3 span{display:flex;justify-content:center;align-items:center;width:33px;height:33px;background:#7A53FF;border-radius:50%;flex-shrink:0}.osr .faqs-box .faq-list h3 span i{width:13px;height:7px;transition:all 0.3s;background:url(../images/online-screen/arrow.svg)}.osr .faqs-box .faq-list p{margin-top:10px;font-size:14px;line-height:24px;font-weight:500}.osr .faqs-box .faq-list.on{height:auto}.osr .faqs-box .faq-list.on h3 span{background:#0B0D14}.osr .faqs-box .faq-list.on h3 span i{transform:rotate(180deg)}.osr .osr-pop-bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99;background-color:rgba(0,0,0,0.8);transform:scale(0);opacity:0;transition:all 0.5s}.osr .osr-pop-bg.on{transform:scale(1);opacity:1}.osr .pop-mask-watermark{position:fixed;width:850px;height:521px;left:0;top:0;right:0;bottom:0;margin:auto;z-index:100;text-align:center;transform:scale(0);opacity:0;transition:all 0.5s;background:url(../images/online-screen/pop-mask-bg.svg)}.osr .pop-mask-watermark .record-btn{margin-top:27px}.osr .pop-mask-watermark.on{transform:scale(1);opacity:1}.osr .pop-mask-watermark>img{margin-top:-70px}.osr .pop-mask-watermark h3{margin-top:10px;margin-bottom:16px;font:normal normal 800 24px/29px Spartan}.osr .pop-mask-watermark>p{font:normal normal 600 13px/24px Spartan}.osr .pop-mask-watermark h4{display:flex;align-items:center;margin-top:40px;justify-content:center;font:normal normal bold 16px/19px Spartan}.osr .pop-mask-watermark h4 span{display:flex;margin-left:10px;padding:0px 10px;height:18px;background-color:#FFC6A4;border-radius:5px 0px;color:#FF4F00;font:normal normal bold 12px/21px Spartan}.osr .pop-mask-watermark .message{display:flex;justify-content:center;padding:0 40px;margin:0px auto;margin-top:30px;gap:20px}.osr .pop-mask-watermark .message p{font:normal normal 600 12px/24px Spartan}.osr .pop-mask-watermark .close{position:absolute;width:14px;height:14px;top:51px;right:15px;cursor:pointer;background:url(../images/online-screen/close.svg)}.osr .pop-mask-watermark .close:hover{opacity:0.8}.osr .recording-cancel{margin-top:100px !important;padding-bottom:150px}.osr .recording-cancel h2{font:normal normal 600 14px/17px Spartan}.osr .recording-cancel h2 span{margin-left:15px}.osr .recording-cancel img{display:block;margin:0px auto;margin-top:10%;width:550px}.osr .recording-cancel h3{margin-top:50px;text-align:center;font:normal normal bold 36px/42px Spartan}.osr .recording-cancel p{margin-top:20px;text-align:center;font:normal normal 600 16px/19px Spartan;font-weight:500}.osr .recording-cancel p>span{font:inherit;color:#ff1e8f}.osr .microphone{height:1080px;background:url(../images/online-screen/microphone-bg.svg) no-repeat center bottom}.osr .microphone h2{padding-top:290px;text-align:center;font:normal normal bold 44px/52px Spartan}.osr .microphone .microphoneing{width:778px;height:210px;margin:0px auto;margin-top:55px;border-radius:5px;border:solid #dce1f7 1px;background-color:#fff}.osr .microphone .microphoneing .rec-box{display:flex;align-items:center;margin-top:20px;margin-left:40px;font-size:12px}.osr .microphone .microphoneing .rec-box i{margin-right:5px;width:15px;height:15px;border-radius:50%;background:#e41e65}.osr .microphone .microphoneing .date{display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:36px}.osr .microphone .microphoneing .date div{position:relative;display:flex;width:97px;height:97px;margin:0px 5px;justify-content:center;align-items:center;background:url(../images/online-screen/data-bg.svg)}.osr .microphone .microphoneing .date div span{position:absolute;bottom:-34px;font-size:14px}.osr .microphone .function{display:flex;margin-top:80px;justify-content:center}.osr .microphone .function div{display:flex;flex-wrap:wrap;cursor:pointer;flex-direction:column;align-items:center;margin-right:86px}.osr .microphone .function div.pause i{width:15px;height:20px;background:url(../images/online-screen/pause.svg)}.osr .microphone .function div.pause.on i{background:url(../images/online-screen/pause-stop.svg);width:20px;height:23px;background-position:3px 0}.osr .microphone .function div.stop i{width:16px;height:16px;background:url(../images/online-screen/stop.svg)}.osr .microphone .function div.cancel{margin-right:0}.osr .microphone .function div.cancel i{width:26px;height:23px;background:url(../images/online-screen/cancel.svg)}.osr .microphone .function div span{display:flex;width:60px;height:60px;border-radius:50%;background:linear-gradient(180deg, #7248FF 0%, #D239FF 100%);box-shadow:0px 20px 15px #D9CEFF;align-items:center;justify-content:center}.osr .microphone .function div p{font:normal normal bold 16px/19px Spartan;margin-top:9px}.osr .microphone .function div:hover p{color:#7248FF}.osr .microphone .function div:hover span{box-shadow:none}.osr .back-choose{cursor:pointer}.osr .pop-timeout{position:fixed;left:0;top:0;width:100%;height:100%;z-index:100;display:none}.osr .pop-timeout .pop-timeout-bg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.osr .pop-timeout .pop-timeout-bg.pop-timeout-bg1{background:url(../images/online-screen/pop-circle1.svg) no-repeat center/cover;width:300px;height:300px}.osr .pop-timeout .pop-timeout-bg.pop-timeout-bg2{background:url(../images/online-screen/pop-circle2.svg) no-repeat center/cover;width:240px;height:240px}.osr .pop-timeout .pop-timeout-bg.pop-timeout-bg3{background:url(../images/online-screen/pop-circle3.svg) no-repeat center/cover;width:180px;height:180px}.osr .pop-timeout span{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);font:normal normal bold 70px/70px Spartan;color:#FF2DC0;padding-top:5px}.osr .download-recording{padding:110px 0 260px 0}.osr .download-recording h2{font:normal normal 600 14px/17px Spartan;color:#454853;padding-bottom:112px}.osr .download-recording .video-intr{display:flex;justify-content:space-between}.osr .download-recording .video-intr .video{width:743px;height:427px}.osr .download-recording .video-intr .video video{background:#000;width:100%;height:100%;border:1px solid #f0f1f3;vertical-align:middle;border-radius:16px}.osr .download-recording .video-intr .vider-intr-intr{max-width:420px}.osr .download-recording .video-intr .vider-intr-intr h3{font:normal normal bold 20px/23px Spartan;color:#0B0D14;text-align:center;padding-bottom:18px}.osr .download-recording .video-intr .vider-intr-intr>img{width:402px;height:201px}.osr .download-recording .video-intr .vider-intr-intr ul{margin:10px 0}.osr .download-recording .video-intr .vider-intr-intr ul li{font:normal normal 600 12px/26px Spartan;color:#0B0D14;padding-left:24px;position:relative}.osr .download-recording .video-intr .vider-intr-intr ul li::before{content:"";background:url(../images/online-screen/download-tips.svg) no-repeat center/cover;width:12px;height:10px;display:block;position:absolute;left:0;top:0}.osr .download-recording .video-intr .vider-intr-intr .download-recording-download-btn{width:417px;height:51px;background-color:#34F1A5;display:flex;align-items:center;justify-content:center;border-radius:5px}.osr .download-recording .video-intr .vider-intr-intr .download-recording-download-btn span{font:normal normal bold 16px/19px Spartan;color:#000000}.osr .download-recording .video-intr .vider-intr-intr .download-recording-download-btn:hover{background-color:#56FFBB}.osr .download-recording .download-operation{display:flex;margin-top:27px}.osr .download-recording .download-operation .select-box{width:220px;height:40px;border-radius:5px;position:relative}.osr .download-recording .download-operation .select-box .selectBox{position:relative;width:100%;height:100%;border-radius:5px;background-color:#FFFFFF;padding-left:26px;font:normal normal bold 14px/40px Spartan;color:#0B0D14;background-image:url(../images/online-screen/arrow-gray.svg);background-size:18px 13px;background-position:90% center;background-repeat:no-repeat;border:1px solid #B7BAFF}.osr .download-recording .download-operation .select-box .selectBox.off{background-image:url(../images/online-screen/arrow-blue.svg);border:1px solid #b7bbc9;background-color:#c6cbdb}.osr .download-recording .download-operation .select-box>ul{display:none;position:absolute;bottom:-5px;width:100%;height:96px;box-shadow:0px 4px 12px rgba(0,0,0,0.16);background-color:#fff;top:48px;height:96px}.osr .download-recording .download-operation .select-box>ul li{width:100%;height:32px;padding-left:25px;font:normal normal 600 12px/32px Spartan;color:#6C738D}.osr .download-recording .download-operation .select-box>ul li:first-child{color:#000}.osr .download-recording .download-operation .select-box>ul li:hover{color:#FFFFFF;background-color:#7C56FF}.osr .download-recording .download-operation .select-box p{display:none;color:#FF1E8F;padding:11px 0 0;font:normal normal 600 11px/27px Spartan}.osr .download-recording .download-operation .select-box p a{color:inherit;text-decoration:underline;font:inherit}.osr .download-recording .download-operation .select-box.select-format{margin:0 42px}.osr .download-recording .download-operation .download-operation-btn{width:220px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#0049F1;border-radius:5px;cursor:pointer}.osr .download-recording .download-operation .download-operation-btn span,.osr .download-recording .download-operation .download-operation-btn .icon{pointer-events:none}.osr .download-recording .download-operation .download-operation-btn .icon{background:url(../images/online-screen/download-icon.svg) no-repeat center/cover;width:12px;height:12px;margin-right:10px}.osr .download-recording .download-operation .download-operation-btn span{font:normal normal bold 14px/17px Spartan;color:#FFFFFF}.osr .download-recording .download-operation .download-operation-btn.off{background-color:#ccc}.osr .webcam-box{width:300px;height:200px;position:fixed;left:20px;bottom:20px;display:none;z-index:999;overflow:hidden}.osr .webcam-box .webcam-box-inner{transform:scaleX(-1);margin-top:-60px;margin-right:-140px;overflow:hidden;pointer-events:none}.osr .webcam-box .webcam-video{width:640px;height:480px}.osr .to-top-etc{visibility:hidden}.osr .online-pc{display:block}.osr .online-mob{display:none}.osr .back-choose{cursor:pointer}.osr .back-choose:hover{text-decoration:underline;color:blue}@media (min-width: 769px) and (max-width: 1220px){.osr .recorder-banner{padding-top:13%;padding-bottom:13%;height:auto;background-size:cover}.osr .recorder-banner h1{font-size:36px;line-height:1.2}.osr .recorder-banner .list-box{padding:0 15px;margin-top:50px;margin-bottom:40px;gap:10px}.osr .recorder-banner .list-box>div{height:160px;padding:12px 0 0 12px !important;max-width:220px;width:20%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.osr .recorder-banner .list-box>div:nth-child(3) p{white-space:nowrap}.osr .recorder-banner .list-box>div::after{right:12px;top:12px}.osr .recorder-banner .list-box>div p{margin-top:10px !important;margin-left:0 !important;width:calc(100% - 12px) !important;text-align:left}.osr .recorder-banner .list-box>div p.error-tip{margin-left:-12px !important}.osr .recorder-banner .list-box>div .doubt{bottom:45px}.osr .recorder-banner .list-box>div .doubt div{top:25px}.osr .recorder-banner .error-tip{margin-top:6px !important;bottom:4px;position:relative;bottom:auto;transform:scale(0.8)}.osr .step-box{padding:0 16px}.osr .step-box::after{top:-60px}.osr .step-box h2{margin-top:0px;font-size:36px;line-height:1.5}.osr .feature-recoder h2{font-size:36px;line-height:1.5}.osr .feature-recoder p{font-size:14px;line-height:1.5}.osr .feature-recoder .feature-message{padding:0 16px}.osr .need-recoder{padding:0 16px}.osr .need-recoder h2{font-size:36px;line-height:1.5}.osr .need-recoder .need-message>img{max-width:50%;width:100%;height:auto}.osr .need-recoder .need-message .message{width:50%;text-align:left}.osr .need-recoder .need-message .message h3{font-size:22px;line-height:1.5}.osr .desktop{width:100% !important;padding-left:16px;padding-right:16px}.osr .desktop h2 strong{font-size:40px;line-height:1.5}.osr .desktop h2 b{font-size:60px;line-height:1.5}.osr .desktop h3{font-size:24px;line-height:1.5}.osr .desktop .message{width:100%;height:auto}.osr .desktop .message .left-message{width:48%;padding-left:20px;margin-left:0;padding-bottom:30px}.osr .desktop .message .left-message .record{margin:30px auto 0;width:80%}.osr .desktop .message .right-message{width:52%;padding-bottom:30px;height:auto;padding-left:20px;margin-left:0}.osr .desktop .message .right-message h4,.osr .desktop .message .right-message p{width:100%}.osr .faqs-box{padding:150px 16px 90px}.osr .faqs-box h2{font-size:36px;line-height:1.5}.osr .faqs-box .faq-list{padding:0 16px}.osr .pop-mask-watermark{max-width:850px;width:98%;height:auto;max-height:521px;background-size:contain;border-radius:12px;overflow:hidden;padding:0 16px}.osr .pop-mask-watermark>img{margin-top:-70px}.osr .pop-mask-watermark>p{font-size:12px;line-height:1.5}.osr .recording-cancel{padding-left:16px;padding-right:16px}.osr .recording-cancel h3{font-size:36px;line-height:1.5}.osr .microphone{height:auto;background-size:cover;padding:0 16px 150px}.osr .download-recording{padding:110px 16px 260px}.osr .download-recording .video-intr{flex-wrap:wrap}.osr .download-recording .video-intr .video{margin:0 auto}.osr .download-recording .video-intr .vider-intr-intr{margin:0 auto;margin-top:40px;width:100%}}@media screen and (max-width: 768px){.osr .online-pc{display:none !important}.osr .online-mob{display:block !important}.osr .record-btn{width:265px;padding:0 10px;height:58px;background:#34F1A5;border-radius:0px 30px 30px 30px}.osr .wrapper{width:100% !important;max-width:768px !important}.osr .recorder-banner{padding:40px 0;height:auto;background:url(../images/online-screen/banner-bg.jpg) no-repeat center center;background-size:contain}.osr .recorder-banner h1{padding:0 16px;font-size:22px;line-height:1.2}.osr .recorder-banner h3{padding:16px 16px 0;font-size:12px;line-height:1.2}.osr .recorder-banner h1,.osr .recorder-banner h3{text-align:center}.osr .recorder-banner p{margin:24px auto 36px;padding:24px 12px;width:90%;text-align:center;color:#000;font-size:12px;line-height:1.5;font-weight:600;box-shadow:0px 0px 10px rgba(165,184,255,0.56);border:1px solid #7A95FF;border-radius:10px}.osr .recorder-banner .record-btn{width:100%;max-width:315px;height:50px;margin-top:0;background:#34F1A5;color:#000;font-size:16px;line-height:1.2;font-weight:600;border-radius:0px 30px 30px 30px}.osr .recorder-banner .record-btn.online-mob{display:flex !important}.osr .recorder-banner .record-btn span{font:inherit;color:inherit}.osr .recorder-banner .record-btn:hover{background-color:#34F1A5}.osr .recorder-banner .watermark{position:relative;margin-top:25px;text-align:center;font:normal normal bold 14px/20px Spartan}.osr .recorder-banner .watermark>i{display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;margin-right:10px;border:2px solid #e7ecf5}.osr .recorder-banner .watermark>i.on{border:none;background:#0049F1 url(../images/online-screen/currt.svg) no-repeat center}.osr .recorder-banner .watermark .doubt{position:absolute;right:519px;bottom:5px;cursor:pointer}.osr .recorder-banner .watermark .doubt i{width:17px;height:17px;background:url(../images/online-screen/doubt.svg)}.osr .recorder-banner .watermark .doubt div{display:none;position:absolute;font-size:12px;line-height:18px;width:280px;padding:10px;background-color:#fff;border:solid #ccc 1px}.osr .recorder-banner .watermark .doubt:hover div{display:block}.osr .step-box{background-color:#F1F4FF;padding:40px 0}.osr .step-box::after{content:none;display:none}.osr .step-box h2{margin-top:0;padding:0 12px;font-size:20px;line-height:1.5}.osr .step-box .step-message{margin-top:30px;flex-direction:column;align-items:center}.osr .step-box .step-message>div:first-child{width:100%}.osr .step-box .step-message>img{margin:9px 0 11px}.osr .step-box .step-message p{margin-top:12px;padding:0 12px;font-size:12px;line-height:1.5}.osr .feature-recoder{padding-top:70px}.osr .feature-recoder h2{padding:0 12px;font-size:20px;line-height:1.5}.osr .feature-recoder h4{color:#0B0D14;font-size:12px;line-height:1.5;padding:0 45px}.osr .feature-recoder .feature-message{margin-top:34px;justify-content:unset;align-items:center;flex-direction:column}.osr .feature-recoder .feature-message div{width:100%;padding:0 30px 92px}.osr .feature-recoder .feature-message div:last-child{padding-bottom:0}.osr .feature-recoder .feature-message div h3{margin-top:-50px;font-size:16px;line-height:1.5;color:#0B0D14}.osr .feature-recoder .feature-message div p{margin-top:16px;padding-bottom:0;font-size:12px;line-height:1.5}.osr .need-recoder{padding-top:80px}.osr .need-recoder h2{font-size:20px}.osr .need-recoder .need-message{margin-top:50px;flex-direction:column}.osr .need-recoder .need-message img{max-width:335px;width:100%;margin-bottom:40px}.osr .need-recoder .need-message .message{width:100%;max-width:100%;text-align:center;padding:0 16px}.osr .need-recoder .need-message .message h3{font-size:16px;color:#0B0D14}.osr .need-recoder .need-message .message p{font-size:12px;line-height:18px;color:#0B0D14}.osr .need-recoder .need-message.row-reverse{flex-direction:column}.osr .desktop{padding:145px 0 50px;width:100% !important}.osr .desktop::before{position:absolute;content:"";width:28px;height:32px;left:0;right:0;margin:auto;top:52px;background:url(../images/online-screen/lock.svg)}.osr .desktop h2{display:none}.osr .desktop h3{margin-top:0;font-size:20px;line-height:1.5;text-align:center;padding:0 25px}.osr .desktop>p{font-size:12px;line-height:1.5;color:#0B0D14;padding:0 38px;text-align:center}.osr .desktop .message{width:100%;height:auto;margin-top:32px;border-radius:unset;background-color:#fff;flex-direction:column-reverse;padding:0 25px;text-align:center}.osr .desktop .message p{height:auto;padding-left:40px;padding-top:8px;padding-bottom:8px;min-height:50px;text-align:left}.osr .desktop .message .left-message{margin:22px 0 0;width:100%;height:auto;background-color:#211E37;border-radius:20px}.osr .desktop .message .left-message h4{padding:40px 10px 20px;display:block;height:auto;color:#8D93AB;font-size:18px;line-height:1.2;text-align:center}.osr .desktop .message .left-message h4::after{width:100%}.osr .desktop .message .left-message p{width:307px;margin:0 auto;color:#8D93AB}.osr .desktop .message .left-message .record{height:60px;margin:30px auto;width:100%;max-width:315px}.osr .desktop .message .right-message{width:100%;height:auto;margin:0;background-color:#0049F1;border-radius:20px}.osr .desktop .message .right-message h4{height:auto;display:block;text-align:center;width:100%;font-size:20px;line-height:1.2;padding:40px 10px 20px}.osr .desktop .message .right-message h4::after{width:100%;left:0}.osr .desktop .message .right-message p{width:307px}.osr .desktop .message .right-message .record-btn{max-width:315px;width:100%;height:60px;margin-bottom:40px}.osr .faqs-box{height:auto;padding:42px 12px 90px;margin-top:0;background:#F1F4FF}.osr .faqs-box::before{display:none}.osr .faqs-box h2{margin-bottom:40px;padding:0 12px;font-size:20px;line-height:1.5}.osr .faqs-box .faq-list-box{width:100%;border:1px solid #A8BBFF;border-radius:20px;background-color:#fff;padding:46px 12px 48px 15px}.osr .faqs-box .faq-list{margin-bottom:32px;height:auto}.osr .faqs-box .faq-list.on p{margin-top:14px;max-height:9999px}.osr .faqs-box .faq-list:last-child{margin-bottom:0}.osr .faqs-box .faq-list h3{color:#0B0D14;font-size:14px;line-height:1.2}.osr .faqs-box .faq-list h3 span{width:31px;height:31px;flex-shrink:0;margin-left:10px}.osr .faqs-box .faq-list h3 span i{background-size:contain;background-repeat:no-repeat}.osr .faqs-box .faq-list p{margin-top:0;font-size:12px;line-height:1.5;color:#0B0D14;padding-right:50px;max-height:0}}