:root {
    --primary:    #035378;
    --primary-5:  #0353780d;
    --primary-10: #0353781a;
    --primary-15: #03537826;
    --primary-20: #03537833;
    --primary-25: #03537840;
    --primary-30: #0353784d;
    --primary-35: #03537859;
    --primary-40: #03537866;
    --primary-45: #03537873;
    --primary-50: #03537880;
    --primary-55: #0353788c;
    --primary-60: #03537899;
    --primary-65: #035378a6;
    --primary-70: #035378b3;
    --primary-75: #035378bf;
    --primary-80: #035378cc;
    --primary-85: #035378d9;
    --primary-90: #035378e6;
    --primary-95: #035378f2;
}
body { }
.nf-title h3 { font-weight:bold; }

.bg-body { padding:10px 0; background-color:#EFF3F5; }
.bg-main { padding:20px; background-color: #FFFFFF; border-radius:10px; }
.bg-foot { background-color:#011F2E; }
@media screen and (max-width:767px) {
    .bg-main { padding:15px; }
}

.home-title{ position:relative; padding:0 0 50px 0; text-align:center; }
.home-title h2{ margin:0; font-weight:bold; font-size:36px; }
@media screen and (max-width:767px) {
    .home-title h2{ font-size:32px; }
    .nf-logo { max-width:192px; }
}
@media screen and (min-width:1024px) {
    .home-mh{ height:120px; text-overflow:ellipsis; }
}

.job{ }
.job-view h1,
.job-view h2,
.job-view h3,
.job-view h4{ margin:10px 0; font-weight:bold; }
.job-view p{ line-height:1.5; }
.job-view hr{ margin:20px 0; border:none; border-bottom:1px solid #E1E1E1; }

.nav-city{ }
.nav-city > div{ display:inline-block; padding:10px 20px; white-space:nowrap; }
@media screen and (max-width:767px)
{
    .nav-city{ display:flex; flex-wrap:initial; overflow:auto; }
    .nav-city > div{ width:initial; }
}

/**/
.kecheng-eidtor{ }
.kecheng-list{ }
.kecheng-list thead tr {
    background-color: var(--primary-50);
    color:#ffffff;
}
.kecheng-list tbody tr:nth-child(even) {
    background-color: var(--primary-10);
}
.kecheng-list tbody input {
    border: none;
    background: none;
    border-bottom:1px dashed #333333;
}
@media screen and (max-width:767px) {
    .kecheng-list tbody input {
        text-align: right !important;
        width: 50% !important;
    }
}

.user-info {
    line-height:2;
    color:#777777;
}
.user-info label {
    display: inline-block;
    min-width: 80px;
}