.course-detail .van-tabs__line{background-color:#e23741}.course-detail .van-tab{font-size:16px}.course-detail .van-tabs--line .van-tabs__wrap{border-bottom:1px solid #f2f3f5}.course-detail .app-content{margin-top:10px;background:#fff}.course-detail .course-detail-top .van-image{width:100%}.course-detail .course-detail-top .van-image__img{max-height:56.25vw}.course-detail .course-detail-top .course-detail-top_content{padding:16px;background:#fff}.course-detail .course-detail-top .course-detail_desc{font-size:18px;color:#323232;line-height:24px;font-weight:bolder}.course-detail .course-detail-top .course-detail_star{margin-top:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.course-detail .course-detail-top .course-detail_star div{color:#969696;font-size:14px}.course-detail .course-detail-top .course-detail_star div:first-of-type{color:#969696;font-size:12px;line-height:20px}.course-detail .course-detail-top .course-detail_star div:nth-of-type(2){display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#ff8900;font-size:14px}.course-detail .course-detail-top .course-detail_star div:nth-of-type(2) img{width:20px;height:20px;border-radius:50%;margin-right:4px}.course-detail .course_detail_content{padding:16px;white-space:pre-line;word-break:break-all}.course-detail .course_detail_list{padding:16px}.course-detail .course_detail_list .course_detail_item{background:#fff;padding:12px 8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:14px;color:#323232;margin-bottom:15px;border-radius:5px}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:first-of-type{font-size:16px;font-weight:500}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2){font-size:12px;margin-top:13px}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2) .study_end{padding:5px 8px;background:#f7f7f7;border-radius:2px;margin-right:8px}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2) .noNeedFinish{color:#19a187}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2) .needFinish{color:#ff2d2d}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2) .course_info{color:#646464;position:relative;margin-right:17px}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2) .course_info:after{position:absolute;right:-8px;top:1px;content:"";width:1px;height:14px;background:rgba(31,35,41,.15)}.course-detail .course_detail_list .course_detail_item .course_detail_item_l p:nth-of-type(2) .study_process{color:#e23741}.course-detail .course_detail_list .course_detail_item .course_detail_item_l .course_title_gray{color:#323232}.course-detail .course_detail_list .course_detail_item .course_detail_item_l .course_title_green{color:#e23741}.course-detail .course_detail_list .course_detail_item .course_detail_item_r div{background:#f3f5f6;width:70px;height:30px;border-radius:15px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#e23741;font-size:12px;font-weight:500}.course-detail .course_detail_list .course_detail_item .course_detail_item_r div img{width:14px;margin-right:4px}.course-detail .course_detail_list .course_detail_item .course_detail_item_r div .playIcn{width:10px}.course-detail .course_detail_list .course_detail_item.hasBorder{border:1px solid #ffd858}.course-detail .course_detail_list .course_detail_item.NoBorder{border:none}.course-detail .course_detail_exam{padding:16px}.course-detail .course_detail_exam .course_detail_exam_item:not(:last-child){margin-bottom:12px}.course-detail .course_detail_exam .course_detail_exam_item{position:relative;padding:16px;background:#fff;color:#323232;border:1px solid #dcdee0;border-radius:10px}.course-detail .course_detail_exam .course_detail_exam_item .course_detail_exam_item_top p:first-of-type{font-size:16px;font-weight:bolder;margin-bottom:8px}.course-detail .course_detail_exam .course_detail_exam_item .course_detail_exam_item_top p:nth-of-type(2){font-size:14px}.course-detail .course_detail_exam .course_detail_exam_item .course_detail_exam_item_top p:nth-of-type(2) span{display:block}.course-detail .course_detail_exam .course_detail_exam_item .course_detail_exam_item_bot{border-top:1px solid #f2f3f5;display:-webkit-box;display:-webkit-flex;display:flex;height:50px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:14px}.course-detail .course_detail_exam .course_detail_exam_item .course_detail_exam_item_pass{position:absolute;right:10px;top:10px}.course-detail .course_detail_exam .course_detail_exam_item .course_detail_exam_item_pass img{width:62px;height:auto;display:block;border-radius:50%}.course-detail .course_detail_exam .course_detail_exam_item .start_exam_btn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.course-detail .course_detail_exam .course_detail_exam_item .start_exam_btn p{background:#e23741;color:#fff;font-size:12px;width:30%;height:24px;line-height:24px;text-align:center;border-radius:10px}.course-detail .course_detail_exam .examActive{border:1px solid #ff3130}.course-detail .course_detail_examNo{text-align:center;font-size:14px;margin-top:20px}.course-detail .pay_footer{height:50px;background:#fff;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.course-detail .pay_footer span:first-of-type{-webkit-box-flex:1;-webkit-flex:1;flex:1;padding-left:17px}.course-detail .pay_footer span:nth-of-type(2){width:157px;height:50px;line-height:50px;background:#ff3130;color:#fff;font-size:16px;text-align:center}.audioBox{width:100%;position:relative}.audioBox img{width:100%;height:auto;max-height:300px;display:block}.audioBox .van-icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:60px;color:#646566}.audioBox .controls_audio{position:absolute;bottom:0;left:0;width:100%;height:30px;padding:0 15px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:rgba(0,0,0,.7)}.audioBox .controls_audio .van-count-down{color:#fff}.audioBox .controls_audio .van-slider{margin:0 20px}.videoBox{width:100%;position:relative}.videoBox video{max-height:56.25vw}.videoBox .isBuyCourse{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.videoBox .isBuyCourse span{padding:10px 20px;background:#fff;border-radius:5px;font-size:20px;display:block;color:#f45a5a}.videoBox .myAudio{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute;bottom:0;left:0;width:100%;height:50px;background:rgba(0,0,0,.5);padding:0 16px}.videoBox .myAudio span{color:#fff;font-size:14px}.videoBox .myAudio span .van-icon{font-size:30px;font-weight:500;color:#fff}.videoBox .myAudio .van-slider{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin:0 10px}/deep/ video::-webkit-media-controls-play-button{display:none o!important}html[data-theme=common]:root{--primary-color:#e23741}html[data-theme=subway]:root{--primary-color:#488ac4}:root{--primary-color:#e23741}