.JobDetails{background:#f6f6f6}.JobDetails .main{height:auto;padding-bottom:145px;position:relative;z-index:0}.JobDetails .main .banner{width:100%;height:350px;background:url(../../assets/img/job-bg.d737bb1b.jpg) 50% no-repeat;background-size:cover;padding:80px 0}.JobDetails .main .banner .left{height:auto;overflow:hidden}.JobDetails .main .banner .left .title{font-size:30px;color:#fff;margin-bottom:20px}.JobDetails .main .banner .left .other{height:auto;overflow:hidden;line-height:40px}.JobDetails .main .banner .left .other .money{font-size:30px;color:#fff;float:left;margin-right:30px}.JobDetails .main .banner .left .other .spans{height:auto;overflow:hidden}.JobDetails .main .banner .left .other .spans span{font-size:14px;color:#fff;position:relative;padding-right:12px;margin-left:12px}.JobDetails .main .banner .left .other .spans span:after{content:"";width:1px;height:12px;background:#e8e8e8;position:absolute;right:0;top:2px}.JobDetails .main .banner .left .other .spans span:first-child{margin:0}.JobDetails .main .banner .left .other .spans span:last-child:after{display:none}.JobDetails .main .banner .left .fu{height:auto;overflow:hidden;margin-top:15px}.JobDetails .main .banner .left .fu span{font-size:14px;color:#666;border:1px solid #eee;line-height:30px;padding:0 8px;margin:0 0 8px 8px;border-radius:3px;background:#f9f9f9;float:left}.JobDetails .main .banner .left .fu span:first-child{margin:0}.JobDetails .main .banner .left .date{font-size:14px;color:#fff;margin-top:15px}.JobDetails .main .banner .right{height:auto;overflow:hidden;padding-top:20px}.JobDetails .main .banner .right .el-button{float:right;margin-left:40px;font-size:16px;color:#fff}.JobDetails .main .banner .right .el-button i{font-size:20px;vertical-align:-1px}.JobDetails .main .banner .right .el-button.submit{width:200px;background:#fff;border-color:#fff;color:#e54437;font-size:18px;font-weight:700}.JobDetails .main .banner .right .qr{height:auto;overflow:hidden;float:right;margin:30px 40px 0 0;text-align:center}.JobDetails .main .banner .right .qr #qrcode{width:112px;height:112px;padding:6px;background:#fff}.JobDetails .main .banner .right .qr p{font-size:14px;color:#fff;margin-top:5px}.JobDetails .main .block{height:auto;overflow:hidden;margin-top:30px}.JobDetails .main .block .left{width:860px;height:auto;overflow:hidden}.JobDetails .main .block .left .jobInfo{height:auto;overflow:hidden;background:#fff;padding:30px 50px}.JobDetails .main .block .left .jobInfo .title{font-size:18px;color:#000;font-weight:700;margin-bottom:15px}.JobDetails .main .block .left .jobInfo .text{height:auto;overflow:hidden;margin-bottom:20px;font-size:16px;color:#999;line-height:30px;white-space:pre-wrap}.JobDetails .main .block .left .jobInfo #map{height:350px;margin:30px auto 20px}.JobDetails .main .block .left .jobInfo #map .amap-info-content{padding:10px 25px 10px 10px}.JobDetails .main .block .left .jobInfo #map .amap-info-content h2{font-size:14px;margin-bottom:2px;color:#e54437;font-weight:700}.JobDetails .main .block .left .jobInfo #map .amap-info-content p{font-size:14px;color:#666;line-height:20px}.JobDetails .main .block .left .jobInfo #map .amap-info-content .amap-info-close{right:5px!important}.JobDetails .main .block .left .jobInfo .address,.JobDetails .main .block .left .jobInfo .tel{font-size:16px;color:#999;line-height:30px}.JobDetails .main .block .left .jobInfo .address i,.JobDetails .main .block .left .jobInfo .tel i{font-size:18px;color:#e54437;vertical-align:-1px;margin-right:5px}.JobDetails .main .block .left .jobInfo .address a,.JobDetails .main .block .left .jobInfo .tel a{font-size:14px;color:#e54437;margin-left:10px;cursor:pointer}.JobDetails .main .block .left .other{height:auto;overflow:hidden;margin-top:40px}.JobDetails .main .block .left .other .bigTitle{height:26px;line-height:26px;font-size:18px;color:#333;font-weight:700;position:relative;padding-left:15px;margin-bottom:20px}.JobDetails .main .block .left .other .bigTitle:before{content:"";width:4px;height:18px;background:#e54437;position:absolute;left:0;top:4px}.JobDetails .main .block .left .other .list{width:1215px;height:auto}.JobDetails .main .block .left .other .list .item{width:422px;height:auto;padding:25px 20px;overflow:hidden;float:left;margin:0 15px 15px 0;position:relative;background:#fff;cursor:pointer;transition:all .3s}.JobDetails .main .block .left .other .list .item .info{height:auto;overflow:hidden}.JobDetails .main .block .left .other .list .item .info .name{width:60%;font-size:16px;color:#333;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.JobDetails .main .block .left .other .list .item .info .name span{display:inline-block;font-size:13px;color:#fff;background:#e54437;padding:1px 5px 2px;vertical-align:1px;font-weight:400;margin-left:10px;border-radius:3px}.JobDetails .main .block .left .other .list .item .info .money{font-size:20px;color:#e72618;position:absolute;right:20px;top:25px}.JobDetails .main .block .left .other .list .item .info .dsc{margin-top:10px}.JobDetails .main .block .left .other .list .item .info .dsc span{font-size:14px;color:#666;position:relative;padding-right:12px;margin-left:12px}.JobDetails .main .block .left .other .list .item .info .dsc span:after{content:"";width:1px;height:12px;background:#e8e8e8;position:absolute;right:0;top:2px}.JobDetails .main .block .left .other .list .item .info .dsc span:first-child{margin:0}.JobDetails .main .block .left .other .list .item .info .dsc span:last-child:after{display:none}.JobDetails .main .block .left .other .list .item .info .company{height:auto;overflow:hidden;border-top:1px solid #f3f3f3;padding-top:20px;margin-top:20px}.JobDetails .main .block .left .other .list .item .info .company .text{height:auto;overflow:hidden}.JobDetails .main .block .left .other .list .item .info .company .text .logo{width:105px;height:45px;overflow:hidden;float:left;margin-right:18px}.JobDetails .main .block .left .other .list .item .info .company .text .logo img{width:100%;height:100%}.JobDetails .main .block .left .other .list .item .info .company .text .right{width:auto;height:auto;overflow:hidden}.JobDetails .main .block .left .other .list .item .info .company .text .right .companyName{font-size:14px;color:#666;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.JobDetails .main .block .left .other .list .item .info .company .text .right .companyOther{margin-top:5px}.JobDetails .main .block .left .other .list .item .info .company .text .right .companyOther span{font-size:13px;color:#999;position:relative;padding-right:12px;margin-left:12px}.JobDetails .main .block .left .other .list .item .info .company .text .right .companyOther span:after{content:"";width:1px;height:12px;background:#e8e8e8;position:absolute;right:0;top:3px}.JobDetails .main .block .left .other .list .item .info .company .text .right .companyOther span:first-child{margin:0}.JobDetails .main .block .left .other .list .item .info .company .text .right .companyOther span:last-child:after{display:none}.JobDetails .main .block .left .other .list .item .info .company .fu{height:25px;overflow:hidden;margin:20px 0 0}.JobDetails .main .block .left .other .list .item .info .company .fu span{font-size:12px;color:#74767a;border:1px solid #eee;padding:2px 8px 3px;margin:0 0 8px 8px;background:#f9f9f9;float:left}.JobDetails .main .block .left .other .list .item .info .company .fu span:first-child{margin:0}.JobDetails .main .block .left .other .list .item:hover{box-shadow:5px 5px 20px rgba(0,0,0,.05);transform:translateY(-2px)}.JobDetails .main .block .right{width:310px;height:auto;overflow:hidden}.JobDetails .main .block .right .section{height:auto;overflow:hidden;background:#fff;padding:25px;margin-bottom:25px}.JobDetails .main .block .right .section .bigTitle{height:26px;line-height:26px;font-size:18px;color:#333;font-weight:700;position:relative;padding-left:15px;margin-bottom:25px}.JobDetails .main .block .right .section .bigTitle:before{content:"";width:4px;height:18px;background:#e54437;position:absolute;left:0;top:4px}.JobDetails .main .block .right .section.company .top{height:auto;overflow:hidden;border-bottom:1px solid #f5f5f5;padding-bottom:20px;margin-bottom:20px}.JobDetails .main .block .right .section.company .top .el-carousel__container{width:100%;height:150px;overflow:hidden}.JobDetails .main .block .right .section.company .top .el-carousel__container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.JobDetails .main .block .right .section.company .top .dsc{font-size:14px;line-height:24px;color:#666;margin:10px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.JobDetails .main .block .right .section.company .top .btn{font-size:14px;color:#eb4c40;cursor:pointer}.JobDetails .main .block .right .section.company .bottom{height:auto;overflow:hidden}.JobDetails .main .block .right .section.company .bottom .logo{width:105px;height:45px;overflow:hidden;float:left;margin-right:10px}.JobDetails .main .block .right .section.company .bottom .logo img{width:100%;height:100%}.JobDetails .main .block .right .section.company .bottom .text{height:auto;overflow:hidden}.JobDetails .main .block .right .section.company .bottom .text .name{font-size:16px;color:#333;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.JobDetails .main .block .right .section.company .bottom .text .other{height:auto;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.JobDetails .main .block .right .section.company .bottom .text .other span{font-size:14px;color:#999;margin-right:15px}.JobDetails .main .block .right .section.look .list{height:auto;overflow:hidden}.JobDetails .main .block .right .section.look .list .item{height:auto;overflow:hidden;display:block;padding-bottom:15px;margin-bottom:15px;border-bottom:1px dashed #f5f5f5}.JobDetails .main .block .right .section.look .list .item .title{height:auto;overflow:hidden;margin-bottom:5px;line-height:25px}.JobDetails .main .block .right .section.look .list .item .title .name{width:175px;font-size:16px;color:#333;font-weight:700;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s}.JobDetails .main .block .right .section.look .list .item .title .money{font-size:18px;color:#e72618;float:right}.JobDetails .main .block .right .section.look .list .item .companyName{font-size:14px;color:#666}.JobDetails .main .block .right .section.look .list .item:last-child{padding:0;margin:0;border:0}.JobDetails .main .block .right .section.look .list .item:hover .title .name{color:#e54437}