/***************************学习进展 start**************************************************************/
/*八个数据展示 start*/
.s_progress{
    width:1202px;
    overflow:hidden;
}
.sp_topic1{
    width:100%;
    margin:20px 0 4px;
    overflow:hidden;
}
.sp_topic1 li{
    float:left;
    width:280.5px;
    border-radius:5px;
    padding:10px 15px;
    margin:0 16px 16px 0;
    transition:all .3s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.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.kuai1{
    background:linear-gradient(to right,#ff9fce,#ffb9dc);
}
.sp_topic1 li.kuai2{
    background:linear-gradient(to right,#87b7ff,#b1d1ff);
}
.sp_topic1 li.kuai3{
    background:linear-gradient(to right,#5ec5f9,#83cff8);
}
.sp_topic1 li.kuai4{
    background:linear-gradient(to right,#57d091,#99ebc0);
}
.sp_topic1 li.kuai5{
    background:linear-gradient(to right,#f98787,#f3b5b5);
}
.sp_topic1 li.kuai6{
    background:linear-gradient(to right,#f18956,#f9b796);
}
.sp_topic1 li.kuai7{
    background:linear-gradient(to right,#fbcf5a,#fddb7f);
}
.sp_topic1 li.kuai8{
    background:linear-gradient(to right,#a0d146,#c8e594);
}
/*八个数据展示 end*/

/*柱形图、环形图 start*/
.shape_box{
    width:1170px;
    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:575px;
    height:450px;
    margin-right:20px;
    padding:15px 0;
}
#zhu_shape{
    width:625px;
    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:575px;
    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{
    width:1170px;
    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{
    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:1170px;
    overflow:hidden;
}
.results_same{
    position:relative;
    float:left;
    width:575px;
    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:1170px;
    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:25px;
}
.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;
}
.table_total .layui-tab-title li{
    width:23.5%;
    padding:0;
    border-radius:5px 5px 0 0;
    color:#fff;
    margin-right:2%;
    text-align: center;
}
.table_total .layui-table thead tr th{
    text-align: center;
    font-weight:bold;
    color:#333;
}
.table_total .layui-table tbody tr{
    text-align: center;
}
.table_total .layui-tab-title1 li,.table_total .layui-tab-title2 li{
    background: #e7e7e7;
    color:#333;
}
.table_total .layui-tab-title1 li.layui-this{
    background:#FF5722;
    color:#fff;
}
.table_total .layui-tab-title2 li.layui-this{
    background:#4a9ff5;
    color:#fff;
}

.learn_one{
    color:#4a9ff5;
}
.delete_one{
    color:#FF5722;
}
/*八个表格 end*/
.layui-table thead tr, .layui-table[lay-even] tr:nth-child(even) {
    background: #eff9ff;
}
.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:#ff784d;
}
.none_nav a.v_button:hover{
    background:#FF5722;
}
.none_nav a.t_button{
    background:#74b9ff;
}
.none_nav a.t_button:hover{
    background:#4a9ff5;
}
/***************************学习进展 end**************************************************************/