@charset "UTF-8";.g-plv-mt--40{margin-top:40px}.related-products{margin-left:-10px;margin-right:-10px;font-size:0;text-align:center}.related-products .product-item{padding-left:10px;padding-right:10px}.related-products.spacing--30{margin-left:-15px;margin-right:-15px}.related-products.spacing--30 .product-item{padding-left:15px;padding-right:15px}.related-products.spacing--120{margin-left:-60px;margin-right:-60px}.related-products.spacing--120 .product-item{padding-left:60px;padding-right:60px}.related-products .product-item{display:inline-block;font-size:14px;width:380px}.related-products .product-item-inside{display:block;padding-top:40px;width:100%;height:304px;text-align:center;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 0 4px 0 rgba(140,141,158,.3);box-shadow:0 0 4px 0 rgba(140,141,158,.3)}.related-products .product-item-inside:hover{-webkit-box-shadow:0 0 8px 0 rgba(153,153,153,.4);box-shadow:0 0 8px 0 rgba(153,153,153,.4)}.related-products .product-item-inside:hover .item-btn{color:#fff;background-color:#2469f3}.related-products .product-item-inside .icon-item{width:64px;height:64px;margin:0 auto;background-position:center;background-repeat:no-repeat;background-size:cover}.related-products .product-item-inside .icon-item-vod{background-image:url(../images/v2020/g-img/product-icon-vod.svg)}.related-products .product-item-inside .icon-item-live{background-image:url(../images/v2020/g-img/product-icon-live.svg)}.related-products .product-item-inside .icon-item-class{background-image:url(../images/v2020/g-img/product-icon-class.svg)}.related-products .product-item-inside h3{margin-top:40px;font-size:20px;font-weight:400;line-height:28px;color:#2f3250}.related-products .product-item-inside p{font-size:14px;line-height:28px;color:#464964;margin-top:16px}.related-products .product-item-inside .item-btn{display:block;margin-top:40px;height:48px;line-height:48px;font-size:14px;color:#2f3250;background-color:#f5f8fd;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.c-hd{position:absolute;background-color:transparent}.banner-wrap{height:400px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#090c4f}.banner-wrap .banner-content{display:table;height:100%}.banner-wrap .banner-content .banner-content-l,.banner-wrap .banner-content .banner-content-r{display:table-cell;width:50%;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}.banner-wrap .banner-content-l{padding-top:65px;padding-right:68px}.banner-wrap .banner-content-r img{float:right;max-width:100%;height:400px}.banner-wrap .banner-title{color:#fff;font-size:48px;font-weight:500;margin-bottom:14px}.banner-wrap .banner-desc{color:#fff;font-size:14px;line-height:2;margin-bottom:50px}.banner-wrap .banner-btn-group .banner-btn{display:inline-block;width:144px;height:48px;line-height:48px;font-size:16px;color:#fff;background-color:#2368f2;border-radius:4px;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}.banner-wrap .banner-btn-group .banner-btn+.banner-btn{margin-left:36px}.banner-wrap .banner-btn-group .banner-btn:active{opacity:.7}.banner-wrap .banner-btn-group .banner-btn:hover{-webkit-box-shadow:0 1px 8px #2368f2;box-shadow:0 1px 8px #2368f2}.banner-wrap .banner-btn-group .banner-btn-ghost{background-color:transparent;border:1px solid #fff}.banner-wrap .banner-btn-group .banner-btn-ghost:active{opacity:.7}.banner-wrap .icon-play{display:inline-block;vertical-align:sub;margin-left:8px;width:20px;height:20px;background:url(../images/v2020/g-img/g-icon-btn-play.svg) no-repeat center;background-size:contain}.secondary-nav-wrap{position:relative;height:60px;width:100%;min-width:1200px;background-color:#002258;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box}.secondary-nav-wrap.secondary-nav-fixed{background-color:#f5f6f8;-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,.2);box-shadow:0 5px 10px 0 rgba(0,0,0,.2);height:60px;-webkit-transition:background .35s ease-in-out;-o-transition:background .35s ease-in-out;transition:background .35s ease-in-out}.secondary-nav-wrap.secondary-nav-fixed .breadcrumb-nav,.secondary-nav-wrap.secondary-nav-fixed .breadcrumb-right{width:auto;opacity:1;visibility:visible}.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list{margin:0 48px}.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li{width:auto;color:#000;height:60px;line-height:60px;margin:0 10px;padding:0 5px}.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li.active{position:relative;color:#00b2e5}.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li.active::after{position:absolute;content:"";width:100%;height:3px;bottom:1px;left:0;background-color:#00b2e5}.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list li:hover{color:#00b2e5}.secondary-nav-wrap.secondary-nav-fixed .secondary-nav-list-4 li{width:auto}.secondary-nav-wrap .secondary-nav-content{position:relative;width:1200px;margin:0 auto}.secondary-nav-wrap .breadcrumb-nav,.secondary-nav-wrap .breadcrumb-right{display:inline-block;width:0;height:60px;line-height:60px;vertical-align:top;font-size:14px;-webkit-transition:opacity .1s ease-in-out;-o-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out;opacity:0;visibility:hidden;overflow:hidden}.secondary-nav-wrap .breadcrumb-right{position:absolute;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.secondary-nav-wrap .breadcrumb-nav{color:#9b9b9b}.secondary-nav-wrap .breadcrumb-nav a,.secondary-nav-wrap .breadcrumb-nav span{display:inline-block}.secondary-nav-wrap .breadcrumb-nav a{color:#080d46}.secondary-nav-wrap .breadcrumb-nav a:hover{color:#00b2e5;text-decoration:underline}.secondary-nav-wrap .breadcrumb-nav span{color:#9b9b9b}.secondary-nav-wrap .secondary-nav-list{display:inline-block;margin:0 auto;font-size:0;-webkit-box-sizing:border-box;box-sizing:border-box}.secondary-nav-wrap .secondary-nav-list li{display:inline-block;width:170px;height:60px;font-size:14px;line-height:60px;text-align:center;color:#fff;cursor:pointer;-webkit-transition:width .35s ease-in-out;-o-transition:width .35s ease-in-out;transition:width .35s ease-in-out}.secondary-nav-wrap .secondary-nav-list li:hover{color:#2368f2}.secondary-nav-wrap .secondary-nav-list li a{display:block;color:inherit}.secondary-nav-wrap .secondary-nav-list-4 li{width:300px}.secondary-nav-wrap .secondary-nav-list-5 li{width:236px}.secondary-nav-wrap .secondary-nav-list-6 li{width:200px}.secondary-nav-wrap .secondary-nav-list-7 li{width:170px}.secondary-nav-wrap .secondary-nav-list-8 li{width:150px}.g-plv-text--30{font-size:30px;font-weight:400;line-height:1}.g-plv-text--24{font-size:24px;font-weight:400;line-height:1}.g-plv-text--20{font-size:20px;font-weight:400;line-height:1}.g-plv-text--16{font-size:16px;font-weight:400;line-height:1}.g-plv-text--14{font-size:14px;font-weight:400;line-height:26px;letter-spacing:1px}.g-plv-text--12{font-size:12px;font-weight:400;line-height:1}.g-plv-layout-w{width:1180px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto;margin-left:auto}.g-plv-md-title{font-size:30px;line-height:42px;color:#171c3c;font-weight:600}.g-plv-md-title+.g-plv-md-title-desc{color:#9798a9;font-size:14px;letter-spacing:1px;margin-top:20px}.g-plv-md-title+.g-plv-md-subtitle-desc{margin-top:10px;color:#8c8d9e;font-size:14px;line-height:26px}.g-plv-md-subtitle{color:#171c3c}.g-plv-md-subtitle+.g-plv-md-subtitle-desc{margin-top:14px;color:#8c8d9e}.g-plv-text-justify{text-align:justify}.g-plv-text-center{text-align:center}.g-plv-text-right{text-align:right}.g-plv-text-left{text-align:left}.g-plv-mt--20{margin-top:20px}.g-plv-ml--20{margin-left:20px}.g-plv-mr--20{margin-right:20px}.g-plv-mb--20{margin-bottom:20px}.g-plv-mt--24{margin-top:24px}.g-plv-ml--24{margin-left:24px}.g-plv-mr--24{margin-right:24px}.g-plv-mb--24{margin-bottom:24px}.g-plv-mt--40{margin-top:40px}.g-plv-ml--40{margin-left:40px}.g-plv-mr--40{margin-right:40px}.g-plv-mb--40{margin-bottom:40px}.g-plv-mt--48{margin-top:48px}.g-plv-ml--48{margin-left:48px}.g-plv-mr--48{margin-right:48px}.g-plv-mb--48{margin-bottom:48px}.g-plv-mt--64{margin-top:64px}.g-plv-ml--64{margin-left:64px}.g-plv-mr--64{margin-right:64px}.g-plv-mb--64{margin-bottom:64px}.g-plv-mt--70{margin-top:70px}.g-plv-ml--70{margin-left:70px}.g-plv-mr--70{margin-right:70px}.g-plv-mb--70{margin-bottom:70px}.banner-wrap{height:620px;background-image:url(../images/web3.0/doc-html5/banner-bg.jpg);background-color:#031d46;background-size:cover;background-position:center;background-repeat:no-repeat}.banner-wrap .banner-desc{font-size:24px;line-height:33px}.banner-wrap .banner-btn{display:inline-block;width:140px;height:40px;line-height:40px;font-size:14px;color:#fff;background-color:#2368f2;border-radius:20px;text-align:center;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s}.banner-wrap .banner-btn:hover{-webkit-box-shadow:0 1px 8px #2368f2;box-shadow:0 1px 8px #2368f2}.banner-wrap .banner-btn:active{opacity:.7}.secondary-nav-wrap .secondary-nav-list li{width:240px}.sect-module{padding:80px 0}.sect-module.sect-module-bg{background-color:#f9f9f9}.sect-module.sect-module-bg2{background-color:#192c43}.player-show-box{position:relative;height:468px}.player-show-box .player-show-img{position:relative;width:1194px;height:468px;z-index:4}.player-show-box .player-video,.player-show-box .player-video-bg{position:absolute;top:0;left:216px;width:788px;height:448px;background-color:transparent;z-index:3}.player-show-box .player-video-bg{z-index:5;cursor:pointer}.player-show-box .h5-video{position:relative;width:788px;height:444px;margin:0 auto}.player-show-box .h5-video .player{position:relative;width:788px;height:444px}.player-show-box .h5-video .danmu-box{position:absolute;width:100%;bottom:100px;left:0;right:0}.player-show-box .h5-video .danmu-box .post-content{position:relative;margin:0 auto;width:65%;font-size:0;display:none}.player-show-box .h5-video .danmu-box .post-content .post-input{display:inline-block;background-color:rgba(52,56,60,.7);border:none;border-radius:2px;color:#d5d6db;line-height:18px;padding:10px 0;height:36px;width:75%;margin-right:5%;text-indent:10px;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.player-show-box .h5-video .danmu-box .post-content .post-input:focus{background-color:#34383c;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 3px rgba(0,0,0,.1),0 0 8px rgba(82,168,236,.6)}.player-show-box .h5-video .danmu-box .post-content .post-btn{display:inline-block;vertical-align:top;border:none;border-radius:2px;color:#d5d6db;line-height:36px;font-size:14px;text-align:center;height:36px;width:20%;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#009aff;border:1px solid #009aff;color:#fff}.player-show-box .h5-video .danmu-box .post-content .post-btn:hover{background-color:#0c91eb}.player-show-box .h5-video .danmu-box .post-content .post-btn:active{opacity:.7}.player-show-box .h5-video .danmu-box .barrage{position:absolute;right:15px;bottom:-6px;background-color:#333;border-radius:5px;color:#d5d6db;text-align:center;height:50px;width:50px;z-index:5;cursor:pointer;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.player-show-box .h5-video .danmu-box .barrage .icon{display:block;background:url(https://img.xsteach.cn/static/images/course/play/icon-barrage.png) no-repeat;margin:8px auto 2px;height:17px;width:24px}.player-show-box .h5-video .danmu-box .barrage:hover .icon{background-position:0 -17px}.player-show-box .h5-video .danmu-box .close-barrage .icon{background-position:0 -34px}.player-show-box .h5-video .danmu-box .close-barrage:hover .icon{background-position:0 -51px}.player-show-box .h5-video .danmu-box .barrage:hover,.player-show-box .h5-video .danmu-box .close-barrage:hover{color:#009aff}.technology-content .technology-preview{float:left;width:722px;min-height:698px}.technology-content .technology-preview .article-lists{font-size:0}.technology-content .technology-preview .article-lists .article-item{display:table;padding:24px 0 32px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 -1px 0 0 #e5eaf1;box-shadow:0 -1px 0 0 #e5eaf1}.technology-content .technology-preview .article-lists .article-item:hover .item-desc h3{color:#2469f3}.technology-content .technology-preview .article-lists .article-item .item-desc,.technology-content .technology-preview .article-lists .article-item .item-img{display:table-cell;vertical-align:top;height:114px}.technology-content .technology-preview .article-lists .article-item .item-img{width:174px;height:114px}.technology-content .technology-preview .article-lists .article-item .item-img img{width:100%;height:100%}.technology-content .technology-preview .article-lists .article-item .item-desc{position:relative;padding:0 16px}.technology-content .technology-preview .article-lists .article-item .item-desc h3{font-size:20px;font-weight:400;line-height:32px;color:#171c3c;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}.technology-content .technology-preview .article-lists .article-item .item-desc p{font-size:14px;line-height:21px;color:#464964;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.technology-content .technology-preview .article-lists .article-item .item-desc .post-time{position:absolute;bottom:0;font-size:12px;line-height:1;color:#9e9e9e}.technology-content .technology-preview .article-more{display:inline-block;width:160px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;line-height:40px;color:#2469f3;border:solid 1px #2469f3;text-align:center}.technology-content .technology-preview .article-more:hover{color:#fff;background-color:#2469f3}.technology-content .technology-process{float:right;width:394px;height:698px;padding:50px 40px 40px;background-color:#f6f8fb;-webkit-box-sizing:border-box;box-sizing:border-box}.technology-content .technology-process h3{font-size:20px;font-weight:400;color:#171c3c;line-height:28px;text-align:center;margin-bottom:24px}.technology-content .technology-process .content{position:relative;width:100%;height:554px;overflow:hidden}.technology-content .technology-process .content .content-inner{position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-y:scroll}.technology-content .technology-process .list{margin-left:76px}.technology-content .technology-process .list .item-years{position:relative}.technology-content .technology-process .list .item-years+.item-years{margin-top:24px}.technology-content .technology-process .list .item-years::after{position:absolute;content:"";top:10px;left:-17px;width:2px;height:100%;background-color:#e5eaf1}.technology-content .technology-process .list .item-years .title{position:relative;display:inline-block;width:48px;font-size:14px;font-weight:600;line-height:28px;color:#171c3c;margin-left:-76px}.technology-content .technology-process .list .item-years .title::after{position:absolute;content:"";top:50%;margin-top:-1px;right:-15px;width:6px;height:6px;background-color:#2469f3;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;z-index:2}.technology-content .technology-process .list .item-years ol li{position:relative;font-size:14px;font-weight:400;line-height:28px;color:#464964}.technology-content .technology-process .list .item-years ol li span{display:inline-block;line-height:28px;width:48px;text-align:right;position:absolute;top:50%;margin-top:-14px;left:-76px;-webkit-box-sizing:border-box;box-sizing:border-box}.player-advantage{margin-bottom:35px}.player-advantage .advantage-item{float:left;width:380px;height:323px;padding:44px 48px 32px;background-color:#fff;border:solid 1px #e5eaf1;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100px 100px;background-position:right top;background-repeat:no-repeat}.player-advantage .advantage-item:not(:last-child){margin-right:20px}.player-advantage .advantage-item:nth-child(1){background-image:url(../images/web3.0/doc-html5/icon-advantage1.svg)}.player-advantage .advantage-item:nth-child(2){background-image:url(../images/web3.0/doc-html5/icon-advantage2.svg)}.player-advantage .advantage-item:nth-child(3){background-image:url(../images/web3.0/doc-html5/icon-advantage3.svg)}.player-advantage .advantage-item .head p{margin-top:8px;font-size:14px;line-height:20px;font-weight:400;font-stretch:normal;color:#464964}.player-advantage .advantage-item .divider{margin:24px auto;width:100%;height:1px;background-color:#e5eaf1}.player-advantage .advantage-item .body li{position:relative;font-size:14px;line-height:20px;font-weight:400;font-stretch:normal;color:#464964;padding-left:8px}.player-advantage .advantage-item .body li::before{position:absolute;content:"";margin-top:9px;left:0;width:2px;height:2px;border-radius:50%;background-color:#464964}.player-advantage .advantage-item .body li+li{margin-top:16px}.player-app{height:684px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../images/web3.0/doc-html5/player-app-bg.png) no-repeat center top;background-size:cover;background-color:#12254c}.player-app .g-plv-md-title{color:#fff}.player-app .player-app-list{width:1030px;margin-left:auto;margin-right:auto}.player-app .player-app-list li{float:left;width:206px;height:200px;text-align:center;border:solid 1px transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.player-app .player-app-list li:nth-child(-n+5){margin-bottom:40px}.player-app .player-app-list li .icon-item{width:66px;height:66px;line-height:66px;margin:50px auto 16px}.player-app .player-app-list li .icon-item img{max-width:100%;max-height:100%;vertical-align:middle}.player-app .player-app-list li span{font-size:14px;line-height:20px;color:#fff}.player-app .player-app-list li:hover{border:solid 1px #2469f3}.info-wrap{height:200px;background-color:#33bff9;background:url(../images/web3.0/doc-html5/info-bg.png) no-repeat left top;background-size:100% 200px}.info-wrap .info-title{padding-top:54px;color:#fff}.info-wrap .info-btn{display:block;margin:24px auto 0;width:140px;height:40px;line-height:40px;font-size:14px;font-weight:400;color:#fff;text-align:center;border-radius:20px;border:solid 1px #fff;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.info-wrap .info-btn:active{opacity:.7}.info-wrap .info-btn:hover{background-color:#1f6af0;border:solid 1px #1f6af0;-webkit-box-shadow:0 2px 4px #2469f3;box-shadow:0 2px 4px #2469f3}