.badgeTitle[data-v-075fe01f]{position:relative;display:inline-block}.badgeTitle .badgeImg[data-v-075fe01f]{width:100px;height:auto;position:absolute;top:50%;margin-top:-16px;right:-110px}.pdBanner{height:520px}.pdBanner,.pdBanner h1{color:#fff}.pdBanner .info{padding-top:165px;color:#fff;box-sizing:border-box}.pdBanner .name{font-size:48px;font-style:normal;font-weight:300}.pdBanner .desc{line-height:26px}.pdBanner .desc,.pdBanner .desc-tag{font-size:14px;font-weight:400;opacity:.8}.pdBanner .desc-tag{line-height:24px;margin-top:21px}.pdBanner .btn{margin-top:35px;margin-bottom:8px;width:125px;height:42px;line-height:42px}.pdBanner .btn,.pdBanner.double-btn .btn{display:inline-block}.pdBanner.double-btn .btn+.btn{margin-left:15px}.pdBanner.double-btn .btn.u-btn-norm-white{margin-left:12px;border:1px solid #fff;color:#fff}.pdBanner.double-btn .btn.u-btn-norm-white:hover{border:1px solid #076bf2}.pdBanner .customLink{display:inline-block;margin-left:20px;color:#c1292e;font-size:14px}.u-navigation[data-v-3d1441be]{box-sizing:border-box;position:relative;width:100%;height:60px;text-align:center}.u-navigation .navigation[data-v-3d1441be]{z-index:5;position:absolute;width:100%;height:60px;background:#eff0f2;box-sizing:border-box}.u-navigation .warp[data-v-3d1441be]{display:flex;width:100%;border-bottom:none}.u-navigation .link-btn[data-v-3d1441be]{flex:1;font-size:14px;color:#0e1021;height:59px;line-height:59px;text-align:center;font-weight:400}.u-navigation .link-btn.active[data-v-3d1441be]{color:#c1292e;border-bottom:2px solid #c1292e}.u-navigation .link-btn[data-v-3d1441be]:hover{color:#c1292e}.u-navigation a+a[data-v-3d1441be]{margin-left:30px}.u-navigation.black .navigation[data-v-3d1441be]{background:#393b47}.u-navigation.black .link-btn[data-v-3d1441be]{color:#fff}.u-navigation.black .link-btn.active[data-v-3d1441be],.u-navigation.black .link-btn[data-v-3d1441be]:hover{color:#fff;border:none}.caseBox[data-v-66f3f005]{background:#08186a url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/nrtc/scene-bg.png) 50% repeat-x;background-size:cover;padding:80px 0}.caseBox .h1-title[data-v-66f3f005]{font-weight:500;font-size:40px;text-align:center;margin-bottom:40px;color:#fff}.caseBox .case-list[data-v-66f3f005]{display:flex;align-items:center;justify-content:center;max-width:1200px;margin:0 auto}.caseBox .case-item+.case-item[data-v-66f3f005]{margin-left:80px}.caseBox .case-item .case-img[data-v-66f3f005]{width:80px;height:80px}.caseBox .case-item .case-name[data-v-66f3f005]{color:#fff;margin-top:20px;text-align:center;font-weight:500;font-size:16px}.caseBox .more-case[data-v-66f3f005]{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;background:#595a65;font-size:24px;width:80px;height:80px;line-height:28px;color:#fff}.caseBox .more-case:hover i[data-v-66f3f005]{opacity:.8}.caseBox .more-case:hover .ct-name[data-v-66f3f005]{color:#076bf2}.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}.s-list{font-size:14px}.s-list .h1-title{font-weight:500;font-size:40px;text-align:center;margin-bottom:40px}.s-list .flex-center{display:flex;justify-content:center;align-items:center}.s-list .s-tabs>a:hover{color:#c1292e}.s-list .s-tabs .s-title{font-size:18px;padding:10px 20px;border-bottom:2px solid transparent}.s-list .s-tabs .s-active{color:#c1292e;border-bottom:2px solid #c1292e}.s-list .s-content-logo{width:485px;height:auto;margin-right:50px}.s-list .s-content{margin-top:40px;align-items:center}.s-list .s-content .s-content-desc{width:530px}.s-list .s-content .s-content-item{margin-bottom:24px}.s-list .s-content .title{font-size:24px;margin-bottom:16px;color:#000}.s-list .s-content .desc{color:#666;margin-bottom:8px}.m-whiteboard .content[data-v-412a903e]{width:1200px;margin:0 auto}.m-whiteboard .h1-title[data-v-412a903e]{font-weight:500;font-size:40px;text-align:center;margin-bottom:40px;padding-top:60px}.m-whiteboard .flex-center[data-v-412a903e]{display:flex;align-items:center;justify-content:center}.m-whiteboard .m-pdBanner[data-v-412a903e]{height:460px;background:#244bbd url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/whitebord/banner-bg-1.png) no-repeat 50%;background-size:cover}.m-whiteboard .m-pdBanner h1[data-v-412a903e]{color:#fff}.m-whiteboard .m-pdBanner[data-v-412a903e] .desc{max-width:612px}.m-whiteboard .advantage .a-list[data-v-412a903e]{flex-wrap:wrap}.m-whiteboard .advantage .a-list .a-item[data-v-412a903e]{width:372px;height:288px;flex-direction:column;border:1px solid #ebecf4;box-sizing:border-box;box-shadow:0 4px 12px rgba(176,179,203,.25);border-radius:6px;padding:40px 45px 0;margin-left:42px;margin-bottom:42px;text-align:center}.m-whiteboard .advantage .a-list .a-item[data-v-412a903e]:nth-child(3n+1){margin-left:0}.m-whiteboard .advantage .a-list .a-item .a-item-img[data-v-412a903e]{width:60px;height:60px;margin-bottom:20px}.m-whiteboard .advantage .a-list .a-item .a-item-title[data-v-412a903e]{font-weight:500;font-size:18px}.m-whiteboard .advantage .a-list .a-item .a-item-desc[data-v-412a903e]{font-size:14px;color:#666;margin-top:16px;text-align:left;display:inline-flex;align-items:baseline}.m-whiteboard .advantage .a-list .a-item .a-item-desc[data-v-412a903e]:before{flex-shrink:0;content:"";display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:#999}.m-whiteboard .framework[data-v-412a903e]{text-align:center;padding-bottom:72px}.m-whiteboard .framework .frame-desc[data-v-412a903e]{margin:30px auto 40px;font-size:18px;color:#666}.m-whiteboard .framework .frame-img[data-v-412a903e]{width:auto;height:516px}.page-4 .m-trybox{height:390px}.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-518cc45a]{font-size:14px;text-align:center;color:#fff;background-size:cover;min-height:676px;padding:80px 0}.demo-box-title[data-v-518cc45a]{font-weight:500;font-size:40px;line-height:1;color:#fff}.demo-box-desc[data-v-518cc45a]{font-size:24px;line-height:34px;margin:32px auto 0;max-width:1200px}.demo-content[data-v-518cc45a]{display:flex;align-items:center;justify-content:center;margin-top:48px}.demo-content-img img[data-v-518cc45a]{height:360px}.demo-content-btns[data-v-518cc45a]{margin-left:60px}.demo-content-btns .demo-content-title[data-v-518cc45a]{font-size:16px;line-height:22px;margin-bottom:16px;text-align:left;font-weight:400}.demo-content-btns .demo-btn-group[data-v-518cc45a]{text-align:left;margin-top:12px;position:relative}.demo-content-btns .demo-btn-group .demo-btn-group-item[data-v-518cc45a]{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 .icon[data-v-518cc45a]{height:24px;margin-right:10px}.demo-content-btns .demo-btn-group:hover .demo-btn-group-item[data-v-518cc45a]{background:#2a6bf2}.demo-content-btns .demo-btn-group:hover .demo-btn-group-item .icon[data-v-518cc45a]{filter:grayscale(100%) brightness(200%)}.demo-content-btns .demo-btn-group:hover .demo-qrcode-content[data-v-518cc45a]{display:block}.demo-content-btns .source-code-btn[data-v-518cc45a]{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}