.tabs[data-v-1d8ef54a]{font-size:0;height:54px;padding:2px;text-align:center}.tabs span[data-v-1d8ef54a]{display:inline-block;vertical-align:top;box-sizing:border-box;width:168px;height:50px;line-height:50px;text-align:center;border-top:1px solid #d7d7e3;border-bottom:1px solid #d7d7e3;background-color:#fff;z-index:10;font-size:16px;color:#333;cursor:pointer}.tabs span.active[data-v-1d8ef54a]{z-index:20;border-color:#c1292e!important;background-color:#eff0f2}.tabs span[data-v-1d8ef54a]:hover{background-color:#eff0f2}.tabs .tab[data-v-1d8ef54a]{display:inline-block;vertical-align:top;height:50px}.tabs .tab:first-child span[data-v-1d8ef54a]{border-left:1px solid #d7d7e3;border-top-left-radius:3px;border-bottom-left-radius:3px}.tabs .tab:last-child span[data-v-1d8ef54a]{border-right:1px solid #d7d7e3;border-top-right-radius:3px;border-bottom-right-radius:3px}.tabs .divide[data-v-1d8ef54a]{display:inline-block;width:1px;height:50px;line-height:50px;background-color:#d7d7e3}.tabs .divide.active[data-v-1d8ef54a]{background-color:#c1292e}.document-box-content[data-v-5b8a9a67]{width:1200px;margin:0 auto}.main-title[data-v-5b8a9a67]{font-weight:500;font-size:40px;padding:0 0 40px;text-align:center}.en-document .main-title[data-v-5b8a9a67]{padding:0 0 68px}.list[data-v-5b8a9a67]{display:flex;align-items:stretch;justify-content:center}.list .item[data-v-5b8a9a67]{width:368px;color:#fff;box-shadow:0 4px 23px rgba(161,171,190,.25);border-radius:4px;overflow:hidden}.list .item+.item[data-v-5b8a9a67]{margin-left:48px}.list .item .item-header[data-v-5b8a9a67]{padding:22px;text-align:center}.list .item .item-header .icon[data-v-5b8a9a67]{display:inline-block;width:50px;height:50px}.list .item .item-header .title[data-v-5b8a9a67]{font-weight:500;font-size:24px}.list .item .item-header[data-v-5b8a9a67]{background:#2a6bf2}.list .item .item-header .icon[data-v-5b8a9a67]{background:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/nrtc/doc-1.png) 50% no-repeat;background-size:cover}.list .item:nth-child(2n) .item-header[data-v-5b8a9a67]{background:#16a6f7}.list .item:nth-child(2n) .item-header .icon[data-v-5b8a9a67]{background:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/nrtc/doc-2.png) 50% no-repeat;background-size:cover}.list .item:nth-child(3n) .item-header[data-v-5b8a9a67]{background:#5dd890}.list .item:nth-child(3n) .item-header .icon[data-v-5b8a9a67]{background:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/nrtc/doc-3.png) 50% no-repeat;background-size:cover}.list .item .links[data-v-5b8a9a67]{text-align:center;padding:40px 20px}.list .item .links a[data-v-5b8a9a67]{display:block;font-size:16px;line-height:25px}.list .item .links a[data-v-5b8a9a67]:not(:first-child){margin-top:16px}.list .item .links a[data-v-5b8a9a67]:hover{color:#2a6bf2}.width-1200[data-v-ce6d98ec]{width:1200px;margin:0 auto}.u-title[data-v-ce6d98ec]{font-size:36px;padding:40px 0 50px;text-align:center}.page[data-v-ce6d98ec]{overflow:hidden;padding-top:40px;padding-bottom:40px}.page-intro .intro-wrapper[data-v-ce6d98ec]{margin:40px 85px 30px;display:flex;justify-content:space-between}.page-intro .intro-box[data-v-ce6d98ec]{display:flex;flex:0 0 472px;border:1px solid #ccc;padding:0 60px 0 56px;box-sizing:border-box}.page-intro .intro-box-desc[data-v-ce6d98ec]{flex:1;text-align:left;padding-top:40px}.page-intro .intro-box-bg[data-v-ce6d98ec]{flex:0 0 150px}.page-intro .intro-box-bg img[data-v-ce6d98ec]{width:100%;vertical-align:top}.page-intro .intro-box-desc h4[data-v-ce6d98ec]{font-weight:700;font-size:16px;color:#2f3241;margin-bottom:20px}.page-intro .intro-box-desc p[data-v-ce6d98ec]{font-size:12px;color:#373d40}.page-intro .intro-other-box[data-v-ce6d98ec]{display:flex;margin:40px 0 30px}.page-intro .intro-other-box .row[data-v-ce6d98ec]{flex:1}.page-intro .intro-other-box img[data-v-ce6d98ec]{margin:0 auto;width:120px;height:120px}.page-intro .intro-other-box .img-1[data-v-ce6d98ec]{width:84px;height:84px}.page-intro .intro-other-box .title[data-v-ce6d98ec]{margin:20px auto 8px;font-size:16px;line-height:100%;color:#2f3241;font-weight:700}.page-intro .intro-other-box .desc[data-v-ce6d98ec]{color:#7d7d87;font-size:12px}.page-process[data-v-ce6d98ec]{background-color:#f9f9fb}.page-process .wrapper[data-v-ce6d98ec]{width:570px;margin:0 auto;display:flex}.page-process .img-box[data-v-ce6d98ec]{flex:0 0 220px}.page-process .img-box img[data-v-ce6d98ec]{width:100%;height:100%}.page-process .vs-box[data-v-ce6d98ec]{flex:1 0 0;display:flex;align-items:center;justify-content:center}.page-process .vs-box img[data-v-ce6d98ec]{width:50px}.page-vs .wrapper[data-v-ce6d98ec]{display:flex;align-items:center}.page-vs .col[data-v-ce6d98ec]{flex:0 0 270px;border-top:1px solid #e6e6eb;color:#757580}.page-vs .col[data-v-ce6d98ec]:first-child{flex:1;border-left:1px solid #e6e6eb;background-color:#f1f1f1;color:#2f3241}.page-vs .col[data-v-ce6d98ec]:last-child{flex:1;border-left:1px solid #e6e6eb;position:relative;left:-1px;box-shadow:0 0 10px rgba(0,0,0,.2)}.page-vs .col:last-child .cell[data-v-ce6d98ec]{height:64px}.page-vs .cell[data-v-ce6d98ec]{display:flex;justify-content:center;align-items:center;border-right:1px solid #e6e6eb;border-bottom:1px solid #e6e6eb;height:60px;font-size:16px}.page-demo[data-v-ce6d98ec]{background-color:#f9f9fb}.page-demo .wrapper[data-v-ce6d98ec]{display:flex;width:600px;margin:0 auto}.page-demo .qrcode-box[data-v-ce6d98ec]{flex:0 0 178px}.page-demo .qrcode-img[data-v-ce6d98ec]{width:100%;margin-bottom:16px}.page-demo .qrcode-desc[data-v-ce6d98ec]{font-size:16px;color:#757580}.page-demo .qrcode-split[data-v-ce6d98ec]{position:relative;flex:1}.page-demo .qrcode-split[data-v-ce6d98ec]:after{content:"";position:absolute;width:1px;height:166px;background-color:#757580;left:50%;top:10px}.page-content[data-v-ce6d98ec]{width:1180px;margin:0 auto}.page-content h2[data-v-ce6d98ec]{font-size:36px;line-height:36px;color:#2c2d48;display:block;text-align:center;margin-bottom:50px}.page-content .content-link[data-v-ce6d98ec]{color:#fff;border:1px solid #076bf2;background-color:#076bf2;width:125px;height:40px;line-height:40px;display:inline-block;font-size:16px;text-align:center;border-radius:2px;-webkit-transition:background-color .25s ease-out,color .25s ease-out;-moz-transition:background-color .25s ease-out,color .25s ease-out;transition:background-color .25s ease-out,color .25s ease-out}.page-content .tabs[data-v-ce6d98ec]{color:#2c2d48;font-size:14px;line-height:24px}.page-content .tab[data-v-ce6d98ec]{display:inline-block;cursor:pointer}.page-content .tab img[data-v-ce6d98ec]{height:49px;width:49px}.page-content .tab div[data-v-ce6d98ec]{margin-top:8px}.page-content .tab.active[data-v-ce6d98ec]{color:#076bf2}.page-content .tab0[data-v-ce6d98ec]{margin-right:40px}.page-content .tab1[data-v-ce6d98ec]{margin-left:40px}.m-productionBanner[data-v-ce6d98ec]{background:url(https://yx-web-nosdn.netease.im/quickhtml%2Fassets%2Fyunxin%2Fnim-website%2Fquicklogin%2F%E4%BA%91%E4%BF%A1%20%E4%B8%80%E9%94%AE%E7%99%BB%E9%99%86%E9%A6%96%E5%9B%BE2%402x.jpg) 50% no-repeat #161b3b;background-size:1920px 520px}.m-productionBanner h1[data-v-ce6d98ec]{color:#fff}.m-productionBanner .btn[data-v-ce6d98ec]{display:inline-block;margin-right:10px}.m-productionBanner .btn-ghost[data-v-ce6d98ec]{color:#fff;background:transparent;border:1px solid #fff;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);font-size:16px}.m-productionBanner .btn-ghost[data-v-ce6d98ec]:hover{color:#40a9ff;border-color:#40a9ff}.m-productionBanner .btn-link[data-v-ce6d98ec]{position:relative;bottom:0;margin:0;width:auto;height:auto;line-height:1;vertical-align:middle;font-size:14px;color:#40a9ff}.m-doc-box[data-v-ce6d98ec]{display:flex;justify-content:center;margin:0 auto 20px}.m-doc-box .row[data-v-ce6d98ec]{flex:0 1 170px;height:320px;padding:60px 20px 20px;text-align:left;border:1px solid #ccc;box-sizing:border-box;margin-right:25px}.m-doc-box .row[data-v-ce6d98ec]:last-child{margin-right:0}.m-doc-box .title[data-v-ce6d98ec]{font-size:18px;color:#2c2c46;margin-bottom:18px;line-height:100%}.m-doc-box .link[data-v-ce6d98ec]{color:#969bb6;font-size:14px;line-height:25px}.m-doc-box .link[data-v-ce6d98ec]:hover{color:#40a9ff;text-decoration:underline}.m-qr-layout .u-content,.m-qr-layout .u-content img{width:100px;height:100px}.m-qr-layout{display:none;position:absolute;right:-135px;top:0;padding:12px;background:#fff;border-radius:6px}.m-qr-layout .u-content{box-sizing:content-box;background-color:#d9d9d9;z-index:10}.m-qr-layout .u-content img{object-fit:cover}.m-qr-layout .u-content canvas{height:100px;width:100px}.m-qr-layout.display{display:block}.component-demo-box[data-v-4b12d950]{font-size:14px;text-align:center;color:#fff;background-size:cover;min-height:676px;padding:80px 0}.demo-box-title[data-v-4b12d950]{font-weight:500;font-size:40px;line-height:1;color:#fff}.demo-box-desc[data-v-4b12d950]{font-size:24px;line-height:34px;margin:32px auto 0;max-width:1200px}.demo-content[data-v-4b12d950]{display:flex;align-items:center;justify-content:center;margin-top:48px}.demo-content-img img[data-v-4b12d950]{height:360px}.demo-content-btns[data-v-4b12d950]{margin-left:60px}.demo-content-btns .demo-content-title[data-v-4b12d950]{font-size:16px;line-height:22px;margin-bottom:16px;text-align:left;font-weight:400}.demo-content-btns .demo-btn-group[data-v-4b12d950]{max-height:400px;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.demo-content-btns .demo-btn-group[data-v-4b12d950]::-webkit-scrollbar{width:4px}.demo-content-btns .demo-btn-group[data-v-4b12d950]::-webkit-scrollbar-thumb{border-radius:7px;background:hsla(0,0%,100%,.2)}.demo-content-btns .demo-btn-group[data-v-4b12d950]::-webkit-scrollbar-track{background:transparent}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap[data-v-4b12d950]{text-align:left;margin-top:12px;position:relative}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap[data-v-4b12d950]:first-child{margin-top:0}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap .demo-btn-group-item[data-v-4b12d950]{min-width:162px;height:42px;background:#0f1423;box-shadow:0 4px 22px rgba(55,58,77,.25);border-radius:6px;padding:0 20px;cursor:pointer;color:#fff;font-size:14px;display:flex;align-items:center;font-weight:400}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap .demo-btn-group-item .icon[data-v-4b12d950]{height:24px;margin-right:10px}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap:hover .demo-btn-group-item[data-v-4b12d950]{background:#2a6bf2}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap:hover .demo-btn-group-item .icon[data-v-4b12d950]{filter:grayscale(100%) brightness(200%)}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap:hover .demo-qrcode-content[data-v-4b12d950]{display:block}.demo-content-btns .extra-link-btn[data-v-4b12d950],.demo-content-btns .source-code-btn[data-v-4b12d950]{min-width:162px;height:42px;border:1px solid #fff;border-radius:6px;color:#fff;font-weight:400;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:24px}.demo-content-btns .extra-link-btn[data-v-4b12d950]{margin-top:12px}