/*清除样式*/
.course_left{
    padding: 0;
}
.course_left{
    background-color: transparent;
}


/*习题头部*/
.exercises_head{
    position: relative;
    background:rgba(255,255,255,1);
    border-radius:4px;
    padding: 25px;
    width: 100%;
    display: table;
    margin-bottom: 30px;
}
.exercises_head>img{
    display: block;
    float: left;
}
.exercises_head_title{
    float: left;
    padding: 28px 29px;
}
.exercises_head_title>h3{
    font-size:20px;
    line-height: 20px;
    margin-bottom: 28px;
    font-weight:bold;
    color:rgba(48,48,48,1);
}
.exercises_head_title>p{
    vertical-align: text-top;
    font-size:14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height:14px;
    margin-bottom: 14px;
}
.exercises_head_title>p:last-child{
    margin: 0;
}

/*习题左侧——选择*/
.job_content{
    background:rgba(255,255,255,1);
    border-radius:4px;
    padding: 20px 25px;
}
.job_select{
    position: relative;
    padding-bottom: 20px;
    border-bottom:1px solid rgba(238,238,238,1);
}

.job_type>a{
    float: left;
    display: inline-block;
    box-sizing: border-box;
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size:18px;
}
.job_type_search{
    position: absolute;
    top: 5px;
    right: 0px;
    width:300px;

}
.job_type_search>input{
    outline:none;
    font-size: 14px;
    text-indent: 13px;
    box-sizing: border-box;
    width:300px;
    height:30px;
    border:1px solid rgba(238,238,238,1);
    border-radius:15px;
}
.search-hui{
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
}

/*下拉框——筛选*/
.job_screen{
    display: flex;
    padding: 20px 0;
}
.job_screen .filter-text{
    width:15.625rem;
    height:40px;
    border:1px solid rgba(229,229,229,1);
    border-radius:5px;
    margin-right: 17px;
}

.job_screen .filter-text .filter-title{
    text-indent: 10px;
}
.filter-list{
    width: 15.625rem;
    margin-top: -5px;
}


.job_screen .filter-list li.filter-selected {
    background-color: #388CFF;
}
.class .filter-list li.filter-selected a, .campus .filter-list li.filter-selected a, .class_hour .filter-list li.filter-selected a {
    display: block;
    color: #fff!important;
}

.job_screen .filter-list li a {
    display: block;
    padding: 0 10px;
    line-height: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #999999;
}
.job_screen .filter-list li:hover{
    background-color: #388CFF;
}
.job_screen .filter-list li:hover a {
    color: white;
}
.job_screen .icon-filter-arrow{
    width: 12px;
    height: 8px;
    top: 16px;
}
.screen_but{
    width:100px;
    height:40px;
    background:rgba(56,140,255,1);
    border-radius:5px;
    border: 0;
}

/*作业库*/
.task_box{
    /*margin-top: 25px;*/
}
.task_box>li{
    display: flex;
    justify-content: space-between;
    padding: 24px 0;
    border-bottom:1px solid rgba(238,238,238,1);
}
.task_box>li>div{
    padding: 24px 30px 28px;
}
/*标题*/
.task_box>li>div>h3{
    text-indent: -7px;
    font-size:16px;
    line-height: 16px;
    margin-bottom: 33px;
    font-weight:400;
    color:rgba(48,48,48,1);
}
.task_box>li>div>h3:hover,
.task_box>li>div>h3:hover>a{
    color: #388CFF;
}
.task_box>li>div>h3>a{
    color: rgba(48,48,48,1);
}

/*内容*/
.task_box>li>div>p{
    font-size:14px;
    line-height: 14px;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-bottom: 28px;
}
.task_box>li>div>p:last-child{
    margin: 0;
}
/*作业库列表——图片*/
.task_box>li>img{
    width: 336px;
    height: 200px;
}


/*右侧——导师*/
.teacher{
    padding-bottom: 15px;
}
.teacher>h3{
    font-size: 1.1rem;
    font-weight: 400;
    color: rgba(48,48,48,1);
    padding-bottom: 20px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(238,238,238,1);
}
.teacher>h3 a, .Popular>h3 a{
    float: right;
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    margin-top: 5px;
}

.teacher_liu{
    margin-bottom: 15px;
}


/*作业*/
/*作业批改列表*/
.correction_list>li{
    background:rgba(255,255,255,1);
    border-radius:4px;
    padding: 24px 0rem;
    position: relative;

    border-bottom:1px solid rgba(238,238,238,1);
}
.correction_list>li:last-child{
    margin: 0;
}
.correction_content{
    width: 70%;
}
/*标题*/
.correction_title{
    margin-top: 14px;
    display: flex;
    display: -ms-flexbox;

}
.correction_title>h3{
    height: 1.5rem;
    font-size:1.5rem;
    line-height: 1.5rem;
    font-weight:400;
    color:rgba(48,48,48,1);

    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.correction_title>h3:hover{
    color: #0057ff;
}
.correction_num{
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: #FA1D24;
    font-weight: bold;
    margin-left: 14px;

    display: flex;
    display: -ms-flexbox;
    align-items: baseline;
}
.correction_num>span{
    font-size:1rem;
    font-weight:bold;
    color:#303030;
}
.correction_attention>span{
    font-size:0.875rem;
    font-weight:400;
    color:rgba(198,198,198,1);
    transform: translateY(7px);
    display: inline-block;
}
.correction_attention>span>img{
    max-width: 16px;
    margin-top: -5px;
    margin-left: 1rem;
}

/*作者*/
.correction_author{
    margin-top: 15px;
}
.correction_author>span{
    font-size:0.875rem;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-right: 1.25rem;
}

.author_original{
    padding: 1px 7px;
    border:1px solid #DCDCDC;
    border-radius:10px;
    font-size:12px!important;
    font-weight:400;
    color:#666666;
}

/*点评标签*/
.correction_review{
    margin-top: 20px;
}
.review_title{
    font-size:0.875rem;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-right: 10px;
}
.review_label{
    display: inline-block;
    border-radius:5px;
    font-size:0.875rem;
    font-weight:400;
    color:rgba(255,255,255,1);
    padding: 5px 2rem;
    margin-right: 1rem;
}
.review_blue{
    background:rgba(54,153,255,1);
}
.review_gray{
    background:rgba(198,198,198,1);
}

/*导师评语*/
.correction_comment{
    margin-top: 20px;
    display: flex;
    line-height:20px;
    /*margin-bottom: 1.5rem;*/
}
.correction_comment>p{
    width: 545px;
    height: 40px;
    font-size:14px;
    font-weight:400;
    color:#303030;
    line-height:20px;

    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}


/*图片*/
.correction_img{
    position: absolute;
    top: 24px;
    right: 0rem;
}


/*作业组——展开*/
.exercises_head_open .exercises_head_title{
    padding-top: 7px ;
}
.exercises_head_open .correction_attention{
    position: absolute;
    top: 28px;
    right: 31px;
}
.exercises_content_h3{
    font-size:18px;
    line-height: 18px;
    padding: 10px 0 30px;
    font-weight:400;
    color:rgba(48,48,48,1);
    border-bottom:1px solid rgba(238,238,238,1);
}

/*作业详情*/
.task_details{
    background: rgba(255,255,255,1);
    border-radius: 4px;
    padding: 20px 25px;
    margin-bottom: 30px;
}
.task_details>h3{
    font-size:18px;
    line-height: 18px;
    padding: 10px 0 30px;
    font-weight:400;
    color:rgba(48,48,48,1);
    border-bottom:1px solid rgba(238,238,238,1);
}
.task_details>p{
    font-size:16px;
    line-height: 16px;
    font-weight:400;
    color:rgba(48,48,48,1);
    margin: 38px 0 40px ;
}
.task_details>div>p{
    font-size:14px;
    font-weight:400;
    color:rgba(102,102,102,1);
    margin-bottom: 28px;
}
.task_details>div>p:last-child{
    margin-bottom: 15px;
}


/*排行榜*/
.class_list{
    margin-bottom: 30px;
}
.class_list>div{
    width:31.75%
}
.class_achievement .class_list_head{
    background:rgba(85,145,255,1);
}
/* 学习榜图 */
.class_learning .class_list_head .class_list_top_box{
    background: url("../../honors_list/img/drawing-2_(1).png") no-repeat top left !important;
}
/* 人气榜图 */
.class_popularity .class_list_head .class_list_top_box{
    background: url("../../honors_list/img/drawing-3.png") no-repeat top left !important;
}
/*  */
.class_learning .class_list_head,
.class_learning .class_list_title h2{
    color:#CC2B2B;
    background:#DD3E3E;
}
.class_popularity .class_list_head,
.class_popularity .class_list_title h2{
    color:rgba(227,166,20,0.5);
    background:rgba(255,188,26,1);
}
.class_list{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}

.class_list_head{
    box-sizing: border-box;
    position: relative;
    width:100%;
    height:450px;
    /*background:rgba(85,145,255,1);*/
    border-radius:5px 5px 0px 0px;
}
.class_list_title{
    text-align: center;
}
.class_list_title h2{
    text-transform: uppercase;
    width: 100%;
    font-size:52px;
    line-height: 52px;
    font-weight:bold;
    color:rgba(72,131,239,0.5);
    position: absolute;
    top: 45px;
}
.class_list_title h3{
    width: 100%;
    position: absolute;
    top: 59px;
    font-size:24px;
    line-height: 24px;
    font-weight:bold;
    color:rgba(251,251,251,1);
}
/*前三*/
.class_list_top{
    position: absolute;
    bottom: 30px;
    box-sizing: border-box;
    width: 100%;
    height: 280px;
    padding: 0 28px;
}
.class_list_top_box{
    position: relative;
    width: 100%;
    height: 100%;
    background: url("../../honors_list/img/drawing-1.png") no-repeat top left;
    background-size: 100% 100%;
}

.class_list_top_box>ul{
    display: flex;
    height: 100%;
}
.class_list_top_box li{
    padding: 0 15px;
    width: 33.33%;
    text-align: center;
}
.class_list_top_box li p{
    color: #303030;
}
.class_list_top_box li span{
    display: block;
    text-align: center;
}
.class_list_top_box li span>img{
    max-width: 100%;
}
/*第2名*/
.class_list_one{
    padding-top: 75px!important;
}
/*奖牌*/
.class_list_one_medal{
    margin-top: -16px;
}
/*分数*/
.class_list_one .class_list_one_num{
    margin-top: 9px;
}
.class_list_one_num{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.class_list_one_num>span{
    font-size: 24px;
    line-height: 24px;
    color: #FA1D24;
    font-weight: bold;
}

/*名字*/
.class_list_one_name{
    font-size:14px;
    line-height: 14px;
    margin-top: 1rem;
    font-weight:400;
    color:rgba(102,102,102,1) !important;
}
/*第一名*/
.class_list_two{
    padding-top: 13px!important;
}
.class_list_two .class_list_one_num{
    margin-top: 55px;
}
/*第三名*/
.class_list_three{
    margin-top: 74px;
}
.class_list_three .class_list_one_num{
    margin-top: 9px;
}

/*前十*/
.class_list_ten{
    padding: 0 23px 21px;

    background:rgba(255,255,255,1);
    border-radius:0px 0px 5px 5px;
}
.class_list_ten::after,
.class_list_ten>li::after{
    content: "";
    clear: both;
    display: table;
}
.class_list_ten>li{
    padding: 13px 0 12px;
    border-bottom:1px solid rgba(238,238,238,1);
}

.class_list_ten>li>*{
    float: left;
    display: inline-block;
}

.class_list_ten_ranking{
    font-size:14px;
    line-height: 50px;
    font-weight:400;
    color:rgba(153,153,153,1);
    margin-right: 20px;
}
.class_list_ten_name{
    font-size:14px;
    line-height: 50px;
    font-weight:400;
    color:rgba(102,102,102,1);
    margin-left: 16px;
}
.class_list_ten_num{
    float: right!important;
    font-size:14px;
    line-height: 50px;
    font-weight:400;
    color:#666666;
}
.class_list_ten_num>span{
    font-size: 24px;
    font-weight: bold;
    color: #FA1D24;
}


/*媒体查询*/
@media screen and (max-width:1400px){
    .correction_content{
        width: 60%;
    }
    .correction_comment>p{
        width: 87%;
    }
    .correction_attention{
        display: flex;
    }
    .correction_attention>span{
        width: 60px;
    }
    .correction_attention>span>img{
        width: 20px;
    }
}