/***************************学习进展 start**************************************************************/
/*八个数据展示 start*/
.s_progress{
    width:1200px;
    overflow:hidden;
}
.sp_topic1{
    width:100%;
    margin:20px 0 4px;
    overflow:hidden;
}
.sp_topic1 li{
    float:left;
    width:288px;
    border-radius:5px;
    padding:10px 15px;
    margin-bottom:16px;
    transition:all .3s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sp_topic1 li:not(:nth-child(4n)){
    margin-right:16px;
}
.sp_topic1 li .sp_wz{
    float:left;
    width:150px;
    overflow:hidden;
}
.sp_topic1 li .sp_wz p{
    width:100%;
    height:30px;
    line-height:30px;
    color:#fff;
    font-size:18px;
}
.sp_topic1 li .sp_wz p i{
    font-size:12px;
    margin-left:5px;
}
.sp_topic1 li .sp_wz span{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    color:#fff;
    overflow:hidden;
}
.sp_topic1 li .sp_link{
    float:right;
    width:100px;
    text-align:right;
    overflow:hidden;
}
.sp_link h3{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:24px;
    color:#fff;
    overflow:hidden;
}
.sp_link a{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#fff;
    overflow:hidden;
}
.sp_link a:hover{
    text-decoration: underline;
}
.sp_topic1 li:first-child{
    background:linear-gradient(to right,#fb929e,#fdacb5);
}
.sp_topic1 li:nth-child(2){
    background:linear-gradient(to right,#75d6be,#8fe0cc);
}
.sp_topic1 li:nth-child(3){
    background:linear-gradient(to right,#ff9668,#ffac87);
}
.sp_topic1 li:nth-child(4){
    background:linear-gradient(to right,#53c7f0,#75d1f2);
}
.sp_topic1 li:nth-child(5){
    background:linear-gradient(to right,#6bd5e1,#93e3ec);
}
.sp_topic1 li:nth-child(6){
    background:linear-gradient(to right,#ff9fce,#ffb9dc);
}
.sp_topic1 li:nth-child(7){
    background:linear-gradient(to right,#cca2e1,#d8bae7);
}
.sp_topic1 li:last-child{
    background:linear-gradient(to right,#facf5a,#fddb7f);
}
/*八个数据展示 end*/

/*柱形图、环形图 start*/
.shape_box{
    width:1200px;
    margin-bottom:20px;
    overflow:hidden;
}
.same_kuang{
    position:relative;
    float:left;
    background:#fff;
    border-radius:5px;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow:hidden;
}
.special_kuang1{
    width:590px;
    height:450px;
    margin-right:20px;
    padding:15px 0;
}
#zhu_shape{
    width:640px;
    height:450px;
}
.same_kuang a{
    position:absolute;
    z-index:99;
    width:120px;
    height:35px;
    line-height:35px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius:5px;
    text-align: center;
    overflow:hidden;
}
.special_kuang1 a{
    top:50%;
    left:50%;
    margin:-5px 0 0 -60px;
}
.special_kuang2 a{
    top:50%;
    left:50%;
    margin:40px 0 0 -140px;
}
.same_kuang a:hover{
    background:#ff982a;
    border: 1px solid #ff982a;
    color:#fff;
}
#huan_shape{
    float:left;
    width:590px;
    height:450px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    padding:15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*柱形图、环形图 end*/

/*评语 start*/
.reviews,.add_reviews{
    width:1200px;
    background:#fff;
    border-radius:5px;
    padding:10px 20px 20px;
    margin-bottom:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reviews h3,.add_reviews h3{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    font-weight:bold;
    color:#333;
    margin-bottom:5px;
    overflow:hidden;
}
.reviews p {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    line-height: 30px;
    padding: 10px;
    text-indent: 24px;
    color: #666;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.reviews p a{
    font-size:18px;
    color:#ff4e00;
}
.reviews p a:hover{
    text-decoration: underline;
}
/*评语 end*/

/*成绩曲线 start*/
.results_line{
    width:1200px;
    margin-bottom:0px;
    overflow:hidden;
}
.results_same{
    position:relative;
    float:left;
    width:590px;
    height:435px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    padding:15px 15px 15px 5px;
    margin-bottom:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.results_line .results_same:not(:nth-child(2n)){
    margin-right:20px;
}
.results_same a{
    position:absolute;
    top:50%;
    left:50%;
    margin:-10px 0 0 -60px;
    z-index:99;
    width:120px;
    height:35px;
    line-height:35px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius:5px;
    text-align: center;
    overflow:hidden;
}
.results_same a:hover{
    background:#ff982a;
    border: 1px solid #ff982a;
    color:#fff;
}
.results_same p{
    width:245px;
    color:#fff;
    overflow:hidden;
    white-space:normal;
}
#results_1,#results_2,#results_3,#results_4{
    width:555px;
    height:410px;
}
/*成绩曲线 end*/

/*八个表格 start*/
.table_total{
    width:1200px;
    background:#fff;
    border-radius:5px;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    padding:15px;
    margin-bottom:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.table_total h3{
    width:100%;
    height:30px;
    line-height:30px;
    font-size:18px;
    font-weight:bold;
    color:#333;
    margin-bottom:5px;
    overflow:hidden;
}
.table_total .layui-tab1{
    margin-bottom:35px;
}
.table_total .layui-tab-content{
    padding:0;
}
.table_total .layui-tab-title{
    border-bottom:0;
}
.table_total .layui-table{
    margin:0;
}
.table_total .layui-tab-title .layui-this:after{
    border:0;
}
.layui-tab1 .layui-tab-content{
    border:3px solid #ffac87;
    border-radius:0 0 5px 5px;
}
.layui-tab2 .layui-tab-content{
    border:3px solid #3fbcc4;
    border-radius:0 0 5px 5px;
}
.table_total .layui-tab-title li{
    width:24.25%;
    background:#e7e7e7;
    padding:0;
    border-radius:5px 5px 0 0;
    color:#333;
    text-align: center;
}
.table_total .layui-table thead tr th{
    text-align: left;
    color:#fff;
    border:none;
}
.table_total .layui-table tbody tr{
    text-align: left;
}
.table_total .layui-tab-title li:not(:first-child){
    margin-left:1%;
}
.table_total .layui-table thead tr th{
    text-align: left;
    color:#fff;
}
.table_total .layui-table tbody tr{
    text-align: left;
}
.table_total .layui-tab1 thead tr{
    background:#ffac87;
}
.table_total .layui-tab1 .layui-this{
    background:#ffac87;
    color:#fff;
}

.layui-tab2 .layui-tab-title2 li{
    background:#e7e7e7;
}
.table_total .layui-tab2 thead tr{
    background:#3fbcc4;
}
.table_total .layui-tab2 .layui-this{
    background:#3fbcc4;
    color:#fff;
}

.learn_one{
    color:#31c6ce;
}
.delete_one{
    color:#ff0000;
}
.none_topic {
    width: 100%;
    margin: 0;
    text-align: center;
    overflow: hidden;
}
.none_nav{
    width:100%;
    text-align:center;
    overflow:hidden;
}
.none_nav p {
    width:80%;
    font-size:16px;
    color:#666;
    text-align:center;
    margin:0 auto;
    overflow:hidden;
}
.none_nav a{
    display:block;
    width:120px;
    height:35px;
    line-height:35px;
    border-radius:5px;
    color:#fff;
    margin:20px auto 35px;
    text-align: center;
    overflow:hidden;
}
.none_nav a.v_button{
    background:#ffac87;
}
.none_nav a.v_button:hover{
    background:#fe9363;
}
.none_nav a.t_button{
    background:#3fbcc4;
}
.none_nav a.t_button:hover{
    background:#1db2bb;
}
/*八个表格 end*/

.add_reviews>p{
    width:100%;
    background:#f3f6ff;
    border-radius:5px;
    color:#666;
    line-height:30px;
    padding:15px;
    margin:15px 0 20px;
    box-sizing:border-box;
}
.recommendation-section h4{
    position:relative;
    width:100%;
    color: #ea6b26;
    font-size:18px;
    font-weight:bold;
    padding-left: 15px;
    overflow: hidden;
    box-sizing: border-box;
}
.recommendation-section h4::after{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    transform: translate(0, -50%);
    width:5px;
    height:18px;
    background:#ea6b26;
    border-radius:10px;
}
/*推荐视频 start*/
.subject_list{
    width: 100%;
    margin: 0 auto 20px;
    overflow:hidden;
}
.subject_list li{
    float:left;
    width: calc((100% - 60px)/4);
    border:1px solid #eee;
    margin: 20px 20px 0 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.subject_list li:nth-child(4n) {
    margin-right: 0;
}
.subject_list li a{
    display:block;
}
.subject_list li span{
    position:relative;
    display:block;
    width:100%;
    height: 154px;
    overflow:hidden;
}
.subject_list li i{
    position:absolute;
    top:-100%;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.2) url("../images/index/icon_watch.png") no-repeat center;
    transition: all .3s;
    overflow:hidden;
}
.subject_list li:hover i{
    top:0;
}
.subject_list li img{
    width:100%;
    transition: all .3s;
}
.subject_list li:hover img{
    transform:scale(1.2,1.2);
}
.subject_list li p{
    width:100%;
    height:50px;
    line-height:50px;
    background:#fff;
    text-align: center;
    font-size: 15px;
    color: #333;
    padding: 0 10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*推荐视频 end*/

/*推荐试卷 start*/
.exam_nr{
    width:100%;
    overflow:hidden;
}
.exam_nr li{
    float:left;
    width:calc((100% - 20px)/2);
    background: #f3f6ff;
    padding:15px 20px;
    border-radius:5px;
    margin:20px 20px 0 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.exam_nr li:nth-child(2n){margin-right:0;}
.exam_nr li a.main_tb{
    float:left;
    width:57px;
    height:57px;
}
.exam_nr_wz{
    float:left;
    width: calc(100% - 72px);
    margin-left:15px;
    overflow:hidden;
}
.exam_nr_wz a{
    display:block;
    width:100%;
    height:35px;
    line-height:35px;
    color: #333;
    font-size:15px;
    overflow:hidden;
}
.exam_nr_wz a:hover{
    color:#4a9ff5;
    text-decoration: underline;
}
.exam_nr_wz p{
    width:100%;
    height:23px;
    line-height:23px;
    font-size:12px;
    color:#999;
    overflow:hidden;
}
.exam_nr_wz p span{
    margin-right:25px;
}
/*推荐试卷 end*/
/***************************学习进展 end**************************************************************/