jucai/public/themes/default/assets/app/css/recruit/recruit.css

/*招考列表搜索框*/
.recruit-se-group{width:100%;height:155px;background-image:url(../../images/nebanner.jpg);background-repeat:no-repeat;background-position:center center;}
.recruit-se-group .recruit-se-main{width:1200px;height:99px;padding-top:56px;margin:0 auto;}
.recruit-se-group .recruit-se-main .ip-group{margin:0 auto;background:#FFF;height:45px;width:770px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;*zoom:1;}
.recruit-se-group .recruit-se-main .ip-box{float:left;padding-top:7px;width:626px;padding-left:17px;*zoom:1;}
.recruit-se-main .ip-box input{width:616px;height:28px;line-height:36px;border:0px;}
.recruit-se-group .recruit-se-main .ip-btn{float:left;width:127px;height:45px;}
.recruit-se-main .ip-btn input{background-color:#1d7ad9;font-size:18px;text-align:center;width:127px;height:45px;line-height:45px;border:0px;color:#FFFFFF;cursor:pointer;border-radius:0px 3px 3px 0px;}
.recruit-se-main .ip-btn input.hover{background:#1d7ad9;}

/*招考列表页*/
.newslip_topimg{margin:0 auto;width:1200px;margin-top:25px;}
.newslip_topimg img{width:1200px;height:110px;}
.newslip{margin:0 auto;width:1200px;margin-top:25px;}
.newslip .l{float:left;width:885px;}
.newslip .l .newsnav{width:858px;height:48px;border:1px #EEEEEE solid;overflow:hidden}
.newslip .l .newsnav a{display:block;text-decoration:none;padding-left:20px;padding-right:20px;font-size:16px;color:#333333;height:48px;line-height:48px;border-right:1px #EEEEEE solid;float:left}
.newslip .l .newsnav a:hover{background-color:#FAFAFA;color:#FF3300}
.newslip .l .newsnav a.select{background-color:#FF6600;color:#FFFFFF}
.newslip .l .newslist{width:858px;border:1px #EEEEEE solid;margin:25px auto 0;}
.newslip .l .newslist .tit{padding-left:30px;height:50px;line-height:50px;width:828px;border-bottom:1px #CCCCCC dashed;}
.newslip .l .newslist .tit span{padding-left:3px;padding-right:3px;}
.newslip .l .newslist .tit strong{color:#FF3300;font-size:18px;padding-left:5px;padding-right:5px;}
.newslip .l .newslist .listb{width:858px;border-bottom:1px #CCCCCC dashed;padding-top:15px;padding-bottom:15px;background-color:#FFFFFF}
.newslip .l .newslist .listb:hover{background-color:#F7F7F7}
.newslip .l .newslist .listb .bl{width:250px;float:left}
.newslip .l .newslist .listb .bl .pic{width:200px;height:145px;margin-left:30px;}
.newslip .l .newslist .listb .bl .pic img{width:200px;height:145px;}
.newslip .l .newslist .listb .br{width:608px;float:left}
.newslip .l .newslist .listb .br .t{font-size:16px;height:30px;width:600px;line-height: 30px;text-indent: 55px}
.newslip .l .newslist .listb .br .t a{color:#333333}
.newslip .l .newslist .listb .br .time{width:570px;height:25px;color:#999999;}
.newslip .l .newslist .listb .br .summary{width:580px;font-size:14px;color:#999999;margin-top: 10px;}
.newslip .l .newslist .more{width:806px;margin:0 auto;height:38px;line-height:38px;text-align:center;background-color:#F1F5F8;margin-top:15px;margin-bottom:15px;cursor:pointer}
.newslip .l .newslist .more:hover{background-color:#DAE4ED}
.newslip .r{float:left;width:315px;}
.newslip .r .newsso{width:311px;height:44px;border:2px #FF6600 solid;position:relative}
.newslip .r .newsso .btn{width:48px;height:48px;position:absolute;right:-2px;top:-2px;background-image:url(../../images/133.png);background-repeat:no-repeat;background-position:13px 13px;background-color:#FF6600;border:0px;cursor:pointer}
.newslip .r .newsso .btn:hover{background-color:#FB3C04}
.newslip .r .newsso .soinpu{width:245px;padding-left:15px;height:40px;line-height:40px;border:0px;background-color:#FFFFFF}
.newslip .r .cat{width:313px;border:1px #EEEEEE solid;border-top-width:2px;margin-top:25px;}
.newslip .r .cat li{width:156px;height:46px;line-height:46px;text-align:center;float:left;border-bottom:1px #EEEEEE solid}
.newslip .r .cat li:hover{background-color:#F9F9F9}
.newslip .r .cat li.odd{border-right:1px #EEEEEE solid}
.newslip .r .cat li.select{background-color:#FFF9EE;}
.newslip .r .cat li.select a{color:#FF6600}
.newslip .r .listbox{width:313px;border:1px #EEEEEE solid;margin-top:25px;}
.newslip .r .listbox .ntit{width:313px;height:36px;padding-top:10px;border-bottom:1px #EEEEEE solid;background-color:#F9F9F9;}
.newslip .r .listbox .ntit .tlh{height:22px;line-height:22px;font-size:16px;padding-top:0px;padding-left:15px;border-left:5px #FF6600 solid;}
.newslip .r .listbox ul{padding-top:10px;padding-bottom:10px;}
.newslip .r .listbox li{background-image:url(../../images/123.png);background-repeat:no-repeat;background-position:0px 15px;width:260px;margin-left:20px;height:28px;line-height:28px;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newslip .r .ad313_165{margin-top:25px;width:313px;height:165px;}
.newslip .r .ad313_165 img{width:313px;height:165px;}



.listb {
    position: relative;

}

.listb::before {
    position: absolute;
    top: 15px;
    left: -7px;
    z-index: 1;
    padding-right: 0.625rem;
    font-weight: bold;
    line-height: 0px;
    color: #000;
    height: 0px;
    border: 0.9375rem solid #31b968;
    border-right-color: transparent;
    content: "标签";
    box-shadow: 0px 0.3125rem 0.3125rem -0.3125rem #000;
}

.listb::after {
    content: "";
    position: absolute;
    top: 45px;
    left: -7px;
    border: 0.25rem solid #89540c;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.listb.success::before{
    border: 0.9375rem solid #39D73C;
    border-right-color: transparent;
    content: "进行中";
    color: #fff;
}
.listb.success::after{
    border: 0.25rem solid #31b968;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.listb.end::before{
    border: 0.9375rem solid #F0F3F0;
    border-right-color: transparent;
    content: "已结束";
    color: #aaa;
}
.listb.end::after{
    border: 0.25rem solid #999;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.recruit_container{
    width: 1200px;
    margin: 0 auto;
}
.recruit_show_content{
    width: 1000px;
    float: left;

}
.recruit_show_content .title{
    font-size: 24px;
    color: #000000;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
    width: 100%;
}
.recruit_show_content .recruit_step{
    width: 100%;
    position: relative;
    margin: 30px 0;
}
.recruit_step .times_line {
    border-bottom: 1px solid #ccc;
    position: absolute;
    z-index: -999;
    top: 27px;
    width: 100%;
}
.recruit_show_content .recruit_step ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.recruit_show_content .recruit_step ul li {
    border-radius: 10px;
    width: 10%;
    height: 55px;
    line-height: 20px;
    text-align: left;
    color: #fff;
    display: inline-block;
    background: rgb(209, 209, 209);
    padding: 5px 3px;
    padding: 0 10px;
}
.recruit_step ul li.active {
    background: #dd4250;
}
.recruit_step ul li .name{
    line-height: 30px;
    font-size: 18px;
}
.recruit_step ul li .time{
    line-height: 25px;
    font-size: 12px;
}

.recruit_show_content .recruit_content{
    border: 1px solid #ccc;
    padding: 30px 20px;
    line-height: 30px;
    width:960px;
    word-wrap:break-word;
    word-break:break-all;
}

#sidebar {width:170px; float:right; height:300px; padding:10px;}
#portamento_container {float:right; position:relative;}
#portamento_container #sidebar {float:none; position:absolute;}
#portamento_container #sidebar.fixed {position:fixed;}

.res_add_title {
    margin: 0 auto;
    width: 1200px;
    height: 50px;
    padding-top: 17px;
    padding-left: 70px;
    font-size: 20px;
    background-image: url(../../images/14.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    margin-top: 10px;
}
.tb01 {
    width: 100%;
    border: solid 1px #d6d6d6;
    border-collapse: collapse;
    background-color: #fafafa;
    margin: 0;
    border-bottom: #e0e0e0 1px solid;
    border-top: #e0e0e0 1px solid;
    border-left: #e0e0e0 1px solid;
    border-right: #e0e0e0 1px solid;
    padding: 0;
}
.tb01 thead{}
.tb01 thead th{height:24px;text-align:left;padding-left:6px;padding-right:2px;font-size:12px;font-weight:bold;border:solid 1px silver}
.tb01 tbody{margin:0}
.tb01 tbody td{line-height:24px;border:solid 1px silver;background-color:#fffffe;padding-left:6px;font-size:12px}
.tb01 tfoot{}
.tb01 tfoot td{padding:5px;text-align:left;height:25px}