.zego-header[data-v-4156563b]{position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:start;width:100%;height:72px;z-index:999;background:#fff}.zego-header .talk-to-us[data-v-4156563b]{display:none}.zego-header .logo[data-v-4156563b]{width:158px;height:19px;background:url(../img/zego_mobile_logo.e4247165.png) no-repeat;background-size:158px 19px;margin:32px 0 0 32px;margin-right:358px}.zego-header .right[data-v-4156563b]{align-items:center;justify-content:flex-end;font-size:14px;font-family:Poppins-Regular,Poppins;font-weight:400;color:#18181b;margin:0;padding-right:32px;display:flex;flex:1;height:100%}.zego-header .right .font[data-v-4156563b]{margin-left:12px;font-size:14px;font-family:Poppins-Medium,Poppins;font-weight:500;color:#0071ff;line-height:32px;text-align:center}.zego-header .right .font[data-v-4156563b]:hover{cursor:pointer}.process-step[data-v-3e78d88c]{width:360px;height:100vh;z-index:999;background:#f9fafc;padding:36px 0 0 80px;background:linear-gradient(226deg,#2382ff,#0071ff)}.process-step[data-v-3e78d88c]:after{content:"";width:250px;height:170px;position:absolute;left:0;top:0;background:url(../img/img_login_banner02.e55d56c6.png);background-size:250px 170px;z-index:-1}.process-step[data-v-3e78d88c]:before{content:"";position:absolute;width:300px;height:340px;right:0;bottom:0;background:url(../img/img_login_banner01.5b09a01c.png);background-size:300px 340px}.process-step img[data-v-3e78d88c]{width:158px;height:19px;margin-bottom:113px}.process-step ul[data-v-3e78d88c]{display:flex;flex-direction:column;align-items:flex-start}.process-step ul li[data-v-3e78d88c]{display:flex;opacity:.6}.process-step ul li .content[data-v-3e78d88c]{display:flex;align-items:center;justify-content:center;flex-direction:column;margin-right:16px}.process-step ul li .content .number[data-v-3e78d88c]{width:26px;height:26px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#0071ff;font-size:16px;font-family:Poppins-Semibold,Poppins;font-weight:600;background:#fff}.process-step ul li .content .line[data-v-3e78d88c]{width:1.5px;height:58px;background-image:linear-gradient(180deg,#fff 0,#fff 50%,transparent 0);background-size:1.5px 12px;background-repeat:repeat-y;margin:27px 0}.process-step ul li .font[data-v-3e78d88c]{font-size:18px;font-family:Poppins-Medium,Poppins;font-weight:500;line-height:30px;color:#fff}.process-step ul li:last-of-type .content .line[data-v-3e78d88c]{display:none}.process-step ul li.active[data-v-3e78d88c]{opacity:1}.process-step ul li.active .content .line[data-v-3e78d88c]{background-image:linear-gradient(180deg,#0071ff 0,#0071ff 50%,transparent .6)}.developers[data-v-43508967]{background:#fff}.small-title[data-v-43508967]{font-family:Poppins-Bold,Poppins;color:#0071ff}.title[data-v-43508967]{font-family:Poppins-SemiBold,Poppins;font-weight:600;color:#0f1623}.title span[data-v-43508967]{color:#0071ff}.get-sdk[data-v-43508967]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-family:Poppins-Medium,Poppins;font-weight:500;color:#0071ff;width:max-content;width:-webkit-max-content;width:-moz-max-content}.get-sdk .get-icon[data-v-43508967]{display:inline-block}.email-con[data-v-43508967]{overflow:hidden;border:1px solid #e7e9ee;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.email-con input[data-v-43508967]{font-family:Poppins-Regular,Poppins;color:#222;opacity:.8}.email-con input[data-v-43508967],.email-con input[data-v-43508967]:active,.email-con input[data-v-43508967]:focus,.email-con input[data-v-43508967]:hover,.email-con input[data-v-43508967]:visited{border:none;outline:none;background:none}.email-con .book[data-v-43508967]{font-family:Poppins-Medium,Poppins;font-weight:500;color:#fff;background:#0071ff;transition:all .3s ease}.email-con .book[data-v-43508967]:hover{opacity:.8;background:#0071ff}.desc[data-v-43508967]{font-family:Poppins-Regular,Poppins;font-weight:400;color:#394256}.input-tip[data-v-43508967]{font-family:Poppins-Medium,Poppins;font-weight:500;color:#8e9199}.input-error[data-v-43508967]{font-family:Poppins-Medium,Poppins;font-weight:500;color:#ff6a56}.code-main[data-v-43508967]{background:#192439;box-shadow:2px 2px 12px 0 rgba(0,0,0,.2);border-radius:20px;border-image:linear-gradient(180deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,0)) 2 2}.code-main .platform-nav-con[data-v-43508967]{position:relative;scroll-behavior:smooth}.code-main .platform-nav-next[data-v-43508967],.code-main .platform-nav-pre[data-v-43508967]{position:absolute;cursor:pointer}.code-main .platform-nav[data-v-43508967]{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.code-main .platform-item[data-v-43508967]{cursor:pointer;text-align:center;font-family:Poppins-Regular,Poppins;font-weight:400;color:hsla(0,0%,100%,.5);white-space:nowrap}.code-main .platform-item.active[data-v-43508967]{background-color:#0071ff;color:#fff;transition:color .5s,background-color .5s}.code-main .code[data-v-43508967]{font-family:Monaco}.code-main .code-line[data-v-43508967]{color:#fff}.code-main[data-v-43508967] .keyword{color:#5a80d8}.code-main[data-v-43508967] .class-name{color:#47dee9}.code-main[data-v-43508967] .sdk-name{color:#e74c84}.code-main[data-v-43508967] .param,.code-main[data-v-43508967] .string{color:#02c279}.code-main[data-v-43508967] .annotation,.code-main[data-v-43508967] .comment{color:#8e9199}@media screen and (min-width:901px){.container[data-v-43508967]{box-sizing:border-box;display:flex;justify-content:space-between}.left[data-v-43508967]{width:500px;margin-right:96px}.code-main[data-v-43508967]{width:560px;height:450px;box-sizing:border-box;position:relative;padding:22px 47px 30px 40px;border:0}.code-main .platform-nav-con[data-v-43508967]{width:473px;overflow-y:hidden;height:37px;margin-bottom:22px}.code-main .platform-nav-pre[data-v-43508967]{left:14px}.code-main .platform-nav-next[data-v-43508967],.code-main .platform-nav-pre[data-v-43508967]{width:24px;height:24px;top:27px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAASJJREFUaEPtmD0OwjAMhZ/FNeBODEgM7FyIMzAgMbBxILgGMoqUShnaZvBPasldo7jv87OdpoTgDwXXjwQY7WA6kA4IM5AlJEygeHs6IE6hMEA6IEygeLurA8x8BHCrqq9E9JYSuAEw8xnAHcCuiv4S0SEEwIz4ojsGwIL4H4ATEb027cCK+AsRPaTiy36zHvAQbwbgJd4EwFO8OoC3eFWAEeLVAOoJ+2wOqRK7jEq1abM0sVSmEDN/AOybl7iI13QgPED5SItbQsXK0E081f4ICJUmbieEN4Q6gHc5mQB4QpgBeEGYAnQgtn+h6UynGFfKFYhYALWc4v5W0bj/zsUwb2Ir4VPcBLDOcC9+OtDLkPV6OmCd4V78dKCXIev18A78AXMbijFSE53QAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100%}.code-main .platform-nav-next[data-v-43508967]{right:16px;transform:rotate(180deg)}.code-main .disabled[data-v-43508967]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAASJJREFUaEPtmD0OwjAMhZ/FNeBODEgM7FyIMzAgMbBxILgGMoqUShnaZvBPasldo7jv87OdpoTgDwXXjwQY7WA6kA4IM5AlJEygeHs6IE6hMEA6IEygeLurA8x8BHCrqq9E9JYSuAEw8xnAHcCuiv4S0SEEwIz4ojsGwIL4H4ATEb027cCK+AsRPaTiy36zHvAQbwbgJd4EwFO8OoC3eFWAEeLVAOoJ+2wOqRK7jEq1abM0sVSmEDN/AOybl7iI13QgPED5SItbQsXK0E081f4ICJUmbieEN4Q6gHc5mQB4QpgBeEGYAnQgtn+h6UynGFfKFYhYALWc4v5W0bj/zsUwb2Ir4VPcBLDOcC9+OtDLkPV6OmCd4V78dKCXIev18A78AXMbijFSE53QAAAAAElFTkSuQmCC) no-repeat 50%;background-size:100%}.code-main .platform-nav[data-v-43508967]{width:100%;padding-bottom:32px;user-select:none;overflow:auto;box-sizing:border-box;padding-left:4px;padding-right:4px}.code-main .platform-item[data-v-43508967]{padding:9px 14px;font-size:14px;border-radius:18px;line-height:1}.code-main .platform-item[data-v-43508967]:hover{background-color:#0071ff;color:#fff;transition:color .5s,background-color .5s}.code-main .platform-item[data-v-43508967]:not(:last-of-type){margin-right:30px}.code-main .code-con[data-v-43508967]{overflow:hidden;height:283px;width:510px;position:absolute}.code-main .code-con[data-v-43508967] ::-webkit-scrollbar-track{border-radius:10px;background-color:#00183b}.code-main .code-con[data-v-43508967] ::-webkit-scrollbar{width:5px;background-color:#00183b}.code-main .code-con[data-v-43508967] ::-webkit-scrollbar-thumb{border-radius:10px;background-color:hsla(0,0%,100%,.2)}.code-main .code[data-v-43508967]{overflow:auto;height:273px;padding-right:35px;position:relative}.code-main .code-item .code-line[data-v-43508967]{display:block;font-size:13px;line-height:21px;margin-bottom:12px;word-break:break-word;padding-left:33px;position:relative}.code-main .code-item[data-v-43508967] .index{position:absolute;top:4px;left:0;font-size:13px;line-height:17px;color:hsla(0,0%,100%,.8)}.code-main .code-item[data-v-43508967]:last-of-type{margin-bottom:0}.code-main[data-v-43508967] .index{margin-right:23px}.small-title[data-v-43508967]{margin-top:121px;font-size:18px;line-height:18px}.title[data-v-43508967]{font-size:28px;line-height:38px}.get-sdk[data-v-43508967]{font-size:18px;margin-bottom:14px;line-height:26px;cursor:pointer;position:relative}.get-sdk .get-icon[data-v-43508967]{margin-left:8px;width:24px;height:10px;background-size:100%;opacity:0;transform:translateX(-24px);transition:transform .3s ease,opacity .3s ease}.get-sdk:hover .get-icon[data-v-43508967]{transform:translateX(0);opacity:1}.line[data-v-43508967]{width:36px;height:4px;background:#0071ff;border-radius:2px;margin-top:30px;margin-bottom:25px}.input-tip[data-v-43508967]{font-size:14px;line-height:21px;margin-bottom:20px}.email-con[data-v-43508967]{height:52px;border-radius:26px;padding:0 4px 0 26px}.email-con>div[data-v-43508967]{flex-grow:1;flex-shrink:1;flex-basis:0;margin-right:30px}.email-con input[data-v-43508967]{font-size:16px;line-height:25px;width:100%}.email-con input[data-v-43508967]::placeholder{font-size:14px;color:#bec1c9}.email-con .book[data-v-43508967]{font-size:14px;line-height:18px;border-radius:20px;padding:12px 22px;white-space:nowrap}.email-con.inputting[data-v-43508967]{border:1px solid #9ea0a5}.email-con.error[data-v-43508967]{border:1px solid #ff6a56}.email-con .input-error[data-v-43508967]{display:none}.input-error[data-v-43508967]{margin-top:3px;font-size:16px;line-height:25px}.desc[data-v-43508967]{font-size:14px;line-height:20px;margin-top:14px}}@media screen and (max-width:900px){.container[data-v-43508967]{padding:vw(78px) vw(40px);box-sizing:border-box}.left[data-v-43508967]{width:100%}.code-main[data-v-43508967]{height:vw(416px);border-radius:vw(24px);position:relative;margin-top:vw(64px);padding:vw(32px) vw(30px);box-shadow:0 vw(2px) vw(2px) vw(14px) rgba(0,0,0,.2)}.code-main .platform-nav-con[data-v-43508967]{overflow:hidden;height:vw(42px);margin-bottom:vw(30px)}.code-main .platform-nav[data-v-43508967]{overflow-x:auto;overflow-y:hidden;position:relative;padding-bottom:vw(30px);scroll-behavior:smooth}.code-main .platform-item[data-v-43508967]{padding:vw(14px) vw(20px) vw(10px) vw(20px);font-size:vw(24px);border-radius:vw(22px);line-height:vw(18px)}.code-main .platform-item[data-v-43508967]:not(:last-of-type){margin-right:vw(16px)}.code-main .code-con[data-v-43508967]{overflow:hidden}.code-main .code[data-v-43508967]{overflow-x:hidden;overflow-y:auto;position:relative;height:vw(340px);padding-right:vw(30px);margin-right:vw(-20px)}.code-main .code-item .code-line[data-v-43508967]{white-space:break-spaces;word-break:break-word;display:block;font-size:vw(20px);line-height:vw(30px);margin-bottom:vw(12px);padding-left:vw(30px);position:relative}.code-main .code-item[data-v-43508967] .index{position:absolute;top:vw(4px);left:0;font-size:vw(20px);line-height:vw(28px);color:hsla(0,0%,100%,.8)}.code-main .code-item[data-v-43508967]:last-of-type{margin-bottom:0}.code-main[data-v-43508967] .index{margin-right:vw(35px)}.small-title[data-v-43508967]{margin-top:vw(110px);font-size:vw(24px);line-height:vw(18px)}.title[data-v-43508967]{width:vw(624px);font-size:vw(56px);line-height:vw(68px);padding:0;letter-spacing:vw(2px);margin-bottom:vw(36px)}.desc[data-v-43508967]{font-size:vw(28px);line-height:vw(44px);color:#0f1623;margin-top:vw(20px)}.get-sdk[data-v-43508967]{font-size:vw(36px);margin-bottom:vw(44px)}.line[data-v-43508967]{width:vw(72px);height:vw(8px);background:#0071ff;border-radius:vw(4px);margin-top:vw(56px);margin-bottom:vw(50px)}.input-tip[data-v-43508967]{font-size:vw(28px);line-height:vw(44px);margin-bottom:vw(40px)}.email-con[data-v-43508967]{border:0;box-sizing:border-box;flex-direction:column;flex-wrap:wrap}.email-con>div[data-v-43508967]{flex:1}.email-con>.input-error[data-v-43508967]{display:block;text-align:left;width:100%;font-size:vw(28px)}.email-con input[data-v-43508967]{font-size:vw(28px);line-height:vw(44px);width:vw(670px);box-sizing:border-box;padding:vw(24px) vw(48px) vw(28px);background:#f5f5f5;border-radius:vw(48px)}.email-con input[data-v-43508967]:active,.email-con input[data-v-43508967]:focus,.email-con input[data-v-43508967]:hover,.email-con input[data-v-43508967]:visited{border:none;outline:none;background:#f5f5f5}.email-con.inputting input[data-v-43508967]{background:#f5f5f5;border:1px solid #9ea0a5}.email-con.error input[data-v-43508967]{border:1px solid #ff6a56}.email-con .book[data-v-43508967]{font-size:vw(28px);padding:vw(28px) 0 vw(24px);width:100%;border-radius:vw(54px);white-space:nowrap;margin-top:vw(32px);line-height:vw(42px)}.input-error[data-v-43508967]{display:none}}.shadown-box[data-v-be26766c]{position:relative;margin-left:70px;margin-top:135px}.shadown-box .video-mode[data-v-be26766c]{position:absolute;left:0;top:0;width:230px;height:497px;background:rgba(0,0,0,.4);box-shadow:2px 4px 14px 0 rgba(0,85,255,.1);border-radius:26px}.shadown-box .video-mode img[data-v-be26766c]{position:absolute;width:42px;height:42px;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;z-index:99}.shadown-box .video-mode img.img-replay[data-v-be26766c]{width:28px;height:28px}.shadown-box .video-class[data-v-be26766c]{width:230px;height:497px;border-radius:26px;box-shadow:2px 4px 14px 0 rgba(0,85,255,.1)}.experience .experience-container[data-v-be26766c]{display:flex;flex-direction:row;background:#fff}.experience .experience-container .fiexd-box[data-v-be26766c]{width:360px;height:100vh;z-index:999}.experience .experience-container .fiexd-box .process-step[data-v-be26766c]{position:fixed;left:0;top:0}.experience .experience-container .content-container[data-v-be26766c]{flex:1;display:flex;padding-top:110px;padding-bottom:120px;flex-direction:column;align-items:center;height:100%;overflow-y:scroll}.experience .experience-container .content-container .top[data-v-be26766c]{display:flex;flex-direction:row;width:860px}.experience .experience-container .content-container .code-bar[data-v-be26766c]{display:flex;flex-direction:column}.experience .experience-container .content-container .title[data-v-be26766c]{position:relative;font-size:36px;font-family:Poppins-SemiBold,Poppins;font-weight:600;color:#18181b;line-height:30px;margin-bottom:82px;align-items:flex-start}.experience .experience-container .content-container .title[data-v-be26766c]:after{left:0;bottom:-45px;content:"";position:absolute;width:48px;height:6px;background:#0071ff;border-radius:3px}.experience .experience-container .content-container .desc[data-v-be26766c]{font-size:24px;font-family:Poppins-Medium,Poppins;font-weight:500;color:#191d2f;line-height:36px;margin-bottom:31px}.experience .experience-container .content-container .control-container[data-v-be26766c]{width:860px;margin-top:86px;display:flex;align-items:center}.experience .experience-container .content-container .control-container.inAppChat-2[data-v-be26766c]{margin-top:50px}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button{width:200px;height:48px;background:#0071ff;border-radius:26px;border:1px solid #eaecf2}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button:hover{background:#0036ff}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button span{font-size:16px;font-family:Poppins-Medium,Poppins;font-weight:500;color:#fff}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button.is-disabled{background:rgba(234,236,242,.3);border:none}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button.is-disabled:hover{border:none}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button.is-disabled:hover span{color:#394256}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button.back-btn{width:50px;height:48px;border-radius:26px;background:#fff;border:none;margin-left:20px}.experience .experience-container .content-container .control-container[data-v-be26766c] .el-button.back-btn span{color:#0071ff}