﻿.JobList, .JobList_Reom {
    width: 100%;
}

.JobList ul, .JobList_Reom ul {
    
}

.JobList ul li, .JobList_Reom ul li {
    text-align: left;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative;
}

.JobList ul div:first-child, .JobList_Reom ul div:first-child {
    width: 100%;
    font-size: 1.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0.4rem 0 0.2rem 0;
    overflow: hidden;
    margin-top: 0.5rem;
}
.JobList ul div:first-child {
    padding-left: 2rem;
    background-image: url('/Images/job.png');
    background-repeat: no-repeat;
    background-size: 1.2rem 1.2rem;
    background-position:0.4rem 0.6rem;
}

.JobList ul div:nth-child(2), .JobList_Reom ul div:nth-child(2) {
    color: #003399;
    padding: 0.4rem 0 0.8rem 0.4rem;
    font-size: 1.1rem;
    border-bottom:0.1rem solid #80ceff;
}

.JobList a, .JobList_Reom a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}

.zhiding {
    font-size: 1rem;
    font-weight: normal;
    font-style: normal;
    background-color: red;
    color: white;
    padding: 3px;
    border-radius: 10px;
    margin: 0 3px;
}
.RreshTime {
    font-size:1rem;
    color:gray;
    margin-left:0.5rem;
}

/*ForJob*/
.listForJob {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
}
.listForJob li {
    line-height: 2.5rem;
    font-size: 1.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #004499;
}
.listForJob li a {
    font-size:1.2rem;
    color:#004499;
}
.listForJob li:nth-child(1) {
    width: 8rem;
}
.listForJob li:nth-child(1) > span {
    font-size:1.4rem;
    color:dodgerblue;
    padding:0 0.2rem;
}
.listForJob li:nth-child(2) {
    width: 5rem;
}
.listForJob li:nth-child(3) {
    flex-grow: 1;
}
.listForJob li:nth-child(4) {
    width:4rem;
}
.myPic {
    padding:0.5rem;
    text-align:center;
}
.myPic img {
    width:auto;
    max-width:80%;
    max-height:15rem;
    border-radius:0.3rem;
}
.basicInfo_forjob, .otherInfo {
    font-size: 1.2rem;
    width: 80%;
    color: #004499;
}
.basicInfo_forjob li {
    margin: 1rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #004499;
}
.otherInfo li {
    margin:1.5rem 0;
    white-space:normal;
    line-height:2.5rem;
    text-align:justify;
}
.basicInfo_forjob span, .otherInfo span {
    font-weight: bold;
}

.comName {
    width:100%;
    text-align:center;
}
.comName h1 {
    font-size:1.6rem;
    margin:0;
    padding-top:0.5rem;
    padding-bottom:1rem;
    line-height:2rem;
    color:#004499;
}
.jubao, .jubao a {
    font-size: 1rem;
    color: #ccc;
    text-align:right;
    line-height:1rem;
    padding-right:0.2rem;
}
.jubao img {
    width:1rem;
    height:1rem;
}
.basicInfo {
    width:96%;
    font-size:1.1rem;
    margin-bottom:0.5rem;
}
.basicInfo span {
    font-weight:bold;
}
.basicInfo ul li {
    padding: 0.7rem 0;
    margin:0;
}

.basicInfo_zhiWei li {
    color: red;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.basicInfo_other {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.basicInfo_other li {
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.zhiweishuoming_title {
    line-height: 2.6rem;
    background: #eaf7ff;
    font-size: 1.2rem;
    font-weight: bold;
    padding-left: 0.5rem;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
    color: #004499;
}

.zhiweishuoming_content {
    vertical-align: top;
    line-height: 2.5rem;
    font-size: 1.2rem;
    padding: 0.5rem;
    box-sizing: border-box;
    text-align: justify;
    white-space: pre-line;
}

.zhiweishuoming_content img {
    max-width: 80%;
}
.zhiweishuoming_content p {
    margin-top:0.5rem;
    text-align:center;
}

#vipTakeJob {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    gap: 0.3rem;
    margin-top: 1rem;
}

#vipTakeJob p {
    flex-grow: 1;
    width: 47%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border: 0.1rem solid #b9e0ff;
    padding: 0.1rem;
    box-sizing: border-box;
}

#vipTakeJob p:hover {
    background-color: aliceblue;
}

.RecomZhiWei {
    font-size: 1.1rem;
    display: block;
    color: #464646;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 2rem;
    box-sizing: border-box;
    background-image: url('/Images/job.png');
    background-repeat: no-repeat;
    background-size: 1.3rem 1.3rem;
    background-position: 0.3rem 0.3rem;
    line-height: 2rem;
    margin-top:0.2rem;
}

.RcomComName {
    display: inline-block;
    color: royalblue;
    font-size: 1.1rem;
    line-height: 2rem;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0.4rem;
    box-sizing: border-box;
}