/*//全屏弹框广告：*/

.dialog{visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2200;transition:visibility .3s}
.dialog .mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;opacity:.6;z-index:190;transition:visibility .3s}
.dialog .box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:200}
.dialog .dialog-wrapper{transform:scale(0);transition:all .3s;z-index:220;position:relative;background:#FFFFFF;box-shadow:0px 24px 36px rgba(0,0,0,0.1);border-radius:4px;padding:24px}
.dialog{z-index:9999999}
.act_dialog .dialog-wrapper{width:auto;max-height:535px}
.act_dialog .mask{opacity:.8}
.actImage{cursor:pointer}
.actImage img{height:100%;max-width:550px;max-height:535px;display:block;margin:0 auto}
.act_dialog .close{position:absolute;bottom:-70px;left:50%;transform:translateX(-50%)}
.dialog_show .dialog-wrapper{transform:scale(1)}
.dialog_show{visibility:visible}
.dialog .tip-box{margin:24px 0;font-size:14px;line-height:22px;color:#1D2129}
.dialog .dialog-close{position:absolute;top:14px;right:16px;cursor:pointer}
.dialog-show{visibility:visible}
.dialog-show .dialog-wrapper{transform:scale(1)}
.dialog-show .mask{opacity:0.6}
.btn-dialog-blue{padding:7px 20px;background:#165DFF;border-radius:2px;color:#FFFFFF;font-size:14px}


.header-banners{width:100%;height:80px;position:fixed;background:#fff}
.header-banners img{width:100%;max-width:1920px;height:100%;display:block;margin:0 auto}

.toastBox{display:none;position:fixed;top:50%;left:0;text-align:center;width:100%;transform:translateY(-50%);z-index:999}
.toastBox .box{display:inline-block;padding:8px 24px;color:white;font-size:16px;background:rgba(0,0,0,0.7);border-radius:3px;letter-spacing:1px;cursor:default}

/*直播课预约*/
.QRCodeBox{position:relative;padding:38px 0 36px;text-align:center;width:400px;min-height:422px;border-radius:19.81px;background:linear-gradient(0deg,#F9FBFF 0%,#D0DBFF 97%)}
.QRCodeBox::before{display:block;position:absolute;content:"";left:13px;top:5px;width:309px;height:310px;background-size:100% 100%}
.QRCodeBox .dialog-close{position:absolute;right:-26px;top:-26px;cursor:pointer}
.QRCodeBox .dialog-tit{line-height:28px;font-size:24px;font-weight:bold;color:#3D3D3D;margin-bottom:11px;position:relative;z-index:10}
.QRCodeBox .dialog-describe{line-height:21px;font-size:18px;font-weight:bold;color:#FF3B3B;position:relative;z-index:10}
.QRCodeBox .QRImage{margin:18px auto;display:block;width:200px;height:200px;border-radius:7.92px;object-fit:cover;position:relative;z-index:10;background:#fff}
.QRCodeBox .scan{margin-bottom:13px}
.QRCodeBox .scan,.QRCodeBox .tips{line-height:19px;color:#28293D}
.wrapper{min-height:350px}



/*评论模块*/
.course-comment-box{margin-bottom:24px}
.not-study-course{margin-top:24px;text-align:center;color:#000000;font-size:14px}
.not-study-course .study{margin-left:4px;color:#0063F7;font-weight:bold;cursor:pointer}
.is-study-course{margin-top:24px}
.is-study-course .operate-scoring{margin-bottom:12px;color:#000000;font-size:0}
.is-study-course .operate-scoring .list{display:inline-block;vertical-align:middle;font-size:14px}
.is-study-course .operate-scoring .explain{margin-right:12px}
.is-study-course .course-scoring .score{margin-right:12px;font-size:0}
.is-study-course .course-scoring .score span{display:inline-block;margin-right:2px;vertical-align:middle;width:16px;height:20px;background-image:url('https://www.jcpeixun.com/img/start-normal.svg');background-repeat:no-repeat;background-position:center center;cursor:pointer}
    .is-study-course .course-scoring .score .active {        background-image: url('https://www.jcpeixun.com/img/start-active.svg')    }
.is-study-course .course-scoring .evaluate{margin-right:12px;font-size:14px}
.is-study-course .course-scoring .quick-evaluation span,.is-study-course .course-difficulty .quick-difficulty span{display:inline-block;margin-right:8px;vertical-align:middle;padding:2px 4px;background:#FFFFFF;color:#8F90A6;font-size:14px;border-radius:3px;border:1px solid #E4E4EB;cursor:pointer;transition:all .3s}
.is-study-course .course-scoring .quick-evaluation:last-child{margin-right:0}
.is-study-course .course-scoring .quick-evaluation .active{background:#FFCC00;border-color:#FFCC00;color:#28293D}
.is-study-course .course-difficulty .quick-difficulty .active{background:#0063F7;border-color:#0063F7;color:#FFFFFF}
.user-comment-box{margin-top:12px}
.comment-edit-box{position:relative;height:69px}
.comment-edit-box .comment-input{width:100%;height:100%;border:0;padding:12px;border-radius:6px 6px 0 0;color:#28293D;font-size:14px;resize:none}
.comment-edit-box .comment-input::placeholder{color:#8F90A6}
.comment-edit-box .comment-input::-webkit-scrollbar{display:none}
.comment-edit-box .number-words{position:absolute;bottom:12px;right:12px;color:#8F90A6;font-size:12px}
.comment-edit-box .number-words i{transition:color .3s}
.comment-edit-box .number-words .text-active{color:#0063F7}
.comment-operate{position:relative;height:50px;line-height:50px;border:1px solid #E4E4EB;padding:0 12px;border-radius:0 0 6px 6px;border-top:none}
.comment-operate .expression-box{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url('../img/expression.png')no-repeat center center;border:1px solid #E4E4EB;border-radius:3px;cursor:pointer}
.comment-operate .btn-send-comment{height: 40px;
    line-height: 40px;position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#9DBFF9;border-radius:3px;font-size:14px;padding:0px 12px;color:#FFFFFF;cursor:not-allowed;transition:all .3s}
.comment-operate .btn-active{background:#0063F7;cursor:pointer}
.reply-content a{text-decoration: underline;}

/*课程章节*/
.badge:empty{display: none;}
.skeleton-title{height: 1.5rem;background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
    background-size: 200% 100%;
    animation: shimmer 1.5s infinite;
    border-radius: 0.375rem;}

@keyframe shimmer{
 0% { background-position: -200% 0 } 
 100% { background-position: 200% 0 } 
}
.skeleton-title-item{height: 4.9rem;background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);}

.nav-part a.active{--tw-text-opacity: 1;    color: rgb(37 99 235 / var(--tw-text-opacity, 1));--tw-border-opacity: 1;
    border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));border-bottom-width: 2px;}

section .course-list h5 .collapses {
  width: 6px;
  height: 12px;
  background: url("../img/more.png")0px 0px no-repeat;
  background-size: 100% 100%;
  transition: transform .4s;
  position: absolute;
  right: 32px;
  top: 50%;
  margin-top: -5px;
}

.lesson-item{border-width: 2px !important;}
.lesson-item:hover{--tw-border-opacity: 1;
    border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
    border-width: 2px;}

.study-state-1 .play-icon{--tw-bg-opacity: 1;    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));border-radius: 0.5rem;}
.study-state-1 .play-icon::before {display: block; width: 22px;height: 22px; content: '';background-image: url('../assets/img/g2.svg')}
.study-state-0 .play-icon{--tw-bg-opacity: 1;    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));border-radius: 0.5rem;}
.study-state-0 .play-icon::before {display: block; width: 22px;height: 22px; content: '';background-image: url('../assets/img/g3.svg')}
.study-state-0.active .play-icon::before{background-image: url('../assets/img/g4.svg')}
.study-state-0.active .play-icon{--tw-bg-opacity: 1;    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));}

.playauth-0 *{--tw-text-opacity: 1;color: rgb(148 163 184 / var(--tw-text-opacity, 1)) !important;}
.playauth-0 .play-icon::before{background-image: url('../assets/img/lock.svg')}