.onlineClass-banner{position:relative;padding-top:110px;height:340px;background:linear-gradient(180deg,#1f2a80 0,#3b41c6 100%);color:#fff;line-height:48px;box-sizing:border-box;overflow:hidden;min-width:1200px}.onlineClass-banner>img{position:absolute;height:260px;top:80px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.onlineClass-banner .banner-content{position:relative;z-index:2;width:1080px;margin:0 auto}.onlineClass-banner .sub-title{font-size:16px}.onlineClass-banner h1{font-size:32px;font-weight:700}.onlineClass-banner .time{margin-top:4px;font-size:16px;line-height:34px;color:#fafcff}.onlineClass-breadcrumbs{padding-left:60px;padding-bottom:42px;font-size:16px;line-height:34px;color:#374567}.onlineClass-breadcrumbs>a{margin-right:16px;color:#374567}.onlineClass-breadcrumbs>a:hover{color:#3860f4}.onlineClass-breadcrumbs>span{margin-left:16px;color:#3860f4}.onlineClass-wrap{margin:50px auto 0 auto;width:1200px;min-width:1200px;height:auto;clear:both}.products-nav{float:left;width:212px;z-index:0}.products-nav>ul{border-right:1px solid #e1e6f0;box-sizing:border-box}.products-nav>ul li{position:relative;width:151px;height:32px;padding:14px 0 14px 60px;line-height:32px}.products-nav>ul li a{display:block;font-size:16px;color:#374567}.products-nav>ul li:before{display:block;content:'';float:left;margin:13px 0 0 -34px;width:6px;height:6px;background:linear-gradient(90deg,rgba(56,96,244,.21) 0,rgba(249,250,255,0) 100%);border-radius:4px}.products-nav>ul li:after{position:absolute;left:13px;bottom:0;display:block;content:'';width:185px;height:1px;background:#ebf0fc}.products-nav>ul li:last-child{border-bottom:none}.products-nav>ul li:last-child:after{content:none}.products-nav>ul li:hover{background:linear-gradient(90deg,rgba(235,240,252,0) 0,#ebf0fc 100%)}.products-nav>ul li.active{width:150px;border-right:2px solid #3860f4;background:linear-gradient(90deg,rgba(255,255,255,0) 0,#fff 100%)}.products-nav>ul li.active a{font-weight:700;color:#3860f4}.products-nav>ul li.active:before{background:linear-gradient(90deg,#3860f4 0,rgba(95,135,248,0) 100%)}.products-nav.fixed{position:fixed;top:0}.onlineClass-content{width:880px;margin-left:212px;margin-bottom:80px;padding-left:48px;padding-right:60px}.onlineClass-content>h2{margin-bottom:48px;font-size:28px;line-height:34px;font-weight:700;color:#374567}.onlineClass-content>h2 .en5{margin-left:16px;font-size:30px;line-height:32px;color:#7a8ba6}.introduce-des{font-size:16px;line-height:32px;color:#7a8ba6;text-align:justify}.onlineClass-video-wrap{background:linear-gradient(180deg,rgba(56,96,244,.37) 0,rgba(81,113,233,0) 100%);background-size:872px 370px;background-position:right bottom;background-repeat:no-repeat}.onlineClass-agenda-list{width:880px;box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);border:1px solid #e1e6f0;background-image:linear-gradient(180deg,#f9faff 0,#f9faff 100%);background-size:165px 100%;background-position:top left;background-repeat:no-repeat;box-sizing:border-box}.onlineClass-agenda-list li{font-size:0;border-bottom:1px solid #e5eaff}.onlineClass-agenda-list li:last-child{border-bottom:none}.onlineClass-agenda-list li>div{display:inline-block;padding:30px 40px;vertical-align:middle;color:#374567;font-size:14px;line-height:24px;box-sizing:border-box}.onlineClass-agenda-list li>div:first-child{width:190px;padding:26px 34px;font-size:32px;line-height:35px}.onlineClass-agenda-list li>div:nth-child(2){width:394px}.onlineClass-agenda-list li>div:nth-child(3){color:#7a8ba6;width:100px;padding:0}.onlineClass-agenda-list li>div>a{color:#3860f4}.onlineClass-agenda-list li>div>a:hover{color:#2a49b8}.demo{width:880px;overflow:hidden}.ucan-list-warp{width:4200%}.ucan-list-warp .ucan-video-list{float:left;height:157px;font-size:0}.ucan-list-warp .ucan-video-list li{display:inline-block;margin-right:20px}.ucan-list-warp .ucan-video-list img,.ucan-list-warp .ucan-video-list li{height:157px}.ucan-list-warp .ucan-video-list li:last-child{margin-right:26px}.coverage-list{border-top:1px solid #e5eaff}.coverage-list li{padding:0 40px;height:64px;line-height:64px;font-size:0;color:#374567;border-bottom:1px solid #e5eaff}.coverage-list li:hover{background:#f9faff}.coverage-list li:hover>P{color:#374567}.coverage-list li>a{display:inline-block;margin-right:24px;width:674px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top;color:#374567}.coverage-list li>p{display:inline-block;width:100px;color:#7a8ba6;font-size:14px;vertical-align:top}.onlineClass-footer{margin-top:16px;padding-top:80px;min-width:1200px;height:504px;border-top:1px solid #e5eaff;background-image:url("https://static.ucloud.cn/797aa6806225454e8a1c5bc081c84a63.png"),linear-gradient(90deg,#f9faff 0,#f9faff 100%);background-size:auto 240px,100% 100%;background-repeat:no-repeat,repeat;background-position:center bottom,left top;box-sizing:border-box}.onlineClass-footer h2{margin-bottom:24px;padding-left:140px;font-size:28px;line-height:34px;font-weight:700;color:#374567}.onlineClass-footer h2 .en5{margin-left:16px;font-size:30px;line-height:32px;color:#7a8ba6}.onlineClass-footer .des{padding-left:140px;width:800px;font-size:14px;line-height:28px;color:#7a8ba6;text-align:justify}.ucanOnlineClassList-banner{padding-top:220px;height:630px;font-size:16px;line-height:34px}.ucanOnlineClassList-banner>img{position:absolute;height:550px;top:80px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.ucanOnlineClassList-banner .banner-content>h1{font-size:44px;line-height:48px}.ucanOnlineClassList-banner .banner-content>p{margin-top:32px;width:450px;text-align:justify;color:#fafcff}.ucanOnlineClassList-banner .banner-content>img{position:absolute;top:24px;right:8px;height:120px}.ucanOnlineClassList.teaser .box{position:relative;margin:-64px auto 0 auto;padding-top:104px;width:1080px;box-sizing:border-box}.ucanOnlineClassList.teaser .box>img{position:absolute;top:16px;left:-30px;width:190px}.ucanOnlineClassList.teaser .box>h2{position:absolute;top:40px;left:0;color:#fff;font-size:18px;font-weight:700;line-height:34px}.ucanOnlineClassList.teaser .box>h2 .en5{margin-left:8px;font-size:24px;line-height:32px;vertical-align:-2px}.ucanOnlineClassList .box{margin-bottom:32px;padding:48px 64px;box-shadow:0 16px 16px 0 rgba(55,69,103,.02),0 8px 8px 0 rgba(235,240,252,.02);border:1px solid #e1e6f0;background-color:#fff}.ucanOnlineClassList .box img.pull-left{width:385px;height:249px}.ucanOnlineClassList .box .content{width:520px}.ucanOnlineClassList .box .content .sub-title{font-size:16px;line-height:34px;color:#7a8ba6;font-weight:700}.ucanOnlineClassList .box .content h3{font-size:24px;line-height:34px;color:#374567;font-weight:700}.ucanOnlineClassList .box .content .des{margin:24px 0 40px 0;font-size:14px;line-height:28px;color:#7a8ba6;text-align:justify;max-height:84px;overflow:hidden}.ucanOnlineClassList .box .content .name,.ucanOnlineClassList .box .content .time{display:inline-block;font-size:14px;line-height:32px;color:#7a8ba6}.ucanOnlineClassList .box .content .name{position:relative;font-weight:700;margin-right:32px}.ucanOnlineClassList .box .content .name:before{content:"";position:absolute;top:14px;right:-20px;width:3px;height:3px;border-radius:50%;background-color:#3860f4}.ucanOnlineClassList .box .content .circle{margin:0 16px;display:inline-block;vertical-align:3px;width:3px;height:3px;border-radius:50%;background-color:#3860f4}.ucanOnlineClassList .button-whiteborder{color:#3860f4;border:1px solid #3860f4}h2.new-main{margin-bottom:48px;color:#374567;font-size:24px;font-weight:700;line-height:34px}h2.new-main .en5{margin-left:16px;font-size:30px;line-height:32px;vertical-align:-2px;color:#7a8ba6}.select-icon{font-size:16px;color:#374567}.select-icon:hover{color:#3860f4}h2.top-title{position:relative;margin-top:-140px;color:#fff}