@charset "UTF-8";
/****************我的收藏 start************/
.collect_banner{
    position:relative;
    width:100%;
    min-width:1280px;
    height:270px;
    overflow:hidden;
}
.collect_center{
    position:absolute;
    left:50%;
    transform: translate(-50%,0);
    width:1920px;
    height:270px;
    background:url(../images/collect_banner.jpg) no-repeat center;
}
#collect{
    position:relative;
    min-height:600px;
    margin:20px auto;
}
/*左 start*/
.collect_btn{
    position:absolute;
    left:0;
    width:250px;
    background:#fff;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.08);
    border-radius:10px;
    overflow:hidden;
}
.collect_btn dt{
    width:100%;
    line-height:60px;
    background:#fb5323;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    padding:0 30px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.collect_btn dt img{ margin-right:10px;}
.collect_btn dd{ padding:0 0 30px;}
.collect_btn dd a{
    display:block;
    position:relative;
    width:100%;
    height:55px;
    line-height:55px;
    font-size:16px;
    padding:0 30px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.collect_btn dd i{
    display:inline-block;
    width:25px;
    height:25px;
    background:url("../images/collect_btn.png") no-repeat center;
    vertical-align:-6px;
    margin-right:12px;
    overflow:hidden;
}
.collect_btn dd i.btn_tb1{background-position:0 0;}
.collect_btn dd i.btn_tb2{background-position:-25px 0;}
.collect_btn dd i.btn_tb3{background-position:-50px 0;}
.collect_btn dd i.btn_tb4{background-position:-75px 0;}
.collect_btn dd i.btn_tb5{background-position:-100px 0;}
.collect_btn dd i.btn_tb6{background-position:-125px 0;}
.collect_btn dd i.btn_tb7{background-position:-150px 0;}
.collect_btn dd i.btn_tb8{background-position:-175px 0;}

.collect_btn a.sel i.btn_tb1{background-position:0 -25px;}
.collect_btn a.sel i.btn_tb2{background-position:-25px -25px;}
.collect_btn a.sel i.btn_tb3{background-position:-50px -25px;}
.collect_btn a.sel i.btn_tb4{background-position:-75px -25px;}
.collect_btn a.sel i.btn_tb5{background-position:-100px -25px;}
.collect_btn a.sel i.btn_tb6{background-position:-125px -25px;}
.collect_btn a.sel i.btn_tb7{background-position:-150px -25px;}
.collect_btn a.sel i.btn_tb8{background-position:-175px -25px;}
.collect_btn dd a.sel{
    color:#fb5323;
    background:#fff4ed;
}
/*左 end*/

.collect_box{
    width:100%;
    padding-left:270px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.collect_nav{
    width:100%;
    border-radius:10px;
    background:#fff;
    box-shadow:0 0 6px 0 rgba(0,0,0,0.08);
    overflow:hidden;
    display:none;
}
.collect_list{
    width:100%;
    padding:0 20px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*我的课程 start*/
.course_btn{
    width:100%;
    background:#fb5323;
    padding:0 30px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.course_btn li{
    position:relative;
    float:left;
    color:#fff;
    font-size:16px;
    line-height:35px;
    padding:0 15px;
    margin:12.5px;
    cursor:pointer;
    transition:all 0.3s;
}
.course_btn li.red,
.course_btn li:hover{
    color:#fb5323;
    background:#fff;
    border-radius:6px;
}
.add_nav{
    width:100%;
    overflow:hidden;
    display:none;
}
.tea_item li{
    padding:0;
    border-radius:0;
    border-bottom:1px dashed #ddd;
}
.tea_item li:last-child{ border:0;}
.tea_item .t_nav{padding:10px 140px 10px 290px;}
.tea_item .t_left{left:0;}
.tea_item .t_watch{
    right:0;
    width:130px;
}
.t_del{
    position:absolute;
    top:20px;
    right:0;
    color:#fb5323;
    font-size:14px;
    padding:2px 5px;
    overflow: hidden;
}
.t_del:hover{
    color:#fb5323;
    text-decoration:underline;
}
.tea_item .t_del img{
    margin-right:5px;
    vertical-align:-6px;
}
/*取消收藏弹出框 start*/
.notice_layer{
    text-align:center;
}
.notice_layer>p{
    margin-top:10px;
}
.layui-layer-btn .layui-layer-btn0 {
    border-color:#fb5323!important;
    background-color:#fb5323!important;
    margin-bottom:10px;
}
/*取消收藏弹出框 end*/
/*我的课程 end*/

/*我的试卷 start*/
.exam_nav{display:none;}
.test_list{
    padding:0;
    margin:0 auto;
}
.test_list li{
    width:100%;
    padding:15px 0;
    background:transparent;
    border-bottom:1px dashed #ddd;
    border-radius:0;
    margin:0;
}
.test_nav{ padding: 0 105px 0 45px;}
.test_message span{margin-right: 15px;}
.test_message i{  margin: 5px 5px 5px 0;}
.test_list .icon_test{left:0;}
.test_btn{
    right:0;
    bottom:15px;
    top:inherit;
    width:100px;
    line-height:31px;
}
.cancel_test{
    position:absolute;
    top:15px;
    right:0;
    color:#fb5323;
    font-size:14px;
    padding:0 5px;
    overflow: hidden;
}
.cancel_test:hover{
    color:#fb5323;
    text-decoration:underline;
}
.cancel_test img{
    margin-right:5px;
    vertical-align:-6px;
}
/*我的试卷 end*/

/*试题列表 start*/
.add_topic .test_nav{
    padding:0 230px 0 55px;
}
.set{
    position:absolute;
    right:0;
    top:30px;
    width:210px;
    overflow:hidden;
}
.set a{
    float:left;
    width:90px;
    height:40px;
    line-height:36px;
    background:#fff;
    border:2px solid #fb5323;
    border-radius:5px;
    color:#fb5323;
    text-align:center;
    transition:all .3s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.set a.watch_btn{
    width:110px;
    background:#30bd65;
    border-color:#30bd65;
    color:#fff;
    margin-right:10px;
}
.set a i{ 
    font-size:20px;
    margin-right:5px;
}
.set a.watch_btn:hover{
    opacity:0.8;
}
.set a.sc_btn{
    background:#fb5323;
    color:#fff;
}
/*试题列表 end*/

/*知识图谱、学习笔记 start*/
.tupu_nav{display:none;}
.biji_nav{display:none;}
.biji_list{
    width:100%;
    padding:20px 0 5px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.biji_list li{
    position:relative;
    width:100%;
    background:#fff6f4;
    border-radius:8px;
    padding:15px;
    margin-bottom:15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.biji_list img{
    position:absolute;
    left:15px;
    top:50%;
    transform:translate(0,-50%);
    width:40px;
}
.biji_list h2{
    width:100%;
    line-height:40px;
    font-size:16px;
    padding:0 230px 0 45px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.biji_list span{
    position:absolute;
    right:160px;
    top:50%;
    transform:translate(0,-50%);
    color:#777;
    font-size:14px;
    line-height:35px;
    cursor:pointer;
}
.biji_list span i{
    float:right;
    width:24px;
    height:24px;
    background:url(../images/icon_shoucang2.png) no-repeat center;
    background-size:cover;
    margin-top:5px;
}
.biji_btn{
    position:absolute;
    right:15px;
    top:50%;
    transform:translate(0,-50%);
    width:120px;
    line-height:40px;
    background:#fb5323;
    border-radius:40px;
    color:#fff;
    text-align:center;
    transition:all .3s;
    overflow:hidden;
}
.biji_btn:hover{
    color:#fff;
    opacity:0.8;
}
/*知识图谱、学习笔记 end*/

/*就业政策与法规、就业报告 start*/
.collect_list .zhengce_nav,
.collect_list .baogao_nav{
    display:none;
}
.policy_list{
    display:flex;
    flex-wrap: wrap;
    width:100%;
}
.policy_list li{
    position:relative;
    width:calc((100% - 40px)/3);
    background:#fff;
    border-radius:10px;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.08);
    padding:15px;
    margin:20px 20px 0 0;
    transition:all .5s ease;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.policy_list li:hover{
    box-shadow:0 16px 16px rgba(0,0,0,.1);
}
.policy_list li:nth-child(3n){
    margin-right:0;
}
.policy_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.policy_list li .c_up{
    position:relative;
    width:100%;
    height:100%;
    border-radius:10px;
    overflow:hidden;
}
.policy_list li .c_up i.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    z-index:9;
}
.policy_list li:hover i.mask{
    opacity:.25;
}
.policy_list li .c_up i.icon_watch{
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:url("../images/icon_watch.png") no-repeat center;
    background-size:cover;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transition: all .35s ease-out;
    z-index:10;
    opacity:0;
}
.policy_list li:hover i.icon_watch{
    transform:scale(1.2);
    opacity:0.8;
}
.policy_list li .c_up img{
    width:100%;
    transition: all .5s;
}
.policy_list li:hover .c_up img{
    transform:scale(1.12,1.12);
}
.policy_list li .c_down{
    position:relative;
    z-index:2;
    width:100%;
    padding:10px 0 0;
    margin:0 auto;
    transition: all .6s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.policy_list .c_down h4{
    width:100%;
    line-height:30px;
    color:#000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.policy_list .c_down p {
    width:100%;
    height:30px;
    line-height:30px;
    color:#888;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.policy_list .p_down{
    display:flex;
    width:100%;
    gap:20px;
    margin-top:5px;
    overflow:hidden;
}
.policy_list .p_down span{
    display:inline-block;
    width:calc(50% - 10px);
    height:40px;
    line-height:40px;
    background:#fff7f7;
    border-radius:8px;
    border:1px solid #fb5323;
    color:#333;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
    cursor: pointer;
}
.policy_list .p_down span i{
    display:inline-block;
    width:25px;
    height:25px;
    background:url("../images/video_collect1.png") no-repeat center;
    vertical-align:-6px;
    cursor:pointer;
}
.policy_list .p_down span.dian i{
    background:url("../images/video_collect2.png") no-repeat center;
}
.policy_list a.p_btn{
    width:calc(50% - 10px);
    height:40px;
    line-height:40px;
    background:#fb5323;
    border:1px solid #fb5323;
    border-radius:8px;
    color:#fff;
    font-size:16px;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
}
.policy_list a.p_btn:hover{
    color:#fff;
    opacity:0.9;
}
/*就业政策与法规 end*/

/*简历模板 start*/
.collect_list .jianli_nav{
    display:none;
}
.resume_list{
    display:flex;
    flex-wrap: wrap;
    width:100%;
}
.resume_list li{
    position:relative;
    width:calc((100% - 40px)/3);
    background:#fff;
    border-radius:10px;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.08);
    margin:20px 20px 0 0;
    transition:all .5s ease;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.resume_list li:hover{
    box-shadow:0 16px 16px rgba(0,0,0,.1);
}
.resume_list li:nth-child(3n){
    margin-right:0;
}
.resume_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.resume_list li .c_up{
    position:relative;
    width:100%;
    height:360px;
    overflow:hidden;
}
.resume_list li .c_up i.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    z-index:9;
}
.resume_list li:hover i.mask{
    opacity:.25;
}
.resume_list li .c_up i.icon_watch{
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:url("../images/icon_watch.png") no-repeat center;
    background-size:cover;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transition: all .35s ease-out;
    z-index:10;
    opacity:0;
}
.resume_list li:hover i.icon_watch{
    transform:scale(1.2);
    opacity:0.8;
}
.resume_list li .c_up img{
    width:100%;
    transition: all .5s;
}
.resume_list li:hover .c_up img{
    transform:scale(1.12,1.12);
}
.resume_list li .c_down{
    position:relative;
    z-index:2;
    width:100%;
    padding:10px 10px 0;
    margin:0 auto;
    transition: all .6s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.resume_list .c_down h4{
    width:100%;
    line-height:30px;
    color:#000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.resume_list .c_down p {
    width:100%;
    height:30px;
    line-height:30px;
    color:#888;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.resume_list .p_down{
    display:flex;
    width:100%;
    gap:20px;
    padding:0 10px 15px;
    margin-top:5px;
    overflow:hidden;
    box-sizing: border-box;
}
.resume_list .p_down span{
    display:inline-block;
    width:calc(50% - 10px);
    height:40px;
    line-height:40px;
    background:#fff7f7;
    border-radius:8px;
    border:1px solid #fb5323;
    color:#333;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
    cursor: pointer;
}
.resume_list .p_down span i{
    display:inline-block;
    width:25px;
    height:25px;
    background:url("../images/video_collect1.png") no-repeat center;
    vertical-align:-6px;
    cursor:pointer;
}
.resume_list .p_down span.dian i{
    background:url("../images/video_collect2.png") no-repeat center;
}
.resume_list a.resume_btn{
    width:calc(50% - 10px);
    height:40px;
    line-height:40px;
    background:#fb5323;
    border:1px solid #fb5323;
    border-radius:8px;
    color:#fff;
    font-size:16px;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
}
.resume_list a.resume_btn:hover{
    color:#fff;
    opacity:0.9;
}
/*简历模板 end*/

/*劳动争议案例 start*/
.collect_list .laodong_nav{
    display:none;
}
.labor_list{
    display:flex;
    flex-wrap: wrap;
    width:100%;
}
.labor_list li{
    position:relative;
    width:calc((100% - 40px)/3);
    background:#fff;
    border-radius:10px;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.08);
    padding:15px;
    margin:20px 20px 0 0;
    transition:all .5s ease;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.labor_list li:hover{
    box-shadow:0 16px 16px rgba(0,0,0,.1);
}
.labor_list li:nth-child(3n){
    margin-right:0;
}
.labor_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.labor_list li .c_up{
    position:relative;
    width:100%;
    height:100%;
    border-radius:10px;
    overflow:hidden;
}
.labor_list li .c_up i.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    z-index:9;
}
.labor_list li:hover i.mask{
    opacity:.25;
}
.labor_list li .c_up i.icon_watch{
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:url("../images/icon_watch.png") no-repeat center;
    background-size:cover;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transition: all .35s ease-out;
    z-index:10;
    opacity:0;
}
.labor_list li:hover i.icon_watch{
    transform:scale(1.2);
    opacity:0.8;
}
.labor_list li .c_up img{
    width:100%;
    transition: all .5s;
}
.labor_list li:hover .c_up img{
    transform:scale(1.12,1.12);
}
.labor_list li .c_down{
    position:relative;
    z-index:2;
    width:100%;
    padding:10px 0 0;
    margin:0 auto;
    transition: all .6s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.labor_list .c_down h4{
    width:100%;
    line-height:30px;
    color:#000;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.labor_list .c_down p {
    width:100%;
    height:30px;
    line-height:30px;
    color:#888;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.labor_list .p_down{
    display:flex;
    width:100%;
    gap:20px;
    margin-top:5px;
    overflow:hidden;
}
.labor_list .p_down span{
    display:inline-block;
    width:calc(50% - 10px);
    height:40px;
    line-height:40px;
    background:#fff7f7;
    border-radius:8px;
    border:1px solid #fb5323;
    color:#333;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
    cursor: pointer;
}
.labor_list .p_down span i{
    display:inline-block;
    width:25px;
    height:25px;
    background:url("../images/video_collect1.png") no-repeat center;
    vertical-align:-6px;
    cursor:pointer;
}
.labor_list .p_down span.dian i{
    background:url("../images/video_collect2.png") no-repeat center;
}
.labor_list a.p_btn{
    width:calc(50% - 10px);
    height:40px;
    line-height:40px;
    background:#fb5323;
    border:1px solid #fb5323;
    border-radius:8px;
    color:#fff;
    font-size:16px;
    text-align:center;
    transition:all 0.3s;
    overflow:hidden;
}
.labor_list a.p_btn:hover{
    color:#fff;
    opacity:0.9;
}
/*劳动争议案例 end*/
/****************我的收藏 end************/