@charset "UTF-8";h1{font-family:Poppins Bold;font-size:38px;line-height:56px;text-align:center}h1 span{color:var(--base-color-primary)}h2{font-family:Poppins SemiBold;font-size:26px;line-height:32px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.mb-40{margin-bottom:40px}.h2-center{text-align:center;margin-bottom:30px;margin-top:40px;position:relative}.h2-center i{position:absolute;top:-78px}.start-h2{margin-top:0}h3{font-family:Poppins Bold;font-size:22px;line-height:37px;margin:56px 0 14px}h4{font-family:Poppins Bold;font-size:18px;line-height:29px;margin:46px 0 23px}ul li{margin-bottom:10px}.right-content p{line-height:24px;margin-bottom:16px}.right-content p a{color:var(--base-color-primary)}.right-content .bg-blue{line-height:40px;font-family:Poppins SemiBold;border-left:6px solid var(--base-color-primary);background:#e4f2ff;border-radius:4px;padding-left:20px;margin:16px 0}.semibold-txt{font-family:Poppins SemiBold}.youtube-video{text-align:center;position:relative;margin-bottom:18px}.youtube-video .play-button{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:no-repeat center center;cursor:pointer;background-size:70px;background-image:url(https://images.clevguard.com/en/images/public/video.svg)}@media (max-width:768px){h1{font-size:26px;line-height:40px}h2{font-size:20px;line-height:32px;text-align:center}h3{font-size:18px;line-height:29px;margin:24px 0 8px}h4{font-size:16px;line-height:24px}.youtube-video iframe{width:100%;height:calc((100vw - 40px) * .5625)}}.banner{padding:66px 0 65px;background:#e4f2ff}.banner .page-desc{font-size:18px;line-height:25px;margin-top:16px;text-align:center}.banner .base-btn{margin:32px auto 0}.banner .btn-group{display:flex;justify-content:center}.banner .btn-group .base-btn{margin:20px 10px 0}@media (max-width:768px){.banner{padding:40px 0 41px}.banner .page-desc{font-size:16px;line-height:23px}.banner .base-btn{margin:24px auto 0;width:200px;height:50px}.banner .btn-group .base-btn{margin:24px 5px 0}}.page-content{margin-top:64px;position:relative}.page-content .base-maxwidth{display:flex;justify-content:flex-end}.fixed{position:fixed;top:100px}.left-nav-warp{position:static;width:300px;height:auto}.touch-bottom{position:absolute;bottom:100px}.page-content .left-nav{width:300px;border-radius:10px;box-shadow:0 6px 24px 0 rgba(22,25,45,.1);overflow:hidden;z-index:1}.page-content .left-nav.curr{position:fixed;top:98px;height:auto}.page-content .nav-title{padding:16px 20px;display:flex;align-items:center;position:relative;background:url(https://images.clevguard.com/en/assets/guide/step_bj_guide_az.svg);font-size:20px;line-height:28px;color:#fff;font-family:Poppins Medium}.page-content .nav-list-icon{margin-right:8px}.page-content .nav-arrow-btn{display:none;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.page-content .nav-list{background:#fff;padding:26px 20px 32px}.page-content .nav-list li{padding-left:32px;line-height:26px;margin-bottom:26px;position:relative;font-family:Poppins Medium;cursor:pointer}.page-content .nav-list li.curr a,.page-content .nav-list li:hover a{color:var(--base-color-primary);text-decoration:none}.page-content .nav-list li:before{content:'';position:absolute;width:20px;height:20px;background:url(https://images.clevguard.com/en/assets/guide/step_unselected_guide_az.svg);left:0;top:3px;z-index:2}.page-content .nav-list li.curr:before{background:url(https://images.clevguard.com/en/assets/guide/step_check_guide_az.svg)}.page-content .nav-list li:after{content:'';position:absolute;width:0;height:calc(100% + 26px);border-right:1px dashed #ddd;left:9.5px;top:13px;z-index:1}.page-content .nav-list li:last-child:after{display:none}.page-content .nav-tabs .nav-list{display:none}.page-content .nav-tabs .nav-list.curr{display:block}.page-content .right-content{width:calc(100% - 364px);max-width:836px;margin-left:64px}.page-content .system-tabs-box{display:flex;margin-bottom:30px;border-bottom:1px solid #F4F4F4}.page-content .system-tabs{--tab-index:0;--tab-width:160px;display:flex;position:relative;height:50px}.page-content .system-tabs::after{position:absolute;z-index:0;content:'';bottom:-2px;left:calc(var(--tab-index) * var(--tab-width));width:var(--tab-width);height:calc(100% + 2px);border-bottom:3px solid var(--base-color-primary);background:linear-gradient(180deg,rgba(0,189,227,0) 0%,rgba(0,189,227,.1) 100%);transition:left 0.3s}.page-content .system-tab-item{width:var(--tab-width);position:relative;z-index:1;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer;transition:color 0.3s}.page-content .system-tab-item.active{color:var(--base-color-primary)}.page-content .guide-tab-pane{display:none}.page-content .guide-tab-pane.active{display:block}.page-content .content-nav{margin-top:32px;padding:31px 0 40px;border-top:1px solid #dfe7ea;border-bottom:1px solid #dfe7ea}.page-content .content-nav-list{line-height:26px}.page-content .content-nav-list li{margin-bottom:8px}.page-content .content-nav-list li a{color:var(--base-color-primary)}.page-content .content-nav-tips{margin-top:16px;font-family:Poppins SemiBold;line-height:26px}.page-content .step{padding-left:15px;position:relative}.page-content .step:before{content:'';position:absolute;width:5px;height:22px;top:7px;left:0;border-radius:2.5px;background:var(--base-color-primary)}.page-content .step i{position:absolute;top:-78px}.page-content .btn-box{margin-top:40px;display:flex;justify-content:center}.page-content .base-btn{margin-left:40px}.page-content .base-btn:first-child{margin-left:0}.page-content .img-box{margin-top:32px;margin-bottom:40px;display:flex;justify-content:space-around;align-items:center}.page-content .img-box.three img{max-width:30%}.page-content .img-box.five img{max-width:20%}.page-content .note{padding:24px 32px;border-radius:8px;background:#fff7ef;border:1px solid var(--base-color-yellow);margin:24px 0}.page-content .note-title{font-family:Poppins SemiBold;color:var(--base-color-yellow);line-height:26px;margin-bottom:0;display:flex;align-items:center}.page-content .note-title svg{margin-right:6px}.page-content .note-content{line-height:23px;margin-top:8px;margin-bottom:0}.page-content .tips{font-family:Poppins Medium;font-size:22px;line-height:37px;color:var(--base-color-yellow);display:flex;align-items:center;margin:8px 0}.page-content .tips svg{margin-right:8px}.page-content .video-play{padding-left:38px;position:relative}.page-content .video-play:before{content:'';position:absolute;width:28px;height:28px;top:4px;left:0;background:url(https://images.clevguard.com/en/assets/guide/video_guide_az.svg)}.page-content .video{margin-top:32px}.page-content .video iframe{width:100%}.page-content .list-type{margin-top:40px}.page-content .list-type li{padding-left:24px;margin-bottom:16px;position:relative}.page-content .list-type li a{color:var(--base-color-primary)}.page-content .list-type li:before{content:'';position:absolute;width:16px;height:16px;top:5px;left:0;background:url(https://images.clevguard.com/en/assets/guide/dashboard_icon_guide_az.svg)}.page-content .list-type-img{margin-top:40px}.page-content .list-type-img li{margin-bottom:16px;display:flex;align-items:flex-start}.page-content .list-type-img li img{margin-right:8px}.page-content .helpful-box{display:flex;align-items:center;background:url(https://images.clevguard.com/en/assets/guide/helpful_bg.svg);border-radius:16px;overflow:hidden;margin-top:64px;margin-bottom:100px}.page-content .helpful-box img{margin-top:19px}.page-content .helpful-box .btn-box{margin-left:58px;margin-top:0}.page-content .helpful-box .btn-box .btn{display:flex;justify-content:center;align-items:center;width:158px;height:50px;border-radius:6px;font-family:Poppins SemiBold;font-size:20px;margin-left:23px;transition:all .5s ease;cursor:pointer;margin-bottom:0}.page-content .helpful-box .btn-box>p:first-child{margin-left:0}.page-content .helpful-box .btn-yes{background:var(--base-color-primary);color:#fff}.page-content .helpful-box .btn-yes:hover{color:#fff;background:var(--base-color-primary-hover);text-decoration:none}.page-content .helpful-box .btn-no{border:2px solid var(--base-color-primary);color:var(--base-color-primary)}.page-content .helpful-box .btn-no:hover{color:#fff;background:var(--base-color-primary);text-decoration:none}.page-content .helpful-box .helpful-dialog{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.2);z-index:103;display:none}.page-content .helpful-box .dialog-content{position:absolute;width:calc(100% - 40px);max-width:500px;height:240px;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.3);border-radius:4px;border:1px solid #e6e6e6;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px 20px 35px 20px}.page-content .helpful-box .dialog-content img{margin:0}.page-content .helpful-box .close-dialog{position:absolute;right:20px;top:20px;cursor:pointer}.page-content .helpful-box .icon{display:none}.page-content .helpful-box .dialog-tips{display:none;line-height:24px}.page-content .helpful-box .dialog-btn{display:flex;justify-content:center;align-items:center;width:140px;height:40px;border-radius:20px;background:var(--base-color-primary);color:#fff;margin:0;cursor:pointer}.page-content .helpful-box .helpful-dialog.success,.page-content .helpful-box .helpful-dialog.error{display:block}.page-content .helpful-box .helpful-dialog.success .icon.success-icon,.page-content .helpful-box .helpful-dialog.success .dialog-tips.success{display:block}.page-content .helpful-box .helpful-dialog.error .icon.error-icon,.page-content .helpful-box .helpful-dialog.error .dialog-tips.error{display:block}.guide-btn-group{display:flex;justify-content:center}.part-title{text-align:center;line-height:60px;background:#e4f2ff;margin-bottom:30px;border-radius:5px;position:relative}.part-title i{top:-80px;position:absolute}.guide-btn-group{display:flex;justify-content:center}.content-btn-group{margin-bottom:20px}.guide-btn-group a,.guide-btn-group .base-btn{margin:0}.guide-btn-group a:nth-child(1){margin-right:20px}.banner-btn-group{margin-top:20px}.anchor-target{scroll-margin-top:60px}@media (max-width:1024px){.page-content .left-nav{width:260px;height:auto;position:fixed;top:140px;left:-220px;border-radius:20px;background:#fff;z-index:5;transition:all .5s ease}.page-content .left-nav.show{left:0;border-radius:0 10px 10px 0}.page-content .nav-title{padding:6px 20px;font-size:18px;line-height:28px;background:rgba(0,189,227,.8);transition:all .5s ease}.page-content .left-nav.show .nav-title{padding:13px 20px;background:var(--base-color-primary)}.page-content .nav-list-icon{width:22px;margin-right:8px}.page-content .nav-arrow-btn{display:block;transition:all .5s ease}.page-content .nav-arrow-btn.opened{transform:rotateY(180deg) translateY(-50%)}.page-content .nav-list{display:none;padding:24px 24px 24px 20px;max-height:calc(100vh - 280px);overflow-y:scroll}.page-content .left-nav.show .nav-list{display:block}.page-content .nav-tabs,.page-content .left-nav .nav-tabs .nav-list{display:none}.page-content .left-nav.show .nav-tabs,.page-content .left-nav .nav-tabs .nav-list.curr{display:block}.page-content .nav-list li{padding-left:28px;margin-bottom:18px}.page-content .nav-list li:after{height:calc(100% + 18px)}.page-content .right-content{width:100%;max-width:none;margin-left:0}}@media (max-width:768px){.page-content{margin-top:24px}.left-nav-warp{width:0}.page-content .content-nav{margin-top:24px;padding:24px 0}.page-content .content-nav-list li{margin-bottom:16px}.page-content .system-tabs-box{justify-content:center}.page-content .system-tabs{--tab-width:130px;height:40px}.page-content .system-tab-item{font-size:20px}.page-content .step:before{top:3px}.page-content .btn-box{margin-top:24px}.page-content .base-btn{margin-left:15px}.page-content .img-box{margin-top:16px}.page-content .note{padding:16px}.page-content .video{margin-top:16px}.page-content .list-type{margin-top:16px}.page-content .list-type-img{margin-top:16px}.page-content .helpful-box{flex-direction:column;background:#a4f0ff;margin:40px 0 54px}.page-content .helpful-box img{margin-top:21px}.page-content .helpful-box .btn-box{margin:24px 0}}@media (max-width:540px){.page-content .btn-box{flex-direction:column;align-items:center}.page-content .base-btn{margin-left:0;margin-top:12px}.page-content .base-btn:first-child{margin-top:0}.page-content .helpful-box .btn-box{flex-direction:row}}@media (max-width:390px){.page-content .helpful-box .btn-box .btn{width:140px;height:46px}}