@charset "utf-8";
.detail-item{
    border-top:1px solid #eaeaea;
    border-bottom:1px solid #eaeaea;
    background:#fff;
    padding:0 12px;
    margin-bottom:12px;
}
.detail-item:first-of-type{
    border-top:none;
}
.detail-item .c1{
    padding:15px 0;
    display:-webkit-box;
    border-bottom:1px solid #eaeaea;
}
.detail-item .c1 .logo{
    display:block;
    width:120px;
    height:54px;
    border:1px solid #eaeaea;
    border-radius:2px;
    line-height:54px;
    text-align:center;
}
.detail-item .c1 .logo img{
    max-width:90%;
    max-height:90%;
}
.detail-item .c1 .info{
    -webkit-box-flex:1;
    margin-left:10px;
}
.detail-item .c1 .info-short-name{
    font-size:1.6rem;
    color:#22bfa7;
    padding-top:3px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    line-height:1;
}
.detail-item .c1 .info-whole-name{
    color:#cbcbcb;
    margin-top:10px;
    height:26px;
    overflow:hidden;
    line-height:1.1;
}
.detail-item .c2{
    font-size:1.4rem;
    line-height:1.5;
    color:#999;
    margin:9px 0;
}
.detail-item .c3{
    font-size:0;
    margin-left:-8px;
    position:relative;
}
.detail-item .c3 .tag{
    display:inline-block;
    margin:8px 0 0 8px;
    border:1px solid #22bfa7;
    padding:6px 10px;
    font-size:1.2rem;
    color:#22bfa7;
    border-radius:2px;
}
.detail-item .c4{
    padding:15px 0;
}
.detail-item .c4 .item{
    display:-webkit-box;
    margin:12px 0 0;
}
.detail-item .c4 .item:first-of-type{
    margin:0;
}
.detail-item .c4 .item *{
    font-size:1.4rem;
    color:#999;
}
.detail-item .c4 .item a{
    color:#999;
}
.detail-item .c4 .item-con{
    -webkit-box-flex:1;
}
.detail-item .title-box{
    padding:12px 0;
    line-height:1px;
}
.detail-item .title{
    font-size:1.6rem;
    color:#444;
    font-weight:600;
    padding-left:5px;
    border-left:3px solid #22bfa7;
}
.detail-item .job-item{
    padding:15px 0;
    border-top:1px dashed #ddd;
    cursor:pointer;
}
.detail-item .job-item .j1{
    display:-webkit-box;
}
.detail-item .job-item .j1-1{
    -webkit-box-flex:1;
    font-size:0;
}
.detail-item .job-item .item-name{
    font-size:1.5rem;
    color:#444;
    display:inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:80%;
}
.detail-item .job-item .item-num{
    font-size:1.2rem;
    color:#a1a1a1;
    display:inline-block;
    overflow:hidden;
}
.detail-item .job-item .item-salary-box{
    color:#a1a1a1;
}
.detail-item .job-item .item-salary{
    font-size:1.4rem;
    color:#ff5825;
}
.detail-item .job-item .j2{
    margin:12px 0 0;
    font-size:1.4rem;
    color:#aaa;
}
.detail-item .job-item .j2 .s-line{
    padding:0 8px;
    color:#aaa;
}
.detail-item .text-body{
    padding-bottom:15px;
}
.text-body,.text-body *{
    line-height:1.5;
    font-size: 1.4rem;
    color:#999;
}

.text-body table, .text-body td, .text-body th {
    border-collapse: separate;
    border: #d3d3d3 1px dotted;
    border-spacing:2px;
    margin:auto;
}

.text-body img {
    max-width:100%!important;
    height: auto !important;
}

.text-body h1, .text-body h2, .text-body h3 {
    font-weight:600;
}

.text-body h1,.text-body h1 * {
    font-size: 2.4rem;
}

.text-body h2,.text-body h2 * {
    font-size: 2.2rem;
}

.text-body h3,.text-body h3 * {
    font-size: 2rem;
}

.text-body ol {
    padding-left: 21px;
}

.text-body ol li {
    list-style-type: decimal;
}

.text-body ul {
    padding-left: 21px;
}

.text-body ul li {
    list-style-type: disc;
}

.text-body blockquote {
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px;
}

blockquote {
    padding: 2px 0;
    border-style: solid;
    border-color: #999;
    border-width: 0;
    background: #e8e8e8;
    line-height: 40px;
}
.detail-item .item-desc-box{
    padding:15px 0 30px;
    border-top:1px dashed #ddd;
    position:relative;
    display:none;
}
.detail-item .item-desc-box.show{
    display:block;
}
.detail-item .item-desc-box .title{
    font-size:1.4rem;
}
.detail-item .item-desc-box .text-body{
    padding-bottom:0;
}
.detail-item .item-desc-box .text-body,.detail-item .item-desc-box .text-body *{
    line-height:2;
    font-size:1.2rem;
    color:#666;
}
.detail-item .item-desc-box .text-body h1,.detail-item .item-desc-box .text-body h1 * {
    font-size: 2.2rem;
}

.detail-item .item-desc-box .text-body h2,.detail-item .item-desc-box .text-body h2 * {
    font-size: 2rem;
}

.detail-item .item-desc-box .text-body h3,.detail-item .item-desc-box .text-body h3 * {
    font-size: 1.8rem;
}
.detail-item .item-desc-btn{
    position:absolute;
    left:50%;
    bottom:0;
    width:50px;
    height:25px;
    margin-left:-25px;
    background:#eee;
    cursor:pointer;
    border-radius:3px 3px 0 0;
}
.detail-item .item-desc-btn:before,.detail-item .item-desc-btn:after{
    content:'';
    position:absolute;
    width:0;
    height:0;
    font-size:0;
    line-height:0;
    border-style:solid;
    border-color: transparent transparent #aaa;
    border-width:10px;
    left:50%;
    margin-left:-10px;
}
.detail-item .item-desc-btn:before{
    top:-2px;
}
.detail-item .item-desc-btn:after{
    top:2px;
    border-color: transparent transparent #eee;
}
.detail-item .job-item.active .item-name{
    color:#22bfa7;
}
.detail-item .job-item .j2 .sk-btn{
    height:30px;
    line-height:28px;
    padding:0 5px;
}