.ke-course-detail{background-color:#f2f4f5;min-height:100vh;padding:1px}.ke-course-detail .dplayer{height:470px;width:100%}.ke-course-detail .dplayer-setting-loop{display:none}.ke-course-detail .item-mark{align-items:center;background-color:#ff6c00;color:#fff;display:flex;height:16px;justify-content:center;margin-right:5px;padding:0 5px}.ke-course-detail .item-mark p{font-size:12px}.ke-course-detail .video-warp{background-color:#fff;padding-top:28px}.ke-course-detail .video-warp .course-video{display:flex;height:470px;margin:0 auto;width:1200px}.ke-course-detail .video-warp .course-video .left-video{background-color:#000;flex:1;height:470px;position:relative}.ke-course-detail .video-warp .course-video .left-video .xgplayer{height:100%!important;width:100%!important}.ke-course-detail .video-warp .course-video .left-video .xgplayer video{height:100%;width:100%}.ke-course-detail .video-warp .course-video .left-video .pay-mask{background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;width:100%;z-index:10}.ke-course-detail .video-warp .course-video .left-video .pay-mask button{background:linear-gradient(#008fd7,#00c8d6);border:none;border-radius:142px;color:#fff;font-size:14px;height:32px;outline:none;width:134px}.ke-course-detail .video-warp .course-video .right-list{background-color:#1b2128;height:100%;width:360px}.ke-course-detail .video-warp .course-video .right-list .right-header{border-bottom:1px solid #0f1419;color:#a1a9b2;height:50px;line-height:50px;position:relative;text-align:center}.ke-course-detail .video-warp .course-video .right-list .right-header p:after{background:#00a0f0;border-radius:2px;bottom:6px;content:"";display:inline-block;height:2px;left:50%;margin-left:-6px;position:absolute;width:13px}.ke-course-detail .video-warp .course-video .right-list .el-loading-mask{background-color:transparent!important}.ke-course-detail .video-warp .course-video .right-list .play-list{margin-top:25px;padding:0 20px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-scrollbar .el-sub-menu+.el-sub-menu{margin-top:10px}.ke-course-detail .video-warp .course-video .right-list .play-list .is-active .title{color:#4089ef!important}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu-item:hover,.ke-course-detail .video-warp .course-video .right-list .play-list .el-sub-menu__title:hover{background-color:#26282b}.ke-course-detail .video-warp .course-video .right-list .play-list .mark{align-items:center;background-color:#ff6c00;color:#fff;display:flex;height:16px;justify-content:center;margin-left:8px;padding:0 5px}.ke-course-detail .video-warp .course-video .right-list .play-list .mark p{font-size:12px}.ke-course-detail .video-warp .course-video .right-list .play-list .title{flex:1;margin-left:8px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu{background-color:#1b2128;border-right:0}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu{background-color:#0f1419;border-radius:4px;position:relative}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item{height:40px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-icon{color:#fff}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu{padding-top:5px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item{align-items:baseline;display:flex;height:60px;justify-content:space-between;line-height:normal;margin-bottom:0;margin-top:0;padding:10px 0}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left{display:flex;height:100%;overflow:hidden;padding-right:23px;text-overflow:ellipsis;word-break:break-all}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left .item-info{display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left .item-info .item-title{display:flex}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left .item-info .item-title .item-mark{margin-left:0}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left .item-info .item-title .item-mark p{font-size:12px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left .item-info p{font-size:14px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .item-left .item-info span{font-size:12px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status{display:flex;flex-direction:column;font-size:12px;height:100%;justify-content:space-between;text-align:right}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top{align-items:center;display:flex}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music{height:15px;position:relative;width:25px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music i{background-color:#00a0f3;border-radius:8px;bottom:0;font-size:0;height:5px;position:absolute;width:3px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music i:first-of-type{left:0}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music i:nth-of-type(2){left:6px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music i:nth-of-type(3){left:12px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music.active i:first-of-type{animation:wave .66s linear infinite}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music.active i:nth-of-type(2){animation:wave .8s linear infinite}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status .right-top .music.active i:nth-of-type(3){animation:wave .7s linear infinite}@keyframes wave{0%{height:6px}50%{height:16px}to{height:12px}}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-menu-item .right-status span{padding-top:5px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-sub-menu__title{height:40px;padding:0}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .el-sub-menu__title:before{background-color:#f5f7fa;content:"";display:block;height:14px;margin-top:-7px;position:absolute;top:50%;width:3px}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .is-active,.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-sub-menu .is-active .el-icon{color:#409eff}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .title{color:#a1a9b2;overflow:hidden;padding-right:35px;text-overflow:ellipsis;word-break:break-all}.ke-course-detail .video-warp .course-video .right-list .play-list .el-menu .el-menu-item{color:#a1a9b2}.ke-course-detail .info-warp{background-color:#fff;padding-top:34px}.ke-course-detail .info-warp .course-info{align-items:center;display:flex;justify-content:space-between;margin:0 auto;padding-bottom:23px;width:1200px}.ke-course-detail .info-warp .course-info h3{color:#313233;font-size:24px;font-weight:400}.ke-course-detail .info-warp .course-info .info-list{font-size:14px;padding-top:10px}.ke-course-detail .info-warp .course-info .info-list .author{color:#313233;font-size:14px}.ke-course-detail .info-warp .course-info .info-list span{color:#999}.ke-course-detail .info-warp .course-info .info-list span+span{padding-left:15px}.ke-course-detail .info-warp .course-info .info-right{padding-right:56px}.ke-course-detail .info-warp .course-info .info-right i{margin-right:8px}.ke-course-detail .info-warp .course-info .info-right button{background:linear-gradient(90deg,#008fd7,#00c8d6),#008fd7;font-size:18px;padding:25px}.ke-course-detail .info-warp .course-info .info-price{align-items:center;display:flex;margin-top:21px}.ke-course-detail .info-warp .course-info .info-price .price{align-items:flex-end;color:#a6a9ab;display:flex;font-size:14px}.ke-course-detail .info-warp .course-info .info-price .price span{font-size:24px}.ke-course-detail .info-warp .course-info .info-price .item-price:first-child p,.ke-course-detail .info-warp .course-info .info-price .item-price:first-child span{color:#ff6c00}.ke-course-detail .info-warp .course-info .info-price .item-price+.item-price{margin-left:16px;position:relative}.ke-course-detail .info-warp .course-info .info-price .item-price+.item-price .price:after{background:#a6a9ab;border-radius:3px;content:"";height:1px;position:absolute;top:61%;width:100%}.ke-course-detail .course-content-warp{display:flex;margin:20px auto 100px;width:1200px}.ke-course-detail .course-content-warp .course-card{background-color:#fff;border-radius:10px;flex:1;padding-left:30px;padding-right:30px}.ke-course-detail .course-content-warp .course-card .card-header{border-bottom:1px solid #f2f4f5;height:80px}.ke-course-detail .course-content-warp .course-card .card-header ul{align-items:center;display:flex;height:100%}.ke-course-detail .course-content-warp .course-card .card-header ul li{cursor:pointer;margin-right:37px;position:relative}.ke-course-detail .course-content-warp .course-card .card-header ul .active:after{background:#00a0f0;bottom:-6px;content:"";display:block;font-weight:500;height:2px;left:50%;margin-left:-8px;position:absolute;width:16px}.ke-course-detail .course-content-warp .course-card .card-warp{padding-bottom:40px;padding-top:40px}.ke-course-detail .course-content-warp .recommend-card{background:#fff;border-radius:10px;margin-left:20px;max-height:520px;padding:30px 20px;width:360px}.ke-course-detail .course-content-warp .recommend-card .title{font-size:18px;font-weight:500}.ke-course-detail .course-content-warp .recommend-card .item-course-list{background:#fff;border-radius:8px;cursor:pointer;display:flex;margin-top:21px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-cover{height:90px;width:143px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-cover img{border-radius:8px;vertical-align:middle;width:100%}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:3px 14px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-content-top p{color:#313233;font-size:14px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-tags{margin-top:12px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-tags .item-tag{background:#f2f4f5;border-radius:2px;color:#a6a9ab;float:left;height:20px;line-height:20px;margin-bottom:5px;margin-right:5px;padding:0 6px;text-align:center}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-tags .item-tag p{color:#a6a9ab;font-size:12px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-price{clear:both;display:flex;justify-content:space-between;margin-top:10px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-price .original{color:#a6a9ab;font-size:10px;text-decoration:line-through}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-price .original .item-count{font-size:14px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-price .original span{font-size:8px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-price .mark{color:#ff6c00;font-size:10px}.ke-course-detail .course-content-warp .recommend-card .item-course-list .item-content .item-price .mark span{font-size:14px}