/* 课程分类 */
.wt-lesson-type{padding-top: 36px;padding-bottom: 36px;}
.wt-lesson-type-box{position: relative;}
.wt-lesson-type-box+.wt-lesson-type-box{border-top: 1px dashed #e9e9e9;}
.wt-lesson-type-tit{position: absolute;width: 86px;text-align: right;font-size: 14px;font-weight: 500; color: #363636;line-height: 30px;padding-top: 16px;}
.wt-lesson-type-list{margin-left: 108px;}
.wt-lesson-type-ul{padding: 16px 0;}
.wt-lesson-type-ul+.wt-lesson-type-ul{border-top: 1px dashed #e9e9e9;}
.wt-lesson-type-ul > div{display: inline-block;padding: 4px 10px; border-radius: 2px; font-size: 14px; color: #868686; cursor: pointer; transition: none;}
.wt-lesson-type-ul > div:hover{background: #D23E31;color: #fff !important;}
.wt-lesson-type-this{background: #D23E31;color: #fff !important;}

/* 课程列表 */
.wt-lesson-list-ul{margin-top: 16px;}
.wt-lesson-list-li{border-radius: 8px;overflow: hidden;transition: all 0.26s;border: 1px solid rgba(0,0,0,0.08);cursor: pointer;}
.wt-lesson-list-img{width: 100%;height: 168px;position: relative;box-shadow: 0px 16px 16px 0 rgba(0,0,0,.16);}
.wt-lesson-list-img img{width: 100%;height: 100%;filter:brightness(95%);}
.wt-lesson-list-img-text{position: absolute;bottom: 0;left: 0;right: 0;height: 36px;background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,0.44));overflow: hidden;}
.wt-lesson-list-img-ks{color: #fff;line-height: 36px;padding-right: 16px;text-align: right;font-size: 14px;}
.wt-lesson-list-txt{background-color: #fff;padding: 16px;}
.wt-lesson-list-tit{color: #363636;font-size: 16px;font-weight: 700;font-family: Arial, Helvetica, sans-serif;text-shadow: 0px 8px 8px rgba(255,255,255,0.86);line-height: 26px;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.wt-lesson-list-info{margin-top: 16px;}
.wt-lesson-list-jg{color:  #e73900;font-size: 16px;}
.wt-lesson-list-pt{float: right;margin-top: -19px;}
.wt-lesson-list-pt-logo{height: 12px;width: 12px;display: inline-block;}
.wt-lesson-list-pt-logo img{width: 100%;width: 100%;}
.wt-lesson-list-pt-name{color: #868686;font-size: 12px;display: inline-block;}
.wt-lesson-list-li:hover{margin-top: -5px;margin-bottom: 5px;transition: all 0.26s;box-shadow: 1px 5px 16px rgba(0, 0, 0, 0.16);}
.wt-lesson-list-li:hover .wt-lesson-list-img img{filter:brightness(103%);}

/* 详情 */
.wt-lesson-detail-box{background-color: #fff;border-radius: 8px;}
.wt-lesson-detail-img{padding: 14px 0 14px 21px;width: 389px;height: 235px;}
.wt-lesson-detail-img img{width: 100%;height: 100%;border-radius: 6px;}
.wt-lesson-detail-img-paly{}
.wt-lesson-detail-info{position: relative;padding: 14px 0 14px 4px;width: 389px;height: 235px;}
.wt-lesson-detail-tit{font-size: 24px;font-weight: 500; color: #363636; line-height: 34px;}
.wt-lesson-detail-logo{text-align: right;margin-right: 26px;margin-top: 6px;}
.wt-lesson-detail-logo img{width: 24px; height: 24px; opacity: 1;margin-right: 6px;}
.wt-lesson-detail-logo span{font-size: 18px; font-weight: 700; color: #d8d8d8; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;vertical-align:top;}
.wt-lesson-detail-type{overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;color: #888;line-height: 30px;padding: 0 15px;background: #FAEBEA; border-radius: 2px;display: inline-block;font-size: 14px;margin-top: 16px;}
.wt-lesson-detail-ks{text-align: right;margin-right: 26px;margin-top: 21px;font-size: 14px;line-height: 30px;color: #868686;}
.wt-lesson-detail-ks span{color: #D23E31;font-size: 16px;line-height: 30px;font-weight: 800;margin-right: 4px;}
.wt-lesson-detail-ks i{font-size: 12px;vertical-align:top;}
.wt-lesson-detail-tel{color: #999;font-size: 14px;margin-top: 16px;}
.wt-lesson-detail-price{font-size: 24px;font-weight: 500;color: #e03b00;margin-top: 8px;}
.wt-lesson-detail-paly{position: absolute;bottom: 15px;left: 4px;}
.wt-lesson-detail-paly .layui-btn { border-color: #D23E31; color: #e73900; border-radius: 2px; padding-right: 36px;padding-left: 30px;}
.wt-lesson-detail-sc{font-size: 12px;position: absolute;bottom: 12px;right: 26px;cursor: pointer;}
.wt-lesson-detail-sc i{color: #868686;}
.wt-lesson-detail-sc span{vertical-align:top;color: #868686;margin-left: 4px;}

.wt-lesson-detail-xx-type{border-bottom: 1px solid rgba(0,0,0,0.08);position: relative;padding: 0 16px;}
.wt-lesson-detail-xx-an{}
.wt-lesson-detail-xx-an div{display: inline-block;padding: 16px;cursor: pointer;}
.wt-lesson-detail-xx-an > div+div{margin-left: 16px;}
.wt-lesson-detail-xx-an span{font-size: 16px;padding-bottom: 14px;}
.wt-lesson-detail-xx-an .wt-type-this span{color: #D23E31;border-bottom: 3px solid #D23E31;}
.wt-lesson-detail-xx-an div:hover span{color: #D23E31;}
.wt-lesson-detail-xx-lx{position: absolute;top: 11px;right: 16px;}
.wt-lesson-detail-xx-box{padding: 32px;min-height: 696px;}
.wt-lesson-detail-xx-info{}
.wt-lesson-detail-xx-info > div+div{margin-top: 26px;}
.wt-lesson-detail-xx-info-tit{font-size: 16px; font-weight: 500; color: #333; box-sizing: border-box; padding-left: 13px; position: relative;}
.wt-lesson-detail-xx-info-tit:before { content: ""; width: 3px; height: 14px;position: absolute; top: 5px; left: 0;background: #D23E31;}
.wt-lesson-detail-xx-info-xxx > p{ color: #525252; margin: 13px 0 20px; box-sizing: border-box; white-space: pre-line;font-size: 14px;padding: 0;padding-left: 15px;}
.wt-lesson-detail-xg-js{text-align: center;}
.wt-lesson-detail-xg-js-tit{width: 100%; padding: 20px; font-size: 18px; font-weight: 500; color: #363636;text-align: left;}
.wt-lesson-detail-xg-js-img{text-align: center;display: inline-block;padding: 2px;border: 1px solid rgba(0,0,0,0.08);border-radius: 2px;}
.wt-lesson-detail-xg-js-img img{border-radius: 2px;}
.wt-lesson-detail-xg-js-name{text-align: center;font-size: 14px;color: #363636;line-height: 50px;}
.wt-lesson-detail-xg-js-tx{text-align: center;font-size: 14px;color: #686868;}
.wt-lesson-detail-xg-js-zj{text-align: center;font-size: 14px;color: #686868;padding-bottom: 36px;}
.wt-lesson-detail-xg-tjkc{padding:0 20px;}
.wt-lesson-detail-xg-tjkc-item{position: relative;height: 61px;}
.wt-lesson-detail-xg-tjkc-item+.wt-lesson-detail-xg-tjkc-item{margin-top: 16px;}
.wt-lesson-detail-xg-tjkc-img{width: 108px;height: 61px;position: absolute;top: 0;left: 0;}
.wt-lesson-detail-xg-tjkc-img img{width: 108px;height: 61px;border-radius: 4px;}
.wt-lesson-detail-xg-tjkc-txt{margin-left: 120px;font-size: 14px;color: #363636;padding-top: 2px;}
.wt-lesson-detail-xx-list{display: none;margin-top: -10px;margin-left: -8px;}

/* 视频 */
.wt-lesson-video-top{background-color: #161616;height: 68px;text-align: center;color: #fff;position: relative;overflow: hidden;}
.wt-lesson-video-top img{height: 56px;position: absolute;top: 6px;left: 12px;cursor: pointer;}
.wt-lesson-video-top span{font-size: 18px;line-height: 68px;}
.wt-lesson-video-main{height: calc(100vh - 68px);position: relative;}
.wt-lesson-video-left{background-color: #292929;position: absolute;width: 68px;height: 100%;}
.wt-lesson-video-left > div{position: absolute;left: 0;right: 0;top: 36%;}
.wt-lesson-video-left > div > div{margin-bottom: 36px;cursor: pointer;}
.wt-lesson-video-left div{color: #fff;text-align: center;font-size: 14px;}
.wt-lesson-video-left i{color: #fff;font-size: 36px;}
.wt-lesson-video-mp4{margin-left: 68px;height: 100%;position: relative;}
.wt-lesson-video-mp4 > div{background-color: #000;width: 100%;height: 100%;}
.wt-lesson-video-list{position: absolute;top: 0;bottom: 0;left: 68px;z-index: 1688;overflow: hidden;display: none;}
.wt-lesson-video-ziliao{position: absolute;top: 0;bottom: 0;right: 0;z-index: 1688;overflow: hidden;display: none;}
.biaoqian{font-family: layui-icon!important; font-size: 16px; font-style: normal;  -webkit-font-smoothing: antialiased;margin-left: 6px;color: #168168;background-color: #dcebc2;border-radius: 10px;line-height: 18px;padding: 1px;overflow: hidden;font-size: 16px;}

.wt-kecheng-list-title{position: relative;padding-left: 40px;margin: 16px 0;border-bottom: 1px solid rgba(0,0,0,0.08);padding-bottom: 16px;}
.wt-kecheng-list-title > i{font-size: 20px;position: absolute;left: 25px;top:5px;width: 4px;border-radius: 1px;overflow: hidden;background-color: #D23E31;}
.wt-kecheng-list-title > span{font-size: 24px;color: #363636;}
#wtVideoZx{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.36);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1687;text-align: center;cursor: pointer;}
#wtVideoZx i{position: absolute;top: 50%;font-size: 86px;color: rgba(255, 255, 255, 0.36);margin-top: -43px;}