html{background: #F4F4F6;}
ul{margin:0;padding: 0}
button,input[type=submit],input[type=button],input[type=password]{-webkit-appearance:none}
.website-link{color:#FB7074;text-decoration:underline;display: inline-block;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: rgba(0,0,0,.45);font-size:12px;}
input:-moz-placeholder, textarea:-moz-placeholder{color:rgba(0,0,0,.45);font-size:12px;}
input::-moz-placeholder, textarea::-moz-placeholder{color:rgba(0,0,0,.45);font-size:12px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:rgba(0,0,0,.45);font-size:12px;}
.none{display: none}
.fl{float: left;}
.fr{float: right}
.apply-main{position: relative;width: 1200px;background: #FFF;height: 100%;margin:0 auto;}
.apply-main .job_main{width: 100%;height: 100%;border-bottom: 1px solid #ccc;clear: both;}
.job_info{margin:20px auto;padding: 32px 40px 16px 40px;}
.job_info h4.company{font-size: 14px;color: #9a9fac;font-weight: bold;line-height: 1;margin-bottom: 7px;text-align: left;}
.job_info h3{font-size: 20px;line-height: 30px;width: 100%;margin:10px 0;}
.position-info{font-size: 16px;color: #5c6170;line-height: 24px;}
.position-info .split{width: 1px;height: 20px;background: #ccc;display: inline-block;margin:0 10px;position: relative;top: 5px;}
.post-time{font-size: 12px;color: #9a9fac;}
.clear{clear: both;}
.apply-box{float: left;width:100%;margin: 0;background: #FFF;position: relative;clear: both;}
.apply-content{float: left;width: 920px;}
.apply-content ul{margin:0;padding:30px;}
.apply-content ul li{display: block;list-style: none;margin-bottom:40px;}
.apply-content ul li h3.label{font-size: 16px;display: block;font-weight: bold;color: #5c6170;border-bottom: 1px solid #ccc;padding:5px 0;}
.apply-content ul li h3.label a{float: right;color: #0c8cf6;font-size: 12px;text-decoration: none}
/*简历页*/
.resume-file>p,.attachment-file>p{color: #9a9fac;font-family: 'microsoft yahei',arial,sans-serif;}
.a-upload{position:relative;display:inline-block;background:#dddfe3;overflow:hidden;color:#787e91;text-decoration:none;text-indent:0;line-height:40px;width:280px;text-align:center}
.a-upload input{position:absolute;font-size:40px;right:0;top:0;opacity:0;cursor: pointer;}
.a-upload span{font-size: 13px;color: #787e91;padding: 0 10px;}
.a-upload:hover{background:#787e91;color:#fff;text-decoration:none}
.a-upload:hover span{color: #fff;}
.a-upload.on span{color: #787e91;font-size: 15px;font-family: arial;}
.a-upload.on:hover span{color: #fff;}
.attachment-file{margin-top: 10px;}
.form-content{margin:10px 0;}
.form-content .form-data{padding: 10px;}
.form-content .form-rows{width: 100%;display: flex;margin-bottom:20px;padding-top: 5px}
.form-content .form-rows span.column-name{display: block;line-height: 22px;font-size: 14px;color: #5c6170;}
.form-content input[type="text"]{height: 40px;line-height: 40px;text-indent: 3px;width: 96%;border: 1px solid #bcbfc8;border-radius: 2px;color: #5c6170;font-family: Arial;font-size: 14px;}
.form-content .dateicon{background-image: url(../images/date.png);background-repeat: no-repeat;background-position: right 5px center;cursor: pointer;display: inline-block;}
.form-content .form-rows .columns-1{width: 640px;}
.form-content .form-rows .columns-1 input[type="text"]{width: 90%;}
.form-content a.remove{position: relative;float: right;color:red;display: none;right: 5px;top: -5px}
.form-active:hover a.remove{display:inline-block;font-size: 12px;text-decoration: none;}
.form-active:hover{background: #F8f8f8;}
.form-content .form-rows .columns-2{width: 420px;margin-right: 10px}
.form-content .form-rows .columns-2:first-child{margin-right: 50px}
.form-content .form-rows .columns-3{width: 250px;margin-right: 30px}
.form-content .form-rows .columns-3:last-child{margin-right: 10px}
.form-content .form-rows .columns-3 select{height: 40px;line-height: 40px;text-indent: 3px;width: 96%;border: 1px solid #bcbfc8;border-radius: 2px;color: #5c6170;}
.form-content textarea{max-height: 360px;max-width: 800px;width: 640px}
.cat-nav{float: right;width: 240px;right:40px;}
.cat-nav ul{margin:20px 0;}
.cat-nav ul{border-left:1px solid #ccc;}
.cat-nav ul li{display: block;list-style: none;line-height: 36px;font-size: 14px;color: #333;font-weight: 600;cursor: pointer;}
.cat-nav ul li span{padding-left: 15px;border-left:2px solid #fff;display: inline-block;}
.cat-nav ul li.on{}
.cat-nav ul li.on span{border-left:3px solid #0C8CF6;height: 36px;margin-left: -2px;}
.apply-box .fix{position: fixed;top:84px;}
.btn-row{text-align: center;margin:20px 0;}
.submit-back-btn{display: inline-block;color: #666;text-align: center;background-color: #FFFFFF;font-family: Arial,Helvetica,sans-serif;text-decoration: none;text-transform: capitalize;border-radius: 2px;padding: 10px 20px;border: none;cursor: pointer;outline: none;font-size: 14px;font-weight: 600;border:1px solid #666;}
.submit-btn{display: inline-block;color: #fff;text-align: center;background-color: #2f558e;font-family: Arial,Helvetica,sans-serif;text-decoration: none;text-transform: capitalize;border-radius: 2px;padding: 10px 20px;border: none;cursor: pointer;outline: none;font-size: 14px;font-weight: 600}
.submit-btn:hover{opacity: .9;}
.btn_grey{background-color: #B0E2FF;}
.preview-btn button{margin-right:20px}
.required-tip{display: none;line-height: 22px;font-size: 12px;color: #f92f4f;background-image: url(../images/close.png);background-repeat: no-repeat;background-position: left center;text-indent: 18px;}
.yCXVK-error{display: none;background-image: url(../images/error.png);background-repeat: no-repeat;width: 18px;height: 18px;vertical-align: middle;margin-left: 5px;}
.yCXVK-error.on{display: inline-block;}
.required-tip.on{display: block;}
.form-content input.resumeon,.form-content .form-rows .columns-3 select.resumeon{border: 1px solid #f92f4f;}
.up_info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.up_info>div{display:inline-block;}
.up_info span{display:inline-block;font-family: arial;}
.up_info .inputCover{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0c8cf6;display: inline-block;vertical-align: middle;}
.up_info .processBar{width:0;height: 7px;background: #0c8cf6;}
.up_info .file_del{color: #0c8cf6;margin-left:10px;cursor: pointer;}
.up_info .file_del:hover{color: #62b5f9;}
.up_info .succ_info{margin-left: 5px;}
#preview-apply-info{width:980px;height:100%;position:relative;background-color:white;padding:10px 0;margin:60px auto;box-shadow:white 0 0 0 14px;clear:both;}
.preview-head{height: 175px;padding-left: 0px;padding-right: 0px;margin-bottom: 45px;}
.preview-logo{position: relative;height: 100px;border-radius: 4px 4px 0px 0px;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAQAAAA62AxmAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiAxMPNAgs+a5wAAAA8ElEQVQ4y9XUwRKCIBSF4R/RnErJTZve/wGbhskUJ1pUE9G9ZsvYiX4zyIFjkUdBS4clEKXXViE7Jk5U7GRqPkjDmh7PVXwWmPKJNG++EIWaBUSgBreIZLSk4cJ5IYIrnoLGYgh0VFpCQjQjk6XGc6ako2SaoXcSODJQW2oGYJylKYnwYgAj/eNcpDQn5AxiQgNRJAC1wXESFrVlw8hKicaBU7fgIB50AFfMJISeps6+BPgXrPqZFlQlgf3vF8cy0LMSq6bFZ+ReTUcuFogKTVlCiK/Ck+iTZQTeezKnLV4i8NmTyW/T4LWekVhKlR2+AadFijDXzaXcAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE1OjUyOjA4KzA4OjAwOWhyaQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxNTo1MjowOCswODowMEg1ytUAAABOdEVYdHNvZnR3YXJlAEltYWdlTWFnaWNrIDYuOS4xLTEwIFExNiB4ODZfNjQgMjAxOC0wMS0yNSBodHRwOi8vd3d3LmltYWdlbWFnaWNrLm9yZ9g4jucAAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADI40TogqwAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyN7kq/bcAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTUyMTQ0NTkyOLUjirQAAAARdEVYdFRodW1iOjpTaXplADQ2NEJCaU+vxAAAAEJ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL3RtcC9pbWFnZWxjL2ltZ3ZpZXcyXzlfMTUyMDk5OTU4NTU3NDk0NTZfMjFfWzBdgmZqEQAAAABJRU5ErkJggg=="), linear-gradient(21deg, rgb(47, 139, 198), rgb(74, 119, 228));}
.user-logo{width: 84px;height: 84px;margin-left: 20px;margin-top: 55px;border-radius: 50%;box-shadow: rgb(221, 223, 227) 0px 5px 5px 0px;background: white;}
.user-name{position: absolute;left: 116px;top: 62px;font-size: 20px;font-weight: bold;color: white;}
.preview-head-info{height: 75px;padding-left: 115px;padding-top: 12px;font-size: 13px;line-height: 26px;border-top: none;border-right: 1px solid rgb(221, 223, 227);border-bottom: 1px solid rgb(221, 223, 227);border-left: 1px solid rgb(221, 223, 227);border-image: initial;border-radius: 0px 0px 4px 4px;}
.head-logo{}
.preview-block{margin-bottom: 24px;width: 100%;position: relative;clear: both;}
.preview-block h3{display: inline-block;padding-bottom: 10px;border-bottom:2px solid #ccc;font-size: 18px}
.display-row{width: 100%;margin: 20px 0;}
.display-row .clomun{width: 100%;text-align: left;line-height: 30px;font-size: 12px;}
.display-row .clomun-3{width: 33%;display: inline-block;text-align: left;line-height: 30px;font-size: 12px;}
.display-row .clomun-2{width: 50%;display: inline-block;text-align: left;line-height: 30px;font-size: 12px;}
.display-row .display-clomun{display: inline-block;width: 50%;text-align: left;line-height: 30px;font-size: 12px;}
.display-row div.title{display: inline-block;width: 50%;text-align: right;color: #5c6170;padding: 0 10px;box-sizing: border-box;}
.display-row div.info{display: inline-block;width: 50%;word-break: break-all;color: #333;padding: 0 10px;box-sizing: border-box;}

.preview-block ul{position: relative;width: 100%;margin:0;padding: 0;clear: both;}
.preview-block li{padding: 0;list-style: none;width: 100%;margin:10px 0;}
.preview-block li h4{background: #F4F4F6;font-size: 12px;width: 100%;display: block;line-height: 25px;}
.preview-btn{clear: both;width: 100%;margin:20px 0;text-align: center;}