html,body{
    min-width: 1396px !important;
}
.backImg{
    background-size: cover;
    height: 100%;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-animation-delay: 500ms;
            animation-delay: 500ms;
}
.backImg-main {
    text-align: center;
    height: 63px;
}
.backImg-block_img{
    height: 0px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.header-blcok{
    position: relative;
    height: 52vh;
    background-color: rgba(0,0,0,0.6);
}
.footer-other{
    padding-top: 97px;
}
.VideoLessons{
    padding-top: 190px;
    margin-bottom: 46px;
}
.VideoLessonsDetail-main{
    position: relative;
    width: 1200px;
    margin:0 auto;
    opacity: 0;
    padding-top: 50px;
    padding-bottom: 110px;
}
.VideoLessonsDetail{
    position: relative;
    background: #F6F8FA;
}
.VideoLessonsDetail-header{
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-delay: 1500ms;
            animation-delay: 1500ms;
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
            border-bottom:1px solid rgba(207,215,220,0.5019607843137255);
            border-top:1px solid rgba(207,215,220,0.5019607843137255);
            opacity:1;
    margin-top: 80px;
    
}
.VideoLessonsDetail-header_block{
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.VideoLessonsDetail-header-left{
    cursor: pointer;
    display: inline-block;
    font-size:16px;
    
    font-weight:400;
    line-height:58px;
    color:#3B3B3B;
    opacity:1;

}
.VideoLessonsDetail-header-Lives{
    cursor: pointer;
    display: inline-block;
    font-size:16px;
    
    font-weight:400;
    line-height:58px;
    color:rgba(59,59,59,0.60);
    opacity:1;
    margin-left: 100px;
}
.VideoLessonsDetail-header-right{
    float: right;
}
.screen-text{
   
    opacity:1;
}
.VideoLessonsDetail-list{
}
.VideoLivesDetail-list{
    display: none;
    
}
.Video-list{

}
.VideoLessonsDetail-ul{
    overflow: hidden;
    width: 1200px;
}
.VideoLivesDetail-ul{
    overflow: hidden;
}
.VideoLessonsDetail-li{
    background: #fff;
    float: left;
    margin-right:60px;
    margin-bottom: 70px;
    width: 360px;
}
.VideoLessonsDetail-li > a{
    width: 100%;
    height: 100%;
    display: block;
}
.VideoLessonsDetail-ul li:nth-child(3n+3){
    margin-right: 0px;
}
.VideoLivesDetail-ul li:nth-child(3n+3){
    margin-right: 0px;
}
.VideoLessonsDetail-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width:320px;
    height: 48px;
    font-size:20px;
    
    line-height:24px;
    font-weight:bold;
    color:rgba(54,59,62,1);
    opacity:1;
    margin: 0 auto;
    margin-top: 20px;
}
.VideoLessonsDetail-title a.TolessonsDetails{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 36px;
    font-size:16px;
    font-weight: 600;
    
    line-height:18px;
    color:rgba(54,59,62,1);
    opacity:1;
}
.VideoLessonsDetail-Label{
    width: 320px;
    margin: 0 auto;
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 24px;
}
.Label{
    cursor: pointer;
    margin-bottom: 5px;
}
.VideoLessonsDetail-p{
    white-space: pre-wrap;
    margin:0 auto;
    margin-top: 20px;
    width:320px;
    font-size:14px;
    
    line-height:20px;
    color:rgba(137,137,137,1);
    opacity:1;
    overflow:hidden; 
    text-overflow:ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;   
    height: 100px;
}
.VideoLivesDetail-ul .VideoInformation{
    width: 320px;
    border-top:0.5px solid rgba(112,112,112,0.30196078431372547);
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
}
.VideoInformation{
    width: 320px;
    border-top:0.5px solid rgba(112,112,112,0.30196078431372547);
    overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    /* display: flex; */
    /* justify-content: space-between; */
}

.VideoLessonsDetail-ul .Mentor-Video{
    display: block;
    line-height: 16px;
    color: rgba(59, 59, 59, 0.4) !important;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    
    margin-top: 20px;
}
.VideoLivesDetail-ul .Mentor-Video{
    display: block;
    line-height: 16px;
    /* color: rgba(59, 59, 59, 0.4) !important; */
    overflow: hidden;
    text-overflow:ellipsis;
    line-height: 45px;
    white-space: nowrap;
    
    margin-top: 0px;
}
.lessons-status{
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    font-size:14px;
    
    font-weight:400;
    line-height:24px;
    opacity:1;
    box-sizing: border-box;
    padding: 0 8px;
    border-radius:0px 0px 0px 2px;
}
.lessons-vip {
    color:rgba(255,255,255,1);
    background: rgba(195, 46, 71, 1);
}
.lessons-trial{
    color: #fff;
    background: #333;
}
.lessons-public{
    color: rgba(195, 46, 71, 1);
    background: #fff;
}
.Mentor-Video:hover{
    cursor: pointer;
}
.Mentor-live_time{
    line-height: 45px;
}
.VideoLivesDetail-ul .Mentor-live_time span{
    line-height: 45px;
}
.mentor-te{
    color: #3B3B3B !important;
}
.lessons-time_detail{
    margin-top: 12px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}
.lessons-time_detail span{
}
.Mentor-times,.Mentor-time{
    color: rgba(59, 59, 59, 0.4) !important;
    font-size:14px;
    
    font-weight:400;
    line-height:16px;
    color:rgba(59,59,59,0.40);
    opacity:1;
}
.lessons-main-te{
    color: #c32e47 !important;
}
.VideoInformation span{
    font-size:14px;
    
    line-height:16px;
    color:rgba(137,137,137,1);
    opacity:1;
}
.VideoLivesDetail-ul .Mentor-Video{
    color: rgba(87,87,87,1);
}
.videolessons-header{
    /* background-image: linear-gradient(-180deg, #ead6ee 0%, #fff 100%); */
    background: #fff;
    margin-top: 52vh;
    padding-top: 70px;
    /* border-bottom:1px solid rgba(207,215,220,0.5019607843137255); */
    z-index: 9;
}
.ways-lessons{
    margin: 0 auto;
    display: flex;
    margin-top: 50px;
    justify-content: center;
}
.tagstext .jitou{
    margin-right: 5px;
}
.tagslive .jitou{
    margin-right: 5px;
}
.login-vip{
    padding: 0 21px;
    background-color: #fff;
    display: inline-block;
    line-height: 50px;
    font-size:14px;
    font-weight:400;
    color:rgba(59,59,59,1);
    opacity:1;
    margin-right: 15px;
    box-shadow:0px 5px 10px rgba(0,0,0,0.03);
}
.login-vip:hover{
    cursor: pointer;
}
.accessCode{
    padding: 0 21px;
    background-color: #fff;
    line-height: 50px;
    display: inline-block;
    font-size:14px;
    font-weight:400;
    color:#3b3b3b;
    opacity:1;
    box-shadow:0px 5px 10px rgba(0,0,0,0.03);
}
.accessCode:hover{
    cursor: pointer;
}
.login-code_block{
    text-align: right;
}
.liveimg{
    width: 150px;
    height: 16px;
    background-size: cover;
    background-position: center;
    background-image: url('../../assets/images/img/livetop.png');
    position: absolute;
    top: 42px;
    left: 22px;
}
.span-clickte{
    color:rgba(195,46,71,1);
    margin-left: 10px;
}
.Label{
    cursor: pointer;
    display: inline-block;
    height:24px;
    font-size:12px;
    
    color:rgba(54,59,62,0.40);
    opacity:1;
    background:rgba(245,246,247,1);
    border-radius:2px;
    line-height: 24px;
    border-radius:2px;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0px 8px;
}
/* .Label:hover{
    color: #C32E47;
    opacity:1;
    border:1px solid rgba(195,46,71,1);
} */

.header-top_nav__ul li:nth-child(3) a{
    opacity: 1;
    color: rgba(255,255,255,1);
}
#page{
    text-align: center;
}
#page ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: inline-block;
}
#page ul li{
    border:1px solid rgba(228,228,228,1);
    width: 32px;
    border-radius:2px;
    height: 32px;
    background:#fff;
    font-size: 14px;
    line-height: 32px;
    color:rgba(59,59,59,0.96);
    
    margin: 0 5px;
}
.xl-disabled{
    background: #fff !important;
    color:rgba(54,59,62,1) !important;
    border: none !important;
}
.xl-jumpText{
    width: 200px !important;
}
.xl-active{
    background:rgba(59,59,59,.3) !important;
    color: #363B3E !important;
    border: none !important;
}
.xl-prevPage .iconshangyiye{
    font-size: 12px;
}
.xl-nextPage .iconxiayiye{
    font-size: 12px;
}
/* 分页插件 */
#page {
    color: #666;
    display: block;
    text-align: center;
    margin-top: 50px;
}

#page li {
    display: inline-block;
    min-width: 30px;
    height: 28px;
    cursor: pointer;
    color: #666;
    font-size: 13px;
    line-height: 28px;
    background-color: #f9f9f9;
    border: 1px solid #dce0e0;
    text-align: center;
    margin: 0 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.xl-nextPage,
.xl-prevPage {
    
}

#page li.xl-disabled {
    opacity: .5;
    cursor: no-drop;
}

#page li.xl-disabled:hover{
    background-color: #f9f9f9 !important;
    color: #666 !important;
}

#page li.xl-active {
    background:rgba(195,46,71,1) !important;
    color:rgba(255,255,255,1) !important;
}

#page li:hover{
}

 #page li.xl-jumpText {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    opacity: 1;
}

#page li.xl-jumpText:hover{
    background-color: rgba(0,0,0,0) !important;
    border-color: rgba(0,0,0,0) !important;
}

#page li.xl-jumpButton{
    padding: 0 5px;
}

#xlJumpNum {
    width: 35px;
    margin: 0 3px;
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
}
input[type="number"]{
    -moz-appearance:textfield;
}
.labels-list{
    width: 100%;
    height: 75px;
    overflow: hidden;
}
.block-overflow{
    position: relative;
    cursor: pointer;
    width: 360px;
    height: 230px;
    overflow: hidden;
}
.block-videoImg{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    background:rgba(72,89,102,0.2);
}
.VideoLessonsDetail-li_More{
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 150px;
    height: 18px;
}
.MoreDeatil-text{
    display: block;
    width: 100px;
    position: absolute;
    right: 0px;
    display: inline-block;
    font-size:14px;
    
    line-height:18px;
    color:rgba(255,255,255,1);
    opacity:1;
}
.VideoLessonsDetail-li_More .MoreDeatil-icon{
    position: absolute;
    right: 0px;
    color: #fff;
    font-size: 12px;
    margin-left: 7px;
    opacity: 0;
}
.VideoLessonsDetail-li_top{
    background-size: 100% 100%;
    width: 360px;
    position: relative;
    height: 230px;
    -webkit-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
}

/* 列表分割 */
.Video-tabs_text0{
    cursor: pointer;
    position: relative;
    display: block;
    float: left;
    font-size:20px;
    
    ;
    line-height:28px;
    color:#C32E47;
}
.Video-tabs_text1{
    cursor: pointer;
    position: relative;
    display: block;
    font-size:20px;
    
    ;
    line-height:28px;
    color:#C32E47;
    float: left;
    margin-left: 85px;
}
.Personal_Video-main{
    padding-top: 50px;
    width: 1040px;
    margin: 0 auto;
}
.Video_Dividing-lines{
    overflow: hidden;
    position: relative;
    height: 2px;
    margin-top: 19px;
}
.Video-thinlong1{
    position: absolute;
    display: block;
    width:100%;
    height:1px;
    border-bottom:1px solid #C32E47;
}
.Video-shortstrong1{
    bottom: -20px;
    margin:0 auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
    display: block;
    width:1px;
    height:20px;
    opacity:1;
    z-index: 2;
    background: #C32E47;
}
.Video-shortstrong2{
    bottom: -20px;
    background: #C32E47;
    margin:0 auto;
    display: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%,0);
            transform: translate(-50%,0);
    width:1px;
    height:0px;
    opacity:1;
    z-index: 2;
}
.Mentor-times .followNums{
    color: #C32E47;
}
/* 播放器状态 */
.playstatus{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    
    position: absolute;
    right: 14px;
}


.playstatus .playedStatus{
    line-height: 50px;
    font-size:14px;
    
    color:rgba(137,137,137,1);
    opacity:1;
}
.liveStatus{
    /* color: #c32e47 !important; */
}
.livelist-table_li5 .liveStatusNotStart{
    color: #909090;
}
.Waitstatus span{
    font-size:14px;
    
    opacity:0.5;
    color: #3B3B3B;
}
.Waitstatus{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    opacity:1;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    
    /* position: absolute; */
    /* top: 0px; */
    /* right: 0px; */
    /* background:rgba(137,137,137,0.7); */
}
.playedstatus span{
    font-size:14px;
    
    font-weight:400;
    color:rgba(87,87,87,1);
    opacity:1;
}
.playedstatus{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* background:rgba(0,0,0,0.7); */
    opacity:1;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    
    /* position: absolute;
    top: 0px;
    right: 0px; */
}
.icon-status{
    margin-top: 11px;
    margin-right: 6px;
    display:block;
    width:4px;
    height:4px;
    background:rgba(255,255,255,1);
    border-radius:50%;
    opacity:1;
}
.livelines{
    margin: 0 7px;
}
.playstatus .iconren{
    color: #fff;
    font-size: 12px;
    -webkit-transform: scale(0.8,0.8);
            transform: scale(0.8,0.8);
    margin-right: 4px;
}
.playstatus .iconlive{
    margin-right: 4px;
    color: #fff;
    font-size: 12px;
    -webkit-transform: scale(0.8,0.8);
            transform: scale(0.8,0.8);
}
.line-scale-pulse-out-rapid {
    margin-right: 5px;
}
.line-scale-pulse-out-rapid > div{
    height: 8px;
    width: 2px;
    margin: 0px;
    margin-top: 5px;
}
@-webkit-keyframes bounceOutUp{
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,20px);
                transform: translate(-50%,20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
}
@keyframes bounceOutUp{
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%,20px);
                transform: translate(-50%,20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
    }
}
@-webkit-keyframes bounceOutRight{
    0% {
        height: 100%;
    }
    100% {
        height: 520px;
    }
}
@keyframes bounceOutRight{
    0% {
        height: 100%;
    }
    100% {
        height: 520px;
    }
}
@-webkit-keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@keyframes fadeInUp{
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
                transform: translateY(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.waiting{
    background-image: url('../../assets/images/img/neirong-block.png');
    width: 400px;
    height: 238px;
    display: block;
    margin: 0 auto;
    background-size: cover;
}
.waitingMsg{
    font-size:14px;
    
    font-weight:400;
    line-height:20px;
    color:#898989;
    opacity:1;
    margin-top: 20px;
    margin-left: 508px;
}
.video-block{
    display: none;
}

/* tags弹出框 */
.tags{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.tags-list{
    display: none;
    right: 0;
    top: 50px;
    position: absolute;
    width: 182px;
    box-sizing: border-box;
    padding: 16px 0px 16px 23px;
    font-size:14px;
    
    font-weight:400;
    line-height:16px;
    color:rgba(59,59,59,0.96);
    opacity:1;
    background:rgba(255,255,255,1);
    box-shadow:0px 10px 20px rgba(0,0,0,0.05);
    max-height: 30vh;
    overflow-y: auto;
    z-index: 50;
}
.tags-livelist{
    display: none;
    right: 0;
    top: 50px;
    position: absolute;
    width: 182px;
    box-sizing: border-box;
    padding: 16px 0px 16px 23px;
    font-size:14px;
    
    font-weight:400;
    line-height:16px;
    color:rgba(59,59,59,0.96);
    opacity:1;
    background:rgba(255,255,255,1);
    box-shadow:0px 10px 20px rgba(0,0,0,0.05);
    max-height: 30vh;
    overflow-y: auto;
    z-index: 50;
}
.tabs-display_div{
    opacity: 0;
}
.videolessons-header_title{
    text-align: center;
    font-size:34px;
    
    font-weight:500;
    line-height:39px;
    color:rgba(54,59,62,1);
    /* opacity:0; */
}
.videolessons-header_text{
    margin: 0 auto;
    margin-top: 20px;
    text-align: center;
    width:696px;
    font-size:14px;
    
    font-weight:400;
    line-height:20px;
    color:rgba(59,59,59,0.70);
    /* opacity:0; */
}
.tags-list::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
.tags-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.3);
    background: rgba(195, 46, 71, 0.6);
}
.tags-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 10px;
    background: #ccc;
}
.tags-list li:last-child{
    margin-bottom: 0px;
}
.tags-li{
    cursor: pointer;
    margin-bottom: 14px;
}
.tags-li:hover{
    color: #C32E47;
}
.tags-liveli{
    cursor: pointer;
    margin-bottom: 14px;
}
.tags-liveli:hover{
    color: #C32E47;
}
.actived{
    color: #C32E47;
}
.tags-detail{
    cursor: pointer;
    
    line-height:58px;
    font-size:16px;
    color:rgba(59,59,59,0.96);
    opacity:1;
}
.tags-livedetail{
    display: none;
    cursor: pointer;
    
    line-height:58px;
    font-size:16px;
    color:rgba(59,59,59,0.96);
    opacity:1;
}
.tagsName{
    color: #C32E47;

}
#pageLives{
    display: none;
}
.jiantou{
    display: block;
    float: right;
    margin-top: 11px;
    margin-left: 20px;
    width: 12px;
    height: 6px;
    background-image: url('../../assets/images/icons/xiala@2x.png');
    background-size: cover;
    background-position: center;
}
.loading-More{
    position: relative;
    height: 32px;
    margin-top: 15px;
    padding-bottom: 15px;
}
.loading-btn:hover{
    cursor: pointer;
}
.past-live_main{
    width: 1120px;
    margin: 0 auto;
    margin-top: 30px;
}
.loading-btn{
    border: none;
    color: #fff;
    background: #c32e47;
    
    font-size: 16px;
    line-height: 30px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);

}
/* .current-live .main--left-img{
    background-image: url('../../assets/images/img/3mon.png');
}
.next-live .main--left-img{
    background-image: url('../../assets/images/img/3mon.png');
} */
.past-liveLessons{
    background-repeat: no-repeat;
    background-size: 100%,auto;
    background-position: center;
    background-image: url('../../assets/images/img/livetop.png');
    width: 115px;
    height: 13px;
    left: 22px;
    top: 32px;
    position: absolute;
}
.main--left-img01{
    background-image: url('../../assets/images/img/1mon.png');
}
.main--left-img02{
    background-image: url('../../assets/images/img/2mon.png');
}
.main--left-img03{
    background-image: url('../../assets/images/img/3mon.png');
}
.main--left-img04{
    background-image: url('../../assets/images/img/4mon.png');
}
.main--left-img05{
    background-image: url('../../assets/images/img/5mon.png');
}
.main--left-img06{
    background-image: url('../../assets/images/img/6mon.png');
}
.main--left-img07{
    background-image: url('../../assets/images/img/7mon.png');
}
.main--left-img08{
    background-image: url('../../assets/images/img/8mon.png');
}
.main--left-img09{
    background-image: url('../../assets/images/img/9mon.png');
}
.main--left-img10{
    background-image: url('../../assets/images/img/10mon.png');
}
.main--left-img11{
    background-image: url('../../assets/images/img/11mon.png');
}
.main--left-img12{
    background-image: url('../../assets/images/img/12mon.png');
}
.current-live,.next-live,.past-live{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
    background: #fff;
    display: none;
}
.past-live .current-live_main{
}
.current-live_title{
    width: 1120px;
    margin: 0 auto;
    padding-top: 40px;
    font-size:20px;
    font-weight:600;
    line-height:24px;
    color:rgba(59,59,59,1);
    opacity:1;
}
.current-live_main{
    width: 1120px;
    margin: 0 auto;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 40px;

}
.current-live_main--left{
    width: 340px;
    height: 215px;
    position: relative;
}
.main--left-img{
    overflow: hidden;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.past-imgDetail{
    -webkit-transition:all ease-in-out 0.5s;
    transition:all ease-in-out 0.5s;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.past-Live_li:hover .past-imgDetail{
    transform: scale(1.1);
}
.left-img_mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.monthimg{
    background-size: 100% auto;
    background-position: center;
    position: absolute;
    top: 42px;
    left: 22px;
    background-repeat: no-repeat;
}
.live-month{
    position: absolute;
    bottom: 31px;
    left: 22px;
    font-size:26px;
    
    font-weight:bold;
    line-height:30px;
    color:#F1EDE2;
    opacity:1;
}
.live-main_time{
    position: absolute;
    bottom: 70px;
    left: 22px;
    font-size:14px;
    
    font-weight:bold;
    line-height:16px;
    color:#F1EDE2;
    opacity:1;
}
.current-live_main--right{
    width: 740px;
    position: relative;
}
.video-block_current,.video-block_next{
    color: #222;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    
    display: none;
    color: #c32e47;
}
.main-right_title{
    position: relative;
    line-height:24px;
    height: 45px;
    overflow: hidden;
    width: 100%;
    border-bottom:1px solid rgba(137,137,137,0.2);
    opacity:1;
}
.right_title-list{
    text-indent: 14px;
    position: absolute;
    left: 0;
    font-size:20px;
    
    font-weight:500;
    color:rgba(59,59,59,1);
    opacity:1;
}
.right_title-mentor{
    font-size:14px;
    
    font-weight:400;
    color:rgba(195,46,71,1);
    opacity:1;
    position: absolute;
}
.right_title-status{
    position: absolute;
    right: 14px;
    font-size:14px;
    
    font-weight:500;
    color:rgba(195,46,71,1);
    opacity:1;
}
.More-current_lives,.More-next_lives{
    text-indent: 14px;
    margin-top: 20px;
    line-height:24px;
    opacity:1;
    font-size: 14px;
    color: #c32e47;
    
    display: inline-block;
}
.More-current_lives:hover{
    cursor: pointer;
    color: rgb(177, 42, 64);
}
.More-next_lives:hover{
    cursor: pointer;
    color: rgb(177, 42, 64);

}
.live_main-ul{
    overflow: hidden;
}
.live_main-ul .live_main-li{
    line-height: 50px;
    position: relative;
    height: 50px;
    color:rgba(100,100,100,1);
    
}
.live_main-ul .live_main-li a{
    color:rgba(100,100,100,1);
    display: block;
    height: 100%;
}





.main-li_name{
    text-indent: 14px;
    font-size:14px;
    font-weight:400;
    opacity:1;
    position: absolute;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    left: 0;
    width: 460px;
}
.main-li_msg{
    font-size:14px;
    
    font-weight:400;
    opacity:1;
    position: absolute;
}
.past-Live_li{
    width: 260px;
    margin-right: 26px;
}
.past-Live .past-Live_li:nth-child(4n+4){
    margin-right: 0px;
}
.past-Live_li:hover{
    cursor: pointer;
}
.past-Live_img{
    overflow: hidden;
    width: 100%;
    height: 166px;
    position: relative;
    background-size: cover;
    /* background-position: center; */
}

.past-Live{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}
.past-live{
    margin-bottom: 0px !important;
}
.past-Live-mask{
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}
.past-Live_text{
    position: absolute;
    left: 170px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    
    width: 100px;

}
.past-Live-lessonsNums{
    position: absolute;
    bottom: 24px;
    left: 48px;
    font-size:22px;
    
    font-weight:500;
    line-height:26px;
    color:#F1EDE2;
    opacity:1;
}
.past-Live-mask .past-Live-icon{
    position: absolute;
    left: 22px;
    bottom: 24px;
    font-size: 16px;
    color: #F1EDE2;
}
.past-Live_title{
    margin-top: 14px;
    font-size:14px;
    
    font-weight:500;
    line-height:16px;
    color:rgba(59,59,59,1);
    opacity:1;
}
.past-Live_time{
    margin-top: 9px;
    font-size:12px;
    
    font-weight:500;
    line-height:13px;
    color:rgba(137,137,137,1);
    opacity:1;
    margin-bottom: 30px;
}

.live_main-ul .live_main-li:last-child{
    margin-bottom: 0px;
}
.past-live .current-live_main{
    padding-bottom: 10px;
}

/* 3月修改lessons */
.tabs-display{
    display: flex;
    justify-content: space-between;
    width: 570px;
    margin: 0 auto;
    margin-top: 30px;
    font-size:14px;
    padding-bottom: 70px;
    font-weight:400;
    overflow: hidden;
    line-height:16px;
    color:rgba(137,137,137,1);
    opacity:1;
}
.recruitment{
    width: 150px;
}
.recruitment:hover{
    cursor: pointer;
}
.recruitment:hover .recruitment-text {
    color: #3b3b3b !important;
}
.CFACoaching:hover .CFACoaching-block{
    opacity: 1 !important;
}
.CFACoaching:hover .CFACoaching-text {
    color: #3b3b3b !important;
}
.recruitment:hover .recruitment-block{
    opacity: 1 !important;
}
.Other:hover .Other-block{
    opacity: 1 !important;
}
.Other:hover .Other-text {
    color: #3b3b3b !important;
}
.tabs-display .recruitment-block{
    transition: all 500ms
}
.tabs-display .CFACoaching-block{
    transition: all 500ms
}
.tabs-display .Other-block{
    transition: all 500ms
}
.CFACoaching:hover{
    cursor: pointer;
}
.CFACoaching{
    width: 150px;
}
.Other{
    width: 155px;
}
.Other:hover{
    cursor: pointer;
}
.tabs-display-text{
    text-align: center;
    margin-top: 14px;
}
.tabs-display-block{
    position: relative;
    width:80px;
    height:80px;
    background:rgba(207,216,224,1);
    border-radius:50%;
    opacity:1;
    margin: 0 auto;
}
.block-color{
    width:80px;
    height:80px;
    background:rgba(207,216,224,1);
    border-radius:50%;
    opacity:1;
    margin: 0 auto;
    position: relative;
}
.Difficulty{
    color: rgba(59,59,59,0.4);
    font-size: 14px;
    line-height: 16px;
    
    }
.diff-level{
    height: 16px;
    width: 100%;
    margin-top: 15px;
    display: flex;
}
.diff-level .diff-icon{
    font-size: 16px;
    line-height: 16px;
    color: #c32e47;
    margin-right: 8px;
}
.diff-level .diff-iconno{
    font-size: 16px;
    line-height: 16px;
    color: #DADFE3;
    margin-right: 8px;
}
.tabs-display .recruitment-block{
    background: linear-gradient(180deg,rgba(255,183,153,1) 0%,rgba(255,156,146,1) 100%);
}

.tabs-display .CFACoaching-block{
    background:linear-gradient(180deg,rgba(190,218,225,1) 0%,rgba(149,204,218,1) 100%);
    opacity: 0;
}
.tabs-display .Other-block{
    background:linear-gradient(180deg,#A0B9FF 0%,#6B88FC 100%);
    opacity: 0;
}
.recruitment-text{
    color: #3b3b3b;
}
.img-recruitment{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 36px;
    height: 36px;
    background-image: url('../../assets/images/img/live1.png');
    background-size: cover;
    background-position: center;
}
.img-CFACoaching{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 36px;
    height: 36px;
    background-image: url('../../assets/images/img/live2.png');
    background-size: cover;
    background-position: center;
}
.img-Other{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-54%);
    width: 36px;
    height: 36px;
    background-image: url('../../assets/images/img/lessons5.png');
    background-size: cover;
    background-position: center;
}
[data-loader=rectangle]{
    background-color: #c32e47 !important;
}
[data-loader=rectangle]:before{
    left: -25px !important}
[data-loader=rectangle]:after{
    right: -25px !important;
}
[data-loader] {
}
[data-loader=rectangle]:after, [data-loader=rectangle]:before {
    position: absolute;
    width: 10px;
    height: 30px;
    content: '';
    background-color: #c32e47 !important;
}
.moretext{
    font-size: 12px;
    color: #b1b1b1;
    text-align: center;
    margin-top: 13px;
}
[data-loader=rectangle]{
    background-color: #c32e47 !important;
}
[data-loader=rectangle]:before{
    left: -25px !important}
[data-loader=rectangle]:after{
    right: -25px !important;
}
[data-loader] {
}
[data-loader=rectangle]:after, [data-loader=rectangle]:before {
    position: absolute;
    width: 10px;
    height: 30px;
    content: '';
    background-color: #c32e47 !important;
}
.box{
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translate(-50%,0);
    height: 12px;
    z-index: 44;
}
.box-under{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    margin-top: 10px;
    color: rgba(54, 62, 59,0.4);
    opacity: 0;
    transition: all ease-in 200ms;
}
.livelist-table_ul{
    width: 1200px;
    margin: 0 auto;
    padding-top: 34px;
    display: flex;
    flex-wrap: wrap;
    /* border-top: 1px solid rgba(240, 240, 240, 1); */
}

.table_top_diff.livelist-table_li5notStart .line-scale-pulse-out-rapid > div{
    background-color: #333;
}
.livelist-table_li2 a{
    transition: all ease-in 100ms;
    box-sizing: border-box;
    padding: 0 10px;
    color: rgba(54, 62, 59,0.7);
    display: block;
    display: flex;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    position: relative;
}

.livelist-table_li {
    overflow: hidden;
    width: 360px;
    height: 390px;
    background: #FFFFFF;
    border-radius: 14px;
    margin: 0px 60px 50px 0px;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.03);
}
.livelist-table_li a{
    width: 100%;
    height: 100%;
    display: block;
}
.livelist-table_ul .livelist-table_li:nth-child(3n+3){
    margin-right: 0px;
}
.livelist-table{
    padding-top: 40px;
    background: #fff;
    /* background-image: linear-gradient(-180deg, #fff 0%, #ead6ee 100%); */
}
.livelist-table_li1{
    flex: 1;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.livelist-table_li2{
    width: 140px;
}
.livelist-table_li3{
    display: none;
    width: 80px;
}
.livelist-table_li4{
    width: 185px;
}
.livelist-table_li5{
    width: 100px;
    display: flex;
    text-align: center;
}
.livelist-table_li2,.livelist-table_li3,.livelist-table_li4,.livelist-table_li5{
    margin-left: 35px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.videolives-tags_block{
    text-align: center;
    font-size: 34px;
    font-weight: 500;
    line-height: 39px;
    color: rgba(54,59,62,1);
    margin-top: 20px;
}
.videolives-tags{
   
    display: flex;
    flex-wrap: wrap;
}
.videolives-tagsDetail_block{
    position: relative;
    overflow: hidden;
    padding: 0 20px;

}
.videolives-tagsDetail{
    margin-right: 20px;
    position: relative;
    border-radius: 5px;
    color: #fff;
    line-height: 40px;
    font-size: 24px;
    font-weight: 500;
    background-color: #000;
    opacity: 0.8;
    box-sizing: border-box;
}
.videolives-tagsDetail:hover{
    cursor: pointer;
    opacity: 1;
}
.videolives-tagsDetail_text{
    text-indent: 8px;
}
.article .flag {
    position: absolute;    /*绝对定位*/
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 58px;
    background-color: #FF5722;
    color: #fff;
}
.article .flag-left {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -16px;
    top: 3px;
}
.active-tags{
    opacity: 1 !important;
    color: #67C23A !important;
}
.screen-blcok{
    display: block;
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 42px;
}
.screen-btn{
    border-radius: 20px;
    padding: 12px 23px;
    color: #fff;
    background-color: #909399;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}
.screen-btn:hover{
    cursor: pointer;
    background: #a6a9ad;
    border-color: #a6a9ad;
    color: #fff
}
.screen-text{
    margin-left: 3px;
}
.icon-tags{
    position: absolute;
    color: #909399;
    position: absolute;
    right: -1%;
    top: -40%;
    opacity: 0;
    transition: all ease-in 100ms;
    -webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}

.dialog-screen{
    position: fixed;
    width: 0%;
    height: 0%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1001;
    background-color: rgba(0,0,0,0.6);
    transition: all ease-in 200ms;
    -webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
    opacity: 0;
}
.dialog-screen_mask{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.dialog-main_block{
    overflow: hidden;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: #000;
    border-radius: 5px;
    z-index: 2;
    display: flex;
    color: #fff;
    opacity: 0;
    transition: all ease-in 200ms;
    
}
.tabs-father{
    padding: 50px 0px;
    width: 100px;
    text-align: center;
    border-right: solid #fff 2px;
}
.tabs-children{
    border-bottom: 2px solid #fff;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: yellow;
}
.tabs-father_main{
    flex: 1;
}
.tabs-main_ul .videolives-tagsDetail{
    background-color: #fff;
    opacity: 1;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    color: #000;
    margin: 20px 20px;
    text-align: center;
}
.tabs-main_ul .videolives-tagsDetail_text{
    text-indent: 0px;
}
.tabs-main_ul .videolives-tagsDetail_block{
    padding: 0 8px;
}
.tabs-all_block,.tabs-all_block2{
    text-align: center;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    height: 40px;
    background-color: #fff;
    color: #000;
}
.tabs-children_main{
    height: 420px;
    overflow-y: auto;
}

.tabs-children_main::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
.tabs-children_main::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.3);
    background: rgba(0,0,0,0.5);
} 
.tabs-children_main::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 10px;
    background: #ccc;
}
.tabs-all_block2{
    display: flex;
    font-size: 15px;
    justify-content: center;
    

}
.btn-cancel_tags{
    line-height: 30px;
    height: 30px;
    margin-right: 30px;
    padding: 0 20px;
    background-color: #898989;
    border-radius: 6px;
    margin-top: 5px;
    color: #fff;
}
.btn-ok_tags{
    margin-top: 5px;
    line-height: 30px;
    height: 30px;
    padding: 0 20px;
    color: #fff;
    background-color: #c32e47;
    border-radius: 6px;
}
.btn-ok_tags:hover{
   cursor: pointer;
   opacity: 0.9; 
}
.btn-cancel_tags:hover{
    cursor: pointer;
    opacity: 0.9; 
}
.search-ipt:hover {
    cursor: pointer;
    border-color: #CBCBCB;
}
.search-ipt{
    cursor: pointer;
    border: 1px solid rgba(237,237,237,1);
    border-radius: 6px;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #363B3E;
    opacity: 1;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 20px;
}

.input-main {
    cursor: pointer;
    border: 1px solid rgba(237,237,237,1);
    border-radius: 6px;
    position: relative;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #363B3E;
    opacity: 1;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(255,255,255,1);
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 24px 0 10px;
}
.input-main:hover {
    cursor: pointer;
    border-color: #CBCBCB;
}
.input-block {
    position: relative;
    border-radius: 6px;
    width: 150px;
}
.input-block .iconlujing4 {
    transition: all ease-in-out 300ms;
    position: absolute;
    top: 50%;
    right: 3px;
    transform: translate(0,-50%) scale(0.4);
    font-size: 12px;
    color: #3B3B3B;
}
.input-main:focus {
    border-color: rgb(207, 215, 220);
    background-color: rgb(246, 248, 250);
    color: rgba(59,59,59,1);
}
.input-select_block {
    background-color: #fff;
    z-index: 10;
    /* opacity: 0; */
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    height: 0px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    border-radius: 6px;
    max-height: 304px;
    overflow-y: auto;
}
.input-select_block::-webkit-scrollbar {
    width: 8px;
    height: 6px;
}
.input-select_block::-webkit-scrollbar-thumb {
    border-radius: 10px;
    border: 0.5px solid rgba(255,255,255,0.3);
    background: rgba(0,0,0,0.5);
}
.input-select_block::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
    border-radius: 10px;
    background: #ccc;
}
.input-select {
    width: 100%;
    background: rgba(255,255,255,1);
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: rgba(54,59,62,1);
    padding: 12.5px 0px;
    box-sizing: border-box;
    /* opacity: 0; */
    /* overflow-y: auto; */
}
.input1-li {
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 20px;
    padding: 7.5px 0px;
    min-width: 50px;
    white-space: nowrap;
}
.input1-li:hover {
    cursor: pointer;
    background-color: #f5f7fa;
}

.difficulted-img {
    background-image: url(../../assets/images/img/difficulted.png);
}
.difficult {
    width: 10px;
    height: 14px;
    min-width: 10px;
    background-size: cover;
    background-position: center;
    margin-right: 2px;
    margin-top: 13px;
}
.difficulte-img {
    background-image: url(../../assets/images/img/difficulte.png);
}
.difficult-block{
    width: 100px;
    display: flex;
    /* justify-content: center; */
    margin-left: 20px;
    overflow: hidden;
}
.livelist-table_li2 .livelist-table_a{
    font-weight: 500;
    color: #333;
    font-size: 14px;
}
.livelist-table_litedif,.livelist-table_li4te{
    padding-left: 3px;
    box-sizing: border-box;
}
.lives-lately_block{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.lives-lately_li{
    margin-top: 40px;
    width: 360px;
    height: 230px;
    border-radius: 6px;
    position: relative;
   
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url('https://storage3.wallstreettequila.com/cover/live-2020090800000002/20200915/9.19.jpg');
}
.lives-lately_li img{
    position: absolute;
    top: 20px;
    left: 20px;
}
.lives-lately_liMask{
    box-sizing: border-box;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}
.lives-lately_text{
    margin-top: 60px;
    height: 55px;
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 28px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.labels-list{
    display: flex;
}
.label_block{
    color: #000;
}
.lives-lately_li .Label{
    background-color: #fff;
}
.videoLessons_sort_block{
    position: relative;
    padding-top: 42px;
    background-color: #fff;
}
.videoLessons_sort_ul{
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.videoLessons_sort_ul .videoLessons_sort_li:nth-child(4n+4){
    margin-right: 0px;
}
.videoLessons_sort_li:hover{
    cursor: pointer;
    background-color: #c32e47;
    color: #fff;
}
.videoLessons_sort_li:hover .iconfont{
    color: rgba(207, 216, 224, 0.3)
}
.popular_positon{
    position: absolute;
    top: 0px;
    right: -15px;
    width: 64px;
    height: 60px;
    background-size: cover;
    background-image: url('../../assets/images/icons/liveLsesson_group.png');
}
.videoLessons_sort_li{
    transition: all ease-in 200ms;
    position: relative;
    margin: 0px 52px 40px 0px;
    width: 260px;
    height: 115px;
    background: rgba(207, 216, 224, 0.22);
    border-radius: 12px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #363B3E;
    line-height: 26px;
}
.statusClick{
    background-color: #c32e47;
    color: #fff;
}
.statusClick .iconfont{
    color: rgba(207, 216, 224, 0.3);
}
.table_li_top{
    position: relative;
    height: 226px;
    overflow: hidden;
}
.livelist-table_li:hover .sort_li_img{
    transform: scale(1.08);
}
.sort_li_img{
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url('../../assets/images/img/history10-1.png');
    background-size: cover;
    background-position: center;
    transform: scale(1);
    transition: all ease-in 200ms;
}
.sort_li_top{
    position: relative;
    width: 320px;
    overflow: hidden;
    height: 226px;
}
.sort_li_tags{
    position: absolute;
    top: 11px;
    right: 12px;
    padding: 0 9px;
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    border-radius: 13px;
    border: 1px solid #FFFFFF;
    opacity: 0.7;
    line-height: 22px;
    z-index: 3;
    -webkit-background-clip: text;

}
.sort_li_mask{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: rgba(0,0,0,0.2);
    opacity: 0.3;
    transition: all ease-in 200ms;
}
.videoLessons_sort_li:hover{
    cursor: pointer;
}
.li_bottom_name{
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    height: 40px;
    line-height: 20px;
    width: 300px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-top: 16px;
}
.sort_li_bottom{
    padding: 0 10px;
    position: relative;
}
.li_bottom_itroduce{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}
.bottom_name_by{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
}
.bottom_live_status .line-scale-pulse-out-rapid{
    margin-right: 0px;
}
.bottom_live_status .line-scale-pulse-out-rapid div{
    background-color: #c32e47;
    margin-top: 0px;
    width: 2px;
}
.bottom_live_status{
    margin-right: 20px;
}
.li_bottom_time{
    height: 40px;
    margin-top: 11px;
    border-top: 1px #d8d8d8 solid;
    line-height: 40px;
    display: flex;
    justify-content: space-between;
}
.bottom_time_detail{
    font-size: 12px;
    font-weight: 400;
    color: #777C7B;
}
.bottom_diff_detail{
    display: flex;
    justify-content: space-between;
    width: 104px;
    margin-top: 11px;
}
.diff_detail_true,.diff_detail_false{
    background-size: 100%,100%;
    width: 19px;
    margin-left: 5px;
    height: 27px;
}
/* .bottom_diff_detail2 .diff_detail_true{
    background-size: auto,100%;
    height: 14px;
}
.bottom_diff_detail2 .diff_detail_false{
    height: 14px;
    background-size: auto,100%;
} */
.diff_detail_true{
    background-image: url('../../assets/images/img/difficulted.png');
}
.diff_detail_false{
    background-image: url('../../assets/images/img/difficulte.png');
}

.table_li_position{
    padding: 0 10px;
    display: flex;
    height: 22px;
    z-index: 3;
    border-radius: 13px;
    /* border: 1px solid #FFFFFF; */
    position: absolute;
    text-align: center;
    top: 15px;
    right: 15px;
    background-color: rgba(0,0,0,0.5);
    font-size: 10px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 20px;
}
.table_li_position2{
    display: inline-block;
}
.table_li_top{
    width: 359px;
    height: 203px;
    background-size: cover;
}
.bottom_diff_detail2{
    margin-left: 55px;
    margin-top: 0px;
}
.table_top_time{
    min-width: 190px;
}
.table_top_status{
    position: absolute;
    right: 60px;
    top: 0;
}
.table_top_diff{
    display: flex;
}
.table_top_status .line-scale-pulse-out-rapid{
    margin-right: 12px;
}
.table_top_status .line-scale-pulse-out-rapid > div{
    margin-top: 5px;
    background-color: #c32e47;
}
.table_top_status .liveStatusNotStart{
    color: #333;
}
.table_top_status .liveStatusLiving{
    color: #c32e47;
}
.table_li_bottom{
    width: 312px;
    margin: 0 auto;
}
.table_li_bottom_mentor{
    margin-top: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    -webkit-background-clip: text;
}
.table_li_bottom_time{
    font-size: 12px;
    font-weight: 400;
    color: #777C7B;
    line-height: 27px;
    -webkit-background-clip: text;
}
.table_li_bottom_moreLeft{
    font-size: 14px;
    font-weight: 400;
    color: #C32E47;
    line-height: 20px;
}
.table_li_bottom_more{
    margin-top: 13px;
    display: flex;
    justify-content: space-between;
}
.table_li_bottom_moreIcon{
    background-size: cover;
    background-image: url('../../assets/images/icons/liveLessonRight.png');
    width: 8px;
    height: 15px;
    margin-top: 3px;
}
.table_li_bottom_title{
    margin-top: 20px;
    height: 40px;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 20px;
    -webkit-background-clip: text;
}
.table_bottom_title,.table_bottom_by{
    height: 22px;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}
.table_bottom_by{
    margin-right: 60px;
}
.table_bottom_title{
    width: 950px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table_toNext{
    width: 22px;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0,-50%);
    background-size: cover;
    background-image: url('../../assets/images/img/img_to_live.png');
}
.table_li_bottom_detail{
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}
.table_li_bottom_diff{
    display: flex;
}
.el-picker-panel{
    top: 262px !important;
    border-radius: 15px
}
.el-date-table td.today span{
    color: #c32e47;
}
.el-date-table td.available:hover {
    color: #c32e47;
}
.videoLessons_sort_li .iconfont{
    color: rgba(207, 216, 224, 0.3);
    transition: all ease-in 200ms;
    right: 0px;
    bottom: 0;
    font-size: 82px;
    z-index: 0;
    line-height: 82px;
    position: absolute;

}
.iconfont0{
   
}
.font_positon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    z-index: 2;
}
.el-date-table td.current:not(.disabled) span{
    background-color: #c32e47;
}
.empty_livelessons_img{
    width: 318px;
    margin: 0 auto;
    height: 275px;
    background-image: url('../../assets/images/img/livelessons_empty.png');
    background-size: cover;
}
.empty_livelessons_text{
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #ADADAD;
    line-height: 22px;
    margin: 67px 0px;
}
.videoLessons_newSort_ul{
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.videoLessons_newSort_valueList{
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    color: rgba(54, 59, 62, 0.7);
    padding: 10px 0 0 0;
    line-height: 21px;
    border-bottom: 1px solid rgba(240, 240, 240, 1);
}
.videoLessons_newSort_ul .videoLessons_newSort_li:last-child .videoLessons_newSort_valueList{
    border: none;
}
.videoLessons_newSort_valueList .videoLessons_newSort_valueListItem:last-child{
    margin-right: 0px;
}
.videoLessons_newSort_name{
    width: 116px;
    font-size: 14px;
    font-weight: 500;
    color: #363B3E;
    line-height: 21px;
    padding-top: 10px;
}
.videoLessons_newSort_li{
    display: flex;
}
.videoLessons_newSort_valueList{
    display: flex;
    flex-wrap: wrap;
}
.videoLessons_newSort_valueListItem{
    color: rgba(54, 59, 62, 0.7);
    margin-bottom: 8px;
    margin-right: 26px;
}
.videoLessons_newSort_valueListItem:hover{
    cursor: pointer;
    color: #c32e47;
    /* text-decoration: underline; */
}
.arrived{
    color: #c32e47 !important;
    /* text-decoration: underline !important; */
}