@charset "utf-8";
/*
* description:video course detail CSS
* date:2023-01-03
* author:hjf
*/
.pb60{padding-bottom:60px;}
.detail-container{width:1300px;margin-right:auto;margin-left:auto;}
.detail-location{padding-right:0;padding-left:0;margin-top:12px;}
.detail-wrap{display:flex;flex-direction:row-reverse;justify-content:space-between;}
.detail-left{width:960px;}
.detail-right{width:320px;}
.course-h3{font-size:16px;font-weight:500;line-height:22px;}
.course-h3.mb10{margin-bottom:10px;}
@media (min-width:768px){
  .detail-container{width:740px;}
  .detail-left{width:550px;}
  .detail-right{width:180px;}
}
@media (min-width:992px){
  .detail-container{width:980px;}
  .detail-left{width:730px;}
  .detail-right{width:230px;}
}
@media (min-width:1200px){
  .detail-container{width:1180px;}
  .detail-left{width:880px;}
  .detail-right{width:280px;}
}
@media (min-width:1320px){
  .detail-container{width:1300px;}
  .detail-left{width:960px;}
  .detail-right{width:320px;}
}
/* 左侧-视频 */
.course-video-play{position:relative;width:100%;height:540px;overflow:hidden;background-color:rgba(0,0,0,.05);-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
/*  */
.course-video-play .course-video-bgimg{position:relative;width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:100% 100%;display:flex;align-items:center;justify-content:center;}
.course-video-play .course-video-bgimg:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);content:'';}
.course-video-play .course-video-inner{position:relative;z-index:1;width:500px;color:#fff;text-align:center;display:flex;flex-direction:column;}
.course-video-play .course-video-inner .line{margin:20px -30px;height:2px;background-color:#666;}
.course-video-play .course-video-inner h1{margin-bottom:28px;font-size:20px;font-weight:500;line-height:28px;}
.course-video-play .course-video-inner h4{font-size:14px;font-weight:400;line-height:20px;color:#bbb;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;-webkit-line-clamp:2;overflow:hidden;}
.course-video-play .course-video-inner .course-video-price{margin-bottom:20px;font-size:12px;line-height:16px;display:flex;align-items:center;justify-content:center;}
.course-video-play .course-video-inner .course-video-price .op{padding-left:16px;margin-left:16px;border-left:1px solid rgba(255,255,255,.4);text-decoration:line-through;}
.course-video-play .course-video-inner .course-video-price .sp{display:flex;align-items:center;}
.course-video-play .course-video-inner .course-video-price .sp em{margin-left:10px;font-size:28px;font-weight:500;line-height:32px;color:#ff5900;display:flex;align-items:center;}
.course-video-play .course-video-inner .course-video-price .sp em:before{font-size:18px;font-weight:400;line-height:24px;content:'￥';}
.course-video-play .course-video-inner .course-video-btn{-webkit-border-radius:30px;border-radius:30px;}
.course-video-play .course-video-inner .course-video-btn .discount em{font-size:16px;font-weight:bold;}
/*  */
.course-video-play .course-video-trysee{position:absolute;z-index:10;left:20px;bottom:60px;padding-right:20px;padding-left:20px;font-size:12px;line-height:30px;white-space:nowrap;color:#fff;background-color:#262727;-webkit-border-radius:20px;border-radius:20px;display:flex;align-items:center;}
.course-video-play .course-video-trysee a{margin-left:10px;color:#ff5900;cursor:pointer;}
.course-video-play .course-video-trysee a:hover{text-decoration:underline;}
/*  */
.course-video-play .course-video-trysee-over{position:fixed;top:50%;left:50%;z-index:3;width:680px;height:318px;background-color:#1c1d1f;-webkit-border-radius:6px;border-radius:6px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;}
.course-video-play .course-video-course-list{padding-left:16px;margin-right:-30px;margin-left:-30px;display:flex;flex-wrap:wrap;align-items:stretch;}
.course-video-play .course-video-course-item{position:relative;width:165px;height:124px;margin-top:16px;margin-right:16px;}
.course-video-play .course-video-course-item img{width:100%;height:100%;}
.course-video-play .course-video-course-item:before{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:50%;content:'';
  background: rgba(0,0,0,0.7);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);}
  .course-video-play .course-video-course-item span{position:absolute;bottom:4px;left:0;z-index:2;width:100%;padding-right:3px;padding-left:3px;overflow:hidden;font-size:12px;line-height:20px;color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;}
/*  */
.course-video-play .course-video-teacher-info{display:flex;align-items:flex-end;justify-content:center;}
.course-video-play .course-video-teacher-info .course-video-teacher{display:flex;align-items:center;}
.course-video-play .course-video-teacher-info .course-video-teacher .avatar{width:60px;height:60px;margin-right:10px;-webkit-border-radius:50%;border-radius:50%;}
.course-video-play .course-video-teacher-info .course-video-teacher h5{max-width:75px;font-size:14px;font-weight:400;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow{position:relative;width:80px;height:30px;margin-top:8px;overflow:hidden;font-size:12px;font-weight:400;line-height:30px;color:#fff;border:none;-webkit-border-radius:20px;border-radius:20px;-webkit-transition:none;transition:none;
  background:#05b3ef;
  background:-moz-linear-gradient(left, #05b3ef 0%, #027cdb 100%);
  background:-webkit-linear-gradient(left, #05b3ef 0%, #027cdb 100%);
  background:linear-gradient(to right, #05b3ef 0%, #027cdb 100%);}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow:hover{background:#05b3ef;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow em{position:absolute;right:0;left:0;display:block;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow em.em1 {top:0;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow em.em2 {top:100%;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow.atted{line-height:28px;border:1px solid #fff;background:transparent;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow.atted:hover em.em1{top:-100%;}
.course-video-play .course-video-teacher-info .course-video-teacher .btn-follow.atted:hover em.em2{top:0;}
/*  */
.course-video-play .course-video-play-over-btns{margin-left:40px;display:flex;align-items:flex-end;}
.course-video-play .course-video-play-over-btn{margin-left:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;}
.course-video-play .course-video-play-over-btn.collect.active{cursor:default;}
.course-video-play .course-video-play-over-btn:before{width:30px;height:30px;background-repeat:no-repeat;background-position:0 0;background-size:30px 30px;content:'';}
.course-video-play .course-video-play-over-btn.next:before{background-image:url('https://assets-cdn.lanqb.com/imgv3/vdcourse/nextl.png');}
.course-video-play .course-video-play-over-btn.replay:before{background-image:url('https://assets-cdn.lanqb.com/imgv3/vdcourse/replayl.png');}
.course-video-play .course-video-play-over-btn.collect:before{background-image:url('https://assets-cdn.lanqb.com/imgv3/vdcourse/collectl.png');}
.course-video-play .course-video-play-over-btn.collect.active:before{background-image:url('https://assets-cdn.lanqb.com/imgv3/vdcourse/collectedl.png');}
.course-video-play .course-video-play-over-btn span{font-size:12px;line-height:20px;}
.course-video-play .course-video-play-over-btn:hover span{color:rgba(255,255,255,.8);}
.course-video-play .course-video-play-over-btn.active:hover span{color:#fff;}
/*  */
.course-video-play .course-video-play-over-share{margin-left:40px;display:flex;align-items:center;}
.course-video-play .course-video-play-over-share .share{display:flex;align-items:stretch;}
.course-video-play .course-video-play-over-share .share .iconfont{width:30px;height:30px;}
.course-video-play .course-video-play-over-share .share .iconfont+.iconfont{margin-left:3px;}
.course-video-play .course-video-play-over-share .share .iconfont.icon-wechat{font-size:20px;line-height:30px;color:#bbb;}
.course-video-play .course-video-play-over-share .share .iconfont:hover img,.course-video-play .course-video-play-over-share .share .iconfont.icon-wechat:hover i{filter: brightness(1.5);}
/*  */
#content-Wvideo-video {position: absolute; width: 100%;height: 100%;}
#content-Wvideo-video .pv-skin-green.pv-base-panel .pv-controls {border-radius: 0;background-color: #111226;box-shadow: none;}
#content-Wvideo-video .pv-skin-green .pv-controls .pv-playpause {box-shadow: none;margin-right: 0;}
#content-Wvideo-video .pv-skin-green.pv-video-bottom {left: 0;right: 0;bottom: 0;}
#content-Wvideo-video .pv-playpause.pv-icon-btn-play:before {position: absolute;top: 50%;left: 22px;margin-top: -10px;content: '';width: 20px;height: 20px;background: url('https://assets-cdn.lanqb.com/imgv3/vdcourse/play.png');background-size: 100% 100%;}
#content-Wvideo-video .pv-playpause.pv-icon-pause:before {position: absolute;top: 50%;left: 22px;margin-top: -10px;content: '';width: 20px;height: 20px;background: url('https://assets-cdn.lanqb.com/imgv3/vdcourse/pause.png');background-size: 100% 100%;}
#content-Wvideo-video .pv-time-wrap {letter-spacing: 1px;}
#content-Wvideo-video .pv-time-separator, #content-Wvideo-video .pv-time-duration {color: #bbb;}
#content-Wvideo-video .pv-progress-current-bg {background:linear-gradient(270deg,#65D9FF 0%,#3C7BE8 100%);}
#content-Wvideo-video .pv-progress-target {background-color: #63D3FE;}
#content-Wvideo-video .pv-progress-target::after {content: '';position: absolute;top: -2px;left: -2px;width: 14px;height: 14px;background-color: #63D3FE;opacity: .4;border-radius: 7px;}
#content-Wvideo-video .pv-skin-green .pv-progress-wrap {height: 2px;margin-top: 0;}
#content-Wvideo-video .pv-icon-volumeon:before {position: absolute;top: 50%;left: 0;right: 0;margin: -9px auto 0;content: '';width: 20px;height: 20px;background: url('https://assets-cdn.lanqb.com/imgv3/vdcourse/volume.png');background-size: 100% 100%;}
#content-Wvideo-video .pv-base-panel.pv-skin-green .pv-controls .pv-btn-radius button>span {background-color: #2E2F41;color: #bbb;}
#content-Wvideo-video .pv-icon-settings:before {position: absolute;top: 50%;left: 0;right: 0;margin: -9px auto 0;content: '';width: 20px;height: 20px;background: url('https://assets-cdn.lanqb.com/imgv3/vdcourse/set.png');background-size: 100% 100%;}
#content-Wvideo-video .pv-icon-fullscreen:before {position: absolute;top: 50%;left: 0;right: 0;margin: -9px auto 0;content: '';width: 20px;height: 20px;background: url('https://assets-cdn.lanqb.com/imgv3/vdcourse/full.png');background-size: 100% 100%;}
#content-Wvideo-video .pv-fullscreen-wrap {margin: 0 10px 0 -10px;}
#content-Wvideo-video .pv-start-time {bottom: 60px;}
#content-Wvideo-video .pv-log-error {z-index: 1;}
/*  */
.course-video-play .course-video-nologin-btn{width:140px;height:48px;font-size:16px;line-height: 46px;color:#fff;background:rgba(255,255,255,.1);border-color:#fff;-webkit-border-radius:30px;border-radius:30px;display:flex;align-items:center;justify-content:center;}
.course-video-play .course-video-nologin-btn:hover{background:rgba(255,255,255,.3);}
.course-video-play .course-video-nologin-btn .icon{margin-right:6px;}
@media (min-width:768px){
  .course-video-play{height:309px;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
  .course-video-play .course-video-inner{width:480px;}
  .course-video-play .course-video-inner h1{margin-bottom:12px;font-size:17px;}
  .course-video-play .course-video-inner .line{height:1px;margin:12px -16px;}
  .course-video-play .course-video-inner .course-video-price{margin-bottom:12px;}
  .course-video-play .course-video-course-list{padding-left:98px;margin-right:0;margin-left:0;}
  .course-video-play .course-video-course-item{width:92px;height:69px;margin-top:4px;margin-right:4px;}
  .course-video-play .course-video-play-over-btns{margin-left:20px;}
  .course-video-play .course-video-play-over-share{margin-left:20px;}
}
@media (min-width:992px){
  .course-video-play{height:411px;-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;}
  .course-video-play .course-video-inner{width:500px;}
  .course-video-play .course-video-inner h1{margin-bottom:18px;font-size:18px;}
  .course-video-play .course-video-inner .line{margin:16px -24px;}
  .course-video-play .course-video-inner .course-video-price{margin-bottom:16px;}
  .course-video-play .course-video-course-list{padding-left:34px;}
  .course-video-play .course-video-course-item{width:136px;height:102px;margin-top:12px;margin-right:12px;}
  .course-video-play .course-video-play-over-btns{margin-left:30px;}
  .course-video-play .course-video-play-over-share{margin-left:30px;}
}
@media (min-width:1200px){
  .course-video-play{height:495px;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
  .course-video-play .course-video-inner h1{margin-bottom:28px;font-size:20px;}
  .course-video-play .course-video-inner .line{height:2px;margin:20px -30px;}
  .course-video-play .course-video-inner .course-video-price{margin-bottom:20px;}
  .course-video-play .course-video-course-list{padding-left:16px;margin-right:-30px;margin-left:-30px;}
  .course-video-play .course-video-course-item{width:165px;height:124px;margin-top:16px;margin-right:16px;}
  .course-video-play .course-video-play-over-btns{margin-left:40px;}
  .course-video-play .course-video-play-over-share{margin-left:40px;}
}
@media (min-width:1320px){
  .course-video-play{height:540px;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;}
}
/* 音量提示 */
.volume-tip{position:absolute;right:20px;bottom:60px;z-index:10;width:44px;height:44px;background:rgba(0,0,0,.5);text-align:center;line-height:44px;border-radius:50%;-webkit-border-radius:50%;cursor:pointer;}
.volume-tip .iconfont{font-size:26px;color:#fff;}
/* 左侧-视频底部 */
.course-video-footer{position:relative;padding:10px 30px;color:#fff;background-color:#242424;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;display:flex;align-items:center;justify-content:space-between;}
.course-video-footer .course-video-app{display:flex;align-items:flex-end;}
.course-video-footer .course-video-app .iconfont.phone{margin-right:8px;font-size:20px;font-weight:400;line-height:24px;}
.course-video-footer .course-video-app .text{font-size:12px;font-weight:400;line-height:24px;}
.course-video-footer .course-video-app:hover .course-video-app-wrap{display:block;}
.course-video-footer .course-video-app-wrap{position:absolute;top:100%;left:0;z-index:2;display:none;margin-top:-22px;padding-top:20px;}
.course-video-app-wrap .course-video-app-inner{position:relative;padding:20px;color:#707070;background-color:#fff;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 2px 40px rgba(0,0,0,.16);box-shadow:0 2px 40px rgba(0,0,0,.16);display:flex;align-items:flex-end;}
.course-video-app-wrap .course-video-app-inner:before{position:absolute;top:-8px;left:68px;width:0;height:0;border-bottom:9px solid #fff;border-right:9px solid transparent;border-left:9px solid transparent;content:'';}
.course-video-app-wrap .course-video-app-qrcode{width:130px;height:130px;margin-right:16px;}
.course-video-app-wrap .course-video-app-des h5{font-size:18px;font-weight:500;line-height:25px;color:#212b34;}
.course-video-app-wrap .course-video-app-des p{margin-top:8px;font-size:14px;font-weight:400;line-height:20px;color:#707070;white-space:nowrap;display:flex;align-items:flex-end;}
.course-video-app-wrap .course-video-app-des p.title{display:block;max-width:194px;padding-top:10px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #f1f3f5;}
.course-video-app-wrap .course-video-app-des p .iconfont{margin-right:6px;font-size:14px;font-weight:400;line-height:20px;}
.course-video-footer .course-video-comment{display:flex;align-items:stretch;}
.course-video-footer .course-video-comment:before{margin-right:14px;font-size:12px;font-weight:400;line-height:30px;content:'评论';}
.course-video-comment .course-video-comment-inp{width:240px;height:30px;padding-right:16px;padding-left:16px;color:rgba(255,255,255,.85);background-color:#3a3a3a;border:none;-webkit-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;}
.course-video-comment .course-video-comment-inp::-webkit-input-placeholder,.course-video-comment .course-video-comment-inp::-moz-placeholder{color:rgba(255,255,255,.3);}
.course-video-comment .course-video-comment-btn{width:60px;height:30px;font-size:12px;font-weight:400;line-height:30px;color:#fff;background:#525a67;-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0;}
.course-video-comment .course-video-comment-btn:hover{background:#87959f;}
@media (min-width:768px){
  .course-video-footer{padding:4px 12px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;}
}
@media (min-width:992px){
  .course-video-footer{padding:6px 20px;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}
}
@media (min-width:1200px){
  .course-video-footer{padding:8px 28px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
}
@media (min-width:1320px){
  .course-video-footer{padding:10px 30px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;}
}
/* 左侧-课程标题 */
.course-title{margin-top:20px;display:flex;align-items:flex-start;justify-content:flex-end;}
.course-title .heading{flex:1;font-size:20px;font-weight:500;line-height:28px;}
.course-title-right{padding-top:2px;margin-left:34px;display:flex;align-items:center;}
.course-title .course-title-op{position:relative;cursor:pointer;display:flex;align-items:flex-end;}
.course-title .course-title-op+.course-title-op{margin-left:32px;}
.course-title .course-title-op.active{cursor:default;}
.course-title .course-title-op:before{width:24px;height:24px;margin-right:6px;content:'';background-repeat:no-repeat;background-position:center;background-size:24px 24px;}
.course-title .course-title-op .course-title-text{font-size:12px;font-weight:400;line-height:20px;color:#666;}
.course-title .course-title-op.collect:before{background-image:url('https://assets-cdn.lanqb.com/lanqb/pc/vcourse-collection_1.png');}
.course-title .course-title-op.collect:hover:before,.course-title .course-title-op.collect.active:before{background-image:url('https://assets-cdn.lanqb.com/lanqb/pc/vcourse-collection_2.png');}
.course-title .course-title-op.share:before{background-image:url('https://assets-cdn.lanqb.com/lanqb/pc/vcourse-share.png');}
.course-title .course-title-op.share:hover .vcourse-detail-share{display:block;}
.course-title .vcourse-detail-share{position:absolute;top:17px;right:-32px;z-index:2;width:480px;display:none;cursor:default;}
.course-title .vcourse-detail-share .right .qrcode{background-color:#fff;}
@media (min-width:768px){
  .course-title .heading{font-size:18px;}
  .course-title-right{padding-top:0;margin-left:16px;}
}
@media (min-width:992px){
  .course-title .heading{font-size:19px;}
  .course-title-right{margin-left:22px;}
}
@media (min-width:1200px){
  .course-title .heading{font-size:20px;}
  .course-title-right{padding-top:2px;margin-left:28px;}
}
@media (min-width:1320px){
  .course-title-right{margin-left:34px;}
}
/* 左侧-课程标签 */
.course-tag-list{display:flex;align-items:stretch;flex-wrap:wrap;}
.course-tag-list .course-tag{padding-right:10px;padding-left:10px;margin-top:12px;margin-right:10px;font-size:12px;font-weight:400;line-height:25px;color:#87959f;background-color:#f6f8fa;-webkit-border-radius:6px;border-radius:6px;}
.course-tag-list .course-tag:hover{color:#fff;background-color:#87959f;}
/* 左侧-课程价格-购买按钮 */
.course-price-buy{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;}
.course-price-buy .course-price{white-space:nowrap;flex:1;display:flex;align-items:center;}
.course-price-buy .course-buy-btns{display:flex;align-items:flex-end;}
.course-price-buy .course-price h4{padding-right:15px;font-weight:500;line-height:36px;}
.course-price-buy .course-price h4.free{font-size:18px;color:#ff5900;}
.course-price-buy .course-price h4.free.blue{color:#027cdb;}
.course-price-buy .course-price h4.fee{font-family:'Arial';font-size:26px;color:#ff5900;display:flex;align-items:flex-end;}
.course-price-buy .course-price h4.fee:before{font-size:18px;line-height:32px;content:'￥';}
.course-price-buy .course-price h6{position:relative;padding-right:16px;padding-left:16px;font-size:12px;font-weight:400;line-height:24px;text-decoration:line-through;color:#707070;display:flex;align-items:center;}
.course-price-buy .course-price h6:after{position:absolute;top:50%;left:0;width:1px;height:15px;background-color:#e3e9ef;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.course-price-buy .course-price-app{width:auto;height:36px;padding-right:12px;padding-left:12px;margin-bottom:4px;font-size:14px;font-weight:400;line-height:36px;color:#ab7541;background:#fcefd8;border:none;-webkit-border-radius:30px;border-radius:30px;display:inline-flex;align-items:center;}
.course-price-buy .course-price-app .iconfont.phone{margin-right:4px;font-size:20px;line-height:24px;color:#ff8747;}
.course-price-buy .iconfont.arrow{margin-left:4px;font-size:12px;line-height:16px;color:#ab7541;}
.course-price-buy .course-price-app:hover{background:rgba(255,161,35,.25);}
.course-price-buy .course-buy-btns .buy-num{position:relative;margin-bottom:8px;font-size:12px;font-weight:400;line-height:20px;color:#87959f;}
.course-price-buy .course-buy-btns .buy-num:before{position:absolute;top:-2px;right:100%;width:20px;height:20px;background:url('https://assets-cdn.lanqb.com/imgv3/vdcourse/popularity.png') no-repeat center center;background-size:100% 100%;content:'';}
.course-price-buy .course-buy-btns .course-btn,.course-video-play .course-video-inner .course-video-btn{width:110px;height:40px;margin-left:12px;font-size:14px;font-weight:400;line-height:40px;border:none;-webkit-border-radius:20px;border-radius:20px;}
.course-price-buy .course-buy-btns .course-btn.bg-blue{color:#fff;-webkit-transition:none;transition:none;
  background:#26c6fd;
  background:-moz-linear-gradient(left, #26c6fd 0%, #2e9ef5 100%);
  background:-webkit-linear-gradient(left, #26c6fd 0%, #2e9ef5 100%);
  background:linear-gradient(to right, #26c6fd 0%, #2e9ef5 100%);
}
.course-price-buy .course-buy-btns .course-btn.bg-blue:hover{background:#2e9ef5;}
.course-price-buy .course-buy-btns .course-btn.bg-orange,.course-video-play .course-video-inner .course-video-btn.bg-orange{color:#fff;-webkit-transition:none;transition:none;
  background:#ffa123;
  background:-moz-linear-gradient(left, #ffa123 0%, #ff8747 100%);
  background:-webkit-linear-gradient(left, #ffa123 0%, #ff8747 100%);
  background:linear-gradient(to right, #ffa123 0%, #ff8747 100%);}
.course-price-buy .course-buy-btns .course-btn.bg-orange:hover,.course-video-play .course-video-inner .course-video-btn.bg-orange:hover{background:#ff8747;}
.course-price-buy .course-buy-btns .course-btn-buy,.course-video-play .course-video-inner .course-video-btn{position:relative;width:auto;min-width:110px;padding-right:20px;padding-left:20px;}
.course-price-buy .course-buy-btns .course-btn-buy > span + span,.course-video-play .course-video-inner .course-video-btn span + span{position:relative;padding-left:16px;margin-left:15px;}
.course-price-buy .course-buy-btns .course-btn-buy > span + span:before,.course-video-play .course-video-inner .course-video-btn span + span:before{position:absolute;top:50%;left:0;width:1px;height:15px;background-color:rgba(0,0,0,.1);content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.course-price-buy .course-buy-btns .course-btn-buy .coupon{position:absolute;top:-36px;right:0;padding-right:8px;padding-left:8px;height:25px;font-size:14px;font-weight:400;line-height:25px;color:#fff;white-space:nowrap;-webkit-border-radius:6px;border-radius:6px;display:flex;
  background:#f55c6a;
  background:-moz-linear-gradient(left, #f55c6a 0%, #ff887a 100%);
  background:-webkit-linear-gradient(left, #f55c6a 0%, #ff887a 100%);
  background:linear-gradient(to right, #f55c6a 0%, #ff887a 100%);}
.course-price-buy .course-buy-btns .course-btn-buy .coupon:after{position:absolute;bottom:-4px;right:45px;width:8px;height:8px;content:'';-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-transform:rotate(135deg);transform:rotate(135deg);background:linear-gradient(45deg, transparent 50%, #ff887a 0%);}
.course-price-buy .course-buy-btns .course-btn-buy .coupon em+em{margin-left:20px;}
/* 左侧-素材福利 */
.course-scfl{padding:20px 32px 20px 26px;margin-top:20px;margin-bottom:14px;-webkit-border-radius:6px;border-radius:6px;display:flex;flex-wrap:wrap;justify-content:flex-end;}
.course-scfl-left{flex:1;}
.course-scfl-right{display:flex;flex-direction:row-reverse;align-items:center;}
.course-scfl-left .course-h3{margin-bottom:12px;}
.course-scfl-list{display:flex;align-items:stretch;}
.course-scfl-item{width:140px;height:66px;background:#fff;-webkit-border-radius:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.course-scfl-item+.course-scfl-item{margin-left:10px;}
.course-scfl-item img{width:26px;height:26px;margin-right:7px;}
.course-scfl-item span{font-size:14px;line-height:20px;}
.course-scfl-right .saleman-wx-code{width:88px;height:88px;padding:6px;margin-left:20px;background:#fff;-webkit-border-radius:6px;border-radius:6px;}
.course-scfl-right .des{text-align:right;}
.course-scfl-right .des h4{margin-bottom:8px;font-size:16px;font-weight:500;line-height:22px;color:#027cdb;}
.course-scfl-right .des h6{font-size:14px;font-weight:400;line-height:20px;color:#707070;}
@media (min-width:768px){
  .course-scfl{padding:14px 16px;margin-bottom:8px;-webkit-border-radius:3px;border-radius:3px;}
  .course-scfl-right{margin-top:10px;}
  .course-scfl-item{width:100px;}
  .course-scfl-item img{width:18px;height:18px;margin-right:3px;}
  .course-scfl-right .saleman-wx-code{margin-left:8px;}
}
@media (min-width:992px){
  .course-scfl{padding:16px 18px;margin-bottom:10px;-webkit-border-radius:4px;border-radius:4px;}
  .course-scfl-right{margin-top:0;}
  .course-scfl-item{width:100px;}
  .course-scfl-item img{width:22px;height:22px;margin-right:4px;}
  .course-scfl-right .saleman-wx-code{margin-left:12px;}
}
@media (min-width:1200px){
  .course-scfl{padding:18px 22px;margin-bottom:12px;-webkit-border-radius:5px;border-radius:5px;}
  .course-scfl-item{width:130px;}
  .course-scfl-item img{width:24px;height:24px;margin-right:5px;}
  .course-scfl-right .saleman-wx-code{margin-left:16px;}
}
@media (min-width:1320px){
  .course-scfl{padding:20px 32px 20px 26px;margin-bottom:14px;-webkit-border-radius:6px;border-radius:6px;}
  .course-scfl-item{width:140px;}
  .course-scfl-item img{width:26px;height:26px;margin-right:7px;}
  .course-scfl-right .saleman-wx-code{margin-left:20px;}
}
/* 左侧-教程简介 */
.course-abstract{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #f1f3f5;}
.course-abstract .course-h3{margin-bottom:8px;}
.course-abstract .p{font-size:14px;line-height:20px;color:#707070;}
.course-abstract .p em{float:right;color:#027cdb;cursor:pointer;}
.course-abstract .banner{position:relative;width:100%;margin-top:20px;cursor:pointer;}
.course-abstract .banner img{width:100%;}
.course-abstract .banner .banner-btn{position:absolute;top:50%;right:52px;width:110px;height:35px;border:none;color:#fff;font-size:14px;line-height:35px;text-align:center;-webkit-border-radius:6px;border-radius:6px;-webkit-transform:translateY(-50%);transform:translateY(-50%);
  background:#f55c6a;
  background:-moz-linear-gradient(left,#f55c6a 0%,#ff887a 100%);
  background:-webkit-linear-gradient(left,#f55c6a 0%,#ff887a 100%);
  background:linear-gradient(to right,#f55c6a 0%,#ff887a 100%);
}
.course-abstract .banner:hover img{filter:brightness(1.1);}
@media (min-width:768px){
  .course-abstract .banner-btn{right:8px;}
}
@media (min-width:992px){
  .course-abstract .banner-btn{right:32px;}
}
@media (min-width:1200px){
  .course-abstract .banner-btn{right:52px;}
}
/*  */
.course-detail-tabs{padding-top:10px;display:flex;align-items:stretch;}
.course-detail-tabs .course-detail-tab{position:relative;font-size:16px;font-weight:400;line-height:42px;color:#525a67;cursor:pointer;}
.course-detail-tabs .course-detail-tab:hover{color:#212b34;}
.course-detail-tabs .course-detail-tab+.course-detail-tab{margin-left:48px;}
.course-detail-tabs .course-detail-tab.active{font-weight:500;color:#027cdb;cursor:default;}
.course-detail-tabs .course-detail-tab.active:before{position:absolute;top:100%;left:50%;width:30px;height:3px;content:'';background:#027cdb;-webkit-border-radius:2px;border-radius:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
/*  */
.course-detail-con{position:relative;padding-top:20px;padding-bottom:20px;}
.course-detail-con.det-course p{margin-top:8px;margin-bottom:8px;font-size:14px;line-height:24px;color:#43535c;word-break:break-word;}
.course-detail-con.det-course p span{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif!important;}
.course-detail-con.det-course img{display:block;max-width:100%;height:auto;margin:0 auto;-webKit-border-radius:6px;border-radius:6px;}
.course-detail-con.det-course .course-rules{padding:24px;font-size:14px;font-weight:400;line-height:24px;color:#707070;background:#f6f8fa;-webKit-border-radius:6px;border-radius:6px;}
.course-detail-con.det-course .course-rules h4{margin-bottom:8px;font-size:16px;font-weight:500;line-height:22px;color:#212b34;}
.course-detail-con.det-course .course-rules a{color:#027cdb;}
.course-detail-con.det-course .course-rules a:hover{text-decoration:underline;}
.course-detail-con.det-comment .comment{margin:0;border-color:transparent;}
.course-detail-con.det-comment .comment .comment-others{margin-top:0;border-top:none;}
.course-detail-con.det-comment .course-comment-default{padding-top:50px;padding-bottom:50px;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;}
.course-detail-con.det-comment .course-comment-default p{margin-top:20px;font-size:14px;font-weight:400;line-height:20px;color:#87959f;}
/* 右侧-老师信息 */
.detail-teacher-info{padding:20px;-webkit-border-radius:6px;border-radius:6px;}
.teacher-info,.teacher-info .teacher{display:flex;align-items:center;}
.detail-teacher-info p.p-intro{margin-top:12px;font-size:12px;line-height:18px;color:#525a67;display:-webkit-box;-webkit-line-clamp:2; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;}
.join-teacher-btn{width:100%;margin-top:16px;border:none;-webkit-border-radius:6px;border-radius:6px;}
.teacher-info .teacher{flex:1;}
.teacher-info .avatar{width:42px;height:42px;margin-right:12px;-webkit-border-radius:50%;border-radius:50%;}
.teacher-info .name{max-width:158px;font-size:14px;font-weight:500;line-height:20px;color:#212b34;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.teacher-info .btn-follow{position:relative;width:60px;height:28px;overflow:hidden;font-size:12px;font-weight:400;line-height:26px;color:#027cdb;background-color:#d4eafc;-webkit-border-radius:20px;border-radius:20px;}
.teacher-info .btn-follow:hover{background-color:#afd9fc;}
.teacher-info .btn-follow em{position:absolute;right:0;left:0;display:block;-webkit-transition:top .25s ease-in-out;transition:top .25s ease-in-out;}
.teacher-info .btn-follow em.em1 {top:0;}
.teacher-info .btn-follow em.em2 {top:100%;}
.teacher-info .btn-follow.atted{border-color:#027cdb;background-color:transparent;}
.teacher-info .btn-follow.atted:hover em.em1{top:-100%;}
.teacher-info .btn-follow.atted:hover em.em2{top:0;}
@media (min-width:768px){
  .detail-teacher-info{padding:8px;-webkit-border-radius:3px;border-radius:3px;}
  .join-teacher-btn{-webkit-border-radius:3px;border-radius:3px;}
  .teacher-info .avatar{width:36px;height:36px;margin-right:6px;}
  .teacher-info .name{max-width:58px;}
}
@media (min-width:992px){
  .detail-teacher-info{padding:12px;-webkit-border-radius:4px;border-radius:4px;}
  .join-teacher-btn{-webkit-border-radius:4px;border-radius:4px;}
  .teacher-info .avatar{width:38px;height:38px;margin-right:8px;}
  .teacher-info .name{max-width:92px;}
}
@media (min-width:1200px){
  .detail-teacher-info{padding:16px;-webkit-border-radius:5px;border-radius:5px;}
  .join-teacher-btn{-webkit-border-radius:5px;border-radius:5px;}
  .teacher-info .avatar{width:40px;height:40px;margin-right:10px;}
}
@media (min-width:1320px){
  .detail-teacher-info{padding:20px;-webkit-border-radius:6px;border-radius:6px;}
  .join-teacher-btn{-webkit-border-radius:6px;border-radius:6px;}
  .teacher-info .avatar{width:42px;height:42px;margin-right:12px;}
  .teacher-info .name{max-width:158px;}
}
/* 右侧-课程目录 */
.course-menu-list{padding:16px 16px 12px;-webkit-border-radius:6px;border-radius:6px;}
.menu-list-heading{margin-bottom:12px;display:flex;align-items:center;}
.menu-list-heading h4{font-size:16px;font-weight:500;line-height:22px;color:#212b34;flex:1;}
.menu-list-heading .course-total{color:#87959f;font-size:12px;font-weight:400;line-height:18px;}
.course-menu-list .menu-list{max-height:403px;min-height:132px;padding-right:11px;margin-right:-11px;overflow:hidden;overflow-y:auto;color:#212b34;}
.course-menu-list .menu-list::-webkit-scrollbar{width:3px;-webkit-border-radius:2px;border-radius:2px;}
.course-menu-list .menu-list::-webkit-scrollbar-thumb{background:#e3e9ef;}
.course-menu-list .menu-list:hover::-webkit-scrollbar-thumb{background:#b1bbc3;}
.course-menu-list .menu-list-li{position:relative;height:33px;padding-right:16px;padding-left:16px;cursor:pointer;-webkit-border-radius:6px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;}
.course-menu-list .menu-list-li+.menu-list-li{margin-top:4px;}
.course-menu-list .menu-list-li p{overflow:hidden;font-size:12px;font-weight:400;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;flex:1;}
.course-menu-list .menu-list-li .tag{width:38px;margin-left:10px;font-size:12px;line-height:16px;text-align:center;-webkit-border-radius:10px;border-radius:10px;}
.course-menu-list .menu-list-li .tag.free{height:18px;color:#027cdb;border:1px solid #027cdb;}
.course-menu-list .menu-list-li .tag.fee{height:16px;color:#48280f;
  background:#ffe2b4;
  background:-moz-linear-gradient(left,#ffe2b4 0%,#bf9053 100%);
  background:-webkit-linear-gradient(left,#ffe2b4 0%,#bf9053 100%);
  background:linear-gradient(to right,#ffe2b4 0%,#bf9053 100%);
}
.course-menu-list .menu-list-li.active{padding-left:40px;background:#fff;cursor:default;}
.course-menu-list .menu-list-li.active p{cursor:default;}
.course-menu-list .menu-list-li.active .living-anim{visibility:visible;opacity:1;}
.course-menu-list .menu-list-li:hover{background:#fff;}
.course-menu-list .menu-list-li .living-anim{position:absolute;top:50%;left:16px;width:10px;height:10px;visibility:hidden;opacity:0;
  -webkit-transform:translateY(-50%);transform:translateY(-50%);display:flex;align-items:flex-end;justify-content:space-between;}
.course-menu-list .menu-list-li .living-anim .living-em{width:2px;-webkit-border-radius:2px;border-radius:2px;background-color:#027cdb;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:0.8s;animation-duration:0.8s;}
.course-menu-list .menu-list-li .living-anim .living-em:nth-child(1){height:6px;-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.course-menu-list .menu-list-li .living-anim .living-em:nth-child(2){height:10px;-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.course-menu-list .menu-list-li .living-anim .living-em:nth-child(3){height:8px;-webkit-animation-delay:0.6s;animation-delay:0.6s;}
@media (min-width:768px){
  .course-menu-list{padding:10px 10px 6px;-webkit-border-radius:3px;border-radius:3px;}
  .menu-list-heading{margin-bottom:6px;}
  .course-menu-list .menu-list{max-height:373px;}
  .course-menu-list .menu-list-li{padding-right:10px;padding-left:10px;-webkit-border-radius:3px;border-radius:3px;}
  .course-menu-list .menu-list-li+.menu-list-li{margin-top:1px;}
  .course-menu-list .menu-list-li .tag{margin-left:4px;}
  .course-menu-list .menu-list-li.active{padding-left:18px;}
  .course-menu-list .menu-list-li .living-anim{left:4px;}
}
@media (min-width:992px){
  .course-menu-list{padding:12px 12px 8px;-webkit-border-radius:4px;border-radius:4px;}
  .menu-list-heading{margin-bottom:8px;}
  .course-menu-list .menu-list{max-height:383px;}
  .course-menu-list .menu-list-li{padding-right:12px;padding-left:12px;-webkit-border-radius:4px;border-radius:4px;}
  .course-menu-list .menu-list-li+.menu-list-li{margin-top:2px;}
  .course-menu-list .menu-list-li .tag{margin-left:6px;}
  .course-menu-list .menu-list-li.active{padding-left:24px;}
  .course-menu-list .menu-list-li .living-anim{left:8px;}
}
@media (min-width:1200px){
  .course-menu-list{padding:14px 14px 10px;-webkit-border-radius:5px;border-radius:5px;}
  .menu-list-heading{margin-bottom:10px;}
  .course-menu-list .menu-list{max-height:393px;}
  .course-menu-list .menu-list-li{padding-right:14px;padding-left:14px;-webkit-border-radius:5px;border-radius:5px;}
  .course-menu-list .menu-list-li+.menu-list-li{margin-top:3px;}
  .course-menu-list .menu-list-li .tag{margin-left:8px;}
  .course-menu-list .menu-list-li.active{padding-left:30px;}
  .course-menu-list .menu-list-li .living-anim{left:12px;}
}
@media (min-width:1320px){
  .course-menu-list{padding:16px 16px 12px;-webkit-border-radius:6px;border-radius:6px;}
  .menu-list-heading{margin-bottom:12px;}
  .course-menu-list .menu-list{max-height:403px;}
  .course-menu-list .menu-list-li{padding-right:16px;padding-left:16px;-webkit-border-radius:6px;border-radius:6px;}
  .course-menu-list .menu-list-li+.menu-list-li{margin-top:4px;}
  .course-menu-list .menu-list-li .tag{margin-left:10px;}
  .course-menu-list .menu-list-li.active{padding-left:40px;}
  .course-menu-list .menu-list-li .living-anim{left:16px;}
}
/* 右侧-下载 */
.course-app-download{width:320px;height:180px;padding-bottom:20px;padding-left:16px;background:url('https://assets-cdn.lanqb.com/lanqb/course/det-b3@2x.webp') no-repeat center bottom;background-size:100% 100%;display:flex;align-items:flex-end;}
.course-app-download .course-app-btn{width:100px;height:34px;color:#fff;background:#2eeaf1;border:none;font-size:14px;font-weight:500;line-height:34px;border-radius:20px;}
.course-app-download .course-app-btn:hover{filter:brightness(.95);}
@media (min-width:768px){
  .course-app-download{width:180px;height:101px;padding-bottom:10px;padding-left:10px;}
  .course-app-download .course-app-btn{width:60px;height:24px;font-size:12px;line-height:24px;}
}
@media (min-width:992px){
  .course-app-download{width:230px;height:129px;padding-bottom:16px;padding-left:12px;}
  .course-app-download .course-app-btn{width:70px;height:24px;font-size:13px;line-height:24px;}
}
@media (min-width:1200px){
  .course-app-download{width:280px;height:158px;padding-bottom:18px;padding-left:14px;}
  .course-app-download .course-app-btn{width:80px;height:27px;font-size:14px;line-height:27px;}
}
@media (min-width:1320px){
  .course-app-download{width:320px;height:180px;padding-bottom:20px;padding-left:16px;}
  .course-app-download .course-app-btn{width:100px;height:34px;line-height:34px;}
}
/* 右侧-资讯 */
.course-news-list{padding:20px 16px;-webkit-border-radius:6px;border-radius:6px;}
.course-news-list .course-news{display:flex;align-items:center;}
.course-news{position:relative;}
.course-news+.course-news{margin-top:41px;}
.course-news+.course-news:before{position:absolute;top:-21px;right:8px;left:8px;height:1px;background-color:#e3e9ef;content:'';}
.course-news .cover{width:70px;height:70px;}
.course-news .des{padding-left:10px;flex:1;}
.course-news .des h4{font-size:18px;font-weight:500;line-height:25px;color:#212b34;display:flex;flex-wrap:wrap;align-items:center;}
.course-news .des h4 span{font-size:16px;font-weight:400;line-height:22px;}
.course-news .des p{margin-top:8px;font-size:14px;font-weight:400;line-height:20px;color:#707070;}
.course-news .link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;}
.course-news:hover .cover{filter:brightness(.95);}
.course-news:hover .des h4{color:#027cdb;}
@media (min-width:768px){
  .course-news-list{padding:14px 4px;-webkit-border-radius:3px;border-radius:3px;}
  .course-news+.course-news{margin-top:25px;}
  .course-news+.course-news:before{top:-13px;right:2px;left:2px;}
  .course-news .cover{width:42px;height:42px;}
  .course-news .des{padding-left:4px;}
  .course-news .des h4{font-size:12px;}
  .course-news .des h4 span{font-size:12px;}
  .course-news .des p{margin-top:0;font-size:12px;}
}
@media (min-width:992px){
  .course-news-list{padding:16px 10px;-webkit-border-radius:4px;border-radius:4px;}
  .course-news+.course-news{margin-top:31px;}
  .course-news+.course-news:before{top:-16px;right:4px;left:4px;}
  .course-news .cover{width:54px;height:54px;}
  .course-news .des{padding-left:6px;}
  .course-news .des h4{font-size:15px;}
  .course-news .des h4 span{font-size:14px;}
  .course-news .des p{margin-top:5px;font-size:13px;}
}
@media (min-width:1200px){
  .course-news-list{padding:18px 14px;-webkit-border-radius:5px;border-radius:5px;}
  .course-news+.course-news{margin-top:37px;}
  .course-news+.course-news:before{top:-19px;right:6px;left:6px;}
  .course-news .cover{width:64px;height:64px;}
  .course-news .des{padding-left:8px;}
  .course-news .des h4{font-size:16px;}
  .course-news .des h4 span{font-size:15px;}
  .course-news .des p{margin-top:6px;font-size:14px;}
}
@media (min-width:1320px){
  .course-news-list{padding:20px 16px;-webkit-border-radius:6px;border-radius:6px;}
  .course-news+.course-news{margin-top:41px;}
  .course-news+.course-news:before{top:-21px;right:8px;left:8px;}
  .course-news .cover{width:70px;height:70px;}
  .course-news .des{padding-left:10px;}
  .course-news .des h4{font-size:18px;}
  .course-news .des h4 span{font-size:16px;line-height:22px;}
  .course-news .des p{margin-top:8px;}
}
/* 右侧-推荐课程 */
.course-rela-item{margin-top:10px;display:flex;align-items:stretch;}
.course-rela-item .cover{width:124px;height:93px;overflow:hidden;background-color:#d8d8d8;-webkit-border-radius:6px;border-radius:6px;}
.course-rela-item .cover img{width:100%;height:100%;}
.course-rela-item .des{padding:2px 2px 2px 12px;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.course-rela-item .des h4{margin-bottom:4px;}
.course-rela-item .des h4 a{font-size:14px;font-weight:500;line-height:20px;}
.course-rela-item .des h4 a:hover{color:#027cdb;}
.course-rela-p{white-space:nowrap;display:flex;align-items:center;flex-wrap:wrap;}
.course-rela-p span{padding-right:6px;padding-left:6px;margin-right:14px;color:#87959f;font-size:12px;line-height:21px;background-color:#f6f8fa;-webkit-border-radius:6px;border-radius:6px;}
.course-rela-p em{color:#b1b5b9;font-size:12px;line-height:18px;}
.course-rela-item:hover .cover img{filter:brightness(1.08);}
@media (min-width:768px){
  .course-rela-item .cover{width:72px;height:54px;-webkit-border-radius:3px;border-radius:3px;}
  .course-rela-item .des{padding-left:6px;}
}
@media (min-width:992px){
  .course-rela-item .cover{width:82px;height:62px;-webkit-border-radius:4px;border-radius:4px;}
  .course-rela-item .des{padding-left:8px;}
}
@media (min-width:1200px){
  .course-rela-item .cover{width:112px;height:84px;-webkit-border-radius:5px;border-radius:5px;}
  .course-rela-item .des{padding-left:10px;}
}
@media (min-width:1320px){
  .course-rela-item .cover{width:124px;height:93px;-webkit-border-radius:6px;border-radius:6px;}
  .course-rela-item .des{padding-left:12px;}
}
/* 兑换弹框 */
.redeem-modal{background-color:rgba(0,0,0,0.3);}
/* 加群弹框 */
.dachu-popup-qq .popup-icon {background-color:#027cdb;}
.dachu-popup-qq input#dc-qun-input,.dachu-popup-qq .popup-tips,.dachu-popup-qq .popup-close i:hover{color:#027cdb;}
/* 收藏toast */
.vcourse-toast{position:fixed;top:50%;left:50%;z-index:99;min-width:146px;padding:15px;background:#fff;font-size:14px;line-height:20px;text-align:center;border-radius:4px;-webkit-border-radius:4px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.15);transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.vcourse-toast img{width:15px;height:15px;margin-right:10px;}

/* 专属老师-弹框 */
.qrcode-modal{position:fixed;z-index:100;}
.popup-qrcode{position:fixed;display:block;width:520px;margin-top:-199px;margin-left:-309px;background:transparent;}
.popup-qrcode .popup-close{top:0;right:0;}
.popup-qrcode .popup-close i{color:#fff;font-size:28px;}
.popup-qrcode .popup-close:hover i {color:rgba(255,255,255,.85);}
.popup-qrcode .popup-content{position:relative;width:100%;}
.popup-qrcode .popup-content>img{width:100%;height:100%;}
.popup-qrcode .popup-content .qrcode-box{position:absolute;top:106px;right:32px;width:144px;color:#fff;text-align:center;font-size:14px;}
.popup-qrcode .popup-content .qrcode-box .qrcode{width:130px;height:130px;padding:7px;margin-bottom:12px;background:#fff;box-sizing:border-box;-webkit-border-radius:5px;border-radius:5px;}
.popup-qrcode .popup-content .qrcode-box p{font-size:16px;line-height:24px;}