.zp-details-box .details-left{width: 896px;height: auto;}
.zp-details-box .details-left .basics{position: relative;width: auto;height: auto;padding: 30px;background-color: #fff;margin-bottom: 16px;}
.zp-details-box .details-left .basics .tue{line-height: 16px;font-size: 16px;color: #666;margin-bottom: 18px;}
.zp-details-box .details-left .basics .tue span{float: right;color: #999;}
.zp-details-box .details-left .basics .title{line-height: 26px;font-size: 24px;color: #333;font-weight: bold;}
.zp-details-box .details-left .basics .title span{position: relative;top: -2px; display: inline-block;width: 50px;height: 22px;line-height: 22px;text-align: center;font-weight: 400; font-size: 12px;color: #e1251b;border: 1px solid #e1251b;border-radius: 4px;}
.zp-details-box .details-left .basics .breadcrumb{height: 21px;color: #666;font-size: 16px;margin: 20px 0 18px 0;}
.zp-details-box .details-left .basics .breadcrumb span{float: left;}
.zp-details-box .details-left .basics .breadcrumb span.money{color: #e1251b;}
.zp-details-box .details-left .basics .breadcrumb em{float: left;width: 1px;height: 14px;background-color: #999;margin: 5px 10px 0 10px;}
.zp-details-box .details-left .basics .buti{width: auto;height: 26px;}
.zp-details-box .details-left .basics .buti .layui-btn{height: 26px;line-height: 26px;border: 1px solid #df3945;color: #df3945;font-size: 12px;background-color: #fff;padding: 0 13px;border-radius: 13px;margin:0 10px 0 0;}
.zp-details-box .details-left .basics .zp-sc{position: absolute;bottom: 30px;right: 30px; width: 280px;height: 100px;}
.zp-details-box .details-left .basics .zp-sc a{display: block;width: 128px;height: 38px;line-height: 38px;text-align: center;border: 1px solid #e1251b;background-color: #e1251b;font-size: 16px;color: #fff;border-radius: 4px;}
.zp-details-box .details-left .basics .zp-sc a.zp-toude{background-color: #FFF7F6;color: #e1251b;}
.zp-details-box .details-left .basics .zp-sc a.zp-toude:hover{background-color: #e1251b !important;color: #fff !important;}
.zp-details-box .details-left .basics .zp-sc a.zp-toudeend{background-color: #d0d0d0;color: #ffffff;border: 1px solid #d0d0d0;}
.zp-details-box .details-left .basics .zp-sc a.zp-shouc{margin-top: 20px;background-color: #FFF7F6;color: #e1251b;}
.zp-details-box .details-left .basics .zp-sc a.zp-shouc:hover{background-color: #e1251b !important;color: #fff !important;}
.zp-details-box .details-left .basics .zp-sc a.zp-shoucend{margin-top: 20px;background-color: #d0d0d0;color: #ffffff;border: 1px solid #d0d0d0;}
/* 职位描述 */
.zp-details-box .details-left .job-description{width: auto;height: auto;padding: 30px;background-color: #fff;margin-bottom: 16px;}
.zp-details-box .details-left .job-description .title{width: auto;line-height: 18px;font-size: 18px;color: #333;margin-bottom: 20px;}
.zp-details-box .details-left .job-description .title img{position: relative;top: -2px; margin-right: 8px;}
.zp-details-box .details-left .job-description .job-jianzhi .job-title{font-size: 16px;font-weight: 600;}
.zp-details-box .details-left .job-description .job-jianzhi .job-desc{font-size: 14px;line-height: 28px;padding: 10px 0 20px 0;}
.zp-details-box .details-left .job-description .describe{font-size:14px;line-height: 30px;}
/* 工作地址 */
.zp-details-box .details-left .gs-address {padding:30px;margin-bottom:16px;}
.zp-details-box .details-left .gs-address .docText {line-height:30px;margin-bottom:40px;}
.zp-details-box .details-left .gs-address .album {margin-left:-10px;margin-bottom:40px;}
.zp-details-box .details-left .gs-address .album img {width:272px;height:150px;border-radius:4px;margin-left:10px;margin-bottom:10px;cursor:pointer;}
.zp-details-box .details-left .gs-address .address {margin-bottom:40px;}
/* 推荐招聘 */
.zp-details-box .details-left .recommend-zp{background-color: #fff;padding: 30px 0;}
.zp-details-box .details-left .recommend-zp .kind-title{margin: 0 30px 10px;}
.zp-details-box .details-left .recommend-zp .zp-list{background: #fff;display: flex;flex-wrap: wrap;justify-content: space-between;}
.zp-details-box .details-left .recommend-zp .zp-list:after{content: " ";display: block;height: 0;clear: both;float: unset;}
.zp-details-box .details-left .recommend-zp .zp-list li{float: left; width: 448px;cursor: pointer;}
.zp-details-box .details-left .recommend-zp .zp-list li:hover{background:url(../../img/recruit-mark.png) no-repeat 0 0;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box{position: relative;height: 100px;padding: 20px 0;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url{display: block;width: 418;height: 100px;padding-left: 30px;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details{width: auto;height: auto;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .rec-position{width: 150px; height: 20px;line-height: 20px;color: #333;font-size: 18px;}
.zp-details-box .details-left .recommend-zp .zp-list li:hover .rec-box .recruit-url .recruit-details .rec-position{color: #e1251b;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .rec-position .tech{position: relative;top: -2px; display: inline-block;width: 40px;height: 18px;line-height: 18px; font-size: 12px;border: 1px solid #e1251b; text-align: center;color: #e1251b;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .address{height: 16px;line-height: 16px;margin: 19px 0;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .address .salary{line-height: 16px;font-size: 16px;color: #e1251b;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb{color: #333;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb span{float: left;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .address .breadcrumb em{float: left;width: 1px;height: 10px;background-color: #999;margin: 3px 10px 0 10px;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .welfare{}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn{height: 26px;line-height: 26px;padding: 0 8px;font-size: 12px;color: #999;background-color: #EFEFEF;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn:hover{opacity: 1;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .recruit-url .recruit-details .welfare .layui-btn+.layui-btn{margin-left: 8px;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .company-gs{position: absolute;top: 20px;right: 30px;text-align: right;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .company-gs dt{width: 225px;height: 20px;line-height: 20px;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .company-gs dt a{color: #fff;color: #333;font-size: 16px;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .company-gs dt a:hover{color: #e1251b;}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .see{position: absolute;bottom: 20px;right: 30px;width: 182px;height: 34px;line-height: 34px;padding-top: 40px;opacity: 0;filter:alpha(opacity=0);}
.zp-details-box .details-left .recommend-zp .zp-list li:hover .rec-box .see{opacity: 1;filter:alpha(opacity=100);}
.zp-details-box .details-left .recommend-zp .zp-list li .rec-box .see a{float: right; display: block;width: 90px;height: 34px;line-height: 34px;text-align: center;background-color: #e1251b;border-radius:4px;color: #fff;}

/* 右侧栏位开始 */
.zp-details-box .company-right{width: 288px;}
.zp-details-box .company-right .gs-basic{width: auto;margin-bottom: 16px;}
.zp-details-box .company-right .gs-basic a{display: block;width: auto;padding: 30px 0;background: url(../../img/basic-left.png) no-repeat 0 0 #fff;}
.zp-details-box .company-right .gs-basic a .gs-portrait{width: 70px;height: 70px;margin: 0 auto 16px;}
.zp-details-box .company-right .gs-basic a .gs-portrait img{width: 100%;height: 100%;}
.zp-details-box .company-right .gs-basic a .gs-title{color: #333;font-size: 16px;text-align: center;margin-bottom: 16px;}
.zp-details-box .company-right .gs-basic a:hover .gs-title{color: #e1251b;}
.zp-details-box .company-right .gs-basic a .gs-scale{width: 216px;height: 22px;margin: 0 auto;}
.zp-details-box .company-right .gs-basic a .gs-scale .icnu{height: 22px;line-height: 22px;padding-left: 22px;background: url(../../img/icon/zp-scale-icon.png) no-repeat 0 center;}
.zp-details-box .company-right .gs-basic a .gs-scale .icnu.i1{width: 100px; }
.zp-details-box .company-right .gs-basic a .gs-scale .icnu.i2{background: url(../../img/icon/zp-category-icon.png) no-repeat 0 center;}
.zp-details-box .company-right .gs-basic a .see{width: 138px;height: 34px;line-height: 34px;margin: 0 auto;border: 1px solid #e1251b;border-radius: 4px;color: #e1251b;text-align: center;margin-top: 30px;}
.zp-details-box .company-right .gs-basic a .see:hover{background-color: #e1251b;color: #fff;}

/* 相似职位 */
.zp-details-box .company-right .resemble-post{width: 256px;background-color: #fff;padding: 20px 16px;}
.zp-details-box .company-right .resemble-post .reco-list{width: auto;}
.zp-details-box .company-right .resemble-post .reco-list li{width: auto;height: auto;padding: 20px 0;border-bottom: 1px solid #EBEBEB;}
.zp-details-box .company-right .resemble-post .reco-list li:last-child{border-bottom: 0 none;padding-bottom: 0;}
.zp-details-box .company-right .resemble-post .reco-list li a{display: block;height: 60px;}
.zp-details-box .company-right .resemble-post .reco-list li a .toxu{width: 60px;height: 60px;margin-right: 10px;}
.zp-details-box .company-right .resemble-post .reco-list li a .toxu img{width: 100%;height: 100%;}
.zp-details-box .company-right .resemble-post .reco-list li a dl{width: 176px;height: 66px;}
.zp-details-box .company-right .resemble-post .reco-list li a dl dt{height: 17px;line-height: 17px;font-size: 16px; color: #333;margin-bottom: 8px;}
.zp-details-box .company-right .resemble-post .reco-list li:hover a dl dt{color: #e1251b;}
.zp-details-box .company-right .resemble-post .reco-list li a dl dd.money{font-size: 16px;line-height: 16px;color: #e1251b;margin-bottom: 5px;}
.zp-details-box .company-right .resemble-post .reco-list li a dl dd.address{height: 12px;font-size: 12px;line-height: 12px;}