body
{
    background: #f5f5f5;
}
.main-container
{
    margin: 2.375rem auto;
    max-width: 90rem;
    display: flex;
    align-items: flex-start;
}/* 左边侧边栏样式 */
.side-bar__job
{
    width: 15rem;
    padding: 1.25rem;
    background: #fff;
    box-shadow: 2px 3px 3px 0 rgba(0,0,0,.15);
    position: relative;
    top: -5rem;
}
.side-bar__job .sidebar-header
{
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}
.sidebar-header .header-title__container
{
    display: inline-block;
    padding-left: 1rem;
}
.sidebar-header .vertical-line
{
    display: inline-block;
    width: .375rem;
    height: 2.25rem;
    background: linear-gradient(180deg,rgba(102,102,102,1) 50%,rgba(186,45,46,1) 50%);
}
.sidebar-header .header-title--main
{
    display: block;
    color: #ba2d2e;
    font-size: 1.5rem;
    font-weight: bold;
}
.sidebar-header .header-title--sub
{
    display: block;
    color: #999;
    font-family: Adobe Heiti Std;
}
.side-bar__job .side-bar__section
{
    margin-bottom: 1.875rem;
}
.side-bar__section .section-header
{
    color: #333;
    margin-bottom: 1.25rem;
}
.side-bar__section .section-header>b
{
    font-weight: bold;
}
.side-bar__section .section-header::before
{
    content: '';
    display: inline-block;
    background: url('/png/nwcychzx.png') no-repeat;
    width: 6px;
    height: 10px;
    margin-right: .75rem;
}
.side-bar__section .section-content
{
    padding-left: 1.125rem;
}
.section-content__login .login-form-item
{
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-bottom: .75rem;
}
.section-content__login .login-form-item>input
{
    width: calc(100% - 3em);
    flex: 1;
    line-height: 2;
    padding: 0 4px;
    border-radius: 3px;
}
.section-content__login .btn-group--right
{
    display: flex;
    align-items: center;
    margin-top: .25rem;
}
.btn-group--right .btn-login
{
    margin-left: auto;
    padding: .5rem 1.25rem;
    color: #e04547;
    border: 1px solid #e04547;
    border-radius: 3px;
    cursor: pointer;
}
.btn-group--right .btn-reg
{
    padding-left: 1.25rem;
    color: #333;
}
.side-bar__section .section-content__filter
{
    display: flex;
    flex-direction: column;
    padding-left: 1.125rem;
}
.section-content__filter .filter-item
{
    border: 1px solid #ccc;
    margin-bottom: .75rem;
    padding: .5rem .625rem;
}
.section-content__filter input.filter-item
{
    color: #333;
}
.section-content__filter select.filter-item
{
    color: #ccc;
}
.section-content__filter select.filter-item>option
{
    color: #333;
}
.section-content__filter .filter-item::placeholder
{
    color: #ccc;
}
.section-content__filter .filter-item:-ms-input-placeholder
{
    color: #ccc;
}
.section-content__filter select.filter-item
{
    padding: .5rem .625rem;
}
.btn-search, .btn-reset
{
    margin-left: auto;
    padding: .5rem 1.25rem;
    border-radius: 3px;
    cursor: pointer;
}
.btn-group--left .btn-search
{
    color: #e04547;
    border: 1px solid #e04547;
    margin-right: .75rem;
}
.btn-group--left .btn-reset
{
    color: #333;
    border: 1px solid #999;
}
.section-content__announce li
{
    display: flex;
    align-items: flex-start;
    overflow: hidden;
    margin-bottom: 1.25rem;
}
.section-content__announce li::before
{
    content: '';
    display: inline-block;
    background: url('/png/f7hif30s.png') no-repeat;
    width: 18px;
    height: 16px;
    margin-right: .75rem;
}
.section-content__announce li>*
{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
}
.announce-item.active
{
    color: #ba2d2e;
}/* 正文头部 */
.main-container .jobs-main
{
    min-height: 35rem;
    flex: 1;
    background: #fff;
    margin-left: 2.5rem;
    position: relative;
    padding: 1.75rem;
}/* 正文部分 */
.jobs-main .jobs-main__content
{
    padding: 1.25rem 4rem;
    display: flex;
    flex-direction: column;
}
.jobs-main__content h1, .jobs-main__content h2, .jobs-main__content h3, .jobs-main__content h4
{/* 标题自动居中 */
    margin: 0 auto;
    display: block;
    font-size: 30px;
    color: #333;
    line-height: 1.5;
}
.jobs-main__content img
{
    margin: 0 auto;
    display: block;
}
.jobs-main__content table
{
    margin: 0 auto;
    table-layout: fixed;
    border-collapse: collapse;
}
.jobs-main__content table th, .jobs-main__content table td
{
    padding: 10px 7px;
}/* .jobs-main__content table p {
    padding: 1.25rem 0;
    color: #333333;
    line-height: 1.875rem;
    text-indent: 2em;
  } */
.jobs-main__content>p
{
    padding: 1.25rem 0;
    color: #333;
    line-height: 1.875rem;
    text-indent: 2em;
}
.jobs-main__content strong
{
    font-weight: bold;
}/* 用户登录信息 */
.section-content__info .content_info
{
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
    color: #333;
}
.section-content__info .content_info:first-child
{
    align-items: center;
}
.content_info .content_info__name
{
    padding-right: 6px;
    color: #ba2d2e;
    font-weight: bold;
}
.content_info .content_info__job, .content_info .content_info__status
{
    padding-left: 6px;
    color: #999;
}
.btn-resume, .btn-quit
{
    margin-left: auto;
    padding: .5rem 1.25rem;
    border-radius: 3px;
    cursor: pointer;
}
.btn-group--left .btn-resume
{
    color: #e04547;
    border: 1px solid #e04547;
    margin-right: .75rem;
    padding: .5rem;
}
.btn-group--left .btn-quit
{
    color: #333;
    border: 1px solid #999;
}
table.tb-jobs
{
    width: 100%;
    border: 1px solid #ccc;
    table-layout: fixed;
}
table.tb-jobs td, table.tb-jobs th
{
    padding: 1rem .5rem;
    text-align: left;
    vertical-align: middle;
}
table.tb-jobs thead tr
{
    background: #d9d9d9;
}
table.tb-jobs tbody tr:nth-child(2n)
{
    background: #d9d9d9;
}/* 分页样式 */
.m-xh-pagination
{
    display: none;
}
.xh-pagination
{
    display: flex;
    align-items: center;
    margin-top: 2.625rem;
}
.xh-pagination .pagination
{
    display: flex;
}
.xh-pagination .pagination li
{
    border: 1px solid #fff;
}
.xh-pagination .pagination li:hover
{
    border: 1px solid #d57870;
}
.xh-pagination .pagination a
{
    padding: 0 .75rem;
    color: #666;
    line-height: 1.5rem;
}
.xh-pagination .pagination li:hover a
{
    color: #d57870;
}
.xh-pagination .page-total
{
    color: #666;
    margin: 0 1.5rem;
}
.xh-pagination .page-skip
{
    color: #666;
    margin-right: .75rem;
}
.xh-pagination .page-skip input
{
    width: 2.5rem;
    margin: 0 .25rem;
    padding: .25rem;
}
.xh-pagination .page-ok
{
    padding: .1875rem;
    font-size: 12px;
}
.xh-pagination .pagination li.current
{
    border: 1px solid #d57870;
}
.xh-pagination .pagination li.current a
{
    color: #d57870;
}/* 公告栏滚动效果 */
.side-bar__job .announce-item
{
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}
.announce-item .announce-words
{
    position: relative;
    width: fit-content;
    animation: move 12s linear infinite;
    padding-left: 2rem;
}
.announce-item .announce-words:hover
{
    color: #e04547;
}
.announce-words ::after
{
    position: absolute;
    right: -100%;
    content: attr(text);
}
@keyframes move
{
    0%
    {
        transform: translateX(0%);
    }
    100%
    {
        transform: translateX(-100%);
    }
}