.containToCenter {
    margin: 0 auto;
    width: 1200px;
    /* overflow:  hidden; */
    /* min-height: 600px; */
    padding: 20px 0;
}
.containToCenter::after{
    content:'';
    display:block;
    clear:both;
}
.courseImgList h3 {
    height: 60px;
    line-height: 60px;
    width: 100%;
    float: left;
    font-size: 20px;
}

    .courseImgList h3 .courseImgListH3Left {
    }

    .courseImgList h3 a {
        display: inline-block;
        float: right;
        font-size: 14px;
        margin: 0 29px 0 0;
    }

.courseImgList {
    overflow: hidden;
}

.courseImgListModeContain {
    width: 370px;
    height: 340px;
    float: left;
    background-color: white;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 30px;
    margin-bottom: 25px;
    position: relative;
}


    .courseImgListModeContain:hover {
        cursor: pointer;
             box-shadow: 1px 1px 4px #f4f4f4; 
    }

.big_container_top {
    width: 100%;
    height: 212px;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.big_container_bottom {
    width: 100%;
    padding: 0 20px;
    color: #333333;
}

.big_container_bottom_label {
    overflow: hidden;
    height: 20px;
}
.big_container_bottom_categroy {
    overflow: hidden;
    height: 20px;
} 
.big_container_bottom_soft {
    overflow: hidden;
    height: 20px;
} 
 
.big_container_bottom_difficult {
    overflow: hidden;
    height: 20px;
}

span.courseListBiaoqian {
    margin: 0 5px;
}

.big_container_bottom_title {
    font-size: 16px;
    color: #333333;
    height: 24px;
    margin: 14px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.outCourseImgListModeContain {
    width: 100%;
}

.big_container_view {
    width: 100%;
    height: 28px;
    overflow: hidden;
    padding: 0 14px;
    color: #a3a3a3;
    margin: 5px 0;
    font-size: 12px;
    min-width: 280px;
}

.big_container_bottom_coursePeople {
    width: 33%;
    height: 28px;
    float: left;
    line-height: 28px;
}

    .big_container_bottom_coursePeople span {
        height: 28px;
        display: inline-block;
        line-height: 28px;
        float: left;
    }

    .big_container_bottom_coursePeopleem {
        width: 28px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../img/desIcons.png) -219px -572px no-repeat;
        background-size: 904px 1050px;
    }

.big_container_bottom_courseGood {
    width: 33%;
    height: 28px;
    float: left;
    line-height: 28px;
}

    .big_container_bottom_courseGoodem {
        width: 28px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../img/desIcons.png) -262px -642px no-repeat;
        cursor:pointer;
        background-size: 904px 1050px;
    }

.big_container_bottom_courseGoodemUn {

            width: 28px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../img/desIcons.png) -262px -571px no-repeat;
        cursor:initial;
        background-size: 904px 1050px;
}

.big_container_bottom_courseStar {
    width: 33%;
    height: 28px;
    float: left;
    line-height: 28px;
}

    .big_container_bottom_courseStarem {
        width: 28px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../img/desIcons.png) -305px -642px no-repeat;
        cursor:pointer;
        background-size: 904px 1050px;
    }
        .big_container_bottom_courseStaremUn {
        width: 28px;
        height: 28px;
        display: inline-block;
        float: left;
        background: url(../img/desIcons.png) -305px -569px no-repeat;
        cursor:pointer;
        background-size: 904px 1050px;
    }


.autoCenterImg {
    width: 1200px;
    margin: 0 auto;
}
 


.all-sort-list .item .New_isLinkForGray{
    color: #a3a3a3;
}

.Text_mask{
    width: 100%;
    height: 460px;
    background: url("../img/new_work_img.jpg");
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    font-size: 16px;
    color: #333;
}
.Text_mask p{

    padding-left: 50px;
    padding-right: 50px;
}
.subjectCourse {

width: 100%;

height: 160px;

/* position:  relative; */

margin: 20px 0;
}

.basicModal {
    
width: 240px;
    
height: 156px;
    
padding: 0px 10px 30px 0;
    
float:  left;
    
/* cursor:  pointer; */
    
/* border-radius: 4px; */
}
.basicModal_bac {width:  100%;height: 100%;border-radius: 4px;cursor:  pointer;}
.basicModal_effects {

}

.carouselInnerImg_imgs {
        width: 1200px;
    height: 156px;
    margin: 0 auto;
}
.carousel-indicators1{
    position: absolute;
    bottom: 10px;
    z-index: 15;
    list-style: none;
}

.carousel-indicators1 .active {
    width: 10px;
    height: 10px;
    margin: 0px 5px;
    background-color: #9E9E9E;
}
.carousel-indicators1 li{
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0px 5px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #9E9E9E;
        border-radius: 10px;
}