/*主导航*/ .xf-personNav-rt{ margin-left:50px; } .xf-personNav-rt li.active a{ color: #3E62BA; } .xf-personNav-rt li{ padding:0 20px; cursor: pointer; } .personHeader{ width: 26px; height: 26px; } .personHeader img{ width: 100%; height: 100%; } .xf-personMessage-icon{ margin-right:32px; width:18px; height:85px; display: block; position: relative; background: url("../images/personbg.png") no-repeat -511px -279px; } .xf-personMessage-icon i{ position: absolute; width: 4px; height: 4px; background: #FF0000; border-radius: 50%; display: block; right:0; top:35px; } .xf-person-downMenu{ position: relative; margin-left: 10px; cursor: pointer; } .xf-personMessage-icon .xf-person-downMenu{ top: 67px; right: -18px; } .xf-person-downMenu a { color: #808080; display: block; width:106px; text-align: center; line-height: 36px; } .xf-person-subMenu { right: 0; max-height: 0; position: absolute; top: 67%; z-index: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .xf-person-subMenu li:first-child i{ position: absolute; width: 30px; height: 16px; background: url("../images/personimg/submenubg.png") no-repeat left top; right:10px; top:-10px; } .xf-person-subMenu li { background: #fff; opacity: 0; border: 1px solid #e6e6e6; border-top:0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s; } .xf-person-subMenu li:nth-child(1){ border-top:1px solid #e6e6e6 !important; } .xf-person-downMenu .xf-person-subMenu li:hover a { color: #3E62BA; } .xf-person-downMenu:hover .xf-person-subMenu, .xf-person-downMenu > li:focus .xf-person-subMenu { max-height: 2000px; z-index: 10; } .xf-person-downMenu:hover .xf-person-subMenu li, .xf-person-downMenu > li:focus .xf-person-subMenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .xf-person-downMenu li:hover .xf-person-subMenu li:nth-child(1) { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .xf-person-downMenu li:hover .xf-person-subMenu li:nth-child(2) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms; } .xf-person-downMenu li:hover .xf-person-subMenu li:nth-child(3) { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .xf-person-downMenu li:hover .xf-person-subMenu li:nth-child(4) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms; } .xf-person-subMenu li:nth-child(1) { -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -ms-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms; } .xf-person-subMenu li:nth-child(2) { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -ms-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .xf-person-subMenu li:nth-child(3) { -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; } .xf-person-subMenu li:nth-child(4) { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .xf-perCen-rz a{ color:#e6e6e6; padding-left:25px; } .phone-rz{ background: url("../images/floorbg.png") no-repeat -371px -9px; } .email-rz{ background: url("../images/floorbg.png") no-repeat -371px -49px; } .xf-perCenNav-ul ul{ /*padding:0 45px;*/ } .xf-perCenNav-ul ul li{ height: 64px; line-height: 64px; padding:0 20px; background-image: url("../images/personavbg.png"); background-repeat: no-repeat; background-position: 0 0; -moz-transition:background-position .5s; -ms-transition:background-position .5s; -o-moz-transition:background-position .5s; -webkit-moz-transition:background-position .5s; transition:background-position .5s; } .xf-perCenNav-ul ul li:hover, .xf-perCenNav-ul ul li.active{ background-position: 0 -83px; } .xf-perCenNav-ul ul li a{ padding-left:30px; display: block; background-image: url("../images/floorbg.png"); background-repeat: no-repeat; } .xf-perCen-basicInfo a{ background-position: -371px -76px; } .xf-my-resume a{ background-position: -371px -134px; } .xf-create-resume a{ background-position: -371px -195px; } .xf-interview-invitation a{ background-position: -371px -254px; } .xf-put-record a{ background-position: -372px -317px; } .xf-edit-pwd a{ background-position: -371px -386px; } /*个人中心右侧主面板内容*/ .xf-perCenter-container{ width: 920px; padding:50px 40px; border-top-right-radius:8px ; border-bottom-right-radius:8px ; border-bottom-left-radius:8px ; min-height: 577px; box-shadow: 0 0 14px rgba(153,153,153,.2); } .xf-person-infoBox{ padding: 0 20px; } .xf-person-info{ width:400px; } .xf-person-info h3{ height: 48px; line-height: 48px; } .xf-person-info h3 span{ display: inline-block; line-height: 48px; } .xf-info-gender{ margin:0 30px; } .xf-person-info p{ height: 40px; line-height: 40px; font-size: 16px; } .xf-person-info h3 p a{ margin-top:14px; } /*2018年12月1日12:10:47*/ .xf-edit-box { /*margin: 0 0 0 20px;*/ } .xf-edit-box a{ background-image: url("../images/floorbg.png"); background-repeat: no-repeat; -moz-transition:background-position .3s; -ms-transition:background-position .3s; -o-moz-transition:background-position .3s; -webkit-moz-transition:background-position .3s; transition:background-position .3s; margin-right:20px; } .xf-edit-box .phone{ width:23px; height: 23px; background-position: -532px -8px; } .xf-edit-box .phone:hover,.xf-edit-box .phone.active{ background-position: -617px -8px; } .xf-edit-box .email{ width:23px; height: 23px; background-position: -532px -58px; } .xf-edit-box .email:hover,.xf-edit-box .email.active{ background-position: -617px -58px; } .xf-edit-box .edit{ width:23px; height: 23px; background-position: -532px -112px; } .xf-edit-box .edit:hover{ width:23px; height: 23px; background-position: -617px -112px; } .xf-person-labelBox{ width: 230px; text-align: left; } .xf-person-labelBox ul li{ float: left; padding:0 5px 0 15px; cursor: pointer; width: 48px; font-size: 12px; color:#fff; height: 26px; line-height: 26px; /*overflow: hidden;*/ position: relative; background: url("../images/personimg/labelbg.png") no-repeat; background-size: 100% 100%; margin:10px 10px 0 0; } .xf-person-infoBox .xf-person-labelBox ul li:nth-child(3n){ margin-right:0; } .label-manager{ margin:30px auto 0; width: 110px; text-align: center; border:1px solid #3E62BA; height: 32px; line-height: 32px; color:#3E62BA; cursor: pointer; } .xf-perCen-pubTitle{ font-size: 18px; color:#3E62BA; margin-top:20px; } /*消息通知*/ /*2018年12月1日12:15:45*/ .xf-message-noticeBox{ padding: 0 20px; } /*.xf-message-noticeItem i{*/ /*background-image: url("../images/floorbg.png");*/ /*background-repeat: no-repeat;*/ /*}*/ .xf-message-notice{ padding-left:10px; } .xf-message-notice .xf-message-noticeItem{ margin-right:120px; } .xf-message-notice .xf-message-noticeItem:last-child{ margin-right:0; } .xf-message-noticeItem .put-record{ width: 20px; height: 22px; background-position:-532px -220px; } .xf-message-noticeItem .info .put-record{ background-position:-532px -172px; } .xf-message-noticeItem .ms-yq{ width: 20px; height: 22px; background-position:-619px -220px; } .xf-message-noticeItem .info .ms-yq{ background-position:-619px -172px; } .indexRBox { border: 1px solid #E6E6E6; padding: 20px 25px; width: 580px; } .ih-item.circle.effect20 { -webkit-perspective: 900px; -moz-perspective: 900px; perspective: 900px; } .ih-item.circle.effect20 .img { text-align: center; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ih-item.circle.effect20 .info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .ih-item.circle.effect20.top_to_bottom .info .info-back { -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg); } .ih-item.circle.effect20 .info .info-back { opacity: 1; visibility: hidden; width: 100%; height: 100%; -webkit-transition: all 0.35s linear; -moz-transition: all 0.35s linear; transition: all 0.35s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.circle.effect20.top_to_bottom a:hover .img { -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg); } .ih-item.circle.effect20 a:hover .img { opacity: 0; } .ih-item.circle.effect20.top_to_bottom a:hover .info .info-back { -webkit-transform: rotate3d(1, 0, 0, 0deg); -moz-transform: rotate3d(1, 0, 0, 0deg); -ms-transform: rotate3d(1, 0, 0, 0deg); -o-transform: rotate3d(1, 0, 0, 0deg); transform: rotate3d(1, 0, 0, 0deg); } .ih-item.circle.effect20 a:hover .info .info-back { opacity: 1; visibility: visible; } .resume-name h3{ font-size: 20px; } .resume-complete-range{ width:200px; } .resume-option-item{ margin:0 25px; } .resume-progress{ overflow: hidden; height: 6px; background: #ECECEC; box-shadow: none; border-radius: 5px; } .xf-person-labelBox { width: 236px; text-align: left; } .resumeList .resume-option-item{ margin:0 10px; } .resumeList .resume-option-item { padding: 10px 10px 10px 10px; width: 100px; } .resume-progress .progress-bar{ position: relative; height:100%; border-radius: 5px; -webkit-animation: animate-positive 2s; animation: animate-positive 2s; } @-webkit-keyframes animate-positive{ 0%{ width: 0; } } @keyframes animate-positive { 0%{ width: 0; } } .resume-option-btn a{ color:#555; letter-spacing: 2px; display: block; } .resume-option-btn a i { display: inline-block; height: 35px; width: 30px; -moz-transition: background-position .5s; -ms-transition: background-position .5s; -o-moz-transition: background-position .5s; -webkit-moz-transition: background-position .5s; transition: background-position .5s; background-image: url(../images/personbg.png); background-repeat: no-repeat; } .resume-announce{ cursor: pointer; /*padding:0 14px;*/ width: 106px; letter-spacing: 3px; position: relative; } .resume-announce-option{ position: absolute; padding:0 10px; } .resume-announce-option:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2); } .resume-announce-option:hover .secrecy-resume{ height: 32px; opacity: 1; } .resume-announce-option:hover .pub-resume{ background: url(../images/uparrow.png) no-repeat right center; } .resume-announce span{ line-height: 32px; } .secrecy-resume{ -moz-transition:all .3s; -ms-transition:all .3s; -o-moz-transition:all .3s; -webkit-moz-transition:all .3s; transition:all .3s; height: 0; opacity: 0; overflow: hidden; } .pub-resume{ padding-right:10px; background: url("../images/downArrow2.png") no-repeat right center; } .option-refresh i { background-position: -12px -14px; } .option-refresh:hover i { background-position: -12px -67px; } .option-preview i { background-position: -134px -14px; color: #999; } .option-preview:hover i{ background-position: -134px -67px; } .option-revise i{ background-position: -12px -132px; } .option-revise:hover i{ background-position: -12px -184px; } .option-shield i{ background-position: -256px -13px;; } .option-shield:hover i { background-position: -256px -67px; } .option-agentPut i { background-position: -131px -132px; } .option-agentPut:hover i { background-position: -131px -184px; } .option-downResume i { background-position: -510px -367px; } .option-downResume:hover i { background-position: -510px -422px; } .option-more i { background-position: -256px -132px; } .option-more:hover i { background-position: -256px -178px; } .option-more-btn{ position: relative; } .option-more-box{ top:0; background: #fff; padding:10px 0 0 0; position: absolute; } .option-more-box:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2); } .option-item a{ padding-left:10px; -moz-transition:all .5s; -ms-transition:all .5s; -o-moz-transition:all .5s; -webkit-moz-transition:all .5s; transition:all .5s; } .option-item a:nth-child(3):hover { color: #fff; background: #FA6041; } .option-item a:nth-child(1):hover, .option-item a:nth-child(2):hover { background: #3E62BA; color: #fff; } .option-item{ height: 0; width: 0; -moz-transition:all .5s; -ms-transition:all .5s; -o-moz-transition:all .5s; -webkit-moz-transition:all .5s; transition:all .5s; overflow: hidden; } .option-more-box:hover .option-item{ height: auto; width: 100%; } /*招聘会*/ .xf-person-zpCard{ width:435px; border-radius: 4px; } .xf-person-zpCard .left-img{ width: 214px; } .xf-person-zpCard .right-text{ border:1px solid #E6E6E6; border-left:0; height:160px; width:220px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .right-text p { padding:0 20px; width: calc(100% - 40px); height: 30px; line-height: 30px; } .address{ background: url("../images/pos.png") no-repeat 8px center; } .time{ background: url("../images/time-icon.png") no-repeat 8px center; } .ih-item.square { width:100%; height:100%; position: relative; cursor: pointer; } .ih-item.square.effect10 { overflow: hidden; } .ih-item.square.effect10.right_to_left .img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); border-radius: 4px; } .ih-item.square.effect10 .img { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square.effect10.right_to_left .info { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .ih-item.square.effect10 .info { background: #3E62BA; visibility: hidden; border-radius: 4px; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square .info { color:#fff; position: absolute; top: 0; bottom: 0; padding:0 25px; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ih-item.square .info .lf{ width: 190px; padding:30px 25px 30px 0; border-right:2px dashed #fff; } .ih-item.square .info .lf p{ border:2px solid #fff; height: 38px; line-height: 38px; font-size: 17px; } .ih-item.square .info .rt{ padding:15px 0 20px 18px; } .ih-item.square .info .rt i{ font-size: 32px; } .ih-item.square .info .rt p b{ padding-left:15px; background-image: url("../images/personbg.png"); background-repeat: no-repeat; } .enter-corp b{ background-position:-12px -318px ; } .job-num b{ background-position:-12px -253px ; } .ih-item.square .info .lf h3{ text-align: left; font-size: 16px; line-height: 24px; } .ih-item.square .info .lf p i{ margin-right:5px; padding-right:5px; border-right: 2px solid #fff; } .ih-item.square.effect10.right_to_left .corp-hover:hover .img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .look-detail{ display: inline-block; padding:0 15px; margin-top:10px; line-height: 38px; border:2px solid #fff; font-size: 16px; } .ih-item.square.effect10.right_to_left .corp-hover:hover .info { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .ih-item.square.effect10 .corp-hover:hover .info { visibility: visible; opacity: 1; } .right-text h3{ line-height: 27px; padding:10px 18px 10px 14px; margin-right:6px; border-bottom:1px dashed #D6D6D6; } /*推荐职位*/ .xf-perCen-pubTitle a{ padding-right:30px; } .recommended-position-box .xf-perCen-pubTitle a{ background: url("../images/personbg.png") no-repeat 30px -386px; } .recommended-position-box .xf-perCen-pubTitle a:hover{ background: url("../images/personbg.png") no-repeat -92px -334px; } .job-pub-list ul li{ width:calc(50% - 20px); cursor: pointer; float:left; border-bottom:1px solid #E6E6E6; } .job-pub-list ul li p{ margin:23px 0 20px 0; } .job-pub-list ul li:nth-child(odd){ margin-right:20px; } .job-pub-list ul li:nth-child(even){ margin-left:20px; } .job-pub-list .job-name{ width: 110px; height: 30px; line-height: 30px; } .job-pub-list .corp-name{ width:176px; height: 30px; line-height: 30px; margin:0 15px; } .job-pub-list .corp-salary{ width:100px; height: 30px; line-height: 30px; } .p-job-need span{ color:#999; display: inline-block; margin-right:30px; } /*招聘记录*/ .p-rightPane-mainNav{ /*padding-bottom:20px;*/ } .p-rightPane-mainNav ul li{ float: left; margin:0 5px; width:100px; text-align: center; padding:0 5px 18px 5px; -moz-transition:background-position .3s; -ms-transition:background-position .3s; -o-moz-transition:background-position .3s; -webkit-moz-transition:background-position .3s; transition:background-position .3s; background-image: url("../images/personbg.png"); background-repeat: no-repeat; background-position:-218px -592px ; /*border:2px solid transparent;*/ } .p-rightPane-mainNav ul li:hover, .p-rightPane-mainNav ul li.active{ background-position:-227px -602px ; } .p-rightPane-mainNav ul li:hover a, .p-rightPane-mainNav ul li.active a{ color:#3E62BA; } .p-rightPane-mainNav ul li a{ color:#555; } /*.p-rightPane-mainNav ul li.active{*/ /*border-bottom:2px solid #3E62BA;*/ /*}*/ /*.p-rightPane-mainNav ul li.active a{*/ /*color:#3E62BA;*/ /*}*/ .person-select{ height: 34px; width:254px; line-height: 34px; } .person-pub-list{ border-bottom:1px solid #E6E6E6; padding:30px 10px 10px 10px; } .person-pub-list .job-info{ height: auto !important; } .person-pub-list.height60 div.lf{ margin-right:30px ; height: 60px; } .option-elect{ padding:11px; -moz-transition:background-position .5s; -ms-transition:background-position .5s; -o-moz-transition:background-position .5s; -webkit-moz-transition:background-position .5s; transition:background-position .5s; background-image: url("../images/personbg.png"); background-repeat: no-repeat; background-position: -12px -505px; } .option-elect:hover,.active{ background-position: -12px -463px; } .person-pub-list .job-info{ width: 300px; } .person-pub-list .corp-info{ width:320px; } .person-pub-list .elect-time{ width:120px; text-align: center; } /*面试邀请职位弹出*/ .job-pub-list li.active{ background: #F6F6F6; } .corp-job-info{ /*display: none;*/ width: 420px; height: 320px; transform: scale(0); opacity: 0; position: absolute; left:100px; top:50px; border:1px solid #E6E6E6; border-radius: 8px; background: #fff; } .corp-job-info.active{ transform: scale(1); opacity: 1; } .corp-job-info h3{ color:#fff; height: 32px; line-height: 32px; text-align: center; background: url("../images/corpbg.png") no-repeat left top; } .corp-job-infoContent{ padding:20px 30px; } .corp-job-infoContent span{ line-height: 24px; } .corp-job-infoContent span b{ width: 300px; font-weight: normal; } .interview-option{ text-align: center; } .interview-option a{ display: inline-block; width: 120px; height: 32px; line-height: 32px; color:#fff; font-size: 16px; border-radius: 3px; } /*招聘会记录*/ .person-pub-listBox table tr{ border-bottom:1px solid #E6E6E6; } .person-pub-listBox table tr td{ padding:20px 0 15px 0; } .person-pub-listBox table tr td p{ line-height: 24px; text-align: center; } .person-pub-listBox table tr td.last-td{ text-align: right; padding-right:10px; } .person-pub-listBox table tr td.last-td span{ width: 20px; height: 20px; background-image: url("../images/personbg.png"); background-repeat: no-repeat; } .select-confirm{ background-position: -385px -7px; } .select-delete{ margin-left:15px; background-position: -385px -91px; } /*已应聘职位*/ .person-pub-listBox.already-pos .job-info{ width: 320px; } /*企业收藏夹*/ .person-pub-listBox.corp-collection .person-pub-list, .person-pub-listBox.look-resume .person-pub-list{ width: calc(50% - 40px); float: left; } .person-pub-listBox.corp-collection .person-pub-list .corp-info{ width: 220px; } .person-pub-listBox.corp-collection .person-pub-list .elect-time{ width:114px; } .person-pub-listBox.corp-collection .person-pub-list div.lf{ margin-right:30px; } .person-pub-listBox.corp-collection .person-pub-list:nth-child(even), .person-pub-listBox.look-resume .person-pub-list:nth-child(even){ margin-left:20px; } .person-pub-listBox.corp-collection .person-pub-list:nth-child(odd), .person-pub-listBox.look-resume .person-pub-list:nth-child(odd){ margin-right:20px; } /*简历被查看*/ .person-pub-listBox.look-resume .p-job-need span i{ padding:0 10px; } /*账户管理站内信息*/ .person-pub-listBox.web-message .person-pub-list{ padding:20px 10px 15px 30px; position: relative; } .person-pub-listBox.web-message .person-pub-list:before{ display: table; width: 6px; height: 6px; background: #FF0000; border-radius: 50%; position: absolute; left:10px; top:40px; } .xf-reset-tel a{ background-position:-762px 15px; } .xf-reset-secret a{ background-position:-762px -41px; } .xf-my-headImg a{ background-position:-763px -97px; } .xf-web-message a{ background-position:-764px -173px; } /*创建简历*/ .xf-editResume-title span{ padding-left:15px; background: url("../images/personbg.png") no-repeat -514px -8px; } .preview-resume{ border:1px solid #3E62BA; height: 38px; line-height: 38px; width: 98px; text-align: center; border-radius: 2px; } .xf-editResume-title a{ padding-left:40px; background-image: url("../images/personbg.png"); background-repeat: no-repeat; -moz-transition:background-position .3s; -ms-transition:background-position .3s; -o-moz-transition:background-position .3s; -webkit-moz-transition:background-position .3s; transition:background-position .3s; } .edit-icon{ background-position: -496px -65px; } .edit-icon:hover{ color:#3E62BA; cursor: pointer; background-position: -496px -102px; } .xf-basicInfo li{ float:left; width:calc(50% - 30px); } .xf-basicInfo li:nth-child(odd){ margin-right:30px; } .xf-basicInfo li:nth-child(even){ margin-left:30px; } .xf-person-labelBox.create-resume ul li{ margin: 10px 10px 0 0; text-align: center; } .add-icon{ background-position: -496px -145px; } .add-icon:hover{ color:#3E62BA; background-position: -496px -192px; } .btn-hover1{ -moz-transition:all .5s; -ms-transition:all .5s; -o-moz-transition:all .5s; -webkit-moz-transition:all .5s; transition: all 0.5s; position: relative; border: 1px solid #3E62BA; } .btn-hover1:hover{ color:#fff !important; background-color: rgb(62,98,186); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .create-resume-btnBox .active{ height: 36px; line-height: 36px; margin: 0 15px 0 20px; border-radius: 10px; background-color: #ddd; color: #fff; border: 1px #ddd solid; } .create-resume-btnBox .active{ height: 36px; line-height: 36px; margin: 0 15px 0 20px; border-radius: 10px; background-color: #ddd; color: #fff; border: 1px #ddd solid; } .xf-experienceItem-title{ padding:10px 0; position: relative; overflow: hidden; } .resume-edit{ top: 10px; right: -120px; position:absolute; -moz-transition:all .3s; -ms-transition:all .3s; -o-moz-transition:all .3s; -webkit-moz-transition:all .3s; transition: all 0.3s; } .edit-hover-icon{ padding-left:30px; color:#3E62BA; background: url("../images/personbg.png") no-repeat -506px -97px; } .xf-edit-pub:hover .xf-experienceItem-time{ display: none; } .xf-edit-pub:hover .resume-edit{ right:0; } .xf-edit-resumeBox .span1{ width: 260px; } .xf-edit-resumeBox .span2{ width: 160px; } .xf-edit-resumeBox .span3{ width: 100px; } .xf-edit-resumeBox .span4 { width: 120px; } /*技能证书*/ .xf-edit-resumeBox .xf-skill-experienceItem .span2, .xf-edit-resumeBox .xf-test-experienceItem .span2{ width: 293px; } /*培训经历*/ /*管理标签*/ .label-manager-box{ background: #fff; } .label-manager-container{ margin:50px; } .label-option-itemLeft{ width: 80px; margin-right:30px; } .label-option-itemRight{ width: 390px; } i.xf-delete{ position: absolute; width:13px; height: 13px; display: none; right:-5px; top:-6px; -moz-transition:all .3s; -ms-transition:all .3s; -o-moz-transition:all .3s; -webkit-moz-transition:all .3s; transition: all 0.3s; background: url("../images/personbg.png") no-repeat -386px -55px; } .edit-label-icon.edit-icon{ background-position:-369px -144px ; } .edit-label-icon.edit-icon:hover{ background-position:-369px -211px ; } .another-batch{ background-position:7px -384px ; } .add-label-box{ height: 38px; line-height: 38px; } .edit-info-item .before-star:before{ left:0; } .add-label-box input{ width: 100px; padding:0 10px; height: 36px; border:1px solid #e6e6e6; } /*.xf-label-option{*/ /*width: 300px;*/ /*margin: 0 auto;*/ /*}*/ .xf-label-option a{ width: 100px; } /*我的简历*/ .my-resume-box{ padding:20px 40px; } /*.my-resume-box .resume-option-btn .resume-option-item{*/ /*margin:0 10px;*/ /*}*/ .mainROption .resume-option-item { width: 64px; margin: 0 19px; text-align: center; position: relative; } .create-resume-btnBox{ height: 36px; line-height: 36px; } .create-resume-btn{ height: 36px; line-height: 36px; margin:0 15px 0 20px; border-radius: 10px; } /*修改密码*/ .account-pub-manager{ padding-left:20px; position: relative; } .account-pub-manager .before-star:before{ margin-top:1px; left:0; } .account-pub-manager .edit-item input{ width: 233px; } .edit-pwd-box .save-cancel-box, .edit-phone-box .save-cancel-box{ padding-left:114px; } .edit-pwd-box .edit-item p, .edit-phone-box .edit-item p{ width: 100px; text-align: right; margin-right:10px; } /*修改手机号*/ .get-phone-code.edit-item .getcodeBtn{ width:92px !important; } .get-phone-code.edit-item{ margin-left:104px; } .get-phone-code.edit-item input{ width: 154px !important; border-right:0; } .getcodeBtn{ height: 42px; width:93px!important; } .get-phone-code.edit-item span{ border:1px solid #3E62BA; width: 90px; text-align: center; } .email-yz{ width: 263px; border-radius: 2px; } /*修改密保*/ .edit-safeAnswer-box .edit-item p{ width: 108px; text-align: right; margin-right: 10px; } .edit-safeAnswer-box .person-select{ height: 40px; line-height: 40px; width: 376px; margin-left:10px; } .edit-safeAnswer-box .person-select .showSlectItem{ margin-left:9px; } .edit-safeAnswer-box .save-cancel-box{ padding-left:123px; } /*我的头像*/ .hidden-waterMark{ position: absolute; width: 168px; left: 40px; height: 43px; background: #fff; bottom: 45px; } /*图片管理*/ .img-text-desc{ line-height: 30px; } .img-text-desc textarea{ line-height: 30px; } .person-upload-file .show-img-name{ width: 166px; } .img-preview-box ul li { float: left; width:190px ; margin:0 20px 20px 0; } .img-preview-box ul li .img-box{ height: 130px; } .img-preview-box ul li .img-box img{ width: 100%; height: 100%; } .delete-imgPreview{ cursor: pointer; } /*创建简历编辑框*/ .edit-info-item{ width: 860px; margin-left:-40px; padding:20px 100px 30px 40px; background:#F4F6F9; display: none; } .info-edit-form .before-star::before{ left:0; margin-top:1px; } .input-group label{ width: 100px; text-align: right; margin-right:10px; } .input-group-input{ width: 280px; height: 40px; line-height: 40px; } .input-group-input input[type="text"]{ width: calc(100% - 30px); } .input-group-input .select-box{ width: calc(100%); background: #fff; } .input-group-input .select-box .showSlectItem{ line-height: 38px; } .input-group-input .select-box li{ line-height: 30px; } .input-group-input .showSlectItem{ background: url("../images/downarrow3.png") no-repeat right center; } .info-edit-form .save-cancel-box{ margin-left:110px; } .welfare-box span{ border-radius: 5px; color:#999; height: 34px; line-height: 34px; display: inline-block; border:1px solid #e6e6e6; margin-right:10px; padding:0 10px; background: #fff; -moz-transition:all .3s; -ms-transition:all .3s; -o-moz-transition:all .3s; -webkit-moz-transition:all .3s; transition: all 0.3s; } .welfare-box span:hover, .welfare-box span.active{ color:#3E62BA; cursor: pointer; border:1px solid #3E62BA; } .xf-person-labelBox .info-edit-form li{ position: relative; background: url("../images/labelbg2.png") no-repeat right bottom; background-size: 100%; color:#999; -moz-transition:all .5s; -ms-transition:all .5s; -o-moz-transition:all .5s; -webkit-moz-transition:all .5s; transition: all 0.5s; } .xf-person-labelBox .info-edit-form li:hover{ background: url("../images/personimg/labelbg.png") no-repeat left bottom; background-size: 100%; color:#fff; cursor: pointer; } .xf-person-labelBox .info-edit-form li.active{ background: url("../images/personimg/labelbg.png") no-repeat left bottom; background-size: 100%; color:#fff; } .xf-person-labelBox .info-edit-form li i{ display: block; } .input-group-input.select-rz-time .select-box{ width:calc(50% - 29px); } .edit-info-item .save-cancel-box{ margin-left:110px; } .input-group textarea{ padding:20px; } /*预览简历*/ .resume-preview-box{ background: #F4F6F9; } .resume-preview-container{ width: 800px; margin:0 auto; background: #fff; } .resume-preview-top{ padding:40px 58px; background: url("../images/personimg/phbg.png") no-repeat left top; } .resume-preview-HeadImg{ width:120px ; height: 120px; margin-right:60px; } .resume-preview-HeadImg img{ width: 100%; height: 100%; } .resume-preview-content{ margin:40px 30px 0 30px; padding:0 0 50px 0; } .rp-jobIntention{ position: relative; } .resumePreviewIcon{ position: absolute; width: 22px; height: 24px; display: inline-block; left: -11px; top: -1px; background: url(../images/personbg.png) no-repeat -676px -12px; } .rp-workItem p:first-child{ width: 300px; } .rp-workItem p:nth-child(2){ width: 250px; } .rp-workContent p{ line-height: 30px; } .rp-jobIntention, .rp-workExperience, .rp-eduExperience, .rp-skillExperience, .rp-testExperience, .rp-perStyle{ padding:0 0 0 30px; background: url("../images/colLine.png") no-repeat left 4px; } .rp-jobIntention{ padding-bottom:30px; } .rp-eduExperience-item span, .rp-skillExperience-item span, .rp-testExperience-item span{ display: inline-block; height: 30px; line-height: 30px; margin-right:30px; color:#555; } .rp-eduExperience-item .span1, .rp-skillExperience-item .span1, .rp-testExperience-item .span1{ width:280px; } .rp-eduExperience-item .span2, .rp-skillExperience-item .span2, .rp-testExperience-item .span2{ width: 120px; } .rp-perStyle ul li{ float: left; margin:0 20px 20px 0; width: 191px; height: 132px; } .rp-perStyle ul li img{ width:100%; height: 100%; } .rp-perVideo{ padding-left:30px; } .rp-noUploadVideo{ display: inline-block; height: 40px; line-height: 40px; color:#ccc; padding-left:70px; background: url("../images/nouploadVideo.png") no-repeat left top; } .rp-updateTime{ height: 40px; line-height: 40px; width: 800px; margin:0 auto; } /*注册信息跳转页面*/ .bg1{ background: url("../images/bg1.png") no-repeat top; } .xf-infoWrite-box{ margin:50px auto; } .infoWrite-title{ width:calc(100% + 60px); border-bottom:1px dashed #3E62BA; height: 90px; line-height: 90px; margin-left:-30px; } .xf-infoWrite-box .save-cancel-box a{ height: 40px; line-height: 40px; width: 188px; } .input-group-input input[type="number"] { width: calc(100% - 48px); color:#666; } .bv-form .help-block { right: 35px !important; top: 15px; } .form-group{ position: relative; } .has-feedback .form-control { padding-right: 1px !important; } /*2018/8/6*/ .phone-rz{ background: url("../images/personimg/personbg.png") no-repeat -505px -408px; } .phone-rz.active{ background: url("../images/personimg/personbg.png") no-repeat -505px -333px; } .email-rz{ background: url("../images/personimg/personbg.png") no-repeat -505px -478px; } .email-rz.active{ background: url("../images/personimg/personbg.png") no-repeat -505px -544px; } /*2018/8/14*/ .xf-imgManager a{ background-position: -767px -280px; } .xf-videoIcon a{ background-position: -767px -222px; } .xf-imgManager a{ background-position: -767px -280px; } .xf-videoIcon a{ background-position: -767px -222px; } .xf-alreadyJob a{ background-position: -770px -392px; } .xf-corpElect a{ background-position: -773px -514px; } .xf-jobelect a{ background-position: -766px -329px; } .xf-lookresume a{ background-position: -773px -456px; } .dn{ display:none; } /*刷新简历弹出框*/ .refreshBox{ position: relative; padding:25px 30px 30px 120px; background: url("../images/personimg/refresh.png") no-repeat 30px 70px; } .selectQzStatus{ position: absolute; display: none; width:160px; left:50%; margin-left:-100px; top:3%; background: #fff; border:1px solid #E7E7E7; border-radius: 5px; padding:10px 20px; box-shadow: 0 0 10px rgba(0,0,0,.2); } .selectQzStatus ul li{ height: 24px; line-height: 24px; } .selectQzStatus ul li.active{ color:#3E62BA; } .selectQzStatus ul li:hover{ color: #3E62BA; cursor: pointer; } .closeQz{ position: absolute; right:-10px; top:-10px; width:32px; height: 32px; border-radius: 50%; background-color:#cecece; } .getcodeBtn{ height: 42px; width:93px!important; } /*委托投递*/ .xf-entrust a{ background-position:-776px -667px; } .xf-shield a{ background-position:-777px -582px; } .entrustPutBox{ padding:0 10px; } /*添加屏蔽公司*/ .corpShieldTitle span{ padding-left:23px; cursor: pointer; background: url("../images/personimg/personbg.png") no-repeat -760px -75px; } .corpShieldSearch{ height: 44px; display: none; } .corpShieldSearch input[type='text']{ padding:0 10px; height: 42px; border:1px solid #3E62BA; width:420px; } .corpShieldSearch input[type="button"]{ width:68px; height: 44px; /*background: url("../images/personimg/personbg.png") no-repeat -736px 2px;*/ /*background-color: #3E62BA;*/ } .pbCorpListItem{ padding-right:70px; cursor: pointer; } .pbTitle{ background: url("../images/personimg/line.png") no-repeat 92px center; } .deleteShield{ padding:0 10px; background: url("../images/personimg/personbg.png") no-repeat -759px -130px; display: none; } .pbCorpListItem:hover .deleteShield{ display: block; } .shieldBtnBox{ width: 510px; } .xf-subscribe a{ background-position:-779px -726px; } /*我的订阅*/ .corp-tableList thead { background: url(../images/thbg.png) no-repeat left top; background-size: 100% 100%; } .corp-pub-tableH { height: 40px; line-height: 40px; font-weight: normal; } .corp-tableList tr:last-child { border-bottom: 0; } .corp-tableList tr { border-bottom: 1px solid #e6e6e6; } .corp-tableList td { text-align: center; } .corp-tableList span.block { height: 50px; line-height: 50px; color: #666; } .corp-tableList table tbody{ border:1px solid #e6e6e6; } .editSearch{ padding: 10px 15px; background: url("../images/personimg/personbg.png") no-repeat -10px -177px; } .deleteSub{ padding: 10px 10px; background: url("../images/personimg/personbg.png") no-repeat -757px -246px; } /*2018/8/15*/ /*创建新搜索器*/ .createSubBox{ padding:0 20px 20px 20px; } .subLabel{ height: 32px; width:100px; text-align: right; margin-right:5px; line-height: 32px; } .showSubSearch{ position: absolute; top:44px; width:440px; border:1px solid #3E62BA; border-top:0; background: #fff; display: none; } .showSubSearch li{ cursor: pointer; list-style: none; height: 30px; line-height: 30px; padding:0 20px; color:#999; } .showSubSearch li:hover{ color:#fff; background: #3E62BA; } /*2018/8/15 14:00*/ .w1{ height: 32px; border:1px solid #C8C8C8; width:501px; border-radius: 3px; color:#888; } .w1 option{ padding-top:5px; padding-bottom:5px; } .select.w1{ background:url("../images/down3.png") no-repeat 474px center; } .w2{ height: 32px; border:1px solid #C8C8C8; width:190px; border-radius: 3px; color:#888; } input.w2{ width:190px; padding:0 10px; } .w2.select{ width:190px; background:url("../images/down3.png") no-repeat 160px center; } option::-ms-expand{ display: none; } option{ -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */ appearance:none; } /* --背景色字体颜色--*/ option:hover{ color:#fff; background-color:#3E62BA; } option{padding: 0; margin:0; float:left; height: 26px; padding: 10px 0;/*当时解决输入框光标顶满input框的问题是这么解决的 如果设置了行高就会顶满没有行高的话光标高度=文字的font-size */ border: none; outline: none; padding-left: 20px; color:#6d6d6d; -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击去除高亮的颜色*/ background-color: #fff;} .subSelect input[type='checkbox']{ margin-right:5px; margin-top:-3px; } .subSelect label{ height: 32px; line-height: 32px; margin-right:5px; } .select.w3{ height: 32px; border:1px solid #C8C8C8; width:300px; border-radius: 3px; color:#888; } .createSubBox h3 input[type='checkbox']{ margin-top:-4px; } .emailist{border:1px solid #bdbdbd;margin-top:40px !important;min-width:280px; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;} .emailist li{padding:2px 11px; cursor:pointer;} .emailist .on, .emailist li:hover{background-color:#eee;} .get-phone-code.edit-item { margin-left: 111px; } .account-pub-manager .save-cancel-box{ padding-left:104px; } .edit-pwd-box .edit-item p, .edit-phone-box .edit-item p { width: 100px; text-align: right; margin-right: 10px; } .person-resume-meeting .xf-person-zpCard:nth-child(even){ margin-right:10px; } .personTrainClassList ul li{ padding-bottom:20px; border-bottom:1px dashed #E6E6E6; margin-top:25px; } .trainClassImg{ width:162px; height: 108px; } .trainClassImg img{ width:100%; height:100%; border-radius: 5px; } .labelNullTip { color: #c3c3c3; line-height: 24px; letter-spacing: 1px; } .optionTip{ position: relative; padding:6px 10px; background: #FFFFEB; color:#E2731A; margin-top:15px; border:1px solid #FFDCA0; text-align: left; line-height: 24px; } .optionTip small{ position: absolute; width: 14px; display: inline-block; height: 8px; top:-8px; background: url("../images/personimg/arrow_up.png") no-repeat; } .optionTip b{ position: absolute; bottom:5px; right: 5px; cursor: pointer; } .refreshTip small{ left:32px; } .refreshTip .optionTip{ width:182px; left:-10px; } .corpShieldTip .optionTip{ width: 182px; left:-100px; } .corpShieldTip small{ left:122px; } .entrustTip .optionTip{ width:140px; left:14px; } .showPutBox{ position: absolute; right:-180px; top:5px; } .rightPut{ border: 1px solid #3E62BA; color: #3E62BA; padding:5px 5px; border-radius: 3px; } .rightPut:hover{ color:#fff; background: #3E62BA; } .recommended-job li{ overflow: hidden; } .recommended-job .corp-salary{ -moz-transition: all .6s; -ms-transition: all .6s; -o-moz-transition: all .6s; -webkit-moz-transition: all .6s; transition: all .6s; } .recommended-job li:hover .corp-salary{ opacity: 0; transform: scale(0); } .recommended-job li:hover .showPutBox{ right:0; opacity: 1; transform: scale(1); } .pbCorpListItem.lf { border: 1px solid #e6e6e6; border-radius: 8px; padding:0 15px; margin-right:20px; } .pbCorpListItem.lf span{ width:162px; } .pbCorpListItem.lf:hover{ background: #EBF9FF; border: 1px solid #71CEF8; } .pbCorpListItem.lf:hover i{ color:#71CEF8; } .xf-edit-box .edit.active{ background-position: -617px -112px; } .xf-personMessage-icon:hover .xf-person-subMenu{ max-height: 2000px; z-index: 10; } .xf-personMessage-icon:hover .xf-person-subMenu li{ opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .lineH120{ height: 120px; line-height: 120px; }