/**公共样式 start**/
body{
    font:14px "microsoft yahei",Arial,Helvetica,sans-serif;
    list-style:none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*右侧固定AI问答入口 start*/
.ai_question{
    position:fixed;
    z-index:990;
    right:10px;
    top:50%;
    transform:translate(0,-50%);
    width:80px;
    height:80px;
    background:#fff;
    border-radius:7px;
    box-shadow:0 0 15px 1px rgba(83, 83, 83, 0.1);
    padding:5px 10px 10px;
    font-size:14px;
    text-align:center;
    transition:all 0.36s;
    box-sizing: border-box;
}
.ai_question i{
    display:block;
    width:40px;
    height:40px;
    background:url(../../images/icon_ai.png) no-repeat center left;
    margin:0 auto 5px;
    transition:all 0.36s;
}
.ai_question:hover{
    background:-webkit-linear-gradient(left,rgba(255,133,11,.9) 0,rgba(255,89,69,.9) 100%);
    background:linear-gradient(to right,rgba(255,133,11,.9) 0,rgba(255,89,69,.9) 100%);
    color:#fff;
}
.ai_question:hover i{
    background-position:-40px 0;
}
/*右侧固定AI问答入口 end*/
.iplimit{padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
    margin:0;
    padding:0;
    list-style:none;
    font-weight:400;
    color:#3a3a3a
}
/*暂无数据 start*/
.none_tu{
    width:100%;
    background:#fff;
    padding:30px 0;
    text-align:center;
    overflow:hidden;
}
.none_tu img{
    max-width:90%;
}
/*暂无数据 start*/
img{
    vertical-align:middle;
    border:none;
}
.left{float:left;}
.right{float:right;}
.clear:after{
    content:'';
    clear:both;
    display:block;
}
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    text-decoration:none;
}
i{
    font-style:normal;
}
.layui-container{
    width:1200px;
    padding:0;
}
/**公共样式 end**/

/**头部 start**/
#top{
    width:100%;
    height:100px;
    background:#fff;
    overflow:hidden;
}
.top_center{
    position:relative;
    width:1200px;
    padding:0;
    overflow:hidden;
}
.logo{
    float:left;
    margin:8px 0;
}
.logo a{
    float:left;
}
.search{
    float: left;
    width: 360px;
    height: 36px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    margin: 32px 0 0 0;
    overflow: hidden;
}
.search input{
    float:left;
    border:0;
    width:310px;
    height:36px;
    font-size:14px;
    text-indent:20px;
    background:#fff;
    overflow:hidden;
}
.search a{
    float:right;
    width:50px;
    height:36px;
    line-height:36px;
    background:#fff;
    color:#999;
    text-align:center;
    overflow:hidden;
}
.search a i{
    font-size:24px;
}
.jy_home{
    float: left;
    width: 170px;
    font-size: 16px;
    line-height: 100px;
    color: #ff8300;
    text-align: center;
}

.rtbox{
    float:right;
    margin-top:35px;
    color:#666;
}
.rtbox .layui-btn{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:14px;
    color:#666;
}
#signout{
    padding:0 10px;
    border: 0;
}

/*#person{*/
    /*float:right;*/
    /*margin:30px 0;*/
/*}*/
#person a{
    float:left;
    line-height:40px;
    margin-right:15px;
    overflow:hidden;
}
#person a img {
    width:40px;
    height:40px;
}
#person button{
    margin:5px 0;
}
#person button:hover{
    border-color:#1d2797;
}

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
    background-color:#00c2d1;
    color:#fff;
}
/**头部 end**/

/*导航 start*/
#nav{
    width:100%;
    background:#f4f4f4;
    border-top:1px solid #e5e5e5;
}
#nav .layui-nav{
    background:#f5f5f5;
    padding:0;
}
.layui-nav .layui-nav-item{
    line-height:50px;
}
.layui-nav .layui-nav-item a{
    color:#333;
    padding:0 22px;
}
.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a{
    color:#666;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
    background:#00c2d1;
}
.layui-nav .layui-nav-item .layui-nav-child{
    top:55px;
}
.layui-nav .layui-nav-item .layui-nav-child a{
    color:#333;
    text-align: center;
    font-size:14px;
}
/*导航 end*/

/*求职大讲堂 start*/
.big_class{
    padding:40px 0;
}
.class_title{
    position:relative;
    width:100%;
    background:url("../../images/jy/icon_line.png") no-repeat center bottom;
    overflow:hidden;
}
.class_title h1{
    width:100%;
    text-align: center;
    font-size:24px;
    margin-bottom:20px;
    overflow:hidden;
}
.class_title p{
    width:100%;
    color:#999;
    font-size:15px;
    margin:0 0 30px;
    text-align: center;
    overflow:hidden;
}
.class_title a{
    position:absolute;
    right:0;
    bottom:0;
    color:#666;
}

.class_nav{
    width:100%;
    margin-top:10px;
    overflow:hidden;
}
.class_nav li{
    float:left;
    width:282px;
    border:1px solid #eee;
    margin-top:24px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.class_nav li:not(:nth-child(4n)){
    margin-right:24px;
}
.class_nav li a{
    display:block;
}
.class_nav li span{
    position:relative;
    display:block;
    width:100%;
    height:158px;
    overflow:hidden;
}
.class_nav li i{
    position:absolute;
    top:-158px;
    left:0;
    width:100%;
    height:158px;
    background:rgba(0,0,0,.2) url("../../images/jy/icon_watch.png") no-repeat center;
    transition: all .3s;
    overflow:hidden;
}
.class_nav li:hover i{
    top:0;
}
.class_nav li img{
    width:100%;
    transition: all .3s;
}
.class_nav li:hover img{
    transform:scale(1.2,1.2);
}
.class_nav li p{
    width:100%;
    height:50px;
    line-height:50px;
    background:#fff;
    text-align: center;
    font-size:15px;
    color:#333;
    padding:0 15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*求职大讲堂 end*/

/*分页 start*/
#page,#page1,#page2{
    text-align: center;
    margin-top:15px;
}

.layui-laypage a, .layui-laypage span{
    height:30px;
    line-height:30px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background:#00c2d1;
}
/*分页 end*/

/*小标题 start*/
.pro_title{
    width:100%;
    margin:20px auto;
    overflow:hidden;
}
.pro_title a{
    font-size:15px;
}
.pro_title a:hover {
    color:#00c2d1!important;
}
.pro_title a cite{
    color:#000;
}
.pro_title img{
    vertical-align:-4px;
    margin-right:10px;
}
/*小标题 end*/

/*小标题2 start*/
.big_title{
    position:relative;
    width:100%;
    text-align:center;
    overflow:hidden;
}
.big_title h1{
    width:100%;
    font-size:20px;
    overflow:hidden;
}
.big_title span{
    display:block;
    width:100%;
    color:#777;
    margin:8px 0 0;
    font-size:13px;
    overflow:hidden;
}
.big_title a{
    position:absolute;
    right:0;
    bottom:0;
    color:#666;
}
.big_title a:hover{
    color:#000;
}
/*小标题2 end*/

/*底部 start*/
#footer{
    width:100%;
    background-color:#1b1f2a;
    padding:30px 0 25px;
    overflow:hidden;
}
.footer_box1{
    float:left;
    width:740px;
    overflow:hidden;
}
.footer_c{
    width:100%;
    color:#fff;
    text-align:center;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_c a {
    padding:0 15px;
    color:#fff;
    font-size:16px;
}
.copy{
    width:100%;
    margin-top:10px;
    text-align: center;
}
.copy>p{
    width:100%;
    height:35px;
    line-height:35px;
    text-align:center;
    font-size:16px;
    color:#999;
    overflow:hidden;
}
.copy a {color: #999;}
.footer_box2{
    float:right;
    width:440px;
    margin:30px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer_box2 li{
    float:left;
    width:138px;
    text-align: center;
    overflow:hidden;
}
.footer_box2 li img{
    width:120px;
}
.footer_box2 li p{
    width:100%;
    color:#fff;
    margin-top:15px;
    overflow:hidden;
}
/*底部 end*/

/*试卷列表 start*/
.pro_r_list{
    width:100%;
    padding:0 20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_r_list li{
    position:relative;
    width:100%;
    height:70px;
    background:url("../../images/jy/icon_word.png") no-repeat 12px center;
    border-bottom:1px dashed #eee;
    padding:10px 0;
    overflow:hidden;
}
.pro_r_list li .l_wz{
    width:100%;
    padding:0 150px 0 70px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pro_r_list li .l_wz .l_title{
    display:block;
    width:100%;
    height:35px;
    line-height:35px;
    font-size:15px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.pro_r_list li .l_wz .l_title:hover{
    color:#000;
    text-decoration: underline;
}
.pro_r_list li p{
    width:100%;
    height:35px;
    line-height:35px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.pro_r_list li .text{
    line-height:35px;
    color:#999;
}
.pro_r_list li .text span{
    float:left;
    max-width:200px;
    height:35px;
    line-height:35px;
    margin-right:20px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_r_list li .text a.relate{
    color:#999;
}
.pro_r_list li .text a.relate:hover{
    text-decoration:underline;
    color:#333;
}
.pro_r_list li a.action{
    position:absolute;
    right:0;
    top:26px;
    width:100px;
    height:35px;
    line-height:35px;
    border:1px solid #00c2d1;
    border-radius:5px;
    color:#00c2d1;
    text-align:center;
    overflow:hidden;
}
.pro_r_list li a.action:hover{
    background:#00c2d1;
    color:#fff;
}
/*试卷列表 end*/

/*地区显示检索区 start*/
.internship_up{
    width:100%;
    background:#fff;
    padding:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.internship_up dt{
    width:100%;
    border-bottom:1px solid #eee;
    font-size:15px;
    font-weight:bold;
    color:#333;
    padding-bottom:10px;
    margin-bottom:10px;
}
.internship_up dt img{
    width:24px;
    margin-right:10px;
    vertical-align:-3px;
}
.internship_up dd{
    width:100%;
    overflow:hidden;
}
.internship_up dd a{
    display:inline-block;
    padding:0 20px;
    line-height:30px;
    margin:5px;
}
.internship_up dd a.sel_col,.internship_up dd a:hover{
    background:#00c2d1;
    color:#fff;
}
/*地区显示检索区 end*/

/*视频中心 start*/
.course_video{
    width:100%;
    padding:40px 0;
    overflow:hidden;
}
.apply_list{
    width:100%;
    margin-top:15px;
    overflow:hidden;
}
.apply_list li{
    float:left;
    width:285px;
    height:220px;
    background:#fff;
    margin:20px 20px 0 0;
    text-align: center;
    border:1px solid #eee;
    transition:all .3s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.apply_list li:nth-child(4n){
    margin-right:0;
}
.apply_up{
    display:block;
    width:100%;
    height:165px;
    position:relative;
    overflow:hidden;
}
.apply_up i.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:165px;
    background:#000;
    opacity:0;
    z-index:9;
}
.apply_up i.icon_play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-30px 0 0 -30px;
    width:60px;
    height:60px;
    background:url("../../images/jy/icon_play.png") no-repeat center;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: all .3s ease-out;
    z-index:10;
    opacity:0;
}
.apply_up:hover i.mask{
    opacity:.3;
}
.apply_up:hover i.icon_play{
    transform:scale(1);
    opacity:1;
}
.apply_up img{
    width:100%;
    transition: all .5s;
}
.apply_list li:hover img{
    transform:scale(1.2,1.2);
}
.apply_down{
    width:100%;
    overflow:hidden;
}
.apply_down span{
    display:block;
    width:100%;
    height:50px;
    line-height:50px;
    padding:0 15px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.apply_list li:hover{
    background:#00c2d1;
    padding:5px 5px 0;
}
.apply_list li:hover span{
    color:#fff;
}
.course_video a.more1{
    display:block;
    width:140px;
    height:45px;
    line-height:45px;
    color:#00c2d1;
    border:1px solid #00c2d1;
    border-radius:5px;
    text-align: center;
    margin:35px auto 0;
    overflow:hidden;
}
.course_video a.more1:hover{
    color:#fff;
    background:#00c2d1;
}
/*视频中心 end*/

/*试卷中心 start*/
.course_test{
    width:100%;
    background:#f2f2f2;
    padding:50px 0;
    overflow:hidden;
}
.course_list{
    width:100%;
    margin-top:15px;
    overflow:hidden;
}
.course_list li{
    float:left;
    width:285px;
    height:250px;
    background:#fff;
    margin:20px 20px 0 0;
    text-align:center;
    overflow:hidden;
}
.course_list li:nth-child(4n){
    margin-right:0;
}
.course_list li img{
    margin:35px 0;
    transition:all .3s;
}
.course_list li span{
    display:block;
    width:100%;
    height:30px;
    line-height:30px;
    font-size:16px;
    padding:0 15px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.course_list li:hover img{
    margin:40px 0 15px;
}
.course_test a.more2{
    display:block;
    width:140px;
    height:45px;
    line-height:45px;
    background:#00c2d1;
    border:1px solid #00c2d1;
    color:#fff;
    border-radius:5px;
    text-align: center;
    margin:35px auto 0;
    overflow:hidden;
}
.course_test a.more2:hover{
    background:transparent;
    color:#00c2d1;
}
/*试卷中心 end*/

/*回到顶部 start*/
#return_top{
    position:fixed;
    right:50px;
    bottom:100px;
    width:40px;
    height:36px;
    display:none;
    cursor: pointer;
}
/*回到顶部 end*/
#page {
    text-align: center;
    margin-top: 15px;
}
#videoList_jy li {
    background: url(../../images/jy/icon_video.png) no-repeat 12px center;
}