.app-content{font-weight:400}.app-content .banner{width:100%;height:351px;background:linear-gradient(rgba(40,51,81,.62),rgba(40,51,81,.62)),url(../assets/images/videos-banner.png);background-position:-70px 60%;background-size:120%;background-repeat:no-repeat;color:#fff;overflow:hidden}.app-content .banner .banner-content{width:582px;height:201px;margin:52px auto 0;text-align:center}.app-content .banner .banner-content .banner-title{font-size:52px;font-weight:700;margin-bottom:10px}.app-content .banner .banner-content .banner-subtitle{font-size:24px;font-weight:400;height:40px;line-height:40px}.app-content .banner .banner-content .banner-btns{width:582px;height:32px;font-size:12px;font-weight:400;display:flex;justify-content:space-between;align-items:center;margin-top:50px}.app-content .banner .banner-content .banner-btns a{color:#fff;border:none;line-height:32px;background-color:#5486f0;padding:0 12px}.app-content .banner .banner-content .banner-btns a img{margin-left:4px;margin-bottom:2px;vertical-align:middle}.app-content .banner .banner-content .banner-btns a:hover{text-decoration:none}.app-content .content{width:1440px;background-color:#fff;border-radius:2px;margin:45px auto 0;display:flex}.app-content .content .content-left{position:-webkit-sticky;position:sticky;top:52px;width:90px;height:126px;border-left:2px solid #dbdbdb;box-sizing:border-box}.app-content .content .content-left li{height:24px;line-height:24px;font-size:14px;cursor:pointer;margin-bottom:10px;margin-left:-2px;padding-left:15px}.app-content .content .content-left li:last-of-type{margin-bottom:0}.app-content .content .content-left li.active{color:#5486f0;font-size:16px;font-weight:700;border-left:2px solid #5486f0}.app-content .content .content-left li:hover{color:#5486f0;font-size:16px;font-weight:700}.app-content .content .content-right{width:100%;margin-left:53px;margin-bottom:15px}.app-content .content .content-right .videos-list{margin-bottom:40px}.app-content .content .content-right .videos-list .videos-title{display:flex;align-items:center;height:40px;line-height:40px;scroll-margin-top:52px}.app-content .content .content-right .videos-list .videos-title .videos-index{vertical-align:top}.app-content .content .content-right .videos-list .videos-title .videos-typename{font-size:24px;font-weight:700;color:#04070d;margin-left:8px;vertical-align:baseline}.app-content .content .content-right .videos-list .videos-title img{width:1102px;margin-left:12px}.app-content .content .content-right .videos-list .videos-subTitle{margin-top:8px;margin-bottom:24px;font-size:14px;font-weight:400;color:#4a5159}.app-content .content .content-right .videos-list .videos-types{display:flex;flex-wrap:wrap;cursor:pointer}.app-content .content .content-right .videos-list .videos-types .videos-item{width:318px;height:251px;border-radius:8px;position:relative;margin-bottom:16px;margin-right:11px;box-shadow:0 9px 28px 8px rgba(0,0,0,.02),0 6px 16px 0 rgba(0,0,0,.04),0 3px 6px -4px rgba(0,0,0,.06)}.app-content .content .content-right .videos-list .videos-types .videos-item:nth-child(4n){margin-right:0}.app-content .content .content-right .videos-list .videos-types .videos-item .video-img-cover{position:relative;cursor:pointer}.app-content .content .content-right .videos-list .videos-types .videos-item .video-img-cover img{width:318px;height:167px;border-radius:8px 8px 0 0;vertical-align:middle}.app-content .content .content-right .videos-list .videos-types .videos-item .video-img-cover::after{content:"";position:absolute;top:0;left:0;width:318px;height:167px;background-color:rgba(0,0,0,.5);border-radius:8px 8px 0 0}.app-content .content .content-right .videos-list .videos-types .videos-item .video-img-play{position:absolute;cursor:pointer;top:35%;left:50%;transform:translate(-50%,-50%)}.app-content .content .content-right .videos-list .videos-types .videos-item .video-title{margin:16px 0 4px 16px;font-size:16px;font-weight:700;color:#0d1116}.app-content .content .content-right .videos-list .videos-types .videos-item .video-subTitle{margin-left:16px;font-size:14px;font-weight:400;color:#4a5159;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-content .content .content-right .videos-list .videos-types .videos-item:hover .video-subTitle,.app-content .content .content-right .videos-list .videos-types .videos-item:hover .video-title{color:#5486f0}