.md-job-list .container { margin-left: auto; margin-right: auto; width: 14rem; max-width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1rem; padding-bottom: 1.02rem; }

.md-job-list .main { width: calc(860 / 1400 * 100%); }

.md-job-list .main .form { display: -webkit-box; display: -ms-flexbox; display: flex; padding: .03rem; padding-left: 0; background-color: #fff; border-radius: .66rem; }

.md-job-list .main .form .ipt { padding: 0 .4rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100px; border: none; background: transparent; }

.md-job-list .main .form .ipt::-webkit-input-placeholder { color: #999; }

.md-job-list .main .form .ipt:-ms-input-placeholder { color: #999; }

.md-job-list .main .form .ipt::-ms-input-placeholder { color: #999; }

.md-job-list .main .form .ipt::placeholder { color: #999; }

.md-job-list .main .form .btn { height: .6rem; border-radius: .6rem; min-width: 1.3rem; border: none; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-job-list .main .form .btn:hover { background-color: #333; }

.md-job-list .main .cate { margin-top: .39rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-job-list .main .cate-hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-job-list .main .cate-hd::after { content: ''; display: inline-block; width: 2px; height: .9em; background: rgba(0, 0, 0, 0.6); margin: 0 .5rem; }

.md-job-list .main .cate-bd { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .02rem; }

.md-job-list .main .cate-item { margin-right: .5rem; margin-bottom: 1em; }

.md-job-list .main .cate-item:last-of-type { margin-right: 0; }

.md-job-list .main .cate-item.active, .md-job-list .main .cate-item:hover { color: #c7000c; }

.md-job-list .main .total { margin-top: .6rem; }

.md-job-list .main .list { margin-top: .16rem; }

.md-job-list .main .list .li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: .37rem 0; padding-right: .5rem; }

.md-job-list .main .list .li:first-of-type { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.md-job-list .main .list .li:hover .tit { color: #c7000c; }

.md-job-list .main .list .tx-1 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .15rem; }

.md-job-list .main .list .tit { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-job-list .main .list .date { margin-left: auto; }

.md-job-list .main .list .msg { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-job-list .main .m_pages { margin-top: .63rem; }

.md-job-list .side { width: calc(480 / 1400 * 100%); }

@media (max-width: 900px) { .md-job-list .container { display: block; }
  .md-job-list .main { width: 100%; }
  .md-job-list .side { width: 100%; margin-top: 10%; } }

@media (max-width: 500px) { .md-job-list .main .cate-hd::after { margin: 0 1em; }
  .md-job-list .main .cate-item { margin-right: 1em; } }

/* 热招岗位 - start */
.md-job-hot .hd { border-top: 0.04rem solid #c7000c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.3rem 0 .26rem; }

.md-job-hot .list-hot .li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: .29rem .2rem .27rem; }

.md-job-hot .list-hot .li:first-of-type { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.md-job-hot .list-hot .li:hover .tit { color: #c7000c; }

.md-job-hot .list-hot .tit { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.md-job-hot .list-hot .date { margin-top: .15rem; }

/* 热招岗位 - end */

.m_pages { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; }

.m_pages-item { min-width: 0.46rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.46rem; background-color: #fff; padding: 0 .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin-right: .2rem; }

.m_pages-item:last-child { margin-right: 0; }

.m_pages-item:hover { color: #c7000c; font-weight: bold; }

.m_pages .on { background: #c7000c; color: #fff; }

.m_pages .disabled { pointer-events: none; }

.m_pages-prev, .m_pages-next { background-position: center; background-repeat: no-repeat; background-size: 6px; }

.m_pages-prev:hover, .m_pages-next:hover { background-color: #c7000c; }

.m_pages-prev { background-image: url(/static/home/images/i-a-1.png); }

.m_pages-prev:hover { background-image: url(/static/home/images/i-a-3.png); }

.m_pages-next { background-image: url(/static/home/images/i-a-2.png); }

.m_pages-next:hover { background-image: url(/static/home/images/i-a-4.png); }

@media (max-width: 1400px) { .m_pages-item { min-width: 30px; height: 30px; line-height: 30px; line-height: 30px; } }