@charset "UTF-8";
/**************学习进展 start**********/
.progress_bg{
    position:relative;
    width:100%;
    min-width:1400px;
    background:#fff7f4 url(../images/progress_bg.jpg) no-repeat center top;
    overflow:hidden;
}
.progress_banner{
    width:100%;
    min-width:1400px;
    height:300px;
    background:url(../images/progress_banner.png) no-repeat center top;
    overflow:hidden;
}
#progress_top{height:550px;}
/*积分 start*/
.jifen{
    position:relative;
    width:100%;
    min-height:120px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 0 7px 0 rgba(0,0,0,0.07);
    padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jifen>img{
    position:absolute;
    left:20px;
    top:20px;
    width:80px;
}
.jifen_nav{
    width:100%;
    padding:0 145px 0 100px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.jifen_nav h2{
    width:100%;
    font-size:20px;
    font-weight:bold;
    color:#000;
    line-height:36px;
    overflow:hidden;
}
.jifen_nav h2 img{
    float:left;
}
.jifen_nav h2 i{
    color:#fb5323;
    font-size:24px;
    font-weight:bold;
}
.jifen_nav p{
    width:100%;
    line-height:40px;
    overflow:hidden;
}
.jifen_nav p span{margin-right:30px;}
.jifen_nav p em{
    padding:5px 10px;
    border-radius:5px;
    margin-right:5px;
}
.jifen_nav p i{font-weight:bold;}
.jifen_nav .color1{color:#fb5323;}
.jifen_nav .color2{color:#ee6522;}
.jifen_nav .color3{color:#099b8f;}
.jifen_nav .color1 em{ background:#ffe9e9;}
.jifen_nav .color2 em{ background:#fdefe8;}
.jifen_nav .color3 em{ background:#e6f5f4;}
.jifen_btn{
    position:absolute;
    right:20px;
    top:50%;
    transform:translate(0,-50%);
    width:125px;
    line-height:40px;
    background:#fb5323;
    border-radius:40px;
    color:#fff;
    text-align: center;
    overflow:hidden;
}
.jifen_btn:hover{
    color:#fff;
    opacity:0.9;
}
/*积分 end*/

/*积分规则弹窗 start*/
#jifen_layer{
    position:fixed;
    z-index:99999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.4);
    display:none;
}
.jifen_rule{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:800px;
    height:615px;
    background:#fb5323;
    border-radius:25px;
}
.jifen_rule h1{
    color:#fff;
    font-size:24px;
    font-weight:bold;
    line-height:30px;
    margin:20px auto;
    text-align: center;
}
.rule_list{
    position:absolute;
    bottom:0;
    width:100%;
    height:calc(100% - 70px);
    background:#fff;
    border-radius:0 0 25px 25px;
    padding:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rule_list li{
    width:100%;
    background:#fff5f2;
    border-radius:5px;
    line-height:30px;
    padding:15px 20px;
    margin-bottom:15px;
    text-align: justify;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rule_list li h3{
    width:100%;
    line-height:30px;
    color:#000;
    font-size:16px;
    margin-bottom:5px;
}
.rule_list li p{
    position:relative;
    width:100%;
    line-height:28px;
    color:#444;
    font-size:15px;
    padding-left:15px;
    text-align:justify;
    box-sizing: border-box;
}
.rule_list li p i{
    position:absolute;
    left:0;
    top:50%;
    transform:translate(0,-50%);
    width:8px;
    height:8px;
    background:#fb5323;
    border-radius:50%;
}
.close{
    position:absolute;
    z-index:99;
    right:20px;
    top:15px;;
    color:#fff;
    font-size:35px;
    line-height:35px;
    cursor:pointer;
}
/*积分规则弹窗 end*/

/*小导航 start*/
.progress_btn{
    width:100%;
    margin-top:20px;
}
.progress_btn a{
    position:relative;
    float:left;
    width:calc((100% - 90px)/7);
    min-height:100px;
    background:#fff;
    border-radius:6px;
    box-shadow:0 0 7px 0 rgba(0,0,0,0.07);
    font-size:16px;
    padding:15px 0;
    margin-right:15px;
    text-align: center;
    transition:all 0.3s;
    overflow:hidden;
    box-sizing: border-box;
}
.progress_btn a:last-child{ margin-right:0;}
.progress_btn a:hover{
    color:#fff;
    border-radius:6px;
    background:#fb5323;   
}
.progress_btn i{
    display:block;
    width:40px;
    height:40px;
    background:url("../images/progress_btn.png") no-repeat;
    margin:0 auto 3px;
}
.right_btn i{
    display:block;
    width:40px;
    height:40px;
    background:url("../images/progress_btn.png") no-repeat;
    margin:0 auto;
}
.item1 i{background-position:0 0;}
.item2 i{background-position:-40px 0;}
.item3 i{background-position:-80px 0;}
.item4 i{background-position:-120px 0;}
.item5 i{background-position:-160px 0;}
.item6 i{background-position:-200px 0;}
.item7 i{background-position:-240px 0;}
.item8 i{background-position:-280px 0;}
.progress_btn .item1:hover i{background-position:0 -40px;}
.progress_btn .item2:hover i{background-position:-40px -40px;}
.progress_btn .item3:hover i{background-position:-80px -40px;}
.progress_btn .item4:hover i{background-position:-120px -40px;}
.progress_btn .item5:hover i{background-position:-160px -40px;}
.progress_btn .item6:hover i{background-position:-200px -40px;}
.progress_btn .item7:hover i{background-position:-240px -40px;}
/*小导航 end*/

/*右侧固定导航 start*/
.right_btn{
    position:fixed;
    z-index:9997;
    right:15px;
    top:50%;
    transform:translate(0,-50%);
    width:90px;
    background:#fff;
    border-radius:6px;
    box-shadow: 0px 0px 19.2px 0.8px rgba(83, 83, 83, 0.1);  
    overflow:hidden;
    display:none;
}
.right_btn .item{
    position:relative;
    display:block;
    width:100%;
    padding:4px 10px 11px;
    text-align: center;
    cursor: pointer;
    overflow:hidden;
    box-sizing: border-box;
}
.right_btn .item span{
    display:block;
    font-size:14px;
    line-height:15px;
}
.right_btn .item::after {
    content: '';
    position: absolute;
    left:50%;
    bottom:0;
    transform: translate(-50%,0);
    width:calc(100% - 30px);
    height:1px;
    background:#f4f4f4;
}
.right_btn .item:last-child::after{display:none;}
.right_btn .item.sel{
    color:#fff;
    background:#fb5323;   
}
.right_btn .item.sel::after{display:none;}
.right_btn .item1.sel i{background-position:0 -40px;}
.right_btn .item2.sel i{background-position:-40px -40px;}
.right_btn .item3.sel i{background-position:-80px -40px;}
.right_btn .item4.sel i{background-position:-120px -40px;}
.right_btn .item5.sel i{background-position:-160px -40px;}
.right_btn .item6.sel i{background-position:-200px -40px;}
.right_btn .item7.sel i{background-position:-240px -40px;}
/*右侧固定导航 end*/

/*各类科目学习进展 start*/
#shape{
    margin:30px auto;
}
.progress_item{
    position:relative;
    width:100%;
    background:#fff;
    border-radius:10px;
    padding:40px 20px 20px;
    box-shadow:0 0 8px 1px rgba(0,0,0,0.08);
    margin:35px auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.progress_title{
    position:absolute;
    top:-9px;
    left:50%;
    transform:translate(-50%,0);
}
.study_list{
    width:100%;
    height:1098px;
    background:url("../images/progress_bg.png") no-repeat center;
    background-size:100% 100%;
    margin:10px auto 0;
    overflow:hidden;
}
.study_list li{
    position:relative;
    float:left;
    width:calc(100%/3);
    padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.study_list li:nth-child(3n){
    margin-right:0;
}
.study_list li img{
    position:absolute;
    left:20px;
    top:50%;
    transform:translate(0,-50%);
    width:60px;
    height:60px;
}
.study_list li .way_nav{
    width:100%;
    padding:0 130px 0 60px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.study_list li .way_nav h2{
    width:100%;
    color:#fb5323;
    font-size:17px;
    font-weight:bold;
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.study_list li .way_nav p{
    width:100%;
    color:#666;
    font-size:14px;
    line-height:25px;
    overflow:hidden;
}
.study_list li .study_btn{
    position:absolute;
    right:20px;
    top:50%;
    transform:translate(0,-50%);
    width:120px;
    line-height:40px;
    background:#fb5323;
    border-radius:40px;
    color:#fff;
    margin-top:10px;
    text-align: center;
    transition:all .3s ease;
    overflow:hidden;
}
.study_list li .study_btn:hover{
    color:#fff;
    opacity:0.85;
}
/*各类科目学习进展 end*/

/*选择学习类型 start*/
.layui-layer-title{
    border-radius:8px 8px 0 0!important;
    font-size:17px;
}
.study_type{
    width:100%;
    padding:0 30px;
    margin-top:25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display:none;
}
.study_type a{
    float:left;
    width:180px;
    text-align: center;
}
.study_type a img{
    width:150px;
    border-radius:15px;
}
.study_type a:first-child{
    margin-right:20px;
}
.study_type a span{
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    font-size:16px;
    color:#000;
    text-align: center;
    overflow: hidden;
}
.study_type a img:hover{
    box-shadow: 0 0 20px 10px #e8f0ff;
    -webkit-box-shadow:0 0 20px 10px #e8f0ff;
    -moz-box-shadow:0 0 20px 10px #ffdedf;
}
/*选择学习类型 start*/

#shape1{ height:800px;}
#shape2{ height:600px;}
#shape3,#shape4,#shape5{height:600px;}

/*学习记录 start*/
#progress_7{
    padding:30px 20px 10px;
}
.layui-table{
    margin:0;
}
.learn_btn{
    width:100%;
    border-bottom:1px solid #e6e6e6;
    margin-bottom:15px;
    overflow:hidden;
}
.learn_btn li{
    float:left;
    padding:0 10px;
    line-height:60px;
    font-size:16px;
    font-weight:bold;
    color:#333;
    margin-right:30px;
    cursor:pointer;
}
.learn_btn li.btn1.active{
    color:#fb5323;
    border-bottom:2px solid #fb5323;
}
.learn_btn li.btn2.active{
    color:#ff7070;
    border-bottom:2px solid #ff7070;
}
.learn_nav .learn_item{
    width:100%;
    overflow:hidden;
    display:none;
}
.study_table thead th{
    padding:15px 20px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    text-align:center;
}
#study_table1 thead th{ background:#fb5323;}
#study_table2 thead th{ background:#ff7070;}
.study_table tbody td{
    padding:15px 20px;
    font-size:15px;
}
.layui-table tbody td{
    text-align:center;
}
.layui-table tbody td:first-child{
    text-align:left;
}
.study_table tbody td a:hover{
    text-decoration: underline;
}
#study_table1 tbody tr:hover,
#study_table1 thead tr,
#study_table1[lay-even] tr:nth-child(even){
    background:#fff4ed;
}
#study_table2 tbody tr:hover,
#study_table2 thead tr,
#study_table2[lay-even] tr:nth-child(even){
    background:#fff3f3;
}
.do{ color:#30bd65;}
.none{ color:#fb5323;}
.again{
    background:#30bd65;
    border-radius:30px;
    color:#fff;
    padding:3px 10px;
}
.continue{
    background:#fb5323;
    border-radius:30px;
    color:#fff;
    padding:3px 10px;
}
.again:hover,.continue:hover{
    color:#fff;
}
/*学习记录 end*/
/**************学习进展 end***********/