.video-modal-wrap[data-v-45340034]{align-items:flex-end;background:rgba(0,0,0,.9);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.video-modal-wrap .close[data-v-45340034]{background:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:25px;font-weight:700;height:40px;line-height:40px;margin:10px;outline:none;padding:0;position:absolute;right:0;text-shadow:0 0 5px rgba(0,0,0,.33);top:0;width:40px;z-index:999}@media screen and (max-width:567px){.video-modal-wrap .close[data-v-45340034]{font-size:25px}}.video-modal-wrap .close[data-v-45340034]:hover{background:#e60033}.video-modal-wrap .video-modal[data-v-45340034]{box-shadow:0 2px 5px rgba(0,0,0,.5);color:#b4b4b4;height:calc(100% - 60px);margin:0 auto;width:100%}.video-modal-wrap .video-modal .video-player-box[data-v-45340034]{height:100%;width:100%}.video-modal-wrap .video-modal .video-player-box[data-v-45340034] .video-js{height:100%;width:100%}
.hidden[data-v-0865c34c]{display:none;visibility:hidden}
.detail-rich-text{color:#666;font-size:16px;font-weight:400;line-height:1.75}.detail-rich-text h2,.detail-rich-text h3,.detail-rich-text h4{color:#000;font-weight:600;margin:20px 0}.detail-rich-text h2{font-size:26px}.detail-rich-text h3{font-size:22px}.detail-rich-text h4{font-size:18px}@media screen and (max-width:567px){.detail-rich-text{font-size:14px}.detail-rich-text h2{font-size:20px}.detail-rich-text h3{font-size:18px}.detail-rich-text h4{font-size:16px}}.detail-rich-text p{margin:20px 0}.detail-rich-text a{color:#e60036;-webkit-text-decoration:underline;text-decoration:underline}.detail-rich-text img{max-width:100%}.detail-rich-text ol,.detail-rich-text ul{padding-left:20px}.detail-rich-text ol li,.detail-rich-text ul li{margin:10px 0}.detail-rich-text .ob-tip-center{font-size:14px;margin-top:-5px;text-align:center}.detail-rich-text .ob-subtitle{color:#000;font-size:20px;margin:20px 0}.detail-rich-text .ob-toc{background:#faf9fa;border-radius:10px;margin:20px 0;padding:30px}@media screen and (max-width:567px){.detail-rich-text .ob-toc{padding:24px}}.detail-rich-text .ob-toc .ob-toc-title{color:#000;font-size:18px;font-weight:500}.detail-rich-text .ob-toc ol,.detail-rich-text .ob-toc ul{color:#000;margin:10px 0;padding-left:20px}.detail-rich-text .ob-toc ol li+li,.detail-rich-text .ob-toc ul li+li{margin-top:5px}.detail-rich-text .ob-toc ol li a,.detail-rich-text .ob-toc ul li a{color:inherit;-webkit-text-decoration:underline;text-decoration:underline}.detail-rich-text .ob-button{border:1px solid;border-radius:50px;color:#000;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:9px 17px;text-align:center;-webkit-text-decoration:none;text-decoration:none}.detail-rich-text .ob-button+.ob-button{margin-left:18px}.detail-rich-text .ob-button._red{background:#e60033;border-color:#e60033;color:#fff}@media screen and (max-width:567px){.detail-rich-text .ob-button{font-size:14px;padding:9px 34px}.detail-rich-text .ob-button+.ob-button{margin-left:15px}}.detail-rich-text .auto-flex{display:flex;flex-wrap:wrap;gap:18px}@media screen and (max-width:567px){.detail-rich-text .auto-flex{gap:8px}}.detail-rich-text .auto-flex .ob-button+.ob-button{margin-left:0}.detail-rich-text iframe{max-width:100%!important}@media screen and (max-width:567px){.detail-rich-text iframe{height:260px}.detail-rich-text table{width:100%!important}}.detail-rich-text .ob-icon{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:contain;display:flex;flex-shrink:0;height:18px;justify-content:center;margin-right:5px;margin-top:3px;width:18px}.detail-rich-text .ob-icon._circle{border:1px solid #000;border-radius:50%;font-size:10px;font-weight:600}.detail-rich-text .ob-icon._circle-fill{background:#000;border-radius:50%;color:#fff;font-size:10px;font-weight:600}.detail-rich-text .ob-icon._correct{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_correct_1.svg)}.detail-rich-text .ob-icon._correct-fill{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_correct_2.svg)}.detail-rich-text .ob-icon._wrong{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_wrong_1.svg)}.detail-rich-text .ob-icon._wrong-fill{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_wrong_2.svg)}.detail-rich-text .ob-tips{background-color:#fef7f5;border-radius:10px;color:#000;padding:35px 30px}@media screen and (max-width:567px){.detail-rich-text .ob-tips{padding:18px 16px}}.detail-rich-text .ob-tips.tips-red{background-color:#fef0f2}.detail-rich-text .ob-tips.tips-red .tips-header:before{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_alert.svg)}.detail-rich-text .ob-tips.tips-red .tips-header .tips-title{color:#e60036}.detail-rich-text .ob-tips .tips-header{align-items:center;display:flex;margin-bottom:15px}.detail-rich-text .ob-tips .tips-header:before{background-image:url(https://resource-cdn.obsbothk.com/img/icons/icon_tip.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:18px;margin-right:5px;width:18px}.detail-rich-text .ob-tips .tips-header .tips-title{font-size:18px;font-weight:600}.detail-rich-text .ob-code,.detail-rich-text code{background:#e8e8e8;border-radius:4px;color:#000;display:inline;font-family:Consolas,monospace;font-weight:400;padding:0 5px}.detail-rich-text .ob-tab-list{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;position:relative}.detail-rich-text .ob-tab-list:before{background-color:#f8f8f8;border-radius:2px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.detail-rich-text .ob-tab-list .tab-item{align-items:center;border-bottom:2px solid transparent;border-radius:2px;color:#999;cursor:pointer;display:flex;font-size:14px;font-weight:600;line-height:1.5;padding:4px 8px;position:relative;z-index:1}.detail-rich-text .ob-tab-list .tab-item.active{border-color:#e60033;color:#000}.detail-rich-text .col-span-1{grid-column:span 1/span 1}.detail-rich-text .col-span-2{grid-column:span 2/span 2}.detail-rich-text .col-span-3{grid-column:span 3/span 3}.detail-rich-text .col-span-5{grid-column:span 5/span 5}.detail-rich-text .grid{display:grid}.detail-rich-text .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.detail-rich-text .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-rich-text .grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-rich-text .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-rich-text .grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-rich-text .grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.detail-rich-text .grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.detail-rich-text .gap-1{grid-gap:.25rem;gap:.25rem}.detail-rich-text .gap-2{grid-gap:.5rem;gap:.5rem}.detail-rich-text .gap-3{grid-gap:.75rem;gap:.75rem}.detail-rich-text .gap-4{grid-gap:1rem;gap:1rem}.detail-rich-text .gap-5{grid-gap:1.25rem;gap:1.25rem}.detail-rich-text .gap-8{grid-gap:2rem;gap:2rem}.detail-rich-text .gap-10{grid-gap:2.5rem;gap:2.5rem}.detail-rich-text .gap-12{grid-gap:3rem;gap:3rem}.detail-rich-text .gap-x-2{grid-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem}.detail-rich-text .gap-x-4{grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.detail-rich-text .gap-x-8{grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.detail-rich-text .gap-y-1{grid-row-gap:.25rem;row-gap:.25rem}.detail-rich-text .gap-y-2{grid-row-gap:.5rem;row-gap:.5rem}.detail-rich-text .gap-y-4{grid-row-gap:1rem;row-gap:1rem}.detail-rich-text .gap-y-8{grid-row-gap:2rem;row-gap:2rem}.detail-rich-text .gap-y-12{grid-row-gap:3rem;row-gap:3rem}@media (min-width:640px){.detail-rich-text .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-rich-text .sm\:gap-6{grid-gap:1.5rem;gap:1.5rem}.detail-rich-text .sm\:p-8{padding:2rem}.detail-rich-text .sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.detail-rich-text .sm\:py-8{padding-bottom:2rem;padding-top:2rem}.detail-rich-text .sm\:pr-24{padding-right:6rem}.detail-rich-text .sm\:pl-0{padding-left:0}.detail-rich-text .sm\:text-base{font-size:1rem;line-height:1.5rem}.detail-rich-text .sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.detail-rich-text .sm\:text-2xl{font-size:1.5rem;line-height:2rem}}@media (min-width:768px){.detail-rich-text .md\:grid{display:grid}.detail-rich-text .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-rich-text .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-rich-text .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-rich-text .md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.detail-rich-text .md\:gap-4{grid-gap:1rem;gap:1rem}.detail-rich-text .md\:gap-5{grid-gap:1.25rem;gap:1.25rem}.detail-rich-text .md\:gap-8{grid-gap:2rem;gap:2rem}.detail-rich-text .md\:gap-10{grid-gap:2.5rem;gap:2.5rem}.detail-rich-text .md\:gap-x-6{grid-column-gap:1.5rem;-moz-column-gap:1.5rem;column-gap:1.5rem}.detail-rich-text .md\:gap-x-7{grid-column-gap:1.75rem;-moz-column-gap:1.75rem;column-gap:1.75rem}.detail-rich-text .md\:gap-y-0{grid-row-gap:0;row-gap:0}.detail-rich-text .md\:gap-y-7{grid-row-gap:1.75rem;row-gap:1.75rem}}@media (min-width:1024px){.detail-rich-text .lg\:col-span-2{grid-column:span 2/span 2}.detail-rich-text .lg\:col-span-3{grid-column:span 3/span 3}.detail-rich-text .lg\:grid{display:grid}.detail-rich-text .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-rich-text .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.detail-rich-text .lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}}
.page-tutorial-wrap{background-color:#fff;color:#000;line-height:1.2;padding-bottom:10px;padding-top:160px}@media screen and (max-width:567px){.page-tutorial-wrap{padding-top:91px}}.page-tutorial-wrap .tutorial-content a{color:#e60033;display:inline-block}.page-tutorial-wrap .tutorial-content a:hover{-webkit-text-decoration:underline;text-decoration:underline}.page-tutorial-wrap .tutorial-content .sup-btn{color:#fff}.page-tutorial-wrap .tutorial-content .sup-btn:hover{color:#e60033;-webkit-text-decoration:none;text-decoration:none}.page-tutorial-wrap .tutorial-content b{color:#333}.page-tutorial-wrap>.w1200{max-width:1000px}@media screen and (max-width:1024px){.page-tutorial-wrap>.w1200{padding:10px}}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200{padding:20px}}.page-tutorial-wrap>.w1200 .manual-intro>h1{color:#e60033;font-size:40px;font-weight:700;line-height:1.2;margin-bottom:60px}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200 .manual-intro>h1{font-size:28px;margin-bottom:22px}}.page-tutorial-wrap>.w1200 .intro-item>p{color:#333;font-size:20px;font-weight:700;line-height:1.5;margin-bottom:20px}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200 .intro-item>p{font-size:18px;margin-bottom:10px}}.page-tutorial-wrap>.w1200 .intro-item ol,.page-tutorial-wrap>.w1200 .intro-item ul{margin-bottom:40px;padding-left:0;padding-right:0}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200 .intro-item ol,.page-tutorial-wrap>.w1200 .intro-item ul{margin-bottom:22px}}.page-tutorial-wrap>.w1200 .intro-item ol>li,.page-tutorial-wrap>.w1200 .intro-item ul>li{color:#666;line-height:1.5;list-style:inherit;list-style-position:outside;margin-bottom:5px}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200 .intro-item ol>li,.page-tutorial-wrap>.w1200 .intro-item ul>li{font-size:14px}}.page-tutorial-wrap>.w1200 .intro-item ul{list-style-type:none}.page-tutorial-wrap>.w1200 .intro-item ol{list-style-type:decimal;padding-left:20px;padding-right:20px}.page-tutorial-wrap>.w1200 ul.tutorial-chooser{display:flex;gap:60px;margin-top:50px;padding:0}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200 ul.tutorial-chooser{gap:16px;justify-content:flex-start;margin-left:-20px;margin-right:-20px;overflow-x:auto;padding:0 20px}}.page-tutorial-wrap>.w1200 ul.tutorial-chooser li{color:#999;cursor:pointer;display:inline-block;font-weight:500;line-height:50px;position:relative}@media screen and (max-width:567px){.page-tutorial-wrap>.w1200 ul.tutorial-chooser li{flex-shrink:0;line-height:1.2;padding:10px 0;text-align:center}}.page-tutorial-wrap>.w1200 ul.tutorial-chooser li:after{background:transparent;bottom:0;content:" ";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s;width:0}.page-tutorial-wrap>.w1200 ul.tutorial-chooser li.active{color:#e60033;font-weight:700}.page-tutorial-wrap>.w1200 ul.tutorial-chooser li.active:after{background:#e60033;width:90%}.page-tutorial-wrap ul.steps-wrap{line-height:1.4;margin-top:60px;padding:0}.page-tutorial-wrap ul.steps-wrap>li{list-style:none;margin-bottom:30px}.page-tutorial-wrap ul.steps-wrap>li .step-number{background:#000;border-radius:50%;color:#fff;height:40px;line-height:40px;margin-bottom:17px;text-align:center;width:40px}@media screen and (max-width:567px){.page-tutorial-wrap ul.steps-wrap>li .step-number{font-size:20px;height:30px;line-height:30px;width:30px}}.page-tutorial-wrap ul.steps-wrap>li .step-content>h2{font-size:20px;font-weight:700;margin-bottom:20px;margin-top:20px}@media screen and (max-width:567px){.page-tutorial-wrap ul.steps-wrap>li .step-content>h2{font-size:16px}}.page-tutorial-wrap ul.steps-wrap>li .step-content .step-image-group{margin-bottom:60px}.page-tutorial-wrap ul.steps-wrap>li .step-content .step-image-group>img{max-width:100%}.page-tutorial-wrap ul.steps-wrap>li .step-content .step-image-group>img+img{margin-top:10px}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul{list-style-type:lower-alpha;margin-top:20px;padding-left:20px;padding-right:20px}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul.no-list-style{list-style:none;padding-left:0}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul.no-list-style h3{font-size:17px}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul.no-list-style>li{padding-left:0}@media screen and (max-width:567px){.page-tutorial-wrap ul.steps-wrap>li .step-content>ul{margin-top:10px}}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li{color:#666;line-height:1.68;list-style:inherit;list-style-position:outside;margin-bottom:10px;padding-left:10px}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li .li-title{color:#000;font-size:16px;font-weight:600;margin-bottom:8px;margin-top:30px}@media screen and (max-width:567px){.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li{font-size:14px}}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li .image-list img{display:block}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li img{display:inline-block;margin:10px 0;max-width:820px}@media screen and (max-width:1024px){.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li img{max-width:100%!important}}.page-tutorial-wrap ul.steps-wrap>li .step-content>ul>li>span{color:#999;display:inline-block;font-size:12px;margin-bottom:20px}