.m-production .page .title[data-v-74b54a1a]{font-size:36px;line-height:36px}.u-model-title[data-v-74b54a1a]{font-weight:300}.m-scene-banner[data-v-74b54a1a]{position:relative;margin:0 auto}.m-scene-banner .u-banner[data-v-74b54a1a]{position:relative;height:520px}.m-scene-banner .u-banner .box[data-v-74b54a1a]{position:absolute;width:1000px;height:100%;left:50%;margin-left:-500px;transition:all 1s ease-in-out;opacity:1;display:block\9}.m-scene-banner .u-banner .f-adn[data-v-74b54a1a]{opacity:0;display:none\9}.m-scene-banner .u-banner .image-desc[data-v-74b54a1a]{position:absolute;bottom:-28px;width:100%;font-size:14px;color:#606181}.m-scene-banner .u-ctrl-top[data-v-74b54a1a]{margin:25px auto 14px;width:inherit;text-align:center}.m-scene-banner .u-ctrl-top .ctrl[data-v-74b54a1a]{display:inline-block;width:60px;height:57px;color:#0e1021;border-bottom:1px solid #fff;vertical-align:middle;cursor:pointer}.m-scene-banner .u-ctrl-top .ctrl .fi[data-v-74b54a1a]{display:inline-block;margin:0 auto 5px;width:30px;height:30px;font-size:28px}.m-scene-banner .u-ctrl-top .ctrl.active[data-v-74b54a1a]{color:#c1292e;border-bottom:1px solid #c1292e}.m-scene-banner .u-ctrl-top .ctrl+.ctrl[data-v-74b54a1a]{margin-left:40px}.m-scene-banner .u-ctrl-left[data-v-74b54a1a],.m-scene-banner .u-ctrl-right[data-v-74b54a1a]{position:absolute;color:#b6b7b7;top:265px;width:42px;height:74px;line-height:80px;font-size:45px;border-radius:6px;cursor:pointer}.m-scene-banner .u-ctrl-left[data-v-74b54a1a]:hover,.m-scene-banner .u-ctrl-right[data-v-74b54a1a]:hover{color:#b5b5b5;background:#e9e9e9;opacity:.8}.m-scene-banner .u-ctrl-left[data-v-74b54a1a]{left:0}.m-scene-banner .u-ctrl-right[data-v-74b54a1a]{right:0}.m-top-scence[data-v-74b54a1a]{height:740px;background:#eff0f2}.m-top-scence .m-scene-banner .ctrl[data-v-74b54a1a]{border-bottom:1px solid #eff0f2}.m-top-scence .m-scene-banner .ctrl i[data-v-74b54a1a],.m-top-scence .m-scene-banner .ctrl p[data-v-74b54a1a],.redPacketScene .title[data-v-74b54a1a]{font-weight:400}.redPacketScene .u-ctrl-top[data-v-74b54a1a]{margin:30px auto 40px}.redPacketScene .u-ctrl-top .ctrl[data-v-74b54a1a]{border-bottom-color:#eff0f2}.redPacketScene .u-ctrl-top .ctrl p[data-v-74b54a1a]{width:90px;position:relative;left:-15px}.redPacketScene .u-ctrl-top .ctrl+.ctrl[data-v-74b54a1a]{margin-left:60px}.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}.m-chocolate{padding-top:60px;padding-bottom:60px;text-align:center;background-image:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/res/image/common/func-live-vod.jpg)}.m-chocolate .chocolate-cnt{margin:0 auto;padding:20px 0 0;min-width:1000px;max-width:1200px;width:auto}.m-chocolate .cnt-box{overflow:hidden}.m-chocolate .box{float:left;display:inline-block;margin:30px 1% 0;width:31%;height:258px;background-color:#fff;border:1px solid #ccc;vertical-align:middle}.m-chocolate .box .func-img{display:block;margin:50px auto 20px;width:80px;height:80px}.m-chocolate .box .func-img-$i{background-position:0 0 px;background-position:0 80 px;background-position:0 160 px;background-position:0 240 px;background-position:0 320 px}.m-chocolate .box strong{display:block;margin:10px;line-height:1;font-size:16px;color:#0e1021}.m-chocolate .box p{font-size:14px;color:#999}.m-chocolate .u-btns{margin:40px auto 0}.m-pdCase[data-v-4dceb31e]{padding:60px 0;text-align:center;color:#fff}.m-pdCase h2[data-v-4dceb31e]{font-size:36px;color:#fff}.m-pdCase .pdCase-ct[data-v-4dceb31e]{overflow:hidden;width:1200px;margin:75px auto 0}.m-pdCase .pdCase-ct .ct-item[data-v-4dceb31e]{position:relative;display:inline-block;margin-left:38px;width:87px}.m-pdCase .pdCase-ct .ct-item.first[data-v-4dceb31e]{margin-left:0}.m-pdCase .pdCase-ct .ct-item a.more-case:hover i[data-v-4dceb31e]{opacity:.8}.m-pdCase .pdCase-ct .ct-item a.more-case:hover .ct-name[data-v-4dceb31e]{color:#238efa}.m-pdCase .pdCase-ct .ct-pic[data-v-4dceb31e]{display:block;margin:0 auto;width:80px;height:80px}.m-pdCase .pdCase-ct .ct-pic.pic-0[data-v-4dceb31e]{background-position:0 0}.m-pdCase .pdCase-ct .ct-pic.pic-1[data-v-4dceb31e]{background-position:-90px 0}.m-pdCase .pdCase-ct .ct-pic.pic-2[data-v-4dceb31e]{background-position:-180px 0}.m-pdCase .pdCase-ct .ct-pic.pic-3[data-v-4dceb31e]{background-position:-270px 0}.m-pdCase .pdCase-ct .ct-pic.pic-4[data-v-4dceb31e]{background-position:-360px 0}.m-pdCase .pdCase-ct .ct-pic.pic-5[data-v-4dceb31e]{background-position:-450px 0}.m-pdCase .pdCase-ct .ct-pic.pic-6[data-v-4dceb31e]{background-position:-540px 0}.m-pdCase .pdCase-ct .ct-pic.pic-7[data-v-4dceb31e]{background-position:-630px 0}.m-pdCase .pdCase-ct .ct-pic.pic-8[data-v-4dceb31e]{background-position:-720px 0}.m-pdCase .pdCase-ct .ct-name[data-v-4dceb31e]{padding:20px 0;font-size:14px;line-height:14px;color:#fff;text-align:center}.m-pdCase .pdCase-ct .ct-name-long[data-v-4dceb31e]{width:90px;margin-left:-5px}.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}.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}.width-1200{width:1200px;margin:0 auto}.m-chocolate .box .func-img{background-image:url(https://yx-web-nosdn.netease.im/common/ad6c78606094ecd3dbc70cce44f31829/vod_functions.png)}.m-chocolate .box .func-img.func-img-2{background-position:0 -80px}.m-chocolate .box .func-img.func-img-3{background-position:0 -160px}.m-chocolate .box .func-img.func-img-4{background-position:0 -240px}.m-chocolate .box .func-img.func-img-5{background-position:0 -320px}.m-chocolate .box .func-img.func-img-6{background-position:0 -400px}.m-nav .anchor{color:#fff}.m-nav .anchor.active,.m-nav .anchor:hover{color:#238efa}.m-live-vod .page-3{background-color:#f6f7f9}.m-live-vod .page-3 h2{font-size:36px;padding-bottom:20px}.m-vod .m-pdBanner{background:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/res/image/vod/banner-bg_2x.jpg) no-repeat 50% #12142d;background-size:1920px 520px}.m-vod .m-pdBanner h1{color:#fff}.m-vod .m-docbox .main-box .box-banner .box{min-height:280px}.m-vod .m-line3row .func-img{background-image:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/res/image/vod/grid-six.png)}.m-vod .m-pdCase{background:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/res/image/vod/case-bg.jpg) no-repeat 50%}.m-vod .m-pdCase .pdCase-ct .ct-item .ct-pic{background-image:url(https://yx-web-nosdn.netease.im/quickhtml/assets/yunxin/node-website/res/image/vod/case-icons.png)}.m-vod.m-live-vod .m-docbox .swiper-docct{height:360px}.m-vod.m-live-vod .m-docbox .swiper-slide .box{height:280px}.m-price{background-color:#f6f7f9}.page-2{padding-top:60px;padding-bottom:60px}.page-2 .page2-conetnt .page2-tab{display:flex;align-items:center;justify-content:center;margin-top:20px}.page-2 .page2-conetnt .page2-tab>a{display:inline-block;margin-left:50px;padding-bottom:6px;font-size:16px}.page-2 .page2-conetnt .page2-tab>a:first-child{margin-left:0}.page-2 .page2-conetnt .page2-tab>a.active{color:#c1292e;border-bottom:1px solid #c1292e}.page-2 .page2-conetnt .page2-tab>a img{margin-bottom:15px;width:28px;height:auto}.page-2 .page2-conetnt .page2-tab>a:hover{color:#c1292e}.page-2 .page2-conetnt .page2-desc{font-size:14px;color:#666;margin:24px 0 40px}.page-2 .page2-conetnt .page2-content-img{width:1164px;height:auto;margin:0 auto}.page-2 p{margin:0;color:#999;text-align:center}.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-541d56a3]{font-size:14px;text-align:center;color:#fff;background-size:cover;min-height:676px;padding:80px 0}.demo-box-title[data-v-541d56a3]{font-weight:500;font-size:40px;line-height:1;color:#fff}.demo-box-desc[data-v-541d56a3]{font-size:24px;line-height:34px;margin:32px auto 0;max-width:1200px}.demo-content[data-v-541d56a3]{display:flex;align-items:center;justify-content:center;margin-top:48px}.demo-content-img img[data-v-541d56a3]{height:360px}.demo-content-btns[data-v-541d56a3]{margin-left:60px}.demo-content-btns .demo-content-title[data-v-541d56a3]{font-size:16px;line-height:22px;margin-bottom:16px;text-align:left;font-weight:400}.demo-content-btns .demo-btn-group[data-v-541d56a3]{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-541d56a3]::-webkit-scrollbar{width:4px}.demo-content-btns .demo-btn-group[data-v-541d56a3]::-webkit-scrollbar-thumb{border-radius:7px;background:hsla(0,0%,100%,.2)}.demo-content-btns .demo-btn-group[data-v-541d56a3]::-webkit-scrollbar-track{background:transparent}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap[data-v-541d56a3]{text-align:left;margin-top:12px;position:relative}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap[data-v-541d56a3]:first-child{margin-top:0}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap .demo-btn-group-item[data-v-541d56a3]{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-541d56a3]{height:24px;margin-right:10px}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap:hover .demo-btn-group-item[data-v-541d56a3]{background:#2a6bf2}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap:hover .demo-btn-group-item .icon[data-v-541d56a3]{filter:grayscale(100%) brightness(200%)}.demo-content-btns .demo-btn-group .demo-btn-group-item-wrap:hover .demo-qrcode-content[data-v-541d56a3]{display:block}.demo-content-btns .source-code-btn[data-v-541d56a3]{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}