.leftVideoPosition{width:890px;/* height:540px; */margin: 0 0 0px 0;float:left;/* overflow:hidden; */position:relative;background-color:black;border-radius:4px;-moz-border-radius:4px;}
.rightVideoPosition{width:300px;height: 600px;float:left;border-radius: 4px;-moz-border-radius:4px;overflow:hidden;position:absolute;right:0px;margin: 0 0 0px 8px;}
.videoPlayer{width: 890px;position:relative;border-top-right-radius: 4px;border-top-left-radius: 4px;overflow:hidden;height: 540px;}
#player-con{width: 890px;height: 540px;}
.bacgroundColorForVideo{width:100%;min-width:1200px;background-color:#202020;}
#courseRecommended {width: 320px;min-height: 200px;float: right;margin: 40px 0;}
.introductionHead{text-align:left;font-size:18px;margin: 30px 0;color: #f04142;font-weight: bold;}
.big_container_bottom_courseGood,.big_container_bottom_courseStar em{cursor:pointer}
#curoseIntroduction{position:relative;width: calc(100% - 360px);min-height:200px;float:left;margin:40px 40px 40px 0;}
.intro_contain {display: none;width: 100%;min-height:590px;margin-top: 108px;padding: 40px;border-radius: 4px;-moz-border-radius:4px;background: #fff;}
.nav_label {position:absolute;top:0;left:0;width: 100%;padding: 40px 40px 0;border-radius: 4px;-moz-border-radius:4px;background: #fff;}
.ele_fixed {position: fixed;top:0;z-index: 10;}
.nav_label.ele_fixed {border-bottom: 20px solid #f2f2f2;}
.nav_label.ele_fixed::after{position: absolute;left: 0;right: 0;bottom: -40px;content: "";height:20px;background: #fff;}
#curoseIntroductionTxt{font-size:16px;}
#curoseIntroductionTxt img {
    display: block;
    width: 100% !important;
    height: auto;
    /* max-width: 800px!important; */
    margin: 0 auto;
}

.nav_label_item {
    display: inline-block;
    font-size: 20px;
    color: #999999;
    margin-right: 70px;
    padding-bottom: 20px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}
.nav_label_item:last-of-type {margin-right: 0;}
.nav_label_item.nav_active {color: #f04142;border-bottom-color: #f04142;}

.course_btn {
    display: inline-block;
    line-height: 30px;
    color: #999;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #bbb;
    overflow: hidden;
}
.course_btn_active {color: #fff;border-color: #f04142;background: #f04142;}

/* 课程目录 */
.dire_chapter {margin-bottom: 40px;}
.dire_chapter_title {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background: #F2F2F2;
    border-radius: 4px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.dire_chapter_contain {position: relative;padding-left: 20px;}
.dire_chapter_contain::after {
    content: "";
    display: block;
    clear: both;
}
.dire_chapter_contain .dire_session {
    float: left;
    width: calc((100% - 64px) / 2);
    height: 40px;
    line-height: 40px;
    margin-right: 64px;
    margin-top: 20px;
    padding: 0 20px;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    vertical-align: middle;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.dire_chapter_contain .dire_session:nth-child(2n) {margin-right: 0;}
.dire_chapter_contain .dire_session:hover {color: #fff;background: #f04142;border-color: #f04142;}
.dire_chapter_contain .dire_session_active {position: relative;color: #fff;background: #f04142;border-color: #f04142;padding-right: 55px;}
.dire_chapter_contain .dire_session_active::after {position: absolute;content: "";top: 50%;right: 20px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 20px;height: 20px;background-image: url(../img/M_img/play_icon2.png);background-repeat: no-repeat;background-clip: border-box;background-size: 100% 100%;}
.dire_chapter_contain .session_free {display:inline-block;color:white;height: 20px;line-height: 20px;padding:0 5px;margin-left:5px;text-align: center;background-color: #00DE77;font-size: 12px;border-radius: 10px 0 10px 0;}

/* 课程作者 */
.rec_contain {width: 320px;}
.course_author_head {
    width: 100%;
    padding: 20px 25px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.course_author_profile {
    display: inline-block;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #f2f2f2;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-size: cover;
    vertical-align: middle;
    overflow: hidden;
}
.course_author_name {font-size: 18px;margin-top: 10px;}
.course_author_sign {font-size: 12px;color: #999999;margin-top: 10px;}
.course_author_btns {
    width: 100%;
    margin-top: 2px;
    padding: 10px;
    text-align: center;
    font-size: 0;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.course_author_btns .course_btn {width: 90px;margin: 0 20px;font-size: 14px;cursor: pointer;}

.badge_box {height:20px;overflow:hidden;font-size:12px;margin-top: 20px;text-align: center;}
.badge_box .badge_item {margin-right: 10px;line-height: 20px;color: #f04142;}

/* 学习课程的用户列表 */
.study_user {margin-top: 20px;background: #fff;border-radius: 4px;overflow: hidden;}
.study_user_title {color: #999;margin: 20px 20px 10px;}
.study_user_list {height: 380px;overflow-y: auto;}
.study_null_icon {margin: 0 auto;margin-bottom: 10px;width: 96px;height: 96px;background: url(http://sjhome-public-new.oss-cn-shenzhen.aliyuncs.com/design/2021gallery/meiyu_PopUpTag/%E7%A9%BA%E9%A1%B5%E9%9D%A2.png) no-repeat;background-size: cover;}
.user_list_item {position:relative;height:76px;padding: 10px 20px;box-sizing: border-box;}
.user_profile {
    float: left;
    width: 50px;
    height: 50px;
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
    transform: translateY(2px);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-size: cover;
    vertical-align: middle;
    overflow: hidden;
}
.user_contain {float: left;width:calc(100% - 130px);margin: 0 10px;overflow: hidden;}
.study_user_name {font-size: 14px;overflow: hidden;height:20px;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.user_badge {width:100%;margin-top: 10px;font-size: 0;}
.user_badge .user_badge_item {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-clip: border-box;
    background-size: cover;
}
.user_badge .user_badge_item:last-of-type {margin-right: 0;}
.user_list_item .course_btn {float: right;width: 60px;position:absolute;top:50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}

/*右边播放列表*/
#outermostLayerList{width: 300px;height:480px;float:left;overflow:hidden;background-color:#2a2a31;color:#a3a3a3;}
.listHeadTxt{width:285px;height:26px;line-height:26px;font-size:16px;text-align:left;text-indent:13px;margin:5px 0;display: none;}
.theChapterTitle{font-weight:bold;width: 100%;position: relative;height: 45px;top: 0px;line-height: 45px;/* margin: 20px 0; */font-size: 14px;background: #1b2735;color: #fff;border-radius: 4px;cursor: pointer;padding: 0 10px;text-align: justify;}
.theChapterTitleSpan{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;display: inline-block;width: 240px;}
.theChapterTitleEm{position: absolute;top: 20px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff;}
.videoMenu{width:100%;height: 120px;background-color:#2a2a31;padding:0 0px 0 10px;}
.listMainTxt{width: 300px;height: 456px;overflow-y:hidden;padding: 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;margin-top: 24px;}
.listMainTxt:hover{overflow-y:auto}
.listMainTxt p{line-height:25px;text-align:left;width:100%}
.theSonChapter{width: 150px;line-height: 20px;cursor:pointer;float:left;margin: 5px 0px;padding: 0 0 0 10px;font-size: 12px;-o-text-overflow: -o-ellipsis-lastline;text-overflow: -o-ellipsis-lastline;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;font-size: 12px;text-align: justify;color: white;word-break: break-all;}
.theSonChapterDownload{display:inline-block;width:30px;line-height:22px;height:22px;float:left;border-radius:2px;margin:5px 0px;font-size:12px;text-align:center;color:#f7f7f7}
.theSonChapterDownload1{background-color:#a3a3a3}
.theSonChapterDownload1:hover{background-color:white;color:#464646;cursor:pointer}
.theSonChapter div{width:230px;line-height:28px;height:28px;cursor:pointer;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.theSonChapter:hover{cursor:pointer;color:white}
.listFootTxt{width:200px;height:60px;border-top:2px solid #535353}
.playSongIcon{width: 116px;height: 70px;margin: 5px 0;border-radius: 4px;float:left;}
.playlistName{width:100%;display:inline-block;line-height:30px;text-align:left;margin:18px 0;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:white;font-size:16px;height:30px}
.playNameTwoEllipsis{padding-top: 15px;width:100%;display:-webkit-box;line-height:30px;text-align:left;margin:14px 0;overflow:hidden;word-break: break-all;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:white;font-size:16px;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.playlistTeacherName{position: absolute;top: 90px;width:50%;line-height:30px;text-align:left;overflow:hidden;color:#a3a3a3;font-size:14px;margin-bottom:15px;float:left;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.playlistDownloader{position: absolute;right: 0;top: 90px;width:50%;height:45px;text-align:center;overflow:hidden;color:#a3a3a3;font-size: 14px;float:left;display:none;}
.playlistDownloaderButton{width:76%;height:32px;line-height:32px;margin:0 11%;text-align:center;background:#c81624;color: #fff;border-radius:4px;}
.playlistDownloaderButton:hover{color: white;cursor:pointer;}
.big_container_view{padding:0}
.sharedVideo{width:818px;height:40px;margin:0px 56px}
.introductionInfo{text-align:left;font-size:18px;color: #f04142;font-weight: bold;}
.curoseVideoInfo{overflow:hidden;padding-bottom: 40px;}
.curoseVideoInfo_title {color: #ACACAC;}
.curoseVideoInfoDetail{width: 200px;float:left;font-size:14px;min-height:40px;line-height: 40px;}
.curoseVideoInfoDetail span{margin:0 5px;display:inline-block;}
.curoseVideoInfoDetail:nth-of-type(3n + 1) > span{margin: 0 5px 0 0;}
.rightVideoPositionClick{width:15px;height: 100%;float:left;/* cursor:pointer; */background-color:#283444;}
.rightVideoPositionClickImgLeft{width:15px;height:15px;margin:264px 0 0 0;background:url(../img/leftSword.png) no-repeat;background-size:100% 100%}
.rightVideoPositionClickImgRight{width:15px;height:15px;/* margin: 50% 0 0 0; *//* background:url(../img/rightSword.png) no-repeat; */background-size:100% 100%;position: absolute;top: 50%;}
.rightVideoPositionRight{width: 300px;height: 100%;float:left;}
.containToCenterNoPadding{width:1200px;overflow:hidden;position:relative;}
.theChapterContain{
    position: relative;
    cursor: pointer;
    margin: 0 0 15px 0;
}
.theChapterContain::after{
    content:'';
    clear:both;
    display: block;
}
.theSonChapter_free{color:white;width: 60px;position: absolute;height: 20px;line-height: 20px;text-align: center;background-color: #00DE77;top: 5px;font-size: 12px;border-radius: 10px 0 10px 0;}
.theChapterLessonTime {position:absolute;color: #a3a3a3;top: 55px;font-size: 12px;left: 126px;/* font-weight: bold; *//* background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.3) 25.5%,rgba(0,0,0,.08) 70%,rgba(0,0,0,0)); *//* background-color: transparent; */padding: 2px;}
.theChapterLessonProgress{position:absolute;color: #a3a3a3;top: 55px;font-size: 12px;right: 8px;padding: 2px;}

/*推荐课程*/
.designer_video_recomond_course {width: 1200px;height: 330px;margin: 30px 0;}
.designer_video_recomond_course_title {font-size: 20px;color: #f04142;font-weight: bold;}
.designer_video_recomond_course_contain {margin: 20px 0 0 0;}
        
.catalog_carouselInnerImg_imgs {
width: 1200px;
height: 266px;
margin: 0 auto;
}
.video_course_contain {margin: 0 20px 0 0;}
.video_course_contain:nth-child(4n+4) {margin:0; }
.big_container_bottom{font-size:12px;padding: 3px 13px;margin: 0px 0 0 0;}
.courseImgListModeContain a{width:100%}
.courseListBiaoqian{margin: 0 0 0 5px;float:left;}
.courseListBiaoqianTitle{float:left}
.big_container_bottom_title{/* margin:10px 0; */font-size:14px;color: #000000;}
.big_container_bottom_label{overflow:hidden;/* height: 18px; */position: relative;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.big_container_bottom_soft{overflow:hidden;/* height:20px */}
.big_container_bottom_difficult{overflow:hidden;/* height:20px */}

.courseListBiaoqianTitleContain {position: relative;}
.courseListBiaoqianTitleContain:hover {
    animation:mymove 8s infinite;
-webkit-animation:mymove 8s infinite;
}
.big_container_top_contain{    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;}
.big_container_view_big{
    height: 60px;
    overflow: hidden;
    padding: 0px;
    color: #a3a3a3;
    font-size: 12px;
    width: 100%;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    margin: 0px 0 0 0px;
    background-color: #2a2a31;
    padding: 16px;
    }
.big_container_bottom_coursePeople_big{
    width: 200px;
    height: 28px;
    float: left;
    line-height: 28px;
    /* max-width: 80px; */
    }
    
.big_container_bottom_coursePeopleem_big{
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../img/desIcons.png) -65px -969px no-repeat;
    background-size: 904px 1050px;
    }
    .big_container_bottom_coursePeople_big span {
        height: 28px;
        display: inline-block;
        line-height: 28px;
        float: left;
        margin: 0 0 0 5px;
    }
.big_container_bottom_courseGood_big{
    width: 100px;
    height: 28px;
    float: right;
    line-height: 28px;
    color: #f04142;
    }

    .big_container_bottom_courseGood_big .big_container_bottom_courseGoodemUn {
        width: 30px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../img/desIcons.png) -204px -1008px no-repeat;
        cursor: initial;
        background-size: 904px 1050px;
        margin: 0 10px 0 0;
        cursor: pointer;
    }


    .big_container_bottom_courseGood_big .big_container_bottom_courseGoodem {
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../img/desIcons.png) -248px -1008px no-repeat;
    cursor: pointer;
    background-size: 904px 1050px;
    margin: 0 10px 0 0;
}
.big_container_bottom_courseStar_big{
    width: 100px;
    height: 28px;
    float: right;
    line-height: 28px;
    margin: 0  50px 0 0;
    color: #f04142;
  }
  .big_container_bottom_courseShare_big{
    width: 100px;
    height: 28px;
    float: right;
    line-height: 28px;
    margin: 0  50px 0 0;
    color: #a3a3a3;
  }
  .big_container_bottom_courseShareem_big{
    width: 30px;
    height: 28px;
    float: left;
    position: relative;
    top: 3px;
    margin: 0 10px 0 0;
    background: url(../img/desIcons.png) -18px -1008px no-repeat;
    background-size: 904px 1050px;
  }

  .big_container_bottom_courseStar_big .big_container_bottom_courseStaremUn{
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../img/desIcons.png) -112px -1008px no-repeat;
    /* cursor: pointer; */
    background-size: 904px 1050px;
    margin: 0 10px 0 0;
    cursor: pointer;
}
.big_container_bottom_courseStar_big .big_container_bottom_courseStarem{
    width: 30px;
    height: 28px;
    display: inline-block;
    float: left;
    background: url(../img/desIcons.png) -158px -1008px no-repeat;
    /* cursor: pointer; */
    background-size: 904px 1050px;
    margin: 0 10px 0 0;
    cursor: pointer;
}

.containToCenter_share{display: none;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px;width: 416px;height: 120px;position: absolute;right: 0;bottom: -120px;background: #ffffff;z-index: 10;border-radius: 4px;-webkit-box-shadow: 0 -1px 3px rgba(26,26,26,.1);box-shadow: 0 -1px 3px rgba(26,26,26,.1);}
.containToCenter_share #containToCenter_share_erweima{width: 90px;height: 90px;float: left;margin-right: 15px;}
.containToCenter_share .containToCenter_share_text{width: 281px;height: 90px;float: left;overflow: hidden;}
.containToCenter_share .containToCenter_share_text strong{font-size: 16px;margin-bottom: 10px;display: inline-block;}
.containToCenter_share .containToCenter_share_text p{font-size: 14px;color: #999999;line-height: 2;}

.video_watermark_logo{position: absolute;top: 37px;right: 35px;width: 80px;opacity: .8;display: none;}
.video_watermark_url{position: absolute;bottom: 84px;left: 20px;width: 148px;opacity: .8;display: none;}

.error_img {width:350px;height:216px;margin:0 auto 10px;background-repeat: no-repeat;background-clip: border-box;background-size: contain;background-image: url(../img/contest/expression/e.png);}

@keyframes mymove
{
from {left:0px;}
to {left:-300px;}
}

@-webkit-keyframes mymove 
{
from {left:0px;}
to {left:-300px;}
}

.carousel-indicators1{top: 275px;width: 1200px;margin: 0 0 0 -600px;}
@media screen and (min-width: 1600px){
    .containToCenterNoPadding{width: 1380px;}	
    .designer_flex_top{height: 715px;}	
    .leftVideoPosition{width: 1070px;height: 715px;}
    .rightVideoPosition{height: 715px;}
    .listMainTxt{height: 558px;}
    .designer_video_recomond_course{width: 1380px;height: 366px;}
    .catalog_carouselInnerImg_imgs{width: 1380px;height: 294px;}
    .courseImgListModeContain{width: 330px !important;}
    .big_container_top {height: 201px  !important;}
    .carousel-indicators1 {top: 308px; width: 1380px; margin: 0 0 0 -694px;}
    .video_watermark_logo{top: 49px;right: 48px;width: 100px;}
    .video_watermark_url{bottom: 97px;left: 38px;width: 150px;}
    #outermostLayerList{height: 595px;}
    #player-con,.videoPlayer{height: 655px;width: 1070px;}
}