.column-detail{}

.detail-main{ overflow: hidden;} 
 



.class-left{font-size:14px; }

.job-info{ background: #16161a;  padding: 30px 30px 0px;border-radius: 4px;}

.job-info .d-left .dtime{  height: 22px; line-height:22px; }
.job-info .d-left .dtime .iconfont{ color:#8c8c8c; }
.job-info .d-left .dtime em{font-style: normal; padding-left: 4px; font-size: 12px; color:#8c8c8c; font-weight: 300; vertical-align: top;}
.job-info .d-left .dtitle{clear: both;color:#d3d3d3;font-size: 24px;font-weight: 700;height: 24px; margin:12px 0 16px;}
.job-info .d-left .dpay{ color: #ff424f; font-size: 24px; }
.job-info .d-left .dinfo{ margin-top: 10px; color: #d3d3d3;}
.job-info .d-left .dinfo span{ font-size: 14px;  }
.job-info .d-left .dinfo em{ padding: 0 8px;  }
.job-info .d-left .dinfo i{ font-style: normal; }
.job-info .d-right .dtips{  height: 22px; line-height:22px; text-align: right; }
.job-info .d-right .dtips .iconfont{ color: #999; }
.job-info .d-right .dtips em{font-style: normal; padding-left: 4px; font-size: 12px; color:#8c8c8c; font-weight: 300; vertical-align: top;}
.job-info .d-right .dset{ margin-top: 34px; }
.job-info .d-right .dset button{ background: linear-gradient(to right, #e3b688, #f2e3ce);color: #1f2226;}

 
.job-info .commain{ display: flex;  height: 64px;   padding: 8px 22px; margin-top: 26px; }
.job-info .commain .linfo{ flex: 8 }
.job-info .commain .linfo .tit{font-size: 16px; color: #d3d3d3; margin-top: 8px;}
.job-info .commain .linfo .infowp{ font-size: 12px; color: #8c8c8c; margin-top: 8px; }
.job-info .commain .linfo .infowp span{ color: #8c8c8c; margin-right: 12px;}
.job-info .commain .rlink{ flex: 2; text-align: right; padding-top: 26px; }
.job-info .commain .rlink a{ margin-top: 10px; font-size: 12px;  }
.job-info .commain .rlink .iconfont{ font-size: 12px; }


.resume-cont{ padding: 20px 30px; background: #16161a; margin-bottom: 24px;  }
.text-cont{ margin-bottom: 30px; }
.text-cont .layui-field-title{ margin-bottom: 18px; }
.text-cont .layui-elem-field .leftlegend{ margin-left: 0;color: #d3d3d3; font-size: 16px; font-weight: 500; padding-left: 0!important }
.text-cont .info-li{font-size:15px;line-height:24px; margin-bottom: 6px;}
.text-cont .info-li label{ color: #666; }
.text-cont .info-li span{ color: #333; }

.text-cont .art_con{ color:#d3d3d3;letter-spacing:.2px;line-height:28px;position:relative; } 
.text-cont .art_con p{font-size:14px;line-height:24px;letter-spacing:.2px;margin-bottom:6px;text-align:justify;overflow-wrap: break-word;white-space: pre-wrap;word-break: break-word;}
.text-cont .art_con img{width:auto;max-width:100%;display:block;margin:0 auto}
.text-cont .art_con table{width:100%!important}
.text-cont .art_con ul{margin-bottom:30px}
.text-cont .art_con li{list-style:circle;margin-left:20px;margin-bottom:30px}
.text-cont .art_con a{color:#1677d9;border-bottom:1px solid #1677d9; padding: 8px;}
.text-cont .art_con a:hover{text-decoration:none!important; background: #f1f2f3; border-radius: 2px;}
.text-cont .art_con button{ margin-right: 4px; }

.text-cont .layui-table{ background:none; margin: 0; } 
.text-cont .layui-table th{ font-size: 12px; text-align: center; }
.text-cont .layui-table th:first-child{ text-align: left; }
.text-cont .layui-table tr td:first-child{ text-align: left; } 
.text-cont .layui-table thead tr th{ font-weight: 300; padding: 8px 10px!important;}
.text-cont .layui-table td, .text-cont .layui-table th{ padding: 8px 10px; color: #d3d3d3; }
.text-cont .layui-table button{ border-radius: 16px; height: 24px; line-height: 24px; }
.contact-con{ margin-top: 40px; margin-bottom: 20px;}

.conta-warp{padding:20px;position:relative;font-size:15px;line-height:30px;letter-spacing:1px;color:#222; background: #111114; border-radius:4px}
.conta-warp::before{position:absolute;content:"联系方式";padding:0 4px 0 10px; top:-15px;font-size:15px;left:10px;color:#999}

.contact-display{ color: #d3d3d3;}
.contact-display .cli span{ width: 80px; display: inline-block; color: #666; }
.contact-display .cli em{ font-style: normal;}

.contact-hide{ text-align: center;  color: #d3d3d3;}
.contact-hide .contips{font-size: 14px;}
.contact-hide .contel{font-size: 14px; margin-bottom: 8px; }
.contact-hide .conimg{}
.contact-hide .conimg img{ width: 100px; }
.contact-hide .context{ font-size: 13px;  font-weight: 300; }