@charset "UTF-8"; a, b, body, button, dd, div, dl, em, footer, form, h1, h2, h3, h4, h5, h6, i, input, label, li, nav, p, select, span, td, textarea, u, ul {padding: 0; margin: 0; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none } li, ol, ul {list-style: none } a {text-decoration: none; color: #414a60 } a:active, a:focus, a:hover, button, input, textarea {outline: 0 } a:hover {color: #00d7c6; text-decoration: none; -webkit-transition: all linear .2s; transition: all linear .2s } img {border: none } map area {outline: 0 } table {border-collapse: collapse } body, button, input, option, select, td, textarea {font-family: arial, verdana, helvetica, 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, sans-serif; -webkit-font-smoothing: antialiased } button, input[type=button], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], textarea {-webkit-appearance: none } body {background: #f2f2f5; min-width: 1170px; line-height: 26px; color: #414a60; font-size: 14px } body, html {height: 100% } body.page-white {background: #fff } #header:after, #main:after, .clearfix:after, .home-box:after, .inner:after, .job-author:after, .job-list li:after, .job-primary:after, .promotion-job li:after {content: ''; display: block; overflow: hidden; visibility: hidden; clear: both } .clear {clear: both; display: block; line-height: 0; font-size: 0; height: 0; visibility: hidden } .clear-fix:after {content: '\0020'; display: block; height: 0; clear: both } .clear-fix {*zoom: 1 } #header, .clearfix, .home-box, .info, .inner, .job-author, .job-list li, .job-primary, .promotion-job li {zoom: 1 } .inner {max-width: 1170px; margin: 0 auto } .home-inner {max-width: 1000px } .home-body {min-width: 1000px } .gray {color: #9fa3af } .red {color: #fc703e !important } .text-blue {color: #00c2b3 } .gray-bg {background-color: #f3f3f4 } .vline {display: inline-block; width: 1px; height: 12px; vertical-align: middle; background: #e0e0e0; margin: 0 10px } .vdot {display: inline-block; padding: 0 10px 0 7px } .btn:hover, .ipt:hover {-webkit-transition: all linear .2s; transition: all linear .2s } ::selection {color: #fff; background: #00d7c6 } ::-moz-selection {color: #fff; background: #00d7c6 } input::-webkit-input-placeholder {color: #9fa3af } input:-ms-input-placeholder {color: #9fa3af } input:-moz-placeholder {color: #9fa3af } input::-moz-placeholder {color: #9fa3af } textarea::-webkit-input-placeholder {color: #9fa3af } textarea:-ms-input-placeholder {color: #9fa3af } textarea:-moz-placeholder {color: #9fa3af } textarea::-moz-placeholder {color: #9fa3af } .badge {display: inline-block; background: #fa6a43; color: #fff; line-height: 22px; text-align: center; padding: 0 11px; border-radius: 15px; font-size: 12px } .bottom-banner div.closeIcon, .company-hotjob .more, .dot-plenty, .form-btn .error-tip, .home-main .search-box .btn-search, .icon-app, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-brand, .icon-dropdown, .icon-red-close, .icon-select-arrow, .icon-vip, .icon-waring, .icon-weibo, .icon-weixin, .jconfirm .pop-imgview .jconfirm-box div.closeIcon, .jconfirm .pop-sign-box .jconfirm-box div.closeIcon, .jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon, .jconfirm .pop-tip-box .jconfirm-box div.closeIcon, .job-banner .job-author .time, .job-box .more, .link-download, .location-address, .nav-search .btn-search, .page a.next, .page a.prev, .promotion-top .arrow-right, .qrcode-layer i, .search-box .btn-search, .select-tree li, .siderbar-qrcode, .siderbar-top, .tip-text {display: inline-block;	/*background-image: url(/v2/web/geek/images/icons.png);*/ background-repeat: no-repeat } .nav-chat-num {display: none; min-width: 10px; height: 13px; line-height: 14px; padding: 0 2px; background: #fa6a43; border-radius: 6px; border-bottom-left-radius: 0; color: #fff; font-size: 12px; vertical-align: top; margin-top: 8px; position: absolute; right: -13px; top: 0 } .dot-plenty {width: 11px; height: 3px; background-position: 0 -117px; margin-top: -1px; vertical-align: middle } .icon-brand, .icon-vip {background-position: 0 -1150px; width: 18px; height: 18px; vertical-align: middle; margin-top: -3px; margin-left: 15px } .icon-brand {background-position: 0 -1759px } .icon-arrow-down, .icon-select-arrow {width: 16px; height: 16px; background-position: 2px -54px } .filter-select-box .icon-select-arrow, .search-box .icon-arrow-down {background-position: 0 -2044px } .icon-red-close {background-position: 2px -2015px; width: 15px; height: 15px; position: relative; top: 3px } .dropdown-select-open .icon-select-arrow {background-position: 2px -86px } .icon-arrow-right {width: 16px; height: 16px; background-position: 4px -886px } .icon-waring {background-position: 0 -1390px; width: 16px; height: 16px; vertical-align: middle; margin-top: -3px; margin-left: 15px } .icon-arrow-left {width: 24px; height: 24px; background-position: 6px -1274px } .icon-loading {/*background: url(/v2/web/geek/images/icon-loading.png) no-repeat;*/ display: inline-block; width: 17px; height: 17px; vertical-align: middle; margin: -1px 14px 0 0 } .ipt {padding: 6px 12px 5px 7px; min-height: 22px; line-height: 22px; border: 1px solid #e3e7ed; font-size: 13px; vertical-align: middle; min-width: 300px } .btn-login, .btn:active, .btn:hover, .ipt-login, .ipt:focus, .menu-more, .nav li a, .other-way a, .prop-list-right .extra-block a, .sel:focus, .side-menu li a {-webkit-transition: all linear .2s; transition: all linear .2s } .ipt:focus, .radio-checked {border-color: #18c3b1; box-shadow: 1px 2px 3px #d7f4f1; border-color: #59cac2 } .ipt-area {width: 400px; height: 100px } .error:focus, input.error, textarea.error {border-color: red } .ipt-short {width: 150px; min-width: 0 } .ipt-num {width: 80px; min-width: 0 } .ipt-long {width: 100% } .ipt-wrap {position: relative } .ipt-wrap .ipt {padding-right: 40px } .ipt-wrap .num {position: absolute; right: 10px; top: -4px; font-style: normal; color: #ccc } .ipt-wrap .num em {font-style: normal } .ipt-wrap .num .red {color: red } .placeholder {color: #9fa3af !important } .sel {margin-right: 10px; padding: 6px 7px 7px; vertical-align: middle; border: 1px solid #e5e6e7; border-radius: 1px; outline: 0 } .sel:focus {border-color: #18c3b1 } .sel-multiple, .sel-pretty {min-width: 300px } .btn {display: inline-block; min-width: 112px; box-sizing: content-box; height: 36px; line-height: 36px; *line-height: 32px; border: 1px #5dd5c8 solid; font-size: 16px; color: #fff; letter-spacing: 1px; background: #5dd5c8; text-align: center; cursor: pointer } .btn:hover {background-color: #6adbcf; color: #fff } .btn-outline {background: #fff; color: #5dd5c8 } .btn-back, .btn-delete {background: #f8f9fb; color: #5dd5c8; margin-right: 20px } .btn-back:hover, .btn-delete:hover {background: #fff; color: #5dd5c8 } .btn-danger {border-color: #db4b55; background: #ef505e } .btn-danger:not(.disabled):hover {background: #d84852; border-color: #b93e48 } .btn-disabled, .btn-disabled:hover {color: #9fa3b0; background-color: #fff; border-color: #d1d4db; cursor: default } .btn-slight {background: #fff; border-color: #e7eaec; color: #aaa } .btn-slight:hover {background: #fff; border-color: #d2d2d2; color: #aaa } #header .btn-outline {background: #202329 } .radio-list {white-space: nowrap } .radio-square {display: inline-block; border: 1px #e3e7ed solid; background-color: #fff; line-height: 40px; min-width: 156px; text-align: center; cursor: pointer; color: #9fa3af } .radio-square+.radio-square {margin-left: 20px } .radio-checked {border-color: #18c3b1; color: #414a60 } .form-resume .form-row {padding-bottom: 17px } .form-resume .form-row dt {line-height: 40px } .form-resume .form-row dd {position: relative; *position: static; zoom: 1 } .ie .form-resume .form-row dd:after {content: ''; display: block; visibility: hidden; height: 0; clear: both; overflow: hidden } .prefix-day {position: absolute; top: 7px; left: -22px; *display: none } .dropdown-select {display: inline-block; position: relative; background-color: #fff } .dropdown-select .ipt {cursor: pointer; background: 0 0; position: relative } .dropdown-select .icon-select-arrow {position: absolute; right: 15px; top: 14px; cursor: pointer } .dropdown-select-open {z-index: 2 } .dropdown-disabled {opacity: .6; filter: alpha(opacity=60) } .dropdown-menu {display: none; position: relative; height: 0; margin-right: 2px } .dropdown-menu ul {position: absolute; top: 0; left: 0; width: 100%; border: 1px #e3e7ed solid; border-top: 0; background-color: #fff; overflow: auto; max-height: 208px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch } .dropdown-menu li {line-height: 42px; padding: 0 15px; cursor: pointer } .dropdown-menu li .h {font-style: normal; color: red; text-decoration: none } .dropdown-menu li:active, .dropdown-menu li:hover {background-color: #f2f5f9 } .dropdown-menu-open {display: block; z-index: 1 } .prefix-today {position: absolute; top: 8px; left: 10px; font-style: normal; display: none } .show-prefix-today .prefix-today {display: block } .show-prefix-today .ipt-datetimepicker {text-indent: -2000em } .dialog-footer .btns .btn {height: 32px; line-height: 32px; min-width: 42px; padding: 0 25px; font-size: 14px } .dialog-wrap .dialog-footer .btns .btn-outline:hover {padding: 0 24px } .jconfirm {z-index: 1010 } .jconfirm .pop-sign-box .jconfirm-box {width: 410px; border-radius: 8px } .jconfirm .pop-sign-box .jconfirm-box div.closeIcon {background-position: 6px -1430px; top: 12px; right: 12px; background-color: transparent } .jconfirm .pop-imgview .jconfirm-box div.closeIcon {background-position: 8px -1316px; top: 12px; right: 12px; background-color: transparent } .jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon {background-position: 8px -1316px; top: 12px; right: 12px; background-color: transparent } .jconfirm .pop-sign-box .jconfirm-box div.gray-close {background-position: 6px -1430px } .jconfirm .pop-sign-box .jconfirm-box div.content-pane {margin-bottom: 0; display: block; min-height: 548px } .jconfirm .pop-sign-box .jconfirm-box div.title-c, .jconfirm .pop-sign-deliver .jconfirm-box div.title-c {display: none } .jconfirm .pop-sign-deliver .jconfirm-box {width: 380px; border-radius: 0 } .jconfirm .pop-sign-deliver .jconfirm-box div.content-pane {height: 230px !important; padding: 0; margin-bottom: 0 } .jconfirm .pop-sign-deliver .jconfirm-box div.content-pane .content {padding: 0 } .jconfirm .pop-imgview .jconfirm-box div.closeIcon {top: -15px; right: -15px; background-color: rgba(73, 74, 78, .9) } .jconfirm .pop-tip-box .jconfirm-box {width: 490px; height: 232px; border-radius: 0 } .jconfirm .pop-tip-box .jconfirm-box div.title-c .title {font-size: 24px; color: #414a60; padding: 0; display: inline; line-height: 30px } .jconfirm .pop-tip-box .jconfirm-box div.title-c {border-bottom: 0; padding: 48px 43px 30px } .jconfirm .pop-tip-box .jconfirm-box div.content-pane .content {padding: 0 43px } .jconfirm .pop-tip-box .jconfirm-box .buttons {padding: 0 43px; border-top: 0; text-align: left } .jconfirm .pop-tip-box .jconfirm-box .buttons .btn-slight {margin-left: 25px } .jconfirm .pop-tip-box .jconfirm-box div.closeIcon {background-position: 6px -1430px; top: 12px; right: 12px; background-color: transparent } .jconfirm .pop-tip .jconfirm-box div.title-c {padding: 20px 23px 10px } .jconfirm .pop-tip .jconfirm-box div.title-c .title {font-size: 18px } .jconfirm .pop-tip .jconfirm-box {width: 400px } .jconfirm .pop-tip .jconfirm-box .buttons {padding-right: 96px } .jconfirm .pop-tip .jconfirm-box .buttons .btn {line-height: 32px; height: 32px; min-width: 90px; font-size: 14px; float: right } .jconfirm .pop-tip .jconfirm-box .buttons .btn-slight {margin-right: 25px } .jconfirm .pop-tip .jconfirm-box .tip-alert {text-align: center; font-size: 16px; padding: 30px 0 20px } .jconfirm .pop-upload-box .jconfirm-box {width: 600px } .jconfirm .ppop-upload-box .jconfirm-box .buttons {padding-right: 25px } .crop-box img {height: 300px; display: block; max-width: 100%; margin: 0 auto } #header {width: 100%; height: 49px; background: #202329; box-shadow: 0 1px 8px rgba(0, 0, 0, .06); position: relative; z-index: 1001 } .promotion-four #header {z-index: 1003 } #header a {color: #fff } #header a:hover {color: #00d7c6 } .logo {float: left; padding: 6px 0 0 0 } .nav, .user-nav {font-size: 0; float: left; margin-left: 15px; height: 49px; line-height: 49px } .nav li, .user-nav li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: center; font-size: 14px; margin: 0 12px } .nav li:last-of-type {margin-right: 0 } .nav li a, .user-nav li a {display: block; padding: 0 5px; position: relative; *font-family: 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, arial, verdana, helvetica, sans-serif } .nav li a:hover, .user-nav li a:hover {color: #00d7c6 } .nav li.cur a, .nav li.cur a:hover {color: #00d7c6 !important } .user-nav li.cur a, .user-nav li.cur a:hover {color: #00d7c6 } .user-nav {float: right } .user-nav .btns .vline {margin-top: -8px; background: 0 0 } .user-nav .btns .link-scan {display: inline-block; font-size: 14px; margin-right: 20px } .user-nav .btns .link-publish {display: inline-block; font-size: 13px } .user-nav .btns .btn-outline {border-radius: 15px; text-align: center; font-size: 13px; height: 23px; line-height: 23px; padding: 0 9px 0 11px; min-width: 0; margin-left: 17px; color: #9fa3b0 } .user-nav .btns .btn-outline:hover {color: #fff } .nav-figure {margin-right: 0; position: relative } .nav-figure .label-text {overflow: hidden; text-overflow: ellipsis; display: inline-block; padding-right: 20px; vertical-align: middle; *margin-top: -3px; max-width: 130px; overflow: hidden; text-overflow: ellipsis; display: inline-block; white-space: nowrap } .nav-figure img {width: 26px; height: 26px; border-radius: 100%; vertical-align: middle; *margin-top: -2px } .nav-figure .dropdown {display: none; position: absolute; right: 0; top: 49px; width: 124px; background: #fff; text-align: center; z-index: 2 } #header .nav-figure .dropdown a {display: block; border: 1px #f1f1f1 solid; padding: 0 20px; line-height: 40px; color: #9fa3b0 } #header .nav-figure .dropdown a:hover {color: #00d7c6 } .nav-figure:hover .dropdown {display: block } .nav-search {float: left; position: relative; width: 222px !important; padding: 10px 0 0 30px !important } .nav-search .btn-search {width: 28px; height: 26px; background-position: 10px -1719px; background-color: transparent; position: absolute; top: 10px; right: 10px; *top: 11px } .nav-search .ipt-search {border: 1px #5dd5c8 solid; width: 195px; height: 20px; padding: 3px 12px; line-height: 20px; border-radius: 20px; font-size: 12px; background: 0 0; color: #9fa3b0 } .nav-search .ipt-search:focus {border-color: #53cac3 } .nav-search .suggest-result {width: 221px; left: 30px; top: 49px } .nav-search .suggest-result ul {max-height: 240px; overflow: auto } .nav-search .suggest-result li {padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } #wrap {min-height: 100% } #main, #wrap {position: relative } .data-tips {text-align: center; padding: 100px 0 } .data-tips .data-blank {width: 360px; margin: 0 auto } .data-tips .data-blank b {font-size: 18px; font-weight: 200; color: #9fa3b0 } .data-tips .data-blank p {margin-top: 30px } .data-tips .data-blank .btn {margin-right: 0 } .data-tips .spinner span {color: #9fa3af } .tip-nodata {display: block; width: 194px; height: 232px; margin: 0 auto 5px;	/*background: url(/v2/web/geek/images/tip-nodata.png) center 0 no-repeat*/ } .tip-errordata {display: block; width: 412px; height: 212px; margin: -20px auto 15px;	/*background: url(/v2/web/geek/images/tip-errordata.png) 90px 0 no-repeat*/ } .loadmore {text-align: center; line-height: 50px; color: #9fa3af; cursor: pointer; display: none } .page {text-align: center; padding: 12px 0 } .page a, .page span {display: inline-block; min-width: 28px; height: 24px; line-height: 24px; margin: 0 10px; text-align: center; background: #fff; border: 1px #fff solid; vertical-align: middle } .page a.next, .page a.prev {border-color: #e8e9ed; -webkit-transition: none; transition: none } .page a.prev {background-position: 9px -830px } .page a.prev:hover {background-position: 9px -856px } .page a.next {background-position: 10px -883px } .page a.next:hover {background-position: 10px -912px } .page a.cur {background: #62d5c8; color: #fff } .page a.prev.disabled, .page a.prev.disabled:hover {cursor: default; background-position: 9px -830px } .page a.next.disabled, .page a.next.disabled:hover {cursor: default; background-position: 9px -883px } #siderbar {position: fixed; right: 20px; bottom: 283px; display: none; z-index: 22 } #siderbar li {display: block; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px #f2f5fa solid; margin-top: -1px; background-color: #fff; cursor: pointer; padding: 0 } .siderbar-top {background-position: 10px -469px } .siderbar-top:hover {background-position: 10px -507px } .siderbar-feedback span {display: block; font-size: 14px; height: 42px; color: #9fa3b0; -webkit-transition: all .2s; transition: all .2s } .siderbar-feedback:hover span {display: block; color: #18c3b1; background: 0 0 } .siderbar-qrcode {background-position: 10px -597px; position: relative } .siderbar-qrcode:hover {background-position: 10px -640px } .siderbar-qrcode .qrcode-layer {display: none; position: absolute; right: 60px; top: -100px; width: 196px; height: 196px; border: 1px #eee solid; background: #fff; z-index: 10 } .siderbar-qrcode .qrcode-layer img {display: block; width: 134px; height: 134px; margin: 16px auto 0 } .siderbar-qrcode .qrcode-layer i {width: 12px; height: 21px; background-position: 0 -697px; position: absolute; top: 110px; right: -12px } .siderbar-qrcode:hover .qrcode-layer {display: block } #footer {background: #fff; padding: 20px 0 10px; margin-top: 43px; position: relative; z-index: 22; color: #8d92a1; border-top: solid 1px #f6f6f8 } #footer .home-inner {position: relative } .page-white #footer {margin-top: 0; position: static } .footer-icon {margin-top: 20px } .footer-social {position: absolute; font-size: 12px; text-align: right; right: 0; top: 0 } .footer-social img {margin: 6px 0 7px 0; width: 88px; height: 16px } .footer-social p img {width: 100px; height: 100px } .footer-social p {text-align: right; padding: 0; font-size: 13px } .footer-social p span {font-size: 13px; padding-left: 5px } .footer-social a {-webkit-transition: none; transition: none } .icon-app, .icon-weibo, .icon-weixin {width: 42px; height: 42px; line-height: 42px; border: 1px #eaebee solid; border-radius: 100%; margin-left: 23px; vertical-align: top } .icon-weibo {background-position: 10px -190px } .icon-app span, .icon-weibo span, .icon-weixin span {display: none } .icon-app:hover, .icon-weibo:hover, .icon-weixin:hover {border-color: #cbcdd4 } .icon-weixin {background-position: 10px -254px; position: relative } .icon-app {background-position: 6px -313px } .qrcode-weixin {display: none; position: absolute; right: -25px; bottom: 50px; width: 100px; height: 100px; background: #fff } .icon-weixin:hover .qrcode-weixin {display: block } .copyright {color: #eeeff3; font-size: 12px; margin-top: 20px } .copyright img {width: 16px; height: 16px; vertical-align: middle; margin: -5px 0 0 0; margin-right: 0 } .copyright span {color: #8d92a1; display: inline-block; margin-right: 15px } .copyright span.netpolice {margin-left: -10px } .copyright .link-beian:hover {color: #ddd } .copyright .link-chengxin {display: inline-block; margin-left: 10px } .copyright .link-chengxin img {height: 30px; display: inline-block; margin-bottom: -10px } .footer-logo {padding: 12px 0; width: 200px } .ie7 .footer-social a {margin-left: 0; margin-right: 23px } .ie7 .footer-social a.icon-app {margin-right: 0 } .footer-about dl {width: 192px; float: left } .footer-about dl dt {height: 30px; line-height: 30px; font-size: 14px; color: #414a60; margin-bottom: 10px } .footer-about dl dd a, .footer-about dl dd p {display: block; width: 100%; font-size: 12px; color: #8d92a1; height: 24px; line-height: 24px; white-space: nowrap } .footer-about dl dd a:hover {color: #00d7c6 } .fz {width: 24px; height: 24px;	/*background: url(/v2/web/geek/images/icons.png);*/ display: inline-block } #wrap::-webkit-scrollbar-track-piece {background-color: #fff; -webkit-border-radius: 0 } #wrap::-webkit-scrollbar {width: 4px } #wrap::-webkit-scrollbar-thumb {height: 50px; background-color: #d1d4db; -webkit-border-radius: 5px } #wrap::-webkit-scrollbar-thumb:hover {height: 50px; background-color: #bfc1c9; -webkit-border-radius: 5px } #wrap .dorpdown-city::-webkit-scrollbar-track-piece {background: #f8f9fa } .data-tips {text-align: center; min-height: 340px; position: relative; background: #fff } .spinner-circle .loader, .spinner-circle .loader:after {border-radius: 50%; width: 30px; height: 30px } .spinner-circle .loader {font-size: 10px; margin: 0 auto; text-indent: -9999em; border-top: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; border-left: 2px solid #ccc; -webkit-animation: circle 1.1s infinite linear; animation: circle 1.1s infinite linear } .spinner .loader {-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -moz-box-sizing: border-box; box-sizing: border-box } @-webkit-keyframes circle {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes circle {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @media (max-width:1170px) {#footer .inner, #header .inner, .job-banner .inner {padding: 0 15px } } .bottom-banner {position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; text-align: center; background: #0cccb5; z-index: 9999 } .bottom-banner img {position: relative; top: -16px; cursor: pointer } .bottom-banner .closeIcon {position: absolute; top: 5px; right: 15px; width: 30px; height: 30px; color: #fff; cursor: pointer; background-position: -16px -2080px; background-color: transparent } .bottom-banner .closeIcon:hover {background-position: 10px -2080px } /*! * jquery-confirm v2.5.1 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2016 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */ @-webkit-keyframes jconfirm-rotate {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes jconfirm-rotate {from {-webkit-transform: rotate(0); transform: rotate(0) } to {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } body.jconfirm-noscroll {overflow: hidden !important } .jconfirm {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1010; font-family: inherit; overflow: hidden } .jconfirm .jconfirm-bg {position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all .4s; transition: all .4s } .jconfirm .jconfirm-bg.seen {opacity: 1; -webkit-transition: none !important; transition: none !important } .jconfirm .jconfirm-scrollpane {position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow-y: auto; overflow: hidden } .jconfirm .jconfirm-box {background: #fff; position: relative; outline: 0; padding: 0; -webkit-transition: none !important; transition: none !important } .jconfirm .jconfirm-box div.closeIcon {position: absolute; cursor: pointer; opacity: .6; text-align: center; -webkit-transition: opacity .1s ease-in; transition: opacity .1s ease-in; display: none; z-index: 200; width: 30px; height: 30px; line-height: 30px; top: -15px; right: -15px; background-color: rgba(73, 74, 78, .9); background-position: -39px -602px; font-size: 0; color: #fff; border-radius: 100%; opacity: .9 } .jconfirm .jconfirm-box div.closeIcon .fa {font-size: 16px } .jconfirm .jconfirm-box div.closeIcon .glyphicon {font-size: 16px } .jconfirm .jconfirm-box div.closeIcon .zmdi {font-size: 16px } .jconfirm .jconfirm-box div.closeIcon:hover {opacity: 1 } .jconfirm .jconfirm-box div.title-c {display: block; font-size: 18px; line-height: 20px; border-bottom: 1px #eee solid } .jconfirm .jconfirm-box div.title-c .icon-c {font-size: inherit; padding-bottom: 15px; display: inline-block; margin-right: 8px; vertical-align: middle } .jconfirm .jconfirm-box div.title-c .icon-c i {vertical-align: middle } .jconfirm .jconfirm-box div.title-c .icon-c:empty {display: none } .jconfirm .jconfirm-box div.title-c .title {font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; padding: 15px 20px } .jconfirm .jconfirm-box div.title-c .title:empty {display: none } .jconfirm .jconfirm-box div.content-pane {margin-bottom: 15px; height: auto; display: inline-block; width: 100%; position: relative } .jconfirm .jconfirm-box div.content-pane .content {position: absolute; top: 0; left: 0; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; right: 0; padding: 20px 20px 0 } .jconfirm .jconfirm-box div.content-pane .content:empty {display: none } .jconfirm .jconfirm-box div.content-pane .content:empty.loading {height: 120px; position: relative; opacity: .6; display: block } .jconfirm .jconfirm-box div.content-pane .content:empty.loading:before {content: ''; height: 20px; width: 20px; border: solid 2px transparent; position: absolute; left: 50%; margin-left: -10px; border-radius: 50%; -webkit-animation: jconfirm-rotate 1s infinite linear; animation: jconfirm-rotate 1s infinite linear; border-bottom-color: #aaa; top: 50%; margin-top: -10px } .jconfirm .jconfirm-box div.content-pane .content:empty.loading:after {content: ''; position: absolute; left: 50%; margin-left: -15px } .jconfirm .jconfirm-box .buttons {padding-bottom: 15px } .jconfirm .jconfirm-box .buttons button+button {margin-left: 5px } .jconfirm .jquery-clear {clear: both } .jconfirm.rtl {direction: rtl } .jconfirm.rtl div.closeIcon {left: 12px; right: auto } .jconfirm.jconfirm-white .jconfirm-bg {background-color: #252830; filter: alpha(opacity=70); background-color: rgba(37, 40, 48, .7) } .jconfirm-box {box-shadow: 0 2px 6px rgba(0, 0, 0, .2); width: 380px; margin: 0 auto } .pop-container .jconfirm-box {width: 800px } .jconfirm-box .buttons {text-align: right; border-top: 1px #eee solid; padding-top: 12px } .pop-tip-error .jconfirm-box, .pop-tip-msg .jconfirm-box {width: 320px } .pop-tip-error .jconfirm-box .content, .pop-tip-msg .jconfirm-box .content {text-align: center } .pop-tip-error .jconfirm-box .content, .pop-tip-msg .jconfirm-box .content {text-align: center; font-size: 14px } .pop-tip-error .jconfirm-box .content {color: #ed5565 } .pop-tip-error .buttons, .pop-tip-msg .buttons {text-align: center } .pop-tip-error .buttons .btn, .pop-tip-msg .buttons .btn {margin: 0 10px } .pop-imgview .jconfirm-box {width: auto; background: 0 0; max-width: 800px } .pop-imgview .jconfirm-box div.content-pane .content {padding: 0; text-align: center } .pop-imgview .jconfirm-box div.content-pane .content img {max-width: 800px; display: block; margin: 0 auto } .jconfirm .pop-imgview .jconfirm-box div.title-c {display: none } .jconfirm.jconfirm-black .jconfirm-bg {background-color: rgba(0, 0, 0, .5) } .jconfirm.jconfirm-black .jconfirm-box {box-shadow: 0 2px 6px rgba(0, 0, 0, .2); background: #444; color: #fff } .jconfirm.jconfirm-black .jconfirm-box .buttons {float: right } .jconfirm .jconfirm-box.hilight {-webkit-animation: hilight .82s cubic-bezier(.36, .07, .19, .97) both; animation: hilight .82s cubic-bezier(.36, .07, .19, .97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } @-webkit-keyframes hilight {10%, 90% {-webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0) } 20%, 80% {-webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0) } 30%, 50%, 70% {-webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0) } 40%, 60% {-webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0) } } @keyframes hilight {10%, 90% {-webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0) } 20%, 80% {-webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0) } 30%, 50%, 70% {-webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0) } 40%, 60% {-webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0) } } .jconfirm {-webkit-perspective: 400px; perspective: 400px } .jconfirm .jconfirm-box {opacity: 1; -webkit-transition-property: -webkit-transform, opacity, box-shadow; transition-property: transform, opacity, box-shadow } .jconfirm .jconfirm-box.anim-bottom, .jconfirm .jconfirm-box.anim-left, .jconfirm .jconfirm-box.anim-none, .jconfirm .jconfirm-box.anim-opacity, .jconfirm .jconfirm-box.anim-right, .jconfirm .jconfirm-box.anim-rotate, .jconfirm .jconfirm-box.anim-rotatex, .jconfirm .jconfirm-box.anim-rotatey, .jconfirm .jconfirm-box.anim-scale, .jconfirm .jconfirm-box.anim-scalex, .jconfirm .jconfirm-box.anim-scaley, .jconfirm .jconfirm-box.anim-top, .jconfirm .jconfirm-box.anim-zoom {opacity: 0 } .jconfirm .jconfirm-box.anim-rotate {-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .jconfirm .jconfirm-box.anim-rotatex {-webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .jconfirm .jconfirm-box.anim-rotatexr {-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .jconfirm .jconfirm-box.anim-rotatey {-webkit-transform: rotatey(90deg); -ms-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .jconfirm .jconfirm-box.anim-rotateyr {-webkit-transform: rotatey(-90deg); -ms-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .jconfirm .jconfirm-box.anim-scaley {-webkit-transform: scaley(1.5); -ms-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .jconfirm .jconfirm-box.anim-scalex {-webkit-transform: scalex(1.5); -ms-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center } .jconfirm .jconfirm-box.anim-top {-webkit-transform: translate(0, -100px); -ms-transform: translate(0, -100px); transform: translate(0, -100px) } .jconfirm .jconfirm-box.anim-left {-webkit-transform: translate(-100px, 0); -ms-transform: translate(-100px, 0); transform: translate(-100px, 0) } .jconfirm .jconfirm-box.anim-right {-webkit-transform: translate(100px, 0); -ms-transform: translate(100px, 0); transform: translate(100px, 0) } .jconfirm .jconfirm-box.anim-bottom {-webkit-transform: translate(0, 100px); -ms-transform: translate(0, 100px); transform: translate(0, 100px) } .jconfirm .jconfirm-box.anim-zoom {-webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2) } .jconfirm .jconfirm-box.anim-scale {-webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9) } .jconfirm .jconfirm-box.anim-none {display: none } .jconfirm.jconfirm-supervan .jconfirm-bg {background-color: rgba(54, 70, 93, .95) } .jconfirm.jconfirm-supervan .jconfirm-box {background-color: transparent } .jconfirm.jconfirm-supervan .jconfirm-box div.closeIcon {color: #fff } .jconfirm.jconfirm-supervan .jconfirm-box div.title-c {text-align: center; color: #fff; font-size: 28px; font-weight: 400 } .jconfirm.jconfirm-supervan .jconfirm-box div.title-c>* {padding-bottom: 25px } .jconfirm.jconfirm-supervan .jconfirm-box div.content-pane {margin-bottom: 25px } .jconfirm.jconfirm-supervan .jconfirm-box div.content {text-align: center; color: #fff } .jconfirm.jconfirm-supervan .jconfirm-box .buttons {text-align: center } .jconfirm.jconfirm-supervan .jconfirm-box .buttons button {font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: none; color: #fff; padding: 10px; min-width: 100px } .jconfirm.jconfirm-material .jconfirm-bg {background-color: rgba(0, 0, 0, .67) } .jconfirm.jconfirm-material .jconfirm-box {background-color: #fff; box-shadow: 0 7px 8px -4px rgba(0, 0, 0, .2), 0 13px 19px 2px rgba(0, 0, 0, .14), 0 5px 24px 4px rgba(0, 0, 0, .12); padding: 30px 25px 10px 25px } .jconfirm.jconfirm-material .jconfirm-box div.closeIcon {color: rgba(0, 0, 0, .87) } .jconfirm.jconfirm-material .jconfirm-box div.title-c {color: rgba(0, 0, 0, .87); font-size: 22px; font-weight: 700 } .jconfirm.jconfirm-material .jconfirm-box div.content {text-align: left; color: rgba(0, 0, 0, .87) } .jconfirm.jconfirm-material .jconfirm-box .buttons {text-align: right } .jconfirm.jconfirm-material .jconfirm-box .buttons button {text-transform: uppercase; font-weight: 500 } .jconfirm.jconfirm-bootstrap .jconfirm-bg {background-color: rgba(0, 0, 0, .21) } .jconfirm.jconfirm-bootstrap .jconfirm-box {background-color: #fff; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .2); border: solid 1px rgba(0, 0, 0, .4); padding: 15px 0 0 } .jconfirm.jconfirm-bootstrap .jconfirm-box div.closeIcon {color: rgba(0, 0, 0, .87) } .jconfirm.jconfirm-bootstrap .jconfirm-box div.title-c {color: rgba(0, 0, 0, .87); font-size: 22px; font-weight: 700; padding-left: 15px; padding-right: 15px } .jconfirm.jconfirm-bootstrap .jconfirm-box div.content {text-align: left; color: rgba(0, 0, 0, .87); padding: 0 15px } .jconfirm.jconfirm-bootstrap .jconfirm-box .buttons {text-align: right; padding: 0 0 0; margin: -5px 0 0; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px } .jconfirm.jconfirm-bootstrap .jconfirm-box .buttons button {font-weight: 500; border-radius: 0; margin: 0; border-left: solid 1px #ddd } .dialog-wrap {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1001 } .dialog-layer {position: fixed; width: 100%; height: 100%; background: #252830; filter: alpha(opacity=70); background: rgba(37, 40, 48, .7); z-index: 1002 } .dialog-container {position: absolute; top: 50%; left: 50%; margin: -93px 0 0 -167px; background-color: #fff; z-index: 1003; box-shadow: 0 0 14px rgba(0, 0, 0, .11) } .dialog-title {font-size: 14px; line-height: 26px; font-weight: 400 } .dialog-title .close {position: absolute; width: 24px; height: 24px; right: 8px; top: 8px; z-index: 1 } .icon-close {display: inline-block; width: 24px; height: 24px; position: relative; vertical-align: top } .icon-close:after, .icon-close:before {content: ''; position: absolute; width: 16px; height: 1px; background: #d1d4db; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 4px; top: 12px } .icon-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .dialog-title .close:hover {background: #ddd } .dialog-title .close:hover .icon-close:after, .dialog-title .close:hover .icon-close:before {background: #363636 } .icon-dialog-error, .icon-dialog-info, .icon-dialog-lock, .icon-dialog-success, .icon-dialog-warning {display: inline-block; width: 24px; height: 24px; vertical-align: middle;	/*background-image: url(/v2/web/boss/images/ui/icons-dialog.png);*/ background-repeat: no-repeat } .icon-dialog-info {background-position: 0 -242px } .icon-dialog-warning {background-position: 0 -163px } .icon-dialog-error {background-position: 0 -82px } .icon-dialog-lock {background-position: 0 -320px } .dialog-icons-default .dialog-container, .dialog-prop-default .dialog-container {width: 400px; padding: 24px 30px; margin-left: -230px } .dialog-icons-default .dialog-title .icon-dialog {float: left; width: 24px; margin-top: 5px } .dialog-icons-default .dialog-title h3.title {margin-left: 44px; font-weight: 400; word-wrap: break-word; word-break: break-all } .dialog-icons-default .dialog-con {padding-left: 44px } .dialog-prop-default .dialog-container {margin-left: -230px } .dialog-prop-default .dialog-title h3.title {font-weight: 400 } .dialog-prop-default .dialog-footer .btns .btn:first-of-type {margin-left: 0 } .dialog-around-default {position: absolute; width: auto; height: auto } .dialog-around-default .dialog-container {margin: 30px 0 0 -230px; top: 0; left: 0 } .dialog-around-default .icon-dialog-arrow {position: absolute; width: 12px; height: 12px; top: -6px; left: 50%; margin-left: -6px; background: #fff; -webkit-transform: rotate(45deg); webkit-transform: rotate(45deg); box-shadow: -1px -1px 10px rgba(0, 0, 0, .09) } .dialog-around-default .icon-dialog-arrow:after {content: ''; position: absolute; width: 25px; height: 10px; background: #fff; left: -3px; top: 4px; -webkit-transform: rotate(-45deg); webkit-transform: rotate(-45deg) } .dialog-alert-default .dialog-container {width: 240px } .dialog-alert-default .dialog-title h3.title {font-size: 15px; margin-left: 0; text-align: center; padding-bottom: 12px } .dialog-alert-default .dialog-footer .btns {text-align: center } .dialog-alert-default .dialog-footer .btns .btn:first-of-type {margin-left: 0 } .dialog-alert-default .dialog-con {padding-left: 0 } .dialog-inline-default .dialog-container {top: 25px } .dialog-up-default .dialog-container {top: auto; bottom: 25px } .dialog-up-default .icon-dialog-arrow {top: auto; bottom: -6px; -webkit-transform: rotate(-135deg); webkit-transform: rotate(-135deg) } .dialog-prop-default .dialog-title .title img {position: absolute; top: -45px; width: 90px; height: 90px; left: 50%; margin-left: -45px } .dialog-layer-full .dialog-title .close {top: 15px; right: 35px } .dialog-layer-full .dialog-title .icon-close:after, .dialog-layer-full .dialog-title .icon-close:before {background: #d1d4db; width: 18px; height: 1px; left: 3px } .dialog-layer-full .dialog-title .close:hover {background: 0 0 } .dialog-layer-full .dialog-title .close:hover .icon-close:after, .dialog-layer-full .dialog-title .close:hover .icon-close:before {background: #fff } .dialog-layer-full .dialog-container {width: 100%; height: 100%; top: 0; left: 0; background: 0 0; margin: 0 } .dialog-layer-full .dialog-con {height: 100%; max-height: 100%; overflow: auto } .dialog-layer-full .dialog-layer {background-color: rgba(37, 40, 48, .95) } .dialog-layer-full .dialog-con .data-tips {height: 100%; background: 0 0 } .dialog-opacity-layer {background: rgba(255, 255, 255, 0); top: 0; left: 0 } .dialog-promotion-iframe .dialog-container {width: 750px; height: 100%; top: 0; margin-left: -375px; margin-top: 0 } .dialog-promotion-iframe .dialog-con {height: 100% } .dialog-promotion-iframe .dialog-con iframe {width: 100%; height: 100%; border: 0 } .dialog-con {max-height: 100% } .dialog-con .tip-text {padding: 10px 0; color: #9fa3b0; line-height: 24px; font-size: 14px; background-image: none } .dialog-con .tip-warning {background-color: #fff7f5; border: 1px #fbb49d solid; font-size: 12px; padding: 10px; margin-top: 20px; border-radius: 0 } .dialog-footer {margin-top: 10px; position: relative } .dialog-footer .btns {text-align: right } .dialog-footer .btns .btn {margin: 0 0 0 20px; -webkit-transition: none; transition: none } .dialog-footer .btns .btn-outline:hover {background-color: #fff; color: #00c7b1; line-height: 30px; border-width: 2px; padding: 0 29px } @media (max-width:374px) {.dialog-container {position: absolute; width: 302px; margin: -93px 0 0 -151px } } .industry-wrapper {display: flex; align-items: center; justify-content: center } .industry-wrapper .dialog-container {width: 850px; top: unset; left: unset; position: relative; max-height: 550px; margin: 0 } .industry-wrapper .dialog-title {height: 59px; line-height: 59px; border-bottom: 1px solid #f5f6f9 } .industry-wrapper .dialog-title .close {top: 18px; right: 22px } .industry-wrapper .dialog-title h3 {color: #434a5e; font-size: 16px; font-weight: 400; padding-left: 20px } .industry-wrapper .data-tips {height: auto; position: absolute; top: 60px; bottom: 0; width: 100% } .industry-wrapper .industry-panel {height: 490px; overflow-y: auto } .industry-wrapper.industry-multiple-wrapper .industry-panel {height: 442px } .industry-wrapper tr:nth-child(odd) {background-color: #f9fafb } .industry-wrapper td {font-size: 13px; padding: 15px 20px 5px 20px } .industry-wrapper td.industry-category {width: 160px; font-size: 14px; border-right: 1px solid #f5f6f9 } .industry-wrapper td p {display: inline-block; white-space: nowrap; width: 32%; overflow: hidden } .industry-wrapper td p span {cursor: pointer } .industry-wrapper td span.selected, .industry-wrapper td span:hover {color: #00c2b3 } .industry-wrapper .industry-tip {height: 36px; display: none; overflow: hidden; padding: 12px 20px 0 20px } .industry-multiple-wrapper.industry-wrapper .industry-tip {display: block } .industry-wrapper .industry-tip p {float: left; height: 22px; line-height: 22px; padding: 0 10px 0 15px; border: 1px solid #00d7c6; border-radius: 12px; margin-right: 12px } .industry-wrapper .industry-tip p .text {display: inline-block; max-width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .industry-wrapper .industry-tip .confirm {float: right; height: 24px; line-height: 24px; padding: 0 20px; color: #fff; border-radius: 12px; background-color: #5dd5c8 } .industry-wrapper .i-close {display: inline-block; width: 12px; height: 12px; margin: 4px 0 0 10px; position: relative; vertical-align: top; cursor: pointer } .industry-wrapper .i-close:after, .industry-wrapper .i-close:before {content: ''; position: absolute; width: 12px; height: 1px; background: #d1d4db; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 0; top: 6px } .industry-wrapper .i-close:after {-webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .ipt-industry {cursor: pointer } #toast {position: fixed; width: 80%; left: 10%; top: 50%; height: 36px; line-height: 36px; text-align: center; z-index: 1009; -webkit-animation: toastTop .25s ease-out; animation: toastTop .25s ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both } #toast.slideup {-webkit-animation-name: toastHide; animation-name: toastHide } .toast-con {display: inline-block; background: #fff; margin: 0 auto; padding: 0 20px; line-height: 50px; box-shadow: 0 0 14px rgba(0, 0, 0, .11) } .icon-toast-error, .icon-toast-info, .icon-toast-loading, .icon-toast-success, .icon-toast-warning {display: inline-block; width: 20px; height: 20px; margin-right: 13px; margin-top: -2px; vertical-align: middle;	/*background-image: url(/v2/web/boss/images/ui/icons-toast.png);*/ background-repeat: no-repeat } .icon-toast-success {background-position: 0 0 } .icon-toast-info {background-position: 0 -119px } .icon-toast-warning {background-position: 0 -60px } .icon-toast-error {background-position: 0 -187px } .icon-toast-loading {background-position: 0 -232px; -webkit-animation: semicircle .8s infinite linear; animation: semicircle .8s infinite linear } .loading-category-refresh {-webkit-animation: semicircle .8s infinite linear; animation: semicircle .8s infinite linear } .btn .icon-toast-loading {background-position: 0 -274px; margin: -1px 4px 0 -2px } .btn .icon-toast-loading+span {font-size: 14px } @-webkit-keyframes semicircle {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes semicircle {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes toastTop {0% {opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } 100% {opacity: 1; -webkit-transform: translateY(45px); transform: translateY(45px) } } @keyframes toastTop {0% {opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } 100% {opacity: 1; -webkit-transform: translateY(45px); transform: translateY(45px) } } @-webkit-keyframes toastHide {0% {opacity: 1; -webkit-transform: translateY(45px); transform: translateY(45px) } 100% {opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes toastHide {0% {opacity: 1; -webkit-transform: translateY(45px); transform: translateY(45px) } 100% {opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } } .prop-pop .sys-msg {text-align: center } .prop-layer {position: relative; padding: 0 20px 0; background: #fff; color: #61687c } .prop-layer .title-icon {position: absolute; left: 50%; top: 0; width: 90px !important; height: 90px !important; margin-left: -45px; margin-top: -45px } .prop-layer .prop-title {color: #61687c; margin-top: -5px; margin-bottom: 12px; text-align: left } .prop-layer .prop-date-title {padding-left: 18px; padding-right: 19px } .prop-layer .prop-title span i {display: inline-block; width: 10px; height: 10px; margin-right: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .prop-layer .prop-title span.been-reserve {margin-right: 15px } .prop-layer .prop-title span.been-use i {background: #d1d4db } .prop-layer .prop-title span.been-reserve i {background: #28c3b1 } .prop-layer .select-list {height: 200px } .prop-layer .select-list dl {position: relative } .prop-layer .select-list dl dt {text-align: center; vertical-align: middle; height: 38px; border: 1px solid #e3e7ed; padding: 0 40px 0 0 } .prop-layer .select-list dl dt p {height: 38px; line-height: 38px; border: 0; width: 100%; color: #343434; padding-left: 15px; background-color: transparent; text-align: left } .prop-layer .select-list dl dt p span {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .prop-layer .select-list dl dt p span:nth-child(1) {padding-right: 5px; width: 143px } .prop-layer .select-list dl dt p span:nth-child(2) {width: 82px } .prop-layer .select-list dl dt p span:nth-child(3) {width: 88px } .prop-layer .select-list dl dt>span {position: absolute; right: 0; top: 0; display: block; width: 40px; height: 40px; font-size: 0; text-align: center; cursor: pointer; zoom: 1 } .prop-layer .select-list dl dt i {display: inline-block; width: 20px; height: 20px; margin-top: 10px;	/*background: url(/v2/web/boss/images/icons-prop.png) no-repeat 2px -51px;*/ -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } .prop-layer .select-list dl dt>span i.on {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .prop-layer .select-list dl dd {position: absolute; left: 0; top: 40px; z-index: 100; width: 100%; max-height: 160px; overflow: auto; border: 1px solid #e3e7ed; border-top: 0; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none } .prop-layer .select-list dl dd li {display: block; height: 40px; line-height: 40px; padding-left: 15px; border-bottom: 1px solid #eee; cursor: pointer; -webkit-transition: all linear .2s; -moz-transition: all linear .2s; transition: all linear .2s } .prop-layer .select-list dl dd li:last-child {border-bottom: none } .prop-layer .select-list dl dd li:hover {color: #333; background: #f2f5fa } .prop-layer .select-list dl dd li span {display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .prop-layer .select-list dl dd li span:nth-child(1) {padding-right: 5px; width: 143px } .prop-layer .select-list dl dd li span:nth-child(2) {width: 82px } .prop-layer .select-list dl dd li span:nth-child(3) {width: 88px } .prop-layer .radio-list ul {list-style: none; padding: 0 } .prop-layer .radio-list li {margin: 20px 0 25px 0; color: #9fa3b0; cursor: pointer } .prop-layer .radio-list li.active {color: #28c3b1 } .prop-layer .radio-list li i {float: left; width: 14px; height: 14px; margin-right: 15px; margin-top: 7px;	/*background: url(/v2/web/boss/images/icons-prop.png) no-repeat;*/ background-position: -36px -55px } .prop-layer .radio-list li p {margin-left: 29px; line-height: 1.5 } .prop-layer .radio-list li.active i {background-position: -36px -79px } .prop-layer .succ-container {margin-top: 50px } .prop-layer .succ-container .succ-title {font-size: 22px; color: #61687c; text-align: center } .prop-layer .succ-container .succ-desc {margin-top: 20px; font-size: 14px; color: #9fa3b0; line-height: 2; text-align: center } .prop-layer .topcard-price {margin-top: 20px; color: #fc6c38; text-align: center } .prop-layer .niuren-buy ul {list-style: none; padding: 0 } .prop-layer .niuren-buy li {height: 25px; margin: 20px 0 } .prop-layer .niuren-buy li.first {margin-top: 0; margin-bottom: 40px } .prop-layer .niuren-buy li.first-li {margin-top: 0 } .prop-layer .niuren-buy li.first .pull-left {margin-top: 10px } .prop-layer .niuren-buybody li .pull-left {display: inline-block; width: auto; color: #61687c; text-align: right } .prop-layer .niuren-buy li div.pull-right {height: 40px; background: #f2f5fa } .prop-layer .niuren-buy li div.guide-num {background: 0 0; line-height: 40px } .prop-layer .niuren-buy li .pull-right.orange {color: #fc6c38 } .prop-layer .niuren-buy li .pull-right em {color: #e0e0e0; margin: 0 15px } .prop-layer .niuren-buy li div.pull-right span {display: inline-block; -webkit-user-select: none; -moz-user-select: none; user-select: none } .prop-layer .niuren-buy li div.pull-right input.count {display: inline-block; width: 70px; height: 40px; line-height: 40px; border: none; text-align: center; vertical-align: top; font-size: 18px; background: 0 0 } .prop-layer .niuren-buy li div.pull-right input.bean-count {width: 150px; padding-right: 5px; text-align: right } .prop-layer .niuren-buy li div.pull-right span.count-add, .prop-layer .niuren-buy li div.pull-right span.count-lower {width: 38px; height: 38px; border: 1px solid #d1d4db;	/*background: #fff url(/v2/web/boss/images/icons-prop.png) no-repeat;*/ background-size: 65px } .prop-layer .niuren-buy li div.pull-right span.count-add:hover, .prop-layer .niuren-buy li div.pull-right span.count-lower:hover {background-color: #f2f5fa; cursor: pointer; -webkit-transition: all linear .2s; transition: all linear .2s } .prop-layer .niuren-buy li div.pull-right span.count-lower {margin-right: -3px; background-position: 10px -72px } .prop-layer .niuren-buy li div.pull-right span.count-add {border-left: none; background-position: 10px -98px } .prop-layer .topcard-buy-info li .pull-left {width: 4em } .prop-layer .niuren-buy .discount-item, .prop-layer .niuren-buy li.discount-item .pull-left {color: #fc784c } .pay-title a {color: #28c3b1 } .qrcode-area {margin: 55px auto; text-align: center } .qrcode-area img {width: 150px; height: 150px } .prop-pop .jconfirm-box .title-c {position: relative; line-height: 50px !important; height: 50px; display: block !important; border-bottom: none !important } .prop-pop .jconfirm-box .title {padding: 0 !important } .prop-pop .jconfirm-box .title {position: absolute; left: 50%; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px } .prop-pop .jconfirm-box .buttons {padding-bottom: 40px !important; border-top: none } .prop-pop .buttons .btn.btn-slight {margin-right: 15px; border: 1px solid #28c3b1; color: #28c3b1 } .prop-pop .buttons .btn.btn-slight:hover {border-width: 2px; color: #00c7b1; border-color: #6adbcf; line-height: 30px; padding: 0 29px; -webkit-transition: none; transition: none } .btn-area {margin-top: 50px; margin-bottom: 20px; height: 34px; text-align: center } .btn-area a, .pay-btn-area a, .pay-status-area a {-webkit-transition: all linear .2s; -moz-transition: all linear .2s; transition: all linear .2s } .btn-area a {display: inline-block; width: 105px; height: 34px; line-height: 34px; margin: 0 15px; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .btn-area .left-btn {color: #28c3b1; border: 1px solid #28c3b1 } .btn-area .left-btn:hover {color: #fff; background: #28c3b1 } .btn-area a.right-btn {margin-top: -1px; color: #fff; background: #28c3b1 } .btn-area .right-btn:hover {background: #29d8c4 } .btn-area .define-btn {color: #fff; background: #28c3b1 } .btn-area .define-btn:hover {background: #29d8c4 } .pay-status-area {text-align: center } .pay-status-area .status-btn {display: inline-block; padding: 0 30px; height: 34px; line-height: 34px; text-decoration: none; color: #fff; background: #28c3b1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .pay-status-area .status-btn:hover {background: #29d8c4 } .pay-btn-area {height: 34px; margin-top: 50px; text-align: center } .pay-btn-area a {display: inline-block; margin: 0 15px; text-decoration: underline; color: #28c3b1 } .pay-btn-area a:hover {color: #29d8c4 } .pay-status-area .loader {position: relative; display: inline-block; margin-right: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: 2px solid #f1f1f1; -webkit-animation: circle 1.1s infinite linear; animation: circle 1.1s infinite linear; vertical-align: middle } .pay-status-area .loader {border-radius: 50%; width: 16px; height: 16px } @-webkit-keyframes circle {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes circle {0% {-webkit-transform: rotate(0); transform: rotate(0) } 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg) } } .prop-ios .dialog-container {background: 0 0; box-shadow: none; margin: -235px 0 0 -230px } .prop-ios .title {padding: 0 } .prop-ios .dialog-title .close {width: 28px; height: 28px; background-color: rgba(0, 0, 0, .5); right: -9px; top: -14px; border-radius: 50% } .prop-ios .buy-zhi-bean {position: absolute; top: 374px; left: 50%; margin-left: -83px; width: 166px; height: 40px; line-height: 40px; text-align: center; border: 2px solid #fff; border-radius: 40px; color: #fff; font-size: 18px; background-color: rgba(104, 250, 255, .22); box-shadow: rgba(0, 9, 127, .22) 0 0 18px } .prop-ios .buy-zhi-bean:hover {background-color: rgba(104, 250, 255, .32); transition: all .2s } .prop-ios .dialog-title .icon-close {width: 28px; height: 28px } .prop-ios .dialog-title .close:hover {background-color: rgba(0, 0, 0, .7) } .prop-ios .dialog-title .close:hover .icon-close:after, .prop-ios .dialog-title .close:hover .icon-close:before {background: #d1d4db } .prop-ios .icon-close:after, .prop-ios .icon-close:before {left: 6px; top: 14px } .prop-ios .ios-bg {width: 460px; height: 470px;	/*background: url(/v2/web/boss/images/ios-discount.jpg);*/ border-radius: 10px } .prop-ios .dialog-footer {padding: 0; margin: 0 } .prop-resume-info {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .pop-feedback .dialog-container {margin: -245px 0 0 -189px } .pop-feedback .dialog-title .title {padding: 20px 30px 0 !important; color: #434a5e !important; font-size: 18px !important; border-border: none; font-weight: 400 } .pop-feedback .dialog-con {width: 328px; padding: 16px 30px 0 !important } .pop-feedback .dialog-footer {padding-bottom: 30px; margin-right: 30px; *margin-right: 0 } .pop-feedback .dialog-footer .btn-sure {color: #fff } .pop-feedback textarea {height: 150px; padding: 12px 18px !important; min-width: 290px; border: 1px solid #e3e7ed; resize: none; display: block; color: #414a60 } .pop-feedback textarea::-webkit-scrollbar-track-piece {background-color: #fff; -webkit-border-radius: 0 } .pop-feedback textarea::-webkit-scrollbar {width: 4px } .pop-feedback textarea::-webkit-scrollbar-thumb {height: 50px; background-color: #ddd; -webkit-border-radius: 4px } .pop-feedback textarea::-webkit-scrollbar-thumb:hover {height: 50px; background-color: #ccc; -webkit-border-radius: 4px } .pop-feedback .text-error {display: block; color: #fc6c38; font-size: 12px; height: 20px; margin-top: 4px } .pop-feedback a {color: inherit; *color: #9fa3b0 } .pop-feedback .upload {color: #00c2b3; margin-bottom: 12px; margin-top: -2px; position: relative; height: 26px } .pop-feedback .upload a {position: absolute; z-index: 1; font-style: normal; color: #00c2b3; cursor: default } .pop-feedback .upload a .icon-toast-loading {width: 14px; height: 14px; display: inline-block; margin-left: 4px; vertical-align: middle;	/*background: url(/v2/web/geek/images/icon-toast-loading.png) center center no-repeat;*/ -webkit-animation: rotate .8s infinite linear; animation: rotate .8s infinite linear } .pop-feedback .upload a:hover {color: #55cbc4 } .pop-feedback .upload input {width: 56px; position: absolute; left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0) } .pop-feedback .preview {width: 100%; height: 158px; display: none } .pop-feedback .preview img {height: 100%; width: auto; max-width: 328px } .pop-feedback.upload-complate .upload {height: 118px } .pop-feedback.upload-complate .preview {position: absolute; top: 26px; display: block; height: 92px } .upload-complate .dialog-container {margin: -227px 0 0 -189px } .pop-feedback .verify-box {font-size: 0 } .pop-feedback .verify-box input {height: 32px; padding: 0; min-width: 180px; border: 1px solid #eee; padding-left: 40px;	/*background: url(/v2/web/geek/images/icons-sign.png) 11px -39px no-repeat*/ } .pop-feedback .verify-box img {width: 102px; height: 32px; border: 1px solid #eee; border-left: none; vertical-align: middle } .pop-feedback span {color: #9fa3b0; font-size: 12px } .pop-feedback input:focus, .pop-feedback textarea:focus {box-shadow: 0 1px 3px rgba(93, 213, 200, .4); border-color: #00d7c6 } .pop-feedback .dialog-con span:last-child {display: inline-block; line-height: 17px; margin-top: 4px } .pop-feedback .btn {min-width: 30px; padding: 0 30px; height: 32px; line-height: 32px; color: #5dd5c8; font-size: 14px } .dialog-footer .btns .btn-outline:hover {height: 30px } .pop-report .dialog-container {margin: -227px 0 0 -189px; -webkit-transition: all .5s; transition: all .5s } .pop-report .dialog-title .title {padding: 20px 30px 0 !important; color: #434a5e !important; font-size: 18px !important; border-border: none; font-weight: 400 } .pop-report .dialog-con {padding: 16px 30px 0 !important } .pop-report .dialog-footer {padding-bottom: 30px; margin-right: 30px; *margin-right: 0 } .pop-report .dialog-footer .btn-sure {color: #fff } .pop-report .form-row+.form-row {margin-top: 22px } .pop-report .form-row .t {float: left; margin-top: 6px; font-size: 14px; width: 70px; text-align: right } .pop-report .form-row dd {display: inline-block } .pop-report .ipt-wrap {display: block; margin-left: 70px } .pop-report .dropdown-wrap {font-size: 14px } .pop-report .dropdown-select .icon-select-arrow {top: 12px } .pop-report .dropdown-select-open .icon-select-arrow {background-position: 2px -88px } .pop-report .dropdown-select .ipt {min-width: 267px; width: 267px; color: #414a60 } .pop-report textarea {height: 114px; padding: 12px 18px !important; min-width: 283px; border: 1px solid #e3e7ed; resize: none; display: block; color: #414a60 } .pop-report .dropdown-menu ul::-webkit-scrollbar-track-piece, .pop-report textarea::-webkit-scrollbar-track-piece {background-color: #fff; -webkit-border-radius: 0 } .pop-report .dropdown-menu ul::-webkit-scrollbar, .pop-report textarea::-webkit-scrollbar {width: 4px } .pop-report .dropdown-menu ul::-webkit-scrollbar-thumb, .pop-report textarea::-webkit-scrollbar-thumb {height: 50px; background-color: #ddd; -webkit-border-radius: 4px } .pop-report textarea::-webkit-scrollbar-thumb:hover {height: 50px; background-color: #ccc; -webkit-border-radius: 4px } .pop-report .text-error {display: block; color: #fc6c38; font-size: 12px; height: 20px; position: absolute; padding-left: 70px } .pop-report .pic-error {padding-left: 0 } .pop-report a {color: inherit; *color: #9fa3b0 } .pop-report .upload {display: inline-block; color: #00c2b3; margin-bottom: 12px; margin-top: 6px; position: relative } .pop-report .upload a {position: absolute; z-index: 1; font-style: normal; color: #00c2b3; cursor: default; line-height: 26px } .pop-report .upload a .icon-toast-loading {width: 14px; height: 14px; display: inline-block; margin-left: 4px; vertical-align: middle;	/*background: url(/v2/web/geek/images/icon-toast-loading.png) center center no-repeat;*/ -webkit-animation: rotate .8s infinite linear; animation: rotate .8s infinite linear } .pop-report .upload a:hover {color: #55cbc4 } .pop-report .upload input {width: 56px; position: absolute; left: 0; z-index: 2; opacity: 0; filter: alpha(opacity=0) } .pop-report .preview {width: 227px; overflow: hidden; margin-top: 36px; margin-bottom: -20px } .pop-report .preview ul {height: 100%; margin-right: -14px } .pop-report .preview li {position: relative; float: left; width: 60px; height: 60px; margin: 5px 20px 16px 0; background-color: #9fa3b0 } .pop-report .preview .link-close {position: absolute; top: -5px; right: -5px; width: 16px; height: 16px; border-radius: 50%;	/*background: rgba(198, 200, 207, .7) url(/v2/web/boss/images/icon-close.png) center center no-repeat*/ } .pop-report .preview .link-close:hover {background-color: rgba(198, 200, 207, .9) } .pop-report .preview img {width: 60px; max-height: 60px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .upload-complate .dialog-container {margin: -295px 0 0 -189px } .pop-report .verify-box {font-size: 0; vertical-align: middle } .pop-report .verify-box input {height: 32px; padding: 0; min-width: 176px; border: 1px solid #eee; padding-left: 40px; color: #414a60;	/*background: url(/v2/web/geek/images/icons-sign.png) 11px -39px no-repeat*/ } .pop-report .verify-box img {width: 102px; height: 32px; border: 1px solid #eee; border-left: none; vertical-align: middle } .pop-report span {color: #9fa3b0 } .pop-report input:focus, .pop-report textarea:focus {box-shadow: 0 1px 3px rgba(93, 213, 200, .4); border-color: #00d7c6 } .pop-report .dialog-con span:last-child {display: inline-block; line-height: 17px; margin-top: 4px } .pop-report .btn {min-width: 30px; padding: 0 30px; height: 32px; line-height: 32px; color: #5dd5c8; font-size: 14px } .dialog-footer .btns .btn-outline:hover {height: 30px } @keyframes rotate {0% {transform: rotate(0) } 100% {transform: rotate(360deg) } } .datetimepicker {display: none; width: 284px; height: 294px; padding: 5px 10px; position: absolute; position: absolute; background: #fff; border: 1px solid #f2f2f2; font-size: 12px; box-shadow: 0 0 14px rgba(0, 0, 0, .11) } .table-condensed {width: 100% } .table-condensed tr {line-height: 30px } .table-condensed th.dow {font-size: 15px; color: #d2d6e2; font-weight: 400 } .table-condensed td {text-align: center } .datetimepicker-days .table-condensed td {cursor: pointer; padding-bottom: 2px } .datetimepicker-days .table-condensed td em {display: inline-block; font-style: normal; line-height: 36px; min-width: 36px; font-size: 14px } .table-condensed td span {text-align: center; width: 55px; float: left; margin: 20px 8px; cursor: pointer } .table-condensed td span:hover {background: #f2f5f9; border-radius: 2px; transition: all .2s } .table-condensed td span.active {color: #fff; border-radius: 2px; background: #fa6a43 } .table-condensed td span.active:hover {background: #fc7c5a } .datetimepicker-days .table-condensed td:hover em {background: #f2f5f9 } .datetimepicker-days .table-condensed td.active em {background: #62d5c8; color: #fff } .datetimepicker-days .table-condensed td.disabled em {background: 0 0; color: #d2d6e2 } .table-condensed td span.disabled, .table-condensed td.disabled {cursor: default; color: #d2d6e2 } .table-condensed td span.disabled:hover, .table-condensed td.disabled:hover {background-color: #fff } .datetimepicker td.old {color: #d2d6e2 } .datetimepicker .next, .datetimepicker .prev {border-radius: 2px; width: 38px; font-size: 20px; cursor: pointer } .datetimepicker .next .fz, .datetimepicker .prev .fz {margin-top: -5px; vertical-align: middle } .datetimepicker .next:hover, .datetimepicker .prev:hover {background: #e3e7ed; transition: all .3s } .table-condensed .switch {width: 193px; text-align: center; font-size: 14px; font-weight: 400 } .datetimepicker .datetimepicker-days .switch, .datetimepicker .datetimepicker-months .switch {cursor: pointer } .datetimepicker .datetimepicker-days .switch:hover, .datetimepicker .datetimepicker-months .switch:hover {background-color: #f2f5f9; border-radius: 2px } .datetimepicker .tfoot {line-height: 26px; cursor: pointer } .datetimepicker .tfoot tr {line-height: 24px } .datetimepicker .tfoot td {position: relative } .datetimepicker .tfoot .today-btn {position: relative; width: 100%; bottom: 10px } .datetimepicker .tfoot .today-btn:hover {background: #e3e7ed; transition: all .3s } .datetimepicker .fz {width: 24px; height: 24px;	/*background: url(/v2/web/boss/images/icons-calendar.png) no-repeat;*/ display: inline-block } .datetimepicker .fz-arrow-left {background-position: 7px 7px } .datetimepicker .fz-arrow-right {background-position: 8px -42px } .fileinput-button {position: relative; overflow: hidden; display: inline-block } .fileinput-button input {position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px !important; direction: ltr; cursor: pointer } @media screen\9 {.fileinput-button input {filter: alpha(opacity=0); font-size: 100%; height: 100% } } @-webkit-keyframes progress-bar-stripes {from {background-position: 40px 0 } to {background-position: 0 0 } } @-o-keyframes progress-bar-stripes {from {background-position: 40px 0 } to {background-position: 0 0 } } @keyframes progress-bar-stripes {from {background-position: 40px 0 } to {background-position: 0 0 } } .progress {height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) } .progress-bar {float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar {background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar {-webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-bar[aria-valuenow="1"], .progress-bar[aria-valuenow="2"] {min-width: 30px } .progress-bar[aria-valuenow="0"] {min-width: 30px; color: #777; background-color: transparent; background-image: none; -webkit-box-shadow: none; box-shadow: none } .progress-bar-success {background-color: #5cb85c } .progress-striped .progress-bar-success {background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-info {background-color: #5bc0de } .progress-striped .progress-bar-info {background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-warning {background-color: #f0ad4e } .progress-striped .progress-bar-warning {background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-danger {background-color: #d9534f } .progress-striped .progress-bar-danger {background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .jcrop-holder {direction: ltr; text-align: left; -ms-touch-action: none } .jcrop-hline, .jcrop-vline {/*background: #fff url(/v2/web/boss/images/Jcrop.gif);*/ font-size: 0; position: absolute } .jcrop-vline {height: 100%; width: 1px !important } .jcrop-vline.right {right: 0 } .jcrop-hline {height: 1px !important; width: 100% } .jcrop-hline.bottom {bottom: 0 } .jcrop-tracker {height: 100%; width: 100%; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none } .jcrop-handle {background-color: #333; border: 1px #eee solid; width: 7px; height: 7px; font-size: 1px } .jcrop-handle.ord-n {left: 50%; margin-left: -4px; margin-top: -4px; top: 0 } .jcrop-handle.ord-s {bottom: 0; left: 50%; margin-bottom: -4px; margin-left: -4px } .jcrop-handle.ord-e {margin-right: -4px; margin-top: -4px; right: 0; top: 50% } .jcrop-handle.ord-w {left: 0; margin-left: -4px; margin-top: -4px; top: 50% } .jcrop-handle.ord-nw {left: 0; margin-left: -4px; margin-top: -4px; top: 0 } .jcrop-handle.ord-ne {margin-right: -4px; margin-top: -4px; right: 0; top: 0 } .jcrop-handle.ord-se {bottom: 0; margin-bottom: -4px; margin-right: -4px; right: 0 } .jcrop-handle.ord-sw {bottom: 0; left: 0; margin-bottom: -4px; margin-left: -4px } .jcrop-dragbar.ord-n, .jcrop-dragbar.ord-s {height: 7px; width: 100% } .jcrop-dragbar.ord-e, .jcrop-dragbar.ord-w {height: 100%; width: 7px } .jcrop-dragbar.ord-n {margin-top: -4px } .jcrop-dragbar.ord-s {bottom: 0; margin-bottom: -4px } .jcrop-dragbar.ord-e {margin-right: -4px; right: 0 } .jcrop-dragbar.ord-w {margin-left: -4px } .jcrop-light .jcrop-hline, .jcrop-light .jcrop-vline {background: #fff; filter: alpha(opacity=70) !important; opacity: .7 !important } .jcrop-light .jcrop-handle {-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #000; border-color: #fff; border-radius: 3px } .jcrop-dark .jcrop-hline, .jcrop-dark .jcrop-vline {background: #000; filter: alpha(opacity=70) !important; opacity: .7 !important } .jcrop-dark .jcrop-handle {-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; border-color: #000; border-radius: 3px } .solid-line .jcrop-hline, .solid-line .jcrop-vline {background: #fff } .jcrop-holder img, img.jcrop-preview {max-width: none } .avatar_layer {width: 410px; height: 480px; margin: -240px 0 0 -205px !important; background: #fff; border-radius: 3px; overflow: hidden; display: none } .avatar_layer .hd {position: relative; height: 32px; line-height: 32px; border-top: 4px solid #53cac3; border-bottom: 1px solid #dce1e6; padding: 0 10px; overflow: hidden } .avatar_layer .hd .close {position: absolute; right: 10px; top: 10px; z-index: 10; width: 12px; height: 12px;	/*background: url(/v2/web/boss/images/layer_close.png) no-repeat;*/ cursor: pointer; display: inline-block } .avatar_layer .main {padding: 20px 30px } .avatar_layer .main .selectpic {position: relative; width: 100%; height: 350px; background: #f0f3f5; text-align: center; overflow: hidden } .avatar_layer .main .selectpic .sbox {margin-top: 140px } .avatar_layer .main .selectpic .sbox .btns {height: 24px; line-height: 24px;	/*background: url(/v2/web/boss/images/i_new.png) no-repeat 12px center #fff;*/ border-radius: 5px; box-shadow: 0 1px 1px #dee1e3; color: #626672; padding: 0 12px 0 26px; display: inline-block } .avatar_layer .main .selectpic .sbox p {color: #626672; lin-height: 20px; margin-top: 10px } .avatar_layer .main .selectpic .sbox .selectfile {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; display: block } .avatar_layer .main .selectpic .editbox {position: relative; height: 350px; background: no-repeat center center; display: none } .avatar_layer .main .selectpic .editbox .pop {position: absolute; z-index: 1; left: 180px; top: 150px; width: 10px; height: 10px } .avatar_layer .main .selectpic .editbox .pop i {position: absolute; z-index: 1; right: 0; bottom: 0; width: 10px; height: 10px; background: #fff; border: 1px solid #54c3ba; border-radius: 50% } .ie .avatar_layer {width: 610px; height: 520px } .layer_btns {height: 30px; padding: 20px 0 0 16px; font-size: 0; text-align: center } .layer_btns a, .layer_btns span {width: 94px; height: 30px; line-height: 30px; background: #53cac3; border-radius: 3px; color: #fff; font-size: 14px; text-align: center; margin: 0 5px; display: inline-block; vertical-align: middle } .layer_btns a.cancel {width: 92px; height: 28px; line-height: 28px; background: #f3f3f3; border: 1px solid #e5e5e5; color: #8a8a8a } .layer_btns .change {position: relative; color: #a8833b; background: #fdf8e3; display: none; cursor: pointer; overflow: hidden } .layer_btns .change .selectfile {position: absolute; z-index: 1; right: 0; bottom: 0; width: 200%; height: 200%; opacity: 0; display: block; cursor: pointer } input::-ms-clear, input::-ms-reveal {display: none } .profile_form {width: 560px; margin-bottom: 100px } .profile_form dd.cont {position: relative } .profile_form dd.cont .bg {width: 340px; height: 14px; position: absolute; top: 15px; left: 0; background: #e8eff2; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: inline-block } .profile_form dd.cont .loading_bg {height: 14px; width: 0; background: -moz-linear-gradient(left, #57c6de, #14d9d1); background: -webkit-linear-gradient(left, #57c6de, #14d9d1); background: -o-linear-gradient(left, #57c6de, #14d9d1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#57c6de, endColorstr=#14d9d1)"; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; display: inline-block; position: absolute; top: 15px; left: 0 } .profile_form dd.cont .loading_val {font-size: 10px; color: #755a06; width: 38px; height: 18px; line-height: 18px; position: absolute; top: -8px; left: -19px; background: #ffd75a; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center } .profile_form dd.cont .loading_val i {height: 0; width: 0; border-width: 4px 6px 0 6px; border-style: solid dashed dashed dashed; border-color: #ffd75a transparent transparent transparent; _font-size: 0; _line-height: 0; display: block; margin: 0 0 0 13px } .profile_form .avatar_line {height: 94px } .profile_form .avatar_tit {line-height: 94px } .profile_form .avatar_box .avatar {width: 90px; height: 90px; border: 2px solid #d6d6d6; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #e2e2e2; float: left } .profile_form .avatar_box .sel_avatar {margin-left: 112px; line-height: 1 } .profile_form .avatar_box .sel_avatar a {width: 80px; height: 30px; line-height: 30px; font-size: 12px; color: #fff; text-align: center; background: #59cac2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block } .profile_form .avatar_box .sel_avatar p {font-size: 12px; color: #b9b9b9; margin-top: 10px } .profile_form .length_tip {font-size: 14px; color: #b9b9b9; position: absolute; right: 15px; top: 0 } .profile_form dl .num {top: 8px; right: 15px } .profile_form .team .num {top: inherit } .profile_form .team_tit {line-height: 1 } .profile_form textarea {height: 112px } .profile_form .textarea_tip {font-size: 14px; color: #b9b9b9; position: absolute; right: 15px; top: 142px; line-height: 30px } .profile_form .submit_box {text-align: center; position: relative } .profile_form input.vali_btn {width: 220px; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 14px; background: #59cac2; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; margin: 40px auto 0; cursor: pointer } .profile_form input.vali_btn:hover {background: #46bab2 } .profile_form input.vali_btn_b1 {width: 136px; height: 42px; background: #fff; border: 2px solid #9bb4bd; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; font-size: 14px; color: #9bb4bd; text-align: center } .profile_form input.vali_btn_b1:hover {color: #fff; background: #9bb4bd } .profile_form input.preview {position: absolute; right: 0; top: 40px } .profile_form .sparklight_box {padding: 20px; background: #32323a; width: 380px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: absolute; top: 55px; left: 0; display: none; z-index: 999 } .profile_form .sparklight_box .jiao {position: absolute; width: 16px; height: 8px;	/*background: url(file:///C|/Users/Administrator/images/angleup.png) no-repeat;*/ top: -8px; right: 30px } .profile_form .spark_list {overflow: hidden } .profile_form .spark_list li {margin-right: 10px; margin-bottom: 14px; float: left; line-height: 1; padding: 6px 9px; color: #fff; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 12px } .profile_form .spark_list li.select {border-color: #53cac3; background: #53cac3 } .profile_form .add_spark {position: relative } .profile_form .add_spark .add_ipt {background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 0 10px; position: relative; width: 198px; height: 26px; line-height: 26px } .profile_form .add_spark .add_ipt input {width: 148px; margin-right: 0; font-size: 12px; line-height: 14px; height: 14px; vertical-align: top; margin-top: 6px } .profile_form .add_spark .add_ipt .num {position: absolute; right: 10px; bottom: 10px; top: 5px; line-height: 14px } .profile_form .add_spark .add {/*background: url(file:///C|/Users/Administrator/images/i_add.png) no-repeat;*/ width: 26px; height: 26px; display: inline-block; left: 230px; top: 0; position: absolute } .profile_form .sparklight_box .btns {text-align: right; margin-top: 24px; line-height: 1 } .profile_form .sparklight_box .btns a {width: 76px; height: 26px; line-height: 26px; display: inline-block; color: #fff; text-align: center; font-size: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .profile_form .sparklight_box .btns .cancle {background: #c6c6c6; margin-right: 12px } .profile_form .sparklight_box .btns .confirm {background: #53cac3 } .p_dialog {width: 590px; background-color: #e9e9e9; background-color: rgba(233, 233, 233, .8); padding: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -ms-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666; display: none } .p_dialog .dialog_con {position: relative; border: 1px solid #a0a0a0; min-height: 100px; _height: 100px; background-color: #fff; padding: 20px } .p_dialog .dialog_close, .p_dialog .fddialog_close {width: 22px; height: 22px; display: inline-block; position: absolute;	/*background: transparent url(/v2/chat_v2/images/close.png) no-repeat;*/ right: 10px; top: 10px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear } .p_dialog .dialog_close:hover, .p_dialog .fddialog_close:hover {background-color: #eee } .p_dialog h3 {font-size: 18px; font-weight: 400 } .p_dialog .dialog_alert {padding: 10px 0 10px; text-align: center } .p_dialog .dialog_alert p {margin-top: 20px } .workstartpicker-wrap {width: 284px; padding: 5px 10px; position: absolute; background: #fff; border: 1px solid #f2f2f2; font-size: 12px; box-shadow: 0 0 14px rgba(0, 0, 0, .11); display: none } .workstartpicker-wrap li {width: 55px; height: 30px; line-height: 30px; text-align: center; display: inline-block; margin: 20px 8px; border-radius: 2px; cursor: pointer } .workstartpicker-wrap .month-wrap {display: none } .workstartpicker-wrap.month-panel .month-wrap {display: block } .workstartpicker-wrap.month-panel .year-wrap {display: none } .workstartpicker-wrap li:hover {background-color: #f2f5f9 } .workstartpicker-wrap .title {height: 32px; overflow: hidden; line-height: 32px; font-size: 14px } .workstartpicker-wrap .title p {text-align: center } .workstartpicker-wrap .next, .workstartpicker-wrap .prev {display: inline-block; width: 40px; height: 32px; cursor: pointer; line-height: 32px;	/*background: url(/v2/web/boss/images/icons-calendar.png) no-repeat*/ } .workstartpicker-wrap .prev {float: left; background-position: 14px 9px } .workstartpicker-wrap .next {float: right; background-position: 16px -41px } .workstartpicker-wrap .next:hover, .workstartpicker-wrap .prev:hover {background-color: #f2f5f9 } .workstartpicker-wrap .content {height: 210px; overflow: hidden } .workstartpicker-wrap li.selected {color: #fff; background-color: #fa6a43 } .menu-all:after, .menu-sub li:after, .pop-sign:after {content: ''; display: block; overflow: hidden; visibility: hidden; clear: both } .menu-all:after, .menu-sub li:after, .pop-sign:after {zoom: 1 } .home-sider {width: 268px; position: absolute; left: 0; top: 0 } .job-menu {background: #fff; color: #61687c; position: relative; z-index: 1002; box-shadow: 5px 5px 15px rgba(3, 0, 0, .04); padding-top: 8px } .promotion-four .job-menu {padding-top: 4px } .job-menu dl {padding: 0 0; zoom: 1; height: 44px } .job-menu dt {font-size: 18px; padding: 0 32px; line-height: 32px; padding-top: 8px } .job-menu dt .icon-arrow-right {float: right; background-position: 3px 0; margin-top: 5px; width: 12px } .job-menu dd .icon-arrow-right {float: right; background-position: -25px 0; margin-top: 5px; width: 12px } .job-menu dl.cur .icon-arrow-right {background-position: -25px -31px } .job-menu dd {padding: 8px 0 9px 20px; width: 233px; height: 27px } .job-menu a {color: #61687c; font-size: 13px; display: inline-block; line-height: 28px; margin-left: 4px; margin-right: 4px } .job-menu i {font-style: normal; font-size: 16px; position: relative; top: 2px } .job-menu a:hover {color: #61687c } .job-menu dl.cur {background: #5cc9b4; border-color: #d1d4db; border-right-color: #fff; position: relative; width: 268px; z-index: 10 } .job-menu dl.cur dd a {color: #fff; -webkit-transition: none; transition: none } .job-menu dl.cur dd i {color: #fff } .job-menu dl.cur dt {color: #18c3b1 } .job-menu .menu-line {display: none } .job-menu dl.cur dt .icon-arrow-right {margin-right: 1px; background-position: 6px -28px } .job-menu dl.cur .menu-line {display: block; position: absolute; height: 100%; background: #5cc9b4; width: 5px; top: 0; right: 0; z-index: 11 } .job-menu .all-box {display: none } .job-menu .show-all {padding: 8px 0 9px 20px; width: 233px; border-top: dashed 1px #ecedef; margin-top: 14px; color: #00c2b3 } .promotion-four .job-menu .show-all {margin-top: 0 } .menu-sub {display: none; position: absolute; background: #fff; padding: 20px 30px 20px 10px; width: 648px; top: 3px; margin-top: -10px; left: 268px; z-index: 1; box-shadow: 0 1px 6px rgba(6, 0, 1, .1) } .job-menu dl.cur .menu-sub {display: block } .menu-sub li+li {padding-top: 10px } .menu-sub h4 {float: left; width: 104px; font-size: 13px; padding-top: 2px; text-align: right; font-weight: 400 } .menu-sub h4 .icon-arrow-right {position: relative; top: 2px } .menu-sub .text {margin-left: 130px; border-bottom: solid 1px #f5f6f9; padding: 0 0 10px 1px } .menu-sub ul li:last-of-type .text {border: none } .menu-sub .text a {margin-left: 0; margin-right: 25px; color: #9fa3b0 } .menu-sub .text a:hover {color: #18c3b1 } .menu-all {padding: 0; width: 829px } .menu-all .sub-tab {width: 212px; float: left; background: #fdfdfe; border-right: 1px #d1d4db solid } .menu-all .sub-tab li {height: 104px; line-height: 104px; border-top: 1px #fdfdfe solid; border-bottom: 1px #fdfdfe solid; font-size: 18px; padding-top: 0; padding-left: 42px; cursor: pointer } .menu-all .sub-tab li.cur {border-top-color: #d1d4db; border-bottom-color: #d1d4db; background: #fff; color: #18c3b1; position: relative; padding-right: 1px; margin-right: -1px } .menu-all .sub-content {margin-left: 212px; width: 616px; overflow: auto } .menu-all .sub-content ul {overflow: hidden; display: none; padding-top: 20px } .menu-all .sub-content ul.show {display: block } .menu-all .sub-content li h4 {float: none; padding-top: 0; width: auto; text-align: left; margin-left: 15px } .menu-all .sub-content li {padding: 0 45px 10px } .menu-all .sub-content li .text {margin-left: 0; margin-top: 0 } .search-box .select-tree li {background: 0 0 } .home-sider .promotion-img img {width: 300px } .home-main {margin-left: 292px; min-width: 697px; height: 468px } .promotion-four .home-main {height: 582px } .home-main .search-box {margin-top: 0; padding-top: 20px } .home-main .search-box .btn-search {font-size: 0; width: 90px; padding: 0; min-width: 0 } .home-main .search-box {width: 708px } .home-main .search-form .ipt-wrap {width: 296px } .home-main .search-form .ipt-search {width: 265px } .home-main .search-form .position-box {left: 393px } .home-main .search-form .search-form-con {float: left; width: 618px } .home-main .city-sel, .home-main .industry-sel, .home-main .position-sel, .home-main .search-form .ipt-wrap {border-color: #fff } .home-main .suggest-result {width: 635px } .search-hot {font-size: 13px; color: #9fa3b0; padding: 16px 0 } .search-hot b {font-weight: 400; display: inline-block; margin-right: 5px } .search-hot a {display: inline-block; margin-right: 22px; color: #9fa3b0 } .search-hot a:hover {color: #18c3b1 } .slider-box {position: relative; overflow: hidden } .slider-main {overflow: hidden; width: 840px; height: 240px; position: relative; top: 0; left: 0 } .slider-main li {display: none; position: absolute; top: 0; left: 0; height: 240px; font-size: 0; line-height: 0; width: 100% } .slider-main li img {width: 100%; height: 100% } .slider-main li.cur {display: block } .slider-dot {position: absolute; right: 20px; top: 218px } .slider-dot i {display: inline-block; width: 6px; height: 6px; margin-left: 7px; background: #fff; filter: alpha(opacity=20); opacity: .2; cursor: pointer } .slider-dot i.cur {filter: alpha(opacity=100); opacity: 1 } .home-main .slider-dot {right: 18px; top: 44% } .home-main .slider-dot i {display: block; margin-left: 0; margin-bottom: 7px } .slider-nav {white-space: nowrap; font-size: 0 } .slider-nav a {display: inline-block; width: 199px; height: 75px; padding: 20px 40px 0; background: #fff; border-right: 1px #f5f5f6 solid; border-bottom: 2px #fff solid } .slider-nav a.cur {border-bottom-color: #5acbc3 } .slider-nav a b {font-size: 16px; font-weight: 400; color: #414a60 } .slider-nav a span {display: block; font-size: 14px; color: #61687c } .slider-box .pic {width: 840px; height: 98px; margin: 20px auto 0; overflow: hidden } .slider-box .pic-all {width: 860px; overflow: hidden } .slider-box .pic a {width: 98px; height: 98px; float: left; margin-right: 10px; background: #fff; overflow: hidden; -webkit-transition: none; transition: none } .slider-box .pic a:hover .tit {color: #18c3b1 } .slider-box .pic img {width: 98px; height: 98px; float: left } .slider-box .txt {margin-left: 98px; height: 98px; background: #fff } .slider-box .txt p {line-height: 60px } .slider-box .txt .tit {font-size: 18px; color: #414a60; margin-left: 18px; white-space: nowrap; overflow: hidden } .slider-box .txt .des {font-size: 14px; color: #61687c; line-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 18px } .promotion-main {font-size: 0; height: 340px; position: relative } .promotion-four .promotion-main {height: 456px } .promotion-main img {display: block } .promotion-main ul {width: 842px; height: 352px; overflow: hidden } .promotion-main li {float: left; vertical-align: top; margin: 0 2px 2px 0 } .promotion-main table {width: 100% !important } .promotion-main td {padding-right: 2px; padding-bottom: 2px; width: auto; vertical-align: top } .promotion-main td img {display: block; width: 100% } .promotion-main td a {display: block } .promotion-main td a:hover {background-color: #000 } .promotion-main td a:hover img {opacity: .9 } .home-box .job-list {margin-right: 0; margin-top: 20px; margin-bottom: 15px } .home-box .job-list li .company-logo {height: 60px; color: #61687c; font-size: 18px; width: auto; line-height: 80px } .home-box .job-list .info-primary p {margin-top: 12px } .home-box .job-list li .info-primary .saraly {font-size: 18px; margin-top: 14px } .home-box .job-list .company-text {padding-top: 3px } .link-all {color: #fff; font-size: 16px; text-align: center } .link-all a {display: block; height: 50px; line-height: 50px; background: #d3d5db; color: #fff } .link-all a:hover {background: #a8acb7 } .hotjob {height: 60px; line-height: 60px; font-size: 14px; color: #9fa3b0; background-color: #f2f2f5; padding-left: 28px } .hotjob a {color: #9fa3b0; padding-right: 38px } .hotjob a:last-child {padding-right: 0 } #main .banner {width: 100%; height: 354px; background-color: green; margin-bottom: 18px } #main .position-slide {width: 300px; background-color: #f8f9fb; float: left } .position-slide .position-list {width: 300px; padding: 26px 30px; height: 104px; box-sizing: border-box } .position-list .category {position: relative } .position-list .category a {font-size: 18px; color: #61687c } .position-list .category a:hover {color: #55cbc4; text-decoration: none; -webkit-transition: all linear .2s; transition: all linear .2s } .position-list .category .icon {width: 9px; height: 16px;	/*background: url(/v2/web/geek/images/icons.png) 0 0 no-repeat;*/ position: absolute; right: 0 } .position-list .category-hot {width: 100%; overflow: hidden; height: 24px } .position-list .category-hot a {font-size: 14px; line-height: 24px; margin-right: 24px } .position-list .category-hot a:last-child {margin: 0 } #main .home-list {margin: 0; margin-left: 330px; background: #fff } .position-card li {width: 756px; height: 124px; margin: 0 44px; padding-top: 25px; border-bottom: 2px solid #f8fafc } .position-card li p {margin-top: 0 } .position-card .company-text p {margin-top: 20px } .footer-scan {position: fixed; width: 100%; height: 92px; bottom: 0; left: 0;	/*background: #38c7b7 url(/v2/web/geek/images/footer-scan-bg.png) 0 bottom repeat-x;*/ z-index: 22 } .footer-scan .inner {width: auto } .footer-scan .btns {float: right; padding-top: 25px } .footer-scan .btns span {display: inline-block; vertical-align: middle; color: #fff; margin-right: 20px } .footer-scan .btn-signup {background: #fff; color: #54cbc4; width: 118px } .footer-scan .footer-scan-close {width: 20px; height: 20px; position: absolute; top: 35px; right: 45px;	/*background: url(/v2/web/geek/images/footer-scan-close.png) center center no-repeat;*/ cursor: pointer } .qrcode-scan {position: relative; width: 360px } .qrcode-scan-img {width: 100px; height: 100px; position: absolute; padding: 11px 8px; top: -45px;	/*background: #38c7b7 url(/v2/web/geek/images/footer-scan-bg.png) 0 top repeat-x*/ } .qrcode-scan img {width: 100px; height: 100px } .qrcode-scan h4 {padding-left: 135px; font-size: 19px; font-weight: 400; color: #fff; padding-top: 20px } .qrcode-scan h4 a {color: #fff } .qrcode-scan p {padding-left: 135px; font-size: 12px; color: #fff } #pop-hide-container {display: none } .pop-feedback .dialog-footer .btns .btn-outline:hover {height: 30px; line-height: 30px; *vertical-align: -1px } .pop-feedback input::-webkit-input-placeholder, .pop-feedback textarea::-webkit-input-placeholder {color: #d1d4db } .pop-feedback input:-ms-input-placeholder, .pop-feedback textarea::-webkit-input-placeholder {color: #d1d4db } .pop-feedback input:-moz-placeholder, .pop-feedback textarea::-webkit-input-placeholder {color: #d1d4db } .pop-feedback input::-moz-placeholder, .pop-feedback textarea::-webkit-input-placeholder {color: #d1d4db } .home-body {background: #f6f6f8 } .common-tab-box {clear: both; margin-top: 20px; margin-bottom: 31px } .common-tab-box h3 {height: 45px; position: relative } .common-tab-box h3 span {float: left; display: inline-block; margin-right: 40px; line-height: 45px; color: #8d92a1; cursor: pointer; font-size: 14px; font-weight: 400 } .common-tab-box h3 span.cur {color: #414a60 } .common-tab-box ul {width: 100%; top: 47px; left: 0; background: #fff; display: none; border-top: solid 2px #63d4c7 } .common-tab-box ul.cur {font-weight: 400; display: block } .common-tab-box .v-line {margin: 0 11px; border-color: #efeff1 } .job-tab-box ul {height: 393px } .job-tab-box ul li {height: 131px; width: 33.33333333%; float: left } .job-tab-box li .sub-li {display: block; border-right: solid 2px #f6f6f8; border-bottom: solid 2px #f6f6f8; height: 100%; margin-right: -2px } .job-tab-box li .sub-li:hover {box-shadow: 5px 5px 20px rgba(0, 0, 0, .05); border-bottom-color: #eaebef; border-left-color: #edeef2; position: relative; z-index: 10 } .job-tab-box li a {display: block } .job-tab-box li a.user-info:hover {background: #fafafa } .job-tab-box li a.job-info:hover p {color: #00d7c6 } .job-tab-box li a.job-info {height: 71px; padding-top: 10px } .job-tab-box li p {height: 35px; line-height: 35px; font-size: 15px; color: #61687c; width: 220px; padding-right: 70px; margin: 0 auto 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative } .job-tab-box li .salary {color: #fc6c38; position: absolute; right: 0; top: 0 } .job-tab-box li a.job-info p.job-text {font-size: 12px; color: #61687c; border-bottom: dashed 1px #e3e7ed; width: 290px; padding-right: 0; line-height: 28px } .job-tab-box a.user-info {padding: 7px 0 9px 0 } .job-tab-box .user-info p {font-size: 14px; width: 290px; padding-right: 0 } .job-tab-box .user-info img {width: 30px; height: 30px; vertical-align: middle; border-radius: 50%; margin-right: 15px } .job-tab-box .user-info .user-text {margin-left: 10px; font-size: 12px; color: #8d92a1 } .company-tab-box ul {height: 416px } .company-tab-box ul li {height: 138px; width: 25%; float: left } .company-tab-box li a {color: #414a60; display: block } .company-tab-box li .sub-li {display: block; border-left: solid 2px #f6f6f8; border-bottom: solid 2px #f6f6f8; height: 100%; margin-left: -2px } .company-tab-box li .sub-li:hover {box-shadow: 5px 5px 20px rgba(0, 0, 0, .05); border-bottom-color: #eaebef; border-left-color: #edeef2; position: relative; z-index: 10 } .company-tab-box li .company-info {height: 75px; width: 205px; margin: 0 auto 0 auto; padding-top: 20px; border-bottom: dashed 1px #ededed } .company-tab-box li .company-info:hover {color: #00d7c6 } .company-tab-box li .company-info img {height: 55px; width: 55px; float: left; border-radius: 10px; border: solid 1px #f2f5fa } .company-tab-box li .conpany-text {margin-left: 65px; text-align: right; overflow: hidden; text-overflow: ellipsis } .company-tab-box li .conpany-text p .industry {max-width: 59px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; height: 12px; line-height: 12px; position: relative; top: 3px } .company-tab-box li .conpany-text h4 {height: 25px; line-height: 25px; font-size: 16px; font-weight: 400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .company-tab-box li .conpany-text h4 a:hover {color: #61687c } .company-tab-box li .conpany-text p {height: 40px; line-height: 41px; color: #898e9d; font-size: 12px; display: inline-block; white-space: nowrap } @media screen and (min-width:0\0) {.company-tab-box li .conpany-text p {overflow: hidden; text-overflow: ellipsis; display: block } } @-moz-document url-prefix() {.company-tab-box li .conpany-text {margin-left: 65px; text-align: right; overflow: auto; text-overflow: unset } .company-tab-box li .conpany-text p {overflow: hidden; text-overflow: ellipsis; width: 100% } } .company-tab-box li .about-info {color: #8d92a1; height: 42px; line-height: 42px; font-size: 12px } .company-tab-box li .about-info p {width: 205px; margin: 0 auto } .company-tab-box li .about-info:hover {background: #fafafa } .company-tab-box li .pull-right {text-align: right; float: right } .hotcity-tab-box {margin-top: 25px; margin-bottom: -20px; width: 1000px; overflow: hidden } .hotcity-tab-box h4 {height: 35px; line-height: 35px } .hotcity-tab-box ul {width: 1010px; border: none } .hotcity-tab-box ul li {float: left; height: 77px; width: 160px; margin: 0 8px 8px 0; position: relative } .hotcity-tab-box ul li img {display: block; width: 160px; height: 77px } .hotcity-tab-box h3 {border: none } .hotcity-tab-box .model {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3); display: none } .hotcity-tab-box a:hover .model {display: block } .condition-insdustry:after, .job-time:after {content: ''; display: block; overflow: hidden; visibility: hidden; clear: both } .condition-insdustry, .job-tags, .job-time {zoom: 1 } .search-box {padding-top: 20px; width: 766px; position: relative; font-size: 13px } .search-form {position: relative; zoom: 1; z-index: 1000 } .search-form-shadow {box-shadow: 0 1px 5px rgba(83, 202, 195, .5) } .nav-search .search-form-shadow {box-shadow: none } .search-form-con {float: left; width: 676px } #header .search-form-con {width: 222px } .search-form .ipt-wrap-hover, .search-form-con:hover .ipt-wrap {border-color: #53cac3 !important; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s } .search-form .city-sel-hover, .search-form .industry-sel-hover, .search-form .position-sel-hover, .search-form-con:hover .city-sel, .search-form-con:hover .industry-sel, .search-form-con:hover .position-sel {border-color: #53cac3 !important; -webkit-transition: all linear .1s; -moz-transition: all linear .1s; -o-transition: all linear .1s; transition: all linear .1s } .search-form .ipt-wrap {float: left; width: 354px; background: #fff; border: 1px solid #53cac3; border-left: none; border-right: none } .detail-search .ipt-wrap {border-color: #e3e7ed; width: 507px } .suggest-result {display: none; background: #fff; width: 693px; position: absolute; left: 71px; top: 44px; z-index: 1; border: 1px #f2f2f5 solid; box-shadow: 0 1px 8px rgba(0, 0, 0, .06) } .nav-search .suggest-result {border: none } .suggest-result ul {max-height: 250px; overflow: auto } .suggest-result li {line-height: 50px; padding: 0 30px; border-bottom: 1px #f8f9fc solid; cursor: pointer; color: #61687c } .suggest-result li.selected, .suggest-result li:hover {color: #18c3b1; background-color: #f8f9fb } .suggest-result li .h, .suggest-result li .text-blue {font-style: normal; color: #18c3b1; text-decoration: none } .suggest-result li.blank-data {color: #9fa3af } .suggest-result li:last-of-type {border-bottom: 0 } .ipt-search {width: 323px; height: 28px; line-height: 30px; padding: 7px 15px; *padding: 6px 15px; border: 0; font-size: 13px; color: #414a60 } .detail-search .ipt-search {width: 435px; padding: 7px 15px; *padding: 9px 15px } .detail-search .search-form {z-index: 1000 } .btn-search {height: 44px; line-height: 44px; text-align: center; color: #fff; background: #55cbc4; border: 0; cursor: pointer; font-size: 0; width: 90px; padding: 0; min-width: 0; background-position: 34px -138px; min-width: 0 } .city-sel {display: block; width: 65px; height: 28px; border: 1px solid #53cac3; border-right: none; line-height: 30px; float: left; padding: 6px 15px 8px 15px; background-color: #fff; position: relative; cursor: pointer } .industry-sel {display: block; width: 70px; height: 28px; border: 1px solid #53cac3; border-left: none; border-right: none; line-height: 30px; float: right; padding: 6px 15px 8px 15px; background-color: #fff; position: relative; cursor: pointer } .position-sel {display: block; width: 96px; height: 28px; border: 1px solid #53cac3; border-left: none; border-right: none; line-height: 30px; float: right; padding: 6px 15px 8px 15px; background-color: #fff; position: relative; cursor: pointer } .detail-search .city-sel {border-color: #e3e7ed } .city-sel b, .industry-sel b, .position-sel b {font-weight: 400; font-size: 13px; color: #61687c } .industry-box .city-box, .position-box {color: #8d92a1 } .city-sel .line {width: 1px; height: 26px; background-color: #f2f2f5; position: absolute; top: 8px; right: 0 } .industry-sel .line {width: 1px; height: 26px; background-color: #f2f2f5; position: absolute; top: 8px; left: 0 } .position-sel .line {width: 1px; height: 26px; background-color: #f2f2f5; position: absolute; top: 8px; left: 0 } .city-sel .label-text {width: 55px; white-space: nowrap; overflow: hidden; display: inline-block } .position-sel .label-text {width: 80px; white-space: nowrap; overflow: hidden; display: inline-block } .industry-sel .label-text {width: 55px; white-space: nowrap; overflow: hidden; display: inline-block } .city-sel .icon-arrow-down {position: absolute; right: 7px; top: 15px } .industry-sel .icon-arrow-down {position: absolute; right: 10px; top: 15px } .position-sel .icon-arrow-down {position: absolute; right: 8px; top: 15px } .show-city .city-sel .icon-arrow-down {background-position: 0 -2067px } .city-box {display: none; position: absolute; width: 298px; background: #fff; top: 45px; left: 0; z-index: 1; color: #9fa3b0; box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .dorpdown-province {float: left; width: 150px; height: 302px; overflow: auto } .dorpdown-city li, .dorpdown-province li {padding-left: 28px; line-height: 50px; cursor: pointer } .dorpdown-province li.cur {background: #f1f3f6 } .dorpdown-city li.cur {background: #f1f3f6 } .dorpdown-city li:hover {background: #edf0f3 } .dorpdown-city {margin-left: 150px; background: #f8f9fa; height: 302px; overflow: auto } .dorpdown-city ul {display: none } .dorpdown-city ul.show {display: block } .show-city .city-box {display: block } .detail-search {width: 653px } .detail-search .search-form-con {width: 563px } .detail-search .search-form .ipt-wrap {width: 466px; border-left: 1px solid #e3e7ed } .industry-box {display: none; position: absolute; width: 100%; background: #fff; top: 55px; left: 0; z-index: 1; color: #9fa3b0; box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .industry-box:before {content: ''; position: absolute; top: -17px; right: 145px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: #fff; z-index: 9999 } .industry-box ul {padding: 25px 0 15px 55px } .industry-box ul li {width: 155px; display: inline-block; margin-bottom: 12px } .industry-box ul li a {padding-left: 5px; display: block; color: #8d92a1; transition: none; -webkit-transition: none } .industry-box ul li.cur a {color: #00d7c6 } .industry-box ul li a:hover {background: #f6f6f8 } .show-industry .industry-box {display: block } .position-box {position: absolute; top: 45px; left: 449px; display: none; height: 250px; width: 500px } .position-box .select-tree ul.tree-3 {height: 250px } .position-box .select-tree {display: inline-block; box-shadow: 0 2px 8px rgba(0, 0, 0, .1); zoom: 1 } .position-box .select-tree:after {content: ''; display: block; overflow: hidden; visibility: hidden; clear: both; box-shadow: 0 2px 8px rgba(0, 0, 0, .1) } .position-box .select-tree ul {float: left; position: unset } .position-box .dropdown-menu {display: block } .show-position .position-box {display: block } .dropdown-menu ul {border: none } .position-box .select-tree ul.tree-2 {left: 166px } .position-box .select-tree ul.tree-3 {left: 332px; border-top: none } .page-white #siderbar {z-index: 102 } .search-box .search-banner {position: absolute; left: 786px; top: 20px } .condition-box {background: #fff; margin-top: 10px; font-size: 12px } .condition-box dl {border-bottom: 1px #eef0f5 solid; margin: 0 0; display: none } .condition-box dl:after, .suggest-result dl:after {content: ''; display: block; height: 0; visibility: hidden; clear: both } .condition-box dt {float: left; width: 50px; line-height: 52px; font-size: 16px; color: #4a4160 } .condition-box dd {padding-top: 2px; margin-bottom: 0; margin-left: -12px } .condition-box dd a {display: inline-block; background: #fff; padding: 0 11px; border: 1px #fff solid; margin: 0; height: 36px; line-height: 36px } .condition-box dd a:hover {color: #fc6c38 } .condition-box dd .icon-arrow-right {margin: 0; vertical-align: middle } .condition-box dd .vline {background: #e9eaef; margin: 0 3px } .condition-box .condition-city dd a.selected {border: 1px #eef0f5 solid; border-bottom: solid 1px #fff; position: relative; top: 1px; color: #fc6c38; margin: 0 15px } .condition-box dd a.disabled {color: #414a60; border: none; cursor: default } .condition-box dd a .fz-close-small {margin: 0 -4px 0 2px; cursor: pointer } .condition-box dd a.noborder {border-left-color: #fff } .condition-box dd .hot-text {padding-left: 25px } .condition-box .btn-all {float: right; cursor: pointer } .condition-box .btn-all .icon-arrow-down {vertical-align: middle; margin-left: 10px } .condition-box dl.condition-area, .condition-box dl.condition-district {margin: 0; padding: 0; border-bottom: 0; background: #fff; transition: none; -webkit-transition: none } .condition-city .link-area, .condition-city .link-district {transition: none; -webkit-transition: none } .condition-area dt, .condition-district dt {width: 50px; white-space: nowrap } .condition-area dd, .condition-district dd {margin-bottom: 0; padding-bottom: 2px } .condition-area dd a, .condition-district dd a {background: 0 0; border: none } .condition-district dd a.selected {color: #fc6c38 } .condition-area dd a.selected {color: #fc6c38 } .condition-box dl.show-condition-area, .condition-box dl.show-condition-district {display: block; border-bottom: 1px #eef0f5 solid } .condition-insdustry dd {height: 26px; overflow: hidden } .condition-insdustry dd.show-all-insdustry {height: auto } .show-all-insdustry .btn-all {color: #fc6c38 } .show-all-insdustry .btn-all .icon-arrow-down {background-position: 1px -87px } #filter-box {background: #fff; position: relative; z-index: 999; box-shadow: 0 3px 6px rgba(6, 0, 1, .05) } #filter-box.show-top {position: fixed; width: 100%; top: 0 } #filter-box.show-top .condition-box {display: none } #filter-box.show-top .filter-select-box {margin-top: 5px } .filter-select-box {height: 40px; font-size: 12px } .filter-select-box .dropdown-wrap.cur .dropdown-menu {display: block !important } .filter-select-box .empty-filter {float: right; line-height: 40px; color: #8d92a1 } .filter-select-box .dropdown-wrap {width: 140px; float: left; position: relative } .filter-select-box .dropdown-select {width: 120px; min-width: 120px; border: none; padding-top: 5px; font-size: 12px; padding-bottom: 3px; position: unset } .filter-select-box .ipt {width: 60px; min-width: 60px; border: none; padding-top: 5px; font-size: 12px; padding-left: 3px; padding-right: 3px; color: #414a60 } .filter-select-box .dropdown-menu-open .dropdown-menu {display: block; width: 125px } .filter-select-box .ipt:focus, .radio-checked {box-shadow: none } .filter-select-box .dropdown-menu {position: absolute; width: 100%; left: 0 } .filter-select-box .dropdown-menu ul {max-height: 400px; box-shadow: 0 3px 6px rgba(6, 0, 1, .05); top: 3px; border-top: 1px #e3e7ed solid } .filter-select-box .dropdown-menu ul a {display: block; color: #8d92a1 } .filter-select-box .dropdown-select .icon-select-arrow {left: 0; top: 6px; position: relative } .filter-select-box .ipt.selected-box {width: auto; min-width: auto; padding-left: 0; padding-right: 15px; display: inline-block; color: #fc6c38 } .filter-select-box .ipt.selected-box a {color: #fc6c38; font-size: 15px } .filter-select-box .ipt.selected-box a:hover {color: #ff6d39 } .filter-select-box .dropdown-menu-open .icon-select-arrow {background-position: 2px -86px } .filter-select-box .dropdown-menu li a {transition: none !important; -webkit-transition: none !important } .job-box {margin-top: 20px } .job-box.show-top {margin-top: 211px } .sider {float: right; width: 210px } .sider .nomargin {margin-top: 0 } .sider .promotion-img img {width: 100% } .company-sider, .job-sider {float: right; width: 298px; padding-bottom: 40px } .sider .fill-resume {padding: 15px 25px; background: #fff; margin-bottom: 15px } .sider .fill-resume img {float: right; margin: 4px 15px 0 0 } .sider .fill-resume h3 {height: 25px; line-height: 25px; color: #61687c } .sider .fill-resume p {height: 27px; line-height: 27px; color: #6b7184 } .sider .fill-resume .btn {margin: 0 auto; display: block; margin-top: 10px; border-radius: 100px } .job-list {background: #fff; margin-right: 234px } .job-tab {line-height: 43px; border-bottom: 2px #f2f2f5 solid; padding: 0 30px } .job-tab a {display: inline-block; margin-right: 36px; font-size: 15px; color: #9fa3b0; border-bottom: 2px transparent solid; position: relative; margin-bottom: -2px } .job-tab a.cur {color: #00d7c6; border-bottom-color: #00d7c6 } .job-list li {height: 95px; cursor: pointer } .job-list li:hover {background-color: #f8f9fb; -webkit-transition: all linear .2s; transition: all linear .2s } .job-list li .name {font-size: 16px; font-weight: 400; height: 26px; line-height: 26px } .job-list li .name .job-title {font-size: 16px; font-weight: 400; max-width: 170px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .job-list li .name a {height: 26px; display: inline-block; line-height: 26px } .job-list li .name .title-box {height: 26px; display: inline-block; line-height: 26px } .job-list li .name span.red {height: 26px; display: inline-block; line-height: 26px; position: relative; float: right } .job-list li .name .red {padding-left: 8px } .job-list li p {margin-top: 2px; font-size: 12px; color: #9fa3b0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .job-list li .info-primary p {margin-top: 2px } .job-primary {height: 50px; color: #4a4160; padding: 22px 0; margin: 0 30px; border-bottom: 1px #f2f2f5 solid; position: relative } .job-primary.job-detail-primary {height: auto } .job-primary .info-company, .job-primary .info-primary {float: left; color: #4a4160 } .job-primary .info-primary {width: 290px } .job-primary .info-company {width: 240px } .job-primary .info-publis {float: right; white-space: nowrap; overflow: hidden; width: 175px; text-overflow: ellipsis; text-align: right } .job-primary .info-publis img {width: 20px; height: 20px; border-radius: 40px; vertical-align: middle; margin: -3px 10px 0 0 } .job-primary .info-publis h3 {font-size: 13px; white-space: nowrap; display: inline-block } @-moz-document url-prefix() {.job-primary .info-publis {text-align: right; overflow: auto; text-overflow: unset } .job-primary .info-publis h3 {overflow: hidden; text-overflow: ellipsis; width: 100% } } .job-primary .info-publis p {text-align: right } .job-primary .info-detail {position: absolute; left: 0; top: 60px; width: 560px; height: auto; background: rgba(97, 104, 124, .9); z-index: 20; display: none; padding: 16px 24px 13px 24px } .ie .job-primary .info-detail {background: #707789 } .job-primary .name .info-detail .job-title {color: #fff; max-width: unset; display: block; margin-bottom: 5px } .job-primary .info-detail h4 {font-size: 12px; color: #fff } .job-primary .info-detail h4 span {border: solid 1px #fff; border-radius: 3px; font-weight: 400; display: inline-block; height: 19px; line-height: 20px; padding: 0 5px; margin-right: 10px } .job-primary .info-detail .tags {font-size: 12px; color: #fff } .job-primary .info-detail .tags span {border: solid 1px #fff; border-radius: 3px; font-weight: 400; display: inline-block; height: 19px; line-height: 20px; padding: 0 5px; margin-right: 10px } .job-primary .info-primary .info-detail p {color: #fff; margin: 7px 0 0 0; line-height: 21px; height: 45px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 } .job-primary .info-detail:after {content: ''; position: absolute; top: -20px; left: 40px; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: rgba(97, 104, 124, .9); z-index: 9999 } .job-primary .info-primary h3 a.cur .info-detail {display: block } .job-primary.detail-box {border: none; height: auto; padding: 0; margin: 0 } .job-primary.detail-box .info-primary {width: 500px } .job-primary.detail-box .info-company {width: 495px; float: right; text-align: right } .sider-list {background: #fff; margin-bottom: 15px } .sider-list h3 {height: 45px; line-height: 45px; font-size: 15px; color: #54cbc4; padding-left: 25px; font-weight: 400; border-bottom: solid 2px #f2f2f5 } .sider-list li {margin: 0 25px; border-bottom: solid 1px #eef0f5; padding: 8px 0 2px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .sider-list li:last-of-type {border: none } .sider-list li h4 {font-weight: 400; padding-right: 70px; position: relative; font-size: 14px; text-overflow: ellipsis; overflow: hidden } .sider-list li .salary {position: absolute; color: #fc6c38; right: 0 } .sider-list li p {line-height: 22px; color: #8d92a1; font-size: 12px; margin-bottom: 6px } .about-search a {height: 40px; line-height: 40px } .company-card {border-bottom: 20px #f2f2f5 solid; padding: 30px 40px } .company-card:hover {background-color: #f8f9fb; cursor: pointer } .company-card .btns {float: right } .company-card .btns p {text-align: right; padding-bottom: 5px } .company-card .btns .btn {margin-left: 20px; height: 30px; line-height: 30px; font-size: 14px; letter-spacing: 0; min-width: 90px } .company-card .company-logo {width: 60px; height: 60px; float: left; margin-left: 0 } .company-card .company-logo img {width: 60px; height: 60px; display: block } .company-card .info-primary h3 {margin-left: 80px; font-weight: 400; font-size: 20px; padding-bottom: 12px } .company-card .info-primary p {margin-left: 80px } .company-header {background: #fff; margin-top: 20px; min-height: 100px; padding: 30px 40px } .company-figure {width: 100px; float: left } .company-figure img {display: block; width: 100px; height: 100px } .company-header .text {margin-left: 132px } .company-header .text .title {font-size: 24px; font-weight: 400; padding-top: 4px } .company-header .text p {padding-top: 10px } .company-logo {width: 62px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 23px } .company-logo img {width: 60px; height: 60px; border-radius: 10px; border: 1px solid #f2f5fa } .company-text {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100% } .job-tags {padding-top: 15px } .job-tags .job-author {float: right; text-align: right } .job-tags span {display: inline-block; border: 1px #d1d4da solid; padding: 0 12px; line-height: 20px; border-radius: 15px; margin-right: 15px; margin-top: 6px; font-size: 12px; color: #9fa3af; margin-bottom: 10px } .job-time {padding-top: 4px; margin-bottom: -2px } .job-tags .time, .job-time .time {font-size: 12px; color: #d1d4da; border: 0; padding: 0 } .job-tags .time {margin-top: 10px } .job-list .job-author p {padding-top: 0; margin-top: 0; color: #4a4160 } .job-author img {width: 40px; height: 40px; border-radius: 100%; vertical-align: middle; margin-left: 35px } .job-banner {/*background: #444c60 url(/v2/web/geek/images/detail-bg.jpg) center center no-repeat;*/ height: 204px; color: #fff; padding-top: 10px } .job-banner .job-author {padding-top: 5px } .job-banner .job-author .time {padding-top: 0; background-position: 0 -1190px; padding-left: 20px; color: #e3e7ed; font-size: 12px } .job-banner .name {font-size: 24px; color: #fff; font-weight: 400; padding: 5px 0 8px } .company-banner .name h1, .job-banner .name h1 {font-size: 24px; display: inline-block; font-weight: 400; margin-right: 10px; line-height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 400px } .job-banner .name a {color: #fff } .job-banner .name .badge {font-size: 14px; vertical-align: middle; margin-top: -19px } .job-banner .vline {background: #9fa3b0 } .job-banner .info-primary p {color: #fff } .job-banner .info-primary .job-tags {padding-top: 8px } .job-banner .info-company {padding-top: 36px; color: #fff; max-width: 570px } .detail-grab .job-banner {padding-top: 20px; height: 161px } .detail-grab .job-banner .info-company {padding-top: 0; width: 495px } .detail-grab .job-banner .info-company p {overflow: unset; white-space: normal } .detail-grab .job-banner .info-primary .name {padding: 8px 0 10px; line-height: 35px } .detail-grab .detail-op {padding-top: 10px; position: relative; z-index: 10 } .detail-grab .pop-detail .jconfirm-box .buttons .btn {float: right } .job-banner .company-logo {width: 102px; padding-top: 6px; float: right } .company-detail-grab .company-banner {padding: 35px 0 10px } .company-detail-grab .promotion-job li .name {font-size: 16px } .company-detail-grab .job-list {margin: 35px 0 0 } .company-detail-grab .job-list .detail-op {padding-top: 0 } .company-detail-grab .job-list .job-primary .info-primary {width: 470px } .company-detail-grab .job-list h3 {font-size: 14px } .company-detail-grab .job-list li:hover {background: 0 0 } .company-detail-grab .job-list li:hover .job-title {color: #00d7c6 } .company-detail-grab .job-primary {margin: 0 } .company-detail-grab .job-primary .info-publis p {margin-top: 15px } .company-detail-grab .promotion-job li:last-of-type {border-bottom: 1px #f5f7f9 solid } .job-banner .company-logo img {width: 100px; height: 100px; border: 0 } .job-banner .info-company p {padding-bottom: 0; padding-top: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .job-banner .info-company h3, .job-banner .info-company p {margin-right: 138px } .job-banner .info-company p a {color: #fff } .job-detail {position: relative; padding-right: 25px; border-right: 1px #f5f7f9 solid; margin-right: 322px; padding-bottom: 45px; min-height: 813px } .job-detail .detail-figure {position: absolute; top: -62px; left: 0 } .job-detail .detail-figure img {width: 73px; height: 73px; border-radius: 100% } .job-detail .links {width: auto; margin-top: 25px } .job-detail .recommend-box {margin-top: 20px; position: relative } .job-detail .recommend-box h3 {font-size: 15px; margin-bottom: 20px; font-weight: 400 } .job-detail .recommend-box .recommend-li {width: 265px; padding: 9px 25px 8px 35px; float: left; height: 50px } .job-detail .recommend-box .name {font-size: 15px; position: relative; padding-right: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .job-detail .recommend-box .name .red {position: absolute; right: 0 } .job-detail .recommend-box .recommend-li p {color: #8d92a1 } .job-detail .slider-main {width: 654px; height: 391px; border: solid 1px #eef0f5 } .job-detail .slider-main ul li {margin-top: 12px; border-bottom: solid 1px #eef0f5; padding-bottom: 5px; height: 335px } .job-detail .slider-main li {height: auto } .job-detail .swiper-container .swiper-slide {margin-left: -2px } .job-detail .recommend-box .swiper-container {border: solid 1px #eef0f5 } .job-detail .recommend-box .swiper-pagination {bottom: 0; padding: 6px 0; border-top: solid 1px #eef0f5 } .job-detail .recommend-box .btn-direction {display: inline-block; bottom: 10px; top: unset;	/*background: url(/v2/web/geek/images/icons.png) no-repeat;*/ width: 40px; height: 40px; position: absolute; bottom: 0; z-index: 9999 } .job-detail .recommend-box .btn-prev {background-position: 15px -1478px; left: 10px } .job-detail .recommend-box .btn-next {background-position: 15px -1528px; right: 10px } .job-detail .recommend-box .swiper-pagination-bullet-active {background: #54cbc4 } .job-detail .recommend-box .slider-dot {position: absolute; bottom: 5px; right: 250px; top: unset; width: 126px } .job-detail .recommend-box .slider-dot i {height: 10px; width: 10px; margin-right: 12px; border: solid 1px #e5e8ee; opacity: 1 } .job-detail .recommend-box .slider-dot i {border-radius: 100px } .job-detail .recommend-box .slider-dot i.cur {background: #54cbc4; border-color: #54cbc4 } .job-detail .slider-main li {font-size: 12px; line-height: 25px } .smallbanner {width: 100%; height: 80px;	/*background: #444c60 url(/v2/web/geek/images/detail-bg.jpg) center center no-repeat;*/ color: #fff; position: fixed; z-index: 1001; top: 0; display: none } .smallbanner .detail-op {padding: 0 } .smallbanner .detail-op .btns {float: right; margin-top: 21px; padding: 0 } .smallbanner .btn-outline {background: 0 0; color: #fff; margin-right: 18px } .smallbanner .btn-outline:hover {background: #6adbcf } .smallbanner .btn-disabled:hover {background: 0 0 } .smallbanner .name {font-size: 24px; line-height: 80px } .smallbanner .name a {color: #fff; line-height: 80px } .smallbanner .name span {vertical-align: middle; margin-top: -3px } .company-banner {background-color: #444c5f; background-position: center 0; background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; color: #fff; padding: 29px 0 } .company-banner .job-primary {border: none; padding: 0; margin: 0 } .company-banner .info-company {float: none } .company-banner .company-logo {float: left } .company-banner .company-logo {width: 80px; height: 100px; float: right; margin-left: 57px } .company-banner .company-logo img {width: 80px; height: 80px; border: 0 } .company-banner .info-primary {height: 100px; overflow: hidden; color: #fff; max-width: 800px } .company-banner .name {font-size: 24px; color: #fff; font-weight: 400; padding: 3px 0 15px } .company-banner .info-primary h1, .company-banner .info-primary p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .company-banner .info-primary p {padding-bottom: 9px } .company-banner .info-primary .vline {background: #878d9b } .company-banner .company-stat {float: right; color: #fff; padding-top: 0 } .dark-text, .light-text {padding: 65px 0 } .dark-text .info-primary p, .dark-text .name {color: #424a5e } .dark-text .company-tab, .light-text .company-tab {margin-top: 43px } .dark-text .company-tab a {color: #424a5e; opacity: .8; filter: alpha(opacity=80) } .dark-text .company-tab a.cur {color: #424a5e } .light-text .company-tab a {color: #fff; opacity: .8; filter: alpha(opacity=80) } .light-text .company-tab a.cur {color: #fff } .dark-text .company-stat, .light-text .company-stat {display: none } .dark-text .company-tab, .light-text .company-tab {margin-bottom: -66px } .company-stat span {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center } .company-stat span a {color: #fff } .company-stat span b {display: block; font-size: 36px; color: #54cbc4; font-weight: 400; line-height: 36px; padding-bottom: 8px; text-align: right } .company-stat .vline {height: 50px; background: #636b7c; margin: 0 35px } .company-tab {margin-bottom: -29px; margin-top: 0 } .company-tab a {display: inline-block; vertical-align: top; font-size: 15px; color: #fff; margin-right: 45px; padding: 10px 0 } .company-tab a.cur {color: #18c3b1; border-bottom: 3px #62d5c8 solid } .company-tab a.disabled {cursor: default; color: #9fa3af } .company-hotjob {background: #f2f2f5; padding: 25px 0 18px; overflow: hidden } .company-hotjob h3 {font-weight: 400; font-size: 16px; padding-bottom: 20px } .company-hotjob ul {font-size: 0; white-space: nowrap } .company-hotjob li {display: inline-block; *display: inline; *zoom: 1; font-size: 14px; margin-right: 15px } .company-hotjob li a {display: block; width: 283px; padding: 19px 20px 17px; border: 1px #fff solid; background: #fff } .company-hotjob li a:hover {background: #f8f9fb; border-color: #f8f9fb } .company-hotjob li .name {padding-bottom: 10px } .company-hotjob li .salary {color: #fc703e; float: right; font-size: 16px } .company-hotjob li .name b {font-weight: 400; font-size: 16px; display: block; max-width: 152px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .company-hotjob li p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .small-item li {width: 188px; height: 98px } .small-item li a {width: 152px } .company-products li {min-height: 60px; overflow: hidden; padding: 14px 0 } .company-products li:last-of-type {padding-bottom: 0 } .company-products .figure {width: 60px; height: 60px; float: left } .company-products .figure img {width: 60px; height: 60px; border-radius: 12px; background-color: #f7f7f7 } .company-products .text {margin-left: 80px; font-size: 16px } .company-products .text .name {line-height: 24px; padding-bottom: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .company-products .text p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px } .company-sider .job-sec h3 {font-size: 15px; margin-top: 0 } .company-sider .manager-list h3 {position: relative } .manager-list .slider-dot {width: 100%; top: -30px; right: auto; left: -7px } .manager-list .slider-dot i {display: inline-block; width: 14px; height: 10px; border-bottom: 2px #c6c8cf solid; margin-right: 8px; cursor: pointer; opacity: 1 } .manager-list .slider-dot i.cur {border-bottom-color: #62d5c8; width: 19px } .manager-list .manager-inner {position: relative; height: auto !important } .manager-list li {display: none; padding-top: 13px } .manager-list li.cur {display: block } .manager-list .info-user {font-size: 0; padding-bottom: 10px } .manager-list .info-user img {width: 60px; height: 60px; border-radius: 100%; vertical-align: top } .manager-list .info-user p {display: inline-block; *display: inline; *zoom: 1; margin-left: 20px } .manager-list .info-user .name {display: block; font-size: 20px; padding-bottom: 10px } .manager-list .info-user .job-title {display: block; font-size: 16px } .more-view .fz-slidedown {background-position: 5px -786px; vertical-align: middle } .more-view .fz-slideup {background-position: 5px -810px; vertical-align: middle } .manager-list li .fold-text {max-height: 108px } .company-sider .picture-list h3 {margin-top: 5px } .picture-list {padding-bottom: 15px } .picture-list .slider-main {position: relative; width: 330px; height: 165px; margin-top: 28px } .picture-list li {position: absolute; top: 0; left: 0; height: 165px; display: none } .picture-list li.cur {display: block } .picture-list li img {display: block; width: 298px; height: 165px } .picture-list .slider-dot {width: 100%; text-align: center; right: 0; top: auto; bottom: 3px; *bottom: 10px } .picture-list .slider-dot i {width: 13px; height: 10px; border-bottom: 2px #59cac2 solid; background: 0 0; margin: 0 4px; opacity: .5 } .picture-list .slider-dot i.cur {opacity: 1; width: 19px } .recruiter-list ul {padding-top: 13px; padding-bottom: 10px } .recruiter-list li {padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px #f5f7f9 solid } .recruiter-list li:last-of-type {border-bottom: 0 } .recruiter-list .figure {width: 60px; height: 60px; float: left } .recruiter-list .figure img {display: block; width: 60px; height: 60px; border-radius: 100% } .recruiter-list .text {margin-left: 80px; *margin-top: -22px } .recruiter-list .text .name {line-height: 24px; font-size: 16px; padding-bottom: 5px } .recruiter-list .text .gray {line-height: 28px; color: #61687c } .recruiter-list .view-more {margin-top: -23px } .company-job .nojob-text {margin-top: 28px; margin-bottom: 12px } .company-job .job-category {padding-bottom: 20px } .company-job .job-category a {display: inline-block; line-height: 30px; margin-right: 40px } .company-job .job-category a.cur {color: #18c3b1 } .company-job .job-list {margin-right: 0 } .company-job .job-author {float: right; width: 390px; padding-top: 20px } .company-job .job-author .time {float: right; font-size: 12px; color: #9fa3af; margin-top: 20px } .company-job .job-author img {margin-left: 0; margin-right: 15px } .company-job .job-list p {margin-top: 14px } .company-job .job-list p.salary {color: #fc6c38; font-size: 18px } .detail-op {padding-top: 34px; padding-bottom: 0 } .detail-op .btns {float: right; padding-top: 4px } .detail-op .btns .btn-outline {margin-right: 20px } .detail-op .name {font-size: 20px; color: #424a5e; font-weight: 400 } .detail-op .name .icon-report {width: 20px; height: 20px; display: inline-block;	/*background: url(/v2/web/boss/images/icons-report.png) 2px 2px no-repeat;*/ vertical-align: middle; margin-left: 8px; cursor: pointer } .detail-op .name .icon-report:hover {background-position: 2px -45px } .chat-list li {margin-top: 30px } .detail-op p {margin-top: 8px } .btn-loading:hover {background-color: #fff; color: #62d5c8; cursor: default } .job-sec {position: relative } .chat-sider h3, .job-sec h3, .secretary-sec h3 {font-size: 18px; font-weight: 400; color: #424a5e; line-height: 50px; padding: 0 0 10px 0; margin-top: 5px; margin-bottom: 0;	/*background: url(/v2/web/geek/images/line-sec.png) 0 45px no-repeat*/ } .job-sec .text, .secretary-sec .text {color: #61687c; line-height: 36px } .job-sec h4 {font-size: 14px; font-weight: 400; line-height: 36px; color: #424a5e } .job-sec h3 {font-weight: 700; font-size: 15px; color: #424a5e } .job-sec .job-tags {margin-bottom: -10px; padding-top: 4px } .secretary-sec h3 {background: 0 0; margin: 0 } .secretary-sec .text {border-bottom: 1px #f2f2f5 solid; padding-bottom: 20px } .secretary-sec .text:last-of-type {border-bottom: 0 } .job-sec .fold-text {max-height: 180px; overflow: hidden; position: relative } .job-sec .fold-text .more-view {position: absolute; bottom: 6px; right: 0;	/*background: url(/v2/web/geek/images/layer-more.png) no-repeat;*/ padding-left: 22px; color: #9fa3b0; line-height: 24px; display: none; z-index: 1001 } .job-sec .look-all {color: #5dd5c8; position: absolute; bottom: 4px; right: 0 } .level-list {margin-top: 5px; height: 66px } .level-list li {display: inline-block; width: 248px; margin-top: 5px } .level-list span {display: inline-block; margin-right: 7px; color: #8d92a1 } .level-list .res-time {width: 150px; float: right } .level-list .company-type {width: 350px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .level-list .manage-state {width: 230px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .job-sec.company-info .text {height: auto; overflow: hidden } .job-sec.company-info .look-all {/*background: url(/v2/web/geek/images/layer-more.png) no-repeat;*/ padding-left: 20px } .job-sec.company-info .look-all span {color: #61687c !important } .job-recomend {margin-top: 30px; padding-top: 25px; border-top: 1px #f5f7f9 solid } .detail-search h3, .job-recomend h3 {color: #4a4e52; font-size: 16px; font-weight: 400; margin-bottom: 24px } .company-hotjob .more, .detail-search .more, .job-recomend .more, .promotion-job .more, .recruiter-list .more {float: right; font-size: 14px; color: #9fa3b0; background-position: right -1581px; padding-right: 28px; margin-right: -10px } .company-hotjob .more:hover, .detail-search .more:hover, .job-recomend .more:hover, .promotion-job .more:hover, .recruiter-list .more:hover {color: #4a4e52 } .job-recomend ul {font-size: 0; white-space: nowrap; overflow: hidden } .job-recomend li {width: 208px; margin-right: 14px; display: inline-block; *display: inline; *zoom: 1; font-size: 14px } .job-recomend li a {display: block; height: 60px; padding: 15px 11px; border: 1px #e3e7ed solid } .job-recomend li a:hover {border: 1px #5dd5c8 solid } .job-recomend li .name {font-size: 14px; margin-bottom: -4px; margin-top: -4px } .job-recomend li a:hover .name {color: #414a60 } .job-recomend li .name b {display: inline-block; font-weight: 400; max-width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; margin-top: -2px } .job-recomend .company-logo {float: left; margin-left: 0 } .job-recomend .company-logo img {width: 60px; height: 60px } .job-recomend .info-primary {margin-left: 73px } .job-recomend .info-primary p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 22px } .detail-content .text {word-break: break-all; word-wrap: break-word } .detail-content .suggest-result {width: 651px; left: 0 } .detail-content .city-box {left: 425px } .company-business {overflow: hidden } .company-business h4 {font-size: 16px; margin-bottom: 13px } .company-business h4 span {float: right; font-size: 14px; color: #9fa3b0 } .business-detail {border: 1px #d9dadf solid; padding: 15px 25px; padding-right: 12px; border-radius: 8px; height: 46px } .business-detail label {float: right; width: 54px; cursor: pointer; color: #9fa3b0; position: relative; top: 5px } .business-detail label:hover {color: #4a4e52 } .business-detail .fz-slidedown {background-position: 5px -786px; vertical-align: middle } .business-detail .fz-slideup {background-position: 5px -810px; vertical-align: middle } .business-detail ul {font-size: 0 } .business-detail li {display: inline-block; vertical-align: top; width: 220px; font-size: 14px; padding: 10px 0 } .business-detail .t {color: #9fa3b0; padding-right: 10px } .business-detail li.col-two {width: 440px } .business-detail li.col-code {width: 290px } .business-detail li.col-three {width: 610px } .business-detail li.col-auto {width: auto; display: block } .show-business-all {height: auto !important } .special-text .info-primary p, .special-text .name {color: #414a60 } .special-text .company-tab a {color: #414a60 } .special-text .company-tab a.cur {color: #414a60 } .special-text .job-primary .vline {background-color: #fff } .special-hotjob li {width: 218px; height: 98px; margin-right: 18px; box-shadow: 0 0 4px rgba(38, 42, 57, .1) } .special-hotjob li a {border: 1px solid #fff; padding: 17px; width: 182px } .special-hotjob li a:hover {border-color: #5dd5c8; background-color: #fff } .special-hotjob li a:hover b {color: #414a60 } .code-box {width: 38px; height: 148px; background-color: #fff; border: #edeef1 1px solid; border-right: none; position: absolute; right: 0; top: 75px; overflow: hidden; color: #9fa3b0; font-size: 16px; cursor: pointer; -moz-transition: all linear .5s; -webkit-transition: all linear .5s; transition: all linear .5s } .code-box span {width: 18px; display: inline-block; line-height: 19px; padding: 37px 10px; position: absolute; background-color: #fff; right: 0; z-index: 10 } .code-box:hover {width: 178px; border-color: #fff } .code-box:hover img {right: 41px } .code-box img {margin-top: 6px; width: 140px; height: 140px; margin-right: -8px; position: absolute; right: -74px; -moz-transition: all linear .5s; -webkit-transition: all linear .5s; transition: all linear .5s } .links {position: relative; height: auto; overflow: hidden; margin: 8px auto 6px auto; width: 1000px; font-size: 12px; height: 27px; overflow: hidden } .links label {position: absolute; right: 0; top: 0; color: #9fa3b0; cursor: pointer } .links .links-item {margin-bottom: 20px } .links dt {color: #4a4e52; font-size: 15px } .links .links-item a {color: #9fa3b0; font-size: 12px; margin-right: 26px; display: inline-block } .links .links-item a:hover, .links label:hover {color: #4a4e52 } .links .links-item a:hover {text-decoration: underline } .links .fz-slidedown {background-position: 5px -786px; vertical-align: middle } .links .fz-slideup {background-position: 5px -810px; vertical-align: middle } .links .links-item:first-child dd {width: 90% } .links-friends {height: auto } .links-friends dt {float: left; width: 78px; font-size: 12px } .links-friends dd {margin-left: 85px; width: auto !important; margin-right: 55px } .pos-bread {margin-top: 20px; color: #9fa3b0 } .pos-bread a {color: #9fa3b0 } .pos-bread a:hover {color: #4a4e52; text-decoration: underline } .pos-bread .icon-arrow-right {margin: -2px 5px 0 6px; vertical-align: middle } .job-box .pos-bread {margin-bottom: -24px; font-size: 12px } .job-banner .pos-bread {display: none } #footer .links {margin-top: 10px; clear: both } #footer .links dt, #footer .links label {color: #eeeff3 } #footer .links dt {width: 71px } #footer .links dd {margin-left: 71px } #footer .links dd a {color: #eeeff3 } #footer .links .links-item {margin-bottom: 0 } .promotion-download {padding: 30px; background: #d1d4db; margin-top: 40px } .promotion-qrcode {color: #fff; float: left } .promotion-qrcode img {width: 106px; height: 106px; display: block } .promotion-download .text {float: right; text-align: right; height: 106px; overflow: hidden; font-size: 16px; font-weight: 300; line-height: 27px; color: #fff } .promotion-download .text a {color: #fff } .promotion-download .text .link-row {padding-top: 30px } .link-download {display: inline-block; background-position: 102px -752px; padding-right: 25px } .promotion-job {margin-top: 20px; padding-bottom: 10px } .promotion-job h3 {color: #424a5e; font-size: 15px; font-weight: 400; padding: 7px 0 5px } .promotion-job li {border-bottom: 1px #f5f7f9 solid; padding-bottom: 18px } .promotion-job li:after {content: ''; clear: both; display: block; height: 0; overflow: hidden } .promotion-job li .name {font-size: 15px; color: #424a5e; padding: 20px 0 12px } .promotion-job li .name a:hover {color: #6adbcf } .promotion-job li:last-of-type {border-bottom: 0 } .promotion-job li .gray a {color: #9fa3af } .promotion-job li .gray a:hover {color: #4a4e52 } .promotion-job .info-primary {float: none } .promotion-job .name a {color: #424a5e } .promotion-job .company-logo {padding-top: 20px; float: right } .promotion-job .company-logo img {border-radius: 10px; display: block } .promotion-job .view-more a, .recruiter-list .view-more a {display: block; border: 1px #e3e7ed solid; height: 40px; text-align: center } .promotion-job .view-more .more, .recruiter-list .view-more .more {float: none; display: inline-block; font-style: normal; margin-top: 7px } .promotion-img {margin-top: 15px !important } .promotion-img img {display: block; width: 298px } .job-location {box-shadow: 0 0 10px rgba(0, 0, 0, .1); margin-top: 15px } .location-address {display: block; background-position: 15px -420px; padding-left: 25px; color: #62687a; padding: 13px 15px 11px 35px; font-size: 15px; border-bottom: 1px #ecedef solid; cursor: pointer } .location-address:last-of-type {border-bottom: 0 } .location-address .more-view {float: right; margin-top: -3px } #map-container, .map-container {height: 174px } .location-item .map-container {display: none } .show-map .map-container {display: block } .show-map .location-address {cursor: default; background-position: 15px -1965px } .show-map .more-view .fz-slidedown {background-position: 5px -808px } .promotion-top {background: #f6f6f8; padding: 20px 25px; margin-top: 20px } .promotion-top a {display: block } .promotion-top h3 {font-size: 20px; font-weight: 400; margin-bottom: 10px } .promotion-top .arrow-right {float: right; width: 28px; height: 28px; background-position: 3px -1641px; margin-top: -1px; margin-right: -5px } .promotion-top .text-blue {color: #5dd5c8; padding: 0 5px } .promotion-sign {background: #f6f6f8; padding: 25px 25px 30px; margin-top: 30px } .promotion-sign .sign-form {background: 0 0; float: none; padding: 0; width: 280px } .promotion-sign .sign-form .intro {padding-bottom: 0 } .promotion-sign .sign-form .form-row {margin-top: 22px } .promotion-sign .sign-form .ipt {width: 242px } .promotion-sign .sign-form .ipt-code {width: 122px; min-width: 0 } .promotion-sign .form-btn {margin-top: 28px } .promotion-sign .form-btn .error-tip {margin-top: -28px } .job-sider .job-sider .sign-form {box-shadow: none; padding: 0; background: #f6f6f8; border-radius: 0; padding: 20px 25px 20px; width: auto } .job-sider .sign-form h3 {font-size: 20px; font-weight: 400 } .job-sider .sign-form p {color: #a7abb7; margin-top: 5px } .job-sider .sign-form .tip-error {height: 25px; padding-top: 5px } .job-sider .job-sider .sign-form .ipt-code {width: 86px } .job-sider .sign-form .ipt-sms {width: 191px } .job-sider .sign-form .form-row {margin-top: 20px } .job-sider .sign-form .tip-error {margin-bottom: -20px } .job-sider .sign-form .form-btn {margin-top: 20px } .job-sider .sign-form .text-tip {padding: 20px 0 0 } .job-sider .welcome-box img {width: 178px; height: 150px } .job-sider .welcome-text {padding-bottom: 20px } .job-sider .sign-welcome .form-btn {margin-top: 10px } .job-sider .sign-welcome div.count-down {padding: 10px 0 0 } .amap-copyright, .amap-logo {z-index: 0 !important } .container-mes, .container-tip {margin-right: 50px; position: fixed; bottom: 50px; z-index: 111111; width: 232px; right: 0; text-align: right; display: none } .container-mes .message {position: relative; top: 160px; padding-right: 10px } .container-mes li {margin-bottom: 20px; text-align: right; display: none } .container-mes li .text {display: inline-block; line-height: 24px; background-color: #f2f5fa; vertical-align: top; color: #424a5e; padding: 7px 20px; border-radius: 7px; max-width: 494px; position: relative; word-break: break-all; border-bottom-right-radius: 0; box-shadow: 0 1px 2px 0 rgba(176, 176, 176, .3) } .container-mes .avatar {position: relative; width: 80px; height: 80px; padding: 10px 0; float: right; text-align: center; margin-top: 30px } .container-mes .avatar img {width: 60px; height: 60px; -webkit-transition: all linear .2s; transition: all linear .2s; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 101; cursor: pointer; box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5) } .container-mes .avatar img:hover {width: 68px; height: 68px } .aladingtip {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #565e70; filter: alpha(opacity=70); display: none; z-index: 100; background: rgba(86, 94, 112, .7) } .aladingtip img {position: fixed; right: 190px; bottom: 66px } .avatar-ani {-webkit-animation: scale .8s linear infinite alternate; -moz-animation: scale .8s linear infinite alternate; -ms-animation: scale .8s linear infinite alternate; -o-animation: scale .8s linear infinite alternate; animation: scale .8s linear infinite alternate } .tip-box {background-color: #22c5b4; padding: 36px 32px; color: #fff; text-align: center; margin-bottom: 15px } .tip-box p {font-size: 14px } .tip-box .tit {font-size: 22px; line-height: 40px } .tip-box a {background-color: #3ed4c4; width: 265px; height: 42px; display: block; line-height: 42px; margin-top: 60px; color: #fff } .tip-box i.trangle {width: 0; height: 0; border: 15px solid transparent; border-top: 15px solid #22c5b4; position: absolute; bottom: 49px; right: 17px } .container-tip {bottom: 70px; right: 10px } .container-tip .tip-bot {width: 60px; height: 60px; position: relative; float: right } .container-tip .close {width: 46px; height: 46px; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;	/*background: #22c5b4 url(/v2/web/geek/images/close-alading.png) center center no-repeat;*/ box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5); -webkit-transition: all linear .1s; transition: all linear .1s } .container-tip .close:hover {background-color: #18c3b1; width: 54px; height: 54px } .pop-detail .jconfirm-box .title-c {padding: 37px 43px 25px !important } .pop-detail .jconfirm-box .buttons {margin-top: -30px } .deliver-pop .text {font-size: 16px; color: #9fa3af; min-height: 70px } .deliver-pop .btns {position: relative; margin-top: -10px } .deliver-pop .btns .btn, .pop-detail .jconfirm-box .buttons .btn {font-size: 14px; letter-spacing: 0; min-width: 96px; margin-right: 20px } .deliver-pop .btns #fileupload {width: 96px; height: 38px; position: absolute; left: 0; top: 0; font-size: 34px; opacity: 0; filter: alpha(opacity=0) } .deliver-pop .resume-attachment {border-bottom: 0; padding-bottom: 0 } .deliver-pop .resume-attachment .loadresume {margin-top: -35px } .deliver-pop .resume-attachment .fz-close {display: none } body.page-darkblue {background: #0e2f43 } .page-darkblue .company-banner, .page-darkblue .job-banner {background-color: #0a2434 } .page-darkblue .company-banner .info-primary .vline {background: #9dc6c6 } .page-darkblue .company-hotjob {background: 0 0 } .page-darkblue .company-hotjob li a {background-color: #233e53; border-color: #233e53 } .page-darkblue .company-hotjob li a:hover {border-color: #62d5c8 } .page-darkblue .company-hotjob li .name b {color: #fff } .page-darkblue .company-hotjob h3, .page-darkblue .company-products .text .name a, .page-darkblue .detail-op .name, .page-darkblue .detail-search h3, .page-darkblue .job-recomend h3, .page-darkblue .job-sec h3, .page-darkblue .links .links-item dt, .page-darkblue .location-address, .page-darkblue .promotion-job h3 {color: #fff } .page-darkblue .company-job .job-category a, .page-darkblue .company-products .text p, .page-darkblue .job-sec .text, .page-darkblue .recruiter-list .text .gray, .page-darkblue .secretary-sec .text {color: #d1d4db } .page-darkblue .company-job .job-category a.cur {color: #18c3b1 } .page-darkblue .location-address {border-bottom-color: #4c5f6a; background-color: #233e53 } .page-darkblue .location-item:last-of-type .location-address {border-bottom-color: #233e53 } .page-darkblue .show-map .location-address {border-bottom-color: #233e53 } .page-darkblue .links .links-item a:hover, .page-darkblue .links label:hover {color: #fff } .page-darkblue .job-detail {border-right-color: #293f52 } .page-darkblue .job-recomend li .name b, .page-darkblue .manager-list .info-user, .page-darkblue .promotion-job li .name, .page-darkblue .recruiter-list .text .name a {color: #fff } .page-darkblue .promotion-job li, .page-darkblue .recruiter-list li {border-bottom-color: #334d5b } .page-darkblue .job-recomend {border-top-color: #334d5b } .page-darkblue .job-recomend li a {background: #233e53; border-color: #233e53 } .page-darkblue .job-recomend li a:hover {border-color: #62d5c8 } .page-darkblue .promotion-job .view-more a, .page-darkblue .recruiter-list .view-more a {border-color: #788a96; color: #fff } .page-darkblue .company-hotjob .more, .page-darkblue .detail-search .more, .page-darkblue .job-recomend .more, .page-darkblue .promotion-job .more, .page-darkblue .recruiter-list .more {color: #d1d4db } .page-darkblue .company-hotjob .more:hover, .page-darkblue .recruiter-list a:hover .more {color: #fff } .page-darkblue .job-sider .sign-form, .page-darkblue .promotion-top {background: #233e53 } .page-darkblue .promotion-top h3 {color: #fff } .page-darkblue .manager-list .slider-dot i {background: 0 0 } .page-darkblue .job-sec .fold-text .more-view {/*background-image: url(/v2/web/geek/images/layer-blue-more.png)*/ } .page-darkblue #footer {background: #213b53 } .page-darkblue .footer-logo {opacity: .3 } .page-darkblue .copyright, .page-darkblue .footer-social p {color: #627486 } .page-darkblue .footer-social p a {color: #627486 !important } .page-darkblue .footer-social p a:hover {color: #fff !important } .page-darkblue .footer-social p b {color: #97b0c8 } .page-darkblue #footer .links dd a, .page-darkblue #footer .links dt, .page-darkblue #footer .links label {color: #627486 } .page-darkblue #footer .links label .fz {opacity: .3; filter: alpha(opacity=30) } .page-darkblue .company-job .job-list {background: #213b53 } .page-darkblue .company-job .job-list li {border-bottom-color: #0e2f43 } .page-darkblue .company-job .job-list li .name {color: #fff } .page-darkblue .company-job .job-list p {color: #d1d4db } .page-darkblue .company-job .job-list li:hover {background: #12364d } .page-darkblue .page a, .page-darkblue .page span {background-color: #213b53; color: #d1d4db; border-color: #213b53 } .page-darkblue .page a.next, .page-darkblue .page a.prev {border-color: #798896 } .page-darkblue .page a.cur {background-color: #62d5c8; border-color: #62d5c8; color: #fff } @-webkit-keyframes scale {0% {transform: scale(1, 1) } 100% {transform: scale(1.2, 1.2) } } @-moz-keyframes scale {0% {transform: scale(1, 1) } 100% {transform: scale(1.2, 1.2) } } @-ms-keyframes scale {0% {transform: scale(1, 1) } 100% {transform: scale(1.2, 1.2) } } @-o-keyframes scale {0% {transform: scale(1, 1) } 100% {transform: scale(1.2, 1.2) } } @keyframes scale {0% {transform: scale(1, 1) } 100% {transform: scale(1.2, 1.2) } } .protocol {background: #fff; margin: 37px auto 55px auto; padding: 15px 45px 65px 45px; min-height: calc(100% - 330px); box-sizing: border-box } .protocol h1 {text-align: center; margin-bottom: 50px; margin-top: 25px; font-size: 22px; font-weight: 400 } .protocol img {max-width: 100%; display: block; margin: 0 auto } .licence {height: 100% } .boss-list, .deliver-list {margin-right: 360px; min-height: 630px } .deliver-sider {width: 330px } .deliver-sider .nav-option {width: 100%; height: 126px; margin-bottom: 20px; border-top: 4px solid #5dd5c8 } .deliver-sider .nav-option a {float: left; height: 126px; background-color: #fff; width: 110px; text-align: center; line-height: 165px; position: relative } i.fz-mes {background-position: 0 -953px; position: absolute; top: 32px; left: 43px } i.fz-deliver {background-position: 0 -1006px; position: absolute; top: 32px; left: 43px } i.fz-cv {background-position: 0 -1057px; position: absolute; top: 32px; left: 43px } .deliver-sider .promotion-img img {width: 330px } .deliver-list li {padding-bottom: 12px; border-bottom: 2px #f8fafc solid; cursor: default } .deliver-list .company-text {position: relative; float: right } .deliver-list li p {margin-top: 14px; line-height: 24px } .deliver-list .company-text .text {margin-right: 78px } .deliver-list .company-text img {position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-radius: 100% } .deliver-list .info-bottom {margin-top: 30px; overflow: hidden } .deliver-list .job-time {display: inline-block } .deliver-list .info-bottom .job-time span {line-height: 30px } .deliver-list .job-time .time {float: none } .deliver-list .job-time .status {font-size: 12px; color: #55cbc4; padding: 15px 40px 0 0 } .deliver-list a.btn {float: right; height: 30px; line-height: 30px; min-width: 78px; width: 78px; font-size: 14px } .deliver-list .loadmore {border-top: 2px #f8fafc solid; margin-top: -2px; display: none; color: #9fa3b0 } .deliver-list .loadmore:hover {color: #55cbc4 } .boss-list li {padding: 26px 40px; position: relative; min-height: 60px } .boss-list li .op {float: right; padding-top: 17px } .boss-list li .op .time {color: #9fa3b0 } .boss-list li .op .btn {display: none; height: 30px; line-height: 30px; min-width: 76px; font-size: 14px } .boss-list .text {position: relative; margin-right: 150px; margin-left: 80px } .boss-list .figure img {width: 60px; height: 60px; border-radius: 100%; line-height: 113px; display: inline-block; float: left; position: absolute; top: 50%; margin-top: -30px } .boss-list li .info {margin-left: 18px; display: inline-block; width: 100% } .boss-list li .name {font-size: 18px; color: #414a60; font-weight: 400 } .boss-list li .name .gray {font-size: 14px; padding-left: 25px } .boss-list li .company-info i {width: 24px; line-height: 20px; display: inline-block; text-align: center } .boss-list li .job-info {color: #9fa3b0; font-size: 14px; display: inline-block } .boss-list li p {font-size: 14px; color: #9fa3b0; margin-top: 5px } .icon-new {display: inline-block; width: 33px; height: 14px;	/*background: url(/v2/web/geek/images/icon-new.png) no-repeat;*/ vertical-align: middle; margin-right: 8px; margin-top: -1px } .boss-list li:hover {cursor: default } .boss-list li p.gray {font-size: 14px; color: #61687c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .boss-list li.read p.gray {color: #9fa3b0 } .boss-list li .com-info {overflow: hidden; text-align: right; float: right; height: 66px; position: absolute; right: 0; top: 50%; margin-top: -33px } .boss-list li:hover .btn {display: inline-block } .boss-list li:hover .time {display: none } .boss-list li .com-info span {color: #9fa3b0; font-size: 14px; line-height: 66px } .deliver-list li p.new {margin-top: 14px; line-height: 24px; width: 75%; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .notice-badge {position: absolute; top: 50px; right: 25px; font-size: 12px; min-width: 8px; line-height: 16px; padding-left: 5px } .fz-resume, .upload-layer {width: 24px; height: 24px;	/*background: url(/v2/web/geek/images/icons-resume.png) no-repeat;*/ display: inline-block; vertical-align: middle } .sider-resume {width: 270px; padding: 8px 30px; background-color: #fff } .sider-resume .title {color: #414a60; font-size: 18px; padding: 18px 0 10px 0; font-weight: 400 } .resume-attachment {padding-bottom: 18px; border-bottom: 1px solid #f6f7f9; position: relative } .resume-attachment li a {display: block } .resume-attachment li span {display: inline-block; width: 250px; height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .resume-progress {padding-top: 10px } .sider-resume .resume-attachment li:hover .fz-close {background-position: -26px -696px } .sider-resume li {color: #9fa3b0; font-size: 14px; cursor: default } .sider-resume .resume-attachment li:hover a, .sider-resume li:hover, .sider-resume li:hover a {color: #414a60; -webkit-transition: all linear .2s; transition: all linear .2s } .sider-resume .progress {width: 100%; height: 8px; background-color: #e3e5e9; border-radius: 20px; margin-top: 6px; margin-bottom: 18px; display: none } .sider-resume .progress-score {font-size: 18px; color: #5dd5c8; float: right } .sider-resume .progress p {width: 80%; height: 100%; background-color: #5dd5c8; border-top-left-radius: 20px; border-bottom-left-radius: 20px } .resume-nav {padding-bottom: 30px } .resume-nav li {height: 58px; line-height: 58px; width: 100%; position: relative } .resume-nav li span {padding-left: 10px } .resume-nav li a.link-add, .resume-nav li a.link-edit {float: right; cursor: pointer; font-size: 12px; color: #414a60; display: none; *float: none; *color: #59cac2 } .resume-nav li:hover a {display: block; *display: inline; *zoom: 1 } .sider-resume .btn-download {height: 42px; line-height: 42px; margin-bottom: 20px; display: block } .fixed-nav {position: fixed; top: 0 } .file-btn {margin-top: -40px; position: relative } .btn-upload-file {width: 270px; height: 40px; display: block; position: relative } .btn-upload-file input {height: 40px; vertical-align: top; width: 100%; *margin-left: -20px; position: absolute; z-index: 1; left: 0; opacity: 0; filter: alpha(opacity=0) } .file-result {width: 270px; height: 40px; line-height: 40px; white-space: nowrap; text-align: center; background: #f7f7f7; border: 1px solid #f4f4f4; border-radius: 2px; font-size: 14px; color: #414a60 } .file-tip p {font-size: 12px; color: #d0d0d0 } .resume {padding: 28px 0 0; background-color: #fff; margin-right: 360px } .resume .update-time {font-size: 12px; color: #9fa3b0; padding: 0 38px 30px } .resume-item {position: relative; padding: 0 38px } .resume-item .info-labels .vline {margin: 0 20px } .resume-item .op {color: #9fa3b0; font-size: 12px; float: right; *margin-top: -35px } .history-item .op:hover a, .resume-item .op:hover a {color: #18c3b1; -webkit-transition: all linear .2s; transition: all linear .2s } .resume-item .op .vline {margin: 0 10px } .resume-item .name {font-weight: 400 } .resume-item .name .op {margin-right: 340px } .op .vline {margin: -2px 2px 0 8px } .resume-item .name:hover .op, .resume-item .title:hover .op {display: block } .resume-item .title {border-bottom: 1px #f2f3f3 solid; font-size: 16px; padding: 20px 0 15px; font-weight: 400 } .resume-item .figure {position: absolute; right: 0; top: 0; width: auto; margin-bottom: 0 } .resume-item .figure .avatar_box .upload-layer, .resume-item .figure .avatar_box img, .resume-item .figure .avatar_line, .resume-item .figure .upload-layer .file-control {width: 80px; height: 80px; border-radius: 100% } .resume-item .figure a.upload-layer {display: none; position: absolute; top: 0; left: 0; cursor: pointer; background-color: rgba(131, 131, 131, .8);	/*background-image: url(/v2/web/geek/images/icons-resume.png);*/ background-repeat: no-repeat; background-position: center -771px } .upload-layer .file-control {display: block; opacity: 0; cursor: pointer } .resume-item .figure:hover .upload-layer {display: block } .info-labels {padding: 20px 0 } .info-labels .label-text {display: inline-block; vertical-align: middle } .info-labels .op {display: none } .info-labels div:hover .op {display: block } .row-contact {margin-top: 15px } .resume-item .text {color: #9fa3b0; padding: 20px 0; line-height: 24px; word-break: break-all; word-wrap: break-word } .resume-item .text h4 {font-size: 16px; font-weight: 400; color: #414a60 } .resume-item .text h4 span {font-size: 12px; color: #9fa3b0; padding: 2px 14px; border: 1px solid #cfd1d7; border-radius: 50px; margin-right: 8px } .resume-item .period {float: right; color: #9fa3b0; font-size: 12px } .logo-company {width: 36px; float: right } .logo-company img {width: 36px; height: 36px; display: block } .chat-info .vline, .resume-item .history-item .vline, .resume-item .text h4 .vline, .text-company .vline {margin: 0 15px } .history-company, .history-education, .history-project {padding-top: 20px } .history-education, .history-project {position: relative; padding-left: 30px; overflow: hidden } .history-education:before, .history-project:before {content: ''; display: block; position: absolute; border-left: 1px #eee dashed; width: 0; top: 30px; left: 10px; bottom: 36px } .history-education h4.name, .history-project h4.name {font-size: 16px; font-weight: 400; position: relative; display: inline-block } .history-education h4.name:before, .history-project h4.name:before {content: ''; position: absolute; width: 7px; height: 7px; background: #fff; border: 1px #18c3b1 solid; border-radius: 100%; top: 9px; left: -24px } .history-item {padding-bottom: 15px; position: relative } .account-item .op, .history-item .op {display: none; *margin-top: 0 } .account-item:hover .op, .history-item:hover .op {display: block } .history-item:hover .period {display: none } .history-item .text {padding-top: 10px } .history-item .text h4 {position: relative; margin-bottom: 15px } .history-item .text h4:before {content: ''; position: absolute; width: 5px; height: 5px; background: #ddd; border-radius: 100%; top: 9px; left: -22px } .history-item .tags {margin-top: 15px } .history-item .tags span {display: inline-block; border: 1px #cfd1d7 solid; border-radius: 15px; margin-right: 12px; color: #9fa3b0; font-size: 12px; line-height: 18px; padding: 0 15px } .prefix-minyear {position: absolute; top: 4px; left: 15px; width: 62px; background-color: #fff; color: #9fa3b0; font-style: normal; display: none } .show-prefix-minyear .prefix-minyear {display: block } .resume .show-prefix-minyear .prefix-minyear {color: #414a60; top: 8px; left: 12px } .social-account {padding-bottom: 28px } .account-item {margin-top: 24px } .account-item img {width: 30px; height: 30px; border-radius: 100%; margin-right: 24px; vertical-align: middle } .account-item>span {width: 380px; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle } .fz-female {background-position: 0 0; vertical-align: top } .fz-male {background-position: -24px 0; vertical-align: top } .fz-experience {background-position: 4px -477px } .fz-degree {background-position: 2px -507px } .fz-status {background-position: -26px -478px } .fz-tel {background-position: -25px -506px } .fz-mail {background-position: 4px -535px } .fz-weixin {background-position: -28px -586px } .fz-job {background-position: -25px -535px } .fz-salary {background-position: 2px -561px } .fz-industry {background-position: -26px -561px } .fz-place {background-position: 2px -585px } .fz-close {background-position: 6px -696px; float: right } .fz-info {background-position: 0 -54px } .fz-contact {background-position: -1px -620px } .fz-adventage {background-position: 0 -109px } .fz-positon {background-position: 0 -168px } .fz-history {background-position: 0 -225px } .fz-project {background-position: 0 -283px } .fz-eaducation {background-position: 0 -339px } .fz-edit {background-position: 5px -29px } .fz-add {background-position: 6px -662px } .fz-socal {background-position: 0 -399px } .fz-delete {background-position: 3px -739px } .sider-resume .fz-resume {width: 20px } .resume-nav li:hover .fz-info {background-position: -29px -54px } .resume-nav li:hover .fz-contact {background-position: -28px -620px } .resume-nav li:hover .fz-adventage {background-position: -31px -109px } .resume-nav li:hover .fz-positon {background-position: -30px -168px } .resume-nav li:hover .fz-history {background-position: -30px -225px } .resume-nav li:hover .fz-project {background-position: -30px -283px } .resume-nav li:hover .fz-eaducation {background-position: -30px -339px } .resume-nav li:hover .fz-socal {background-position: -30px -399px } .resume-attachment .fz-close {width: 20px; position: absolute; z-index: 2; cursor: pointer } .op a:hover .fz-add {background-position: -25px -662px } .op a:hover .fz-edit {background-position: -25px -29px } .op a:hover .fz-delete {background-position: -27px -739px } .item-form {display: none } .item-primary {position: relative } .resume-item-open {background-color: #f8f9fb } .resume-item-open .item-primary {display: none } .resume-item-open .item-form {display: block } .form-resume .title {padding: 23px 0 9px 13px } .form-resume .form-row dl {display: inline-block; width: 336px; vertical-align: top; *zoom: 1; *display: inline; margin: 0 14px } .item-form-through {margin: 0 14px } .form-resume .item-form-through dl {display: block; width: auto; margin: 0 } .form-resume .title {border-bottom: 0 } .form-resume .ipt {padding: 9px 12px; font-size: 14px; width: 310px } #resume-userinfo .form-resume .ipt:first-of-type[readonly] {opacity: .5 } .form-resume .ipt-long {width: 678px } .form-resume .form-btns {text-align: right; padding: 11px 16px 28px } .item-form-through .ipt-area {width: 678px; height: 180px; *height: 140px } .tip-text {display: block; font-size: 12px; padding-left: 20px; background-position: 0 -1386px; color: #9fa3b0; margin-top: 5px } .form-resume .tip-text {height: 26px; margin-bottom: -26px; margin-top: 0 } .count-num {color: #9fa3b0; font-size: 14px; position: absolute; right: 10px; top: 8px } .count-num em {font-style: normal } .count-num em.red {color: #fc6e3c } .tip-text .count-num {float: right; position: static } .row-area .count-num {top: 200px; *position: static; *float: right } .row-area .tip-text {*float: left } .span-wechat {width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .select-tree {position: relative } .select-tree ul {position: absolute; top: 0; left: 0; width: 166px; max-height: 250px; height: 250px } .select-tree ul.tree-2 {left: 168px } .select-tree ul.tree-3 {left: 336px; border-top: 1px #e3e7ed solid; height: 249px; display: none } .select-tree li {display: block; background-position: right -1575px } .select-tree li.selected {background-color: #f2f5f9 } .select-tree li.blank {background: 0 0; color: #ccc; padding-top: 50px; text-align: center } .select-tree ul.tree-3 li {background-image: none } .salary-item {display: inline-block; *display: inline; *zoom: 1; width: 160px; vertical-align: top } .salary-item .ipt {width: 134px } .select-industry, .select-tags {background-color: #fff; border: 1px #e3e7ed solid; padding: 20px 30px; width: 500px; position: absolute; top: 0; left: 0 } .industry-title .btns, .tags-title .btns {float: right } .industry-title h3, .tags-title h3 {font-weight: 400; font-size: 16px; color: #9fa3b0 } .industry-cells, .tags-cells {clear: both; padding-top: 20px; margin-left: -11px; max-height: 300px; overflow: auto } .industry-cells span, .tags-cells span {display: inline-block; line-height: 24px; padding: 0 8px; margin: 0 3px 10px 3px; text-align: center; cursor: pointer; border: 1px #fff solid; border-radius: 15px } .industry-cells span.selected, .tags-cells span.selected {border-color: #eaebee; color: #fc6c38 } .industry-cells .blank-tag {text-align: center; color: #9fa3b0 } .select-tags {width: 600px } .tags-title .ipt {width: 160px; padding: 4px 10px; min-width: 0 } .tags-title .btn-addtag {min-width: 52px; height: 30px; line-height: 30px; vertical-align: middle; font-size: 12px } .tags-wrap {height: 22px; overflow: hidden; min-height: 22px; line-height: 22px; border: 1px solid #e3e7ed; vertical-align: middle; min-width: 300px; padding: 9px 12px; font-size: 14px; width: 310px; background: #fff } .tags-wrap .ipt {display: none } .tagsinput {white-space: nowrap } .tagsinput div {display: inline-block } .tagsinput div.tags_msg {display: none } .tagsinput input {padding: 5px 0; border: 0 } .tagsinput .tag {display: inline-block; border: 1px #eee solid; border-radius: 15px; padding: 0 10px; margin-right: 5px } .file-upload .data-tab {margin: 0 } .file-upload .tab-con {display: none; background: #f9f9f9; border: 1px #eee solid; padding: 10px; margin-top: 10px } .file-info, .file-result li {display: table; width: 100% } .file-info {border-bottom: 1px #ddd solid; padding-bottom: 5px } .file-result li {line-height: 40px } .file-info span, .file-result li span {display: table-cell } .file-info span {font-weight: 700; padding-bottom: 5px } .file-name {width: 80%; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .resume-attachment .upload-op {width: 30px; display: inline-block; *display: inline; *zoom: 1; height: 26px; position: relative } .upload-op .btn-upload-file {width: 30px; height: 26px; top: 0; right: 0; *margin-top: 10px; cursor: pointer } .upload-op .btn-upload-file input {height: 26px } .resume-attachment .change {font-style: normal; position: absolute; cursor: pointer } .resume-attachment .change:hover {color: #5dd5c8 } .ie .file-result, .ie9 .file-result {width: 88px; font-size: 12px; margin-left: 95px } .ie .btn-upload-file input, .ie9 .btn-upload-file input {width: 250px; height: 46px; font-size: 86px; left: 20px; *top: -7px } .ie .upload-op .btn-upload-file input, .ie9 .upload-op .btn-upload-file input {width: 55px; height: 30px; font-size: 14px; left: -20px; *top: -7px } .file-name {width: 80% } .file-size, .file-status {text-align: center; width: 10% } .file-upload .tab-con .data-search {padding: 0 0 10px } .profile_form .avatar_box .avatar {border: 0 } #pop-resume {width: 100%; height: 100%; position: fixed; top: 0; z-index: 1005; padding-top: 100px; display: none; background: rgba(0, 0, 0, .7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000) } #pop-resume .pop-resume-close {position: absolute; right: 37px; top: 35px; cursor: pointer } #pop-resume .pop-resume-close img {width: 30px; height: 30px; display: block } #pop-resume .pop-item {width: 1170px; margin: 0 auto; display: none; clear: both } #pop-resume .pop-item .content {width: 810px; min-height: 500px; background: #fff; float: left; overflow: scroll } #pop-resume .pop-item .content .resume-icon {display: block; width: 107px; height: 104px; margin: 170px auto; margin-bottom: 0 } #pop-resume .pop-item .content .resume-loading {display: block; width: 20px; height: 20px; margin: 20px auto } #pop-resume .pop-loading .content .pop-loading-pic {display: block; width: 20px; height: 20px; margin: 20px auto } #pop-resume .pop-item .content .resume-pic {display: block; width: 100% } #pop-resume .pop-item .content .text {font-size: 16px; color: #414a60; text-align: center; margin-top: 45px } #pop-resume .pop-item .content .title {font-size: 20px; color: #414a60; text-align: center } #pop-resume .pop-item .content .title.upload-fail {margin-top: 30px } #pop-resume .pop-item .content .title.preview-fail {margin-top: 30px } #pop-resume .pop-item .content .msg {font-size: 14px; color: #91959f; text-align: center; margin-top: 20px } #pop-resume .pop-item .content .msg a {color: #18c3b1; text-decoration: underline; margin: 0 4px } #pop-resume .pop-item .des {width: 270px; height: 300px; color: #fff; float: left; margin-left: 30px; padding: 0 30px } #pop-resume .pop-item .des h4 {font-size: 24px; height: 44px; border-bottom: 1px solid #fff } #pop-resume .pop-item .des .resume-title {font-size: 14px; line-height: 72px } #pop-resume .pop-item .des p {font-size: 14px; line-height: 24px } #pop-resume .pop-item .des .btn {display: block } #pop-resume .pop-item .des .btn.btn-confim {margin-top: 70px } #pop-resume .pop-item .des .btn.btn-change {margin-top: 20px; background: #e3e7ed; color: #414a60; border-color: #e3e7ed } #pop-resume .pop-fail .btn {margin-top: 75px; margin-bottom: 16px } #pop-resume .preview-fail .btn {margin-top: 75px; margin-bottom: 16px } .chat-container {margin-top: 20px } .chat-controls a {display: inline-block; width: 24px; height: 24px; vertical-align: middle;	/*background-image: url(/v2/web/boss/images/icons-op.png);*/ background-repeat: no-repeat } .chat-controls a {width: 28px; height: 28px; margin-right: 20px; -webkit-transition: none; transition: none } .btn-emotion {background-position: 4px -215px } .btn-emotion:hover {background-position: -35px -215px } .btn-contact {background-position: 4px -378px } .btn-contact:hover {background-position: -37px -378px } .btn-resume {background-position: 5px -265px } .btn-resume:hover {background-position: -37px -265px } .btn-weixin {background-position: 3px -432px } .btn-weixin:hover {background-position: -36px -432px } .btn-transmit {background-position: 3px -487px } .btn-transmit:hover {background-position: -34px -487px } .btn-interview {background-position: 3px -318px } .btn-interview:hover {background-position: -36px -318px } .btn-mismatch {background-position: 3px -653px; margin-left: -5px } .btn-mismatch:hover {background-position: -37px -653px } .chat-sider {float: right; width: 280px; padding: 40px;	/*background: #fbfbfc url(/v2/web/geek/images/layer-chat-sider.png) repeat-y;*/ min-height: 354px; max-height: calc(100vh - 180px); overflow: hidden } .chat-sider .detail-content {overflow: hidden; height: calc(100vh - 509px) } .chat-sider .detail-content:hover {overflow: auto } .chat-sider .info-primary h3.name {font-size: 18px; font-weight: 400 } .chat-sider .info-primary .saraly {padding: 10px 0 7px } .chat-sider .info-primary .saraly span {font-size: 18px } .chat-sider .info-primary .btn-outline {display: block; color: #61687c; background: #fbfbfc; height: 40px; line-height: 40px; margin-top: 25px } .chat-sider .info-primary .btn-outline:hover {background: #fff; color: #62d5c8 } .secretary-container .chat-sider {padding-top: 20px; padding-bottom: 20px; height: calc(100vh - 141px); min-height: 543px } .secretary-container .chat-list {height: calc(100vh - 173px); min-height: 510px } .chat-wrap {background: #fff; margin-right: 360px } .detail-top {height: 51px; border-bottom: 1px #f2f2f5 solid; padding: 0 40px; line-height: 50px } .detail-top span {padding-left: 15px; color: #9fa3b0 } .chat-box {padding: 0 0 20px } .chat-info {margin-left: -20px } .chat-info .figure {padding: 0 10px; text-align: center; width: 100px; float: left } .chat-info .figure img {width: 80px; height: 80px; display: block; margin: 0 auto; border-radius: 100% } .chat-info .figure .badge-salary {display: inline-block; background: #fa6a43; color: #fff; width: 68px; height: 22px; line-height: 22px; border-radius: 15px; font-size: 12px; margin-top: 16px } .chat-info .text {float: left; margin-left: 20px; line-height: 32px; margin-top: -5px } .chat-list {padding: 0 40px 20px; overflow: auto; box-sizing: border-box; height: calc(100vh - 334px); min-height: 200px } .chat-list li {margin-top: 30px } .chat-list li:after {content: ''; clear: both; display: block; visibility: hidden; font-size: 0 } .chat-list li .figure {width: 40px; float: left } .chat-list li .figure img {width: 40px; height: 40px; border-radius: 100% } .chat-list .item-time .time {display: block; width: 130px; text-align: center; margin: 20px auto -13px; background: #fff; color: #9fa3b0 } .chat-list .item-history-line .time {width: 160px } .chat-list li .text {display: inline-block; line-height: 24px; background-color: #f2f5fa; vertical-align: top; padding: 8px 20px; border-radius: 7px; max-width: 494px; position: relative; word-break: break-all } .chat-list .item-friend .text {margin-left: 20px; border-top-left-radius: 0 } .chat-list .item-myself .text {background-color: #62d5c8; color: #fff; float: right; border-top-right-radius: 0 } .chat-list li.item-myself a {color: #fff } .chat-list li.item-myself a:hover {color: #eee } .chat-list .item-time {text-align: center; font-size: 12px; margin-left: auto; margin-right: auto } .chat-list .item-time:nth-child(1) {border-bottom: 1px #f2f5fa solid } .chat-list .item-system {text-align: center } .chat-list .item-system .text {text-align: left; background-color: #f2f5fa; padding: 0 15px; line-height: 24px; border-radius: 15px; color: #61687c; font-size: 12px } .chat-list li .text .btns {text-align: center; margin: 10px 0 5px } .chat-list li .status {position: absolute; z-index: 1; left: -40px; top: 0; width: 30px; height: 16px;	/*background: url(/v2/web//boss/images/sendstatus.png) no-repeat -40px 0;*/ display: block } .chat-list .status-error .status {background-position: 0 0 } .chat-list .status-read .status {background-position: -80px 0 } .chat-list .status-delivery .status {background-position: -120px 0 } .chat-list .icon-interview-accept, .chat-list .icon-interview-cancel, .chat-list .icon-interview-reject, .chat-list .icon-interview-send {display: inline-block; width: 16px; height: 16px; vertical-align: middle;	/*background: url(/v2/web/boss/images/icons-interview.png) no-repeat;*/ margin-top: -4px } .chat-list .item-myself .icon-interview-send {margin-left: 10px; background-position: -25px 0 } .chat-list .item-myself .icon-interview-cancel {margin-left: 10px; background-position: -25px -25px } .chat-list .item-friend .icon-interview-send {margin-right: 10px; background-position: -33px -99px } .chat-list .item-friend .icon-interview-accept {margin-right: 10px; background-position: -25px -50px } .chat-list .item-friend .icon-interview-reject {margin-right: 10px; background-position: -25px -75px } .chat-editor {border-top: 2px #f7f9fc solid; padding: 0 20px; position: relative } .chat-placholder {color: #9fa3af; position: absolute; top: 60px; left: 35px } .chat-controls {padding: 17px 10px 5px } .chat-controls a i {font-style: normal; display: none; margin-left: 34px; color: #414a60 } .chat-controls a:hover {min-width: 28px; width: auto } .chat-controls a:hover i {display: inline-block } .chat-message {outline: 0; height: 70px; overflow: auto; margin-top: 10px; padding: 0 10px 0; color: #000 } .chat-message img {width: 24px; height: 24px; margin-right: 5px; vertical-align: middle } .chat-op {text-align: right } .chat-op .tip {color: #d1d4db; padding-right: 20px } .chat-op .error-tip {color: red } .btn-send {border-radius: 15px; height: 28px; font-size: 14px; line-height: 28px; padding: 0 16px; min-width: inherit } .chat-op .btn-disabled, .chat-op .btn-disabled:hover {background-color: #fff; border-color: #d1d4db; color: #d1d4db; cursor: default } .emotion {display: none; position: absolute; width: 380px; border: 1px #f2f5fa solid; background: #fff; top: -202px; left: 10px; padding: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, .03), -1px -1px 5px rgba(0, 0, 0, .03); z-index: 10 } .emotion ul {font-size: 0; line-height: 0; height: 186px; overflow: hidden; padding-left: 1px; padding-top: 1px } .emotion ul:hover {overflow: auto } .emotion li {display: inline-block; border: 1px solid #f2f2f2; margin-top: -1px; margin-left: -1px; cursor: pointer; position: relative } .emotion li:hover {background: #f2f2f2 } .emoj {display: inline-block; width: 30px; height: 30px; vertical-align: middle; border: 0;	/*background: url(/v2/web//boss/images/emotions/emotions-2x.png) no-repeat;*/ background-size: 70%; cursor: pointer } .emoj-1 {background-position: 4px 3px } .emoj-2 {background-position: 4px -24px } .emoj-3 {background-position: 4px -50px } .emoj-4 {background-position: 4px -77px } .emoj-5 {background-position: 4px -104px } .emoj-6 {background-position: 4px -131px } .emoj-7 {background-position: 4px -157px } .emoj-8 {background-position: 4px -184px } .emoj-9 {background-position: 4px -210px } .emoj-10 {background-position: 4px -237px } .emoj-11 {background-position: 4px -263px } .emoj-12 {background-position: 4px -290px } .emoj-13 {background-position: 4px -317px } .emoj-14 {background-position: 4px -343px } .emoj-15 {background-position: 4px -370px } .emoj-16 {background-position: 4px -396px } .emoj-17 {background-position: 4px -422px } .emoj-18 {background-position: 4px -450px } .emoj-19 {background-position: 4px -476px } .emoj-20 {background-position: 4px -503px } .emoj-21 {background-position: 4px -530px } .emoj-22 {background-position: 4px -556px } .emoj-23 {background-position: 4px -582px } .emoj-24 {background-position: 4px -609px } .emoj-25 {background-position: 4px -636px } .emoj-26 {background-position: 4px -662px } .emoj-27 {background-position: 4px -689px } .emoj-28 {background-position: 4px -716px } .emoj-29 {background-position: 4px -742px } .emoj-30 {background-position: 4px -768px } .emoj-31 {background-position: 4px -795px } .emoj-32 {background-position: 4px -821px } .emoj-33 {background-position: 4px -848px } .emoj-34 {background-position: 4px -875px } .emoj-35 {background-position: 4px -901px } .emoj-36 {background-position: 4px -928px } .emoj-37 {background-position: 4px -955px } .emoj-38 {background-position: 4px -981px } .emoj-39 {background-position: 4px -1008px } .emoj-40 {background-position: 4px -1035px } .emoj-41 {background-position: 4px -1061px } .emoj-42 {background-position: 4px -1087px } .emoj-43 {background-position: 4px -1114px } .emoj-44 {background-position: 4px -1140px } .emoj-45 {background-position: 4px -1167px } .emoj-46 {background-position: 4px -1193px } .emoj-47 {background-position: 4px -1220px } .emoj-48 {background-position: 4px -1247px } .emoj-49 {background-position: 4px -1273px } .emoj-50 {background-position: 4px -1300px } .emoj-51 {background-position: 4px -1326px } .emoj-52 {background-position: 4px -1353px } .emoj-53 {background-position: 4px -1379px } .emoj-54 {background-position: 4px -1405px } .emoj-55 {background-position: 4px -1432px } .emoj-56 {background-position: 4px -1459px } .emoj-57 {background-position: 4px -1485px } .emoj-58 {background-position: 4px -1512px } .emoj-59 {background-position: 4px -1539px } .emoj-60 {background-position: 4px -1566px } .emoj-61 {background-position: 4px -1592px } .emoj-62 {background-position: 4px -1618px } .emoj-63 {background-position: 4px -1644px } .emoj-64 {background-position: 4px -1671px } .emoj-65 {background-position: 4px -1698px } .emoj-66 {background-position: 4px -1724px } .emoj-67 {background-position: 4px -1751px } .emoj-68 {background-position: 4px -1777px } .emoj-69 {background-position: 4px -1804px } .emoj-70 {background-position: 4px -1831px } .emoj-71 {background-position: 4px -1858px } .emoj-72 {background-position: 4px -1884px } .emoj-73 {background-position: 4px -1911px } .emoj-74 {background-position: 4px -1938px } .emoj-75 {background-position: 4px -1962px } .emoj-76 {background-position: 4px -1990px } .emoj-77 {background-position: 4px -2017px } .emoj-78 {background-position: 4px -2044px } .emoj-79 {background-position: 4px -2071px } .emoj-80 {background-position: 4px -2097px } .emoj-81 {background-position: 4px -2121px } .emoj-82 {background-position: 4px -2149px } .emoj-83 {background-position: 4px -2175px } .emoj-84 {background-position: 5px -2202px } .emoj-85 {background-position: 4px -2228px } .emoj-86 {background-position: 4px -2255px } .emoj-87 {background-position: 4px -2282px } .emoj-88 {background-position: 4px -2309px } .emoj-89 {background-position: 4px -2336px } .emoj-90 {background-position: 4px -2363px } #container::-webkit-scrollbar-track-piece, .frame-container::-webkit-scrollbar-tra.logo ack-piece, .jconfirm-box::-webkit-scrollbar-track-piece {background-color: #fff; -webkit-border-radius: 0 } #container::-webkit-scrollbar, .frame-container::-webkit-scrollbar, .jconfirm-box::-webkit-scrollbar {width: 5px } #container::-webkit-scrollbar-thumb, .jconfirm-box::-webkit-scrollbar-thumb {height: 50px; background-color: #ddd; -webkit-border-radius: 5px } #container::-webkit-scrollbar-thumb:hover, .jconfirm-box::-webkit-scrollbar-thumb:hover {height: 50px; background-color: #ccc; -webkit-border-radius: 5px } {/*background: #5dd5c8 url(/v2/web/geek/images/newbg.png) center bottom no-repeat*/ } #header {background: 0 0; box-shadow: none } #header .logo {padding: 56px 0 0 60px } #header .logo a {background: 0 0; width: auto; height: 60px } #header .logo span {display: inline-block; vertical-align: top; color: #fff; font-size: 18px; margin-left: 24px; line-height: 26px; padding-top: 5px; font-weight: 400 } .pop-sign {width: 800px; min-height: 400px; height: 455px } .sign-form {width: 324px; padding: 35px 43px 0; background: #fff; border-radius: 8px; box-shadow: 1px 2px 15px rgba(0, 0, 0, .3); display: none } .sign-form .title {font-weight: 400; font-size: 26px; line-height: 32px; color: #5dd5c8; position: relative; text-align: center } .sign-form .tip-error {text-align: center; color: #fc6c38; height: 29px; line-height: 18px; padding-top: 7px } .sign-tab {font-size: 0; border-bottom: 2px #f2f5f9 solid; white-space: nowrap; padding-top: 4px } .sign-tab span {display: inline-block; width: 70px; font-size: 14px; color: #9fa3b0; margin: 0 28px -2px; height: 36px; border-bottom: 2px #f2f5f9 solid; cursor: pointer } .sign-tab span:hover {color: #414a60 } .sign-tab span.cur {border-bottom-color: #62d5c8; font-size: 16px; color: #414a60 } .sign-tab span.link-signin {margin-left: 0 } .sign-tab span.link-sms {text-align: center } .sign-tab span.link-scan {margin-right: 0; text-align: right } .sign-form form {padding-top: 22px } .sign-form .form-row {margin-top: 26px } .sign-form .row-select {position: relative; z-index: 1 } .sign-form .form-row em.error {position: absolute; display: block; right: 0; top: 9px; font-style: normal; color: #9fa3b0; font-size: 12px; padding-right: 15px } .sign-form .form-row .link-signin, .sign-form .form-row .link-sms {text-align: right; position: absolute; right: 0; cursor: pointer; bottom: -28px } .sign-form .ipt, .sign-form .sel {width: 286px; min-width: 0; padding: 9px 18px; border-color: #e3e7ed; vertical-align: middle } .sign-form .sel {margin-right: 0; width: 380px; height: 42px; *height: auto } .row-code .cell-wrap, .sign-form .ipt-wrap {position: relative; display: block } .row-code .cell-wrap {display: inline-block } .sign-form .dropdown-select {position: absolute; top: 1px; left: 28px; height: 40px; *top: 2px; z-index: 1; background: 0 0 } .sign-form .dropdown-select .text-select {display: inline-block; font-style: normal; cursor: pointer; width: 37px; padding: 7px 25px 7px 0; border: 0; text-align: right } .sign-form .dropdown-select .icon-select-arrow {right: 5px; top: 12px } .sign-form .dropdown-menu {z-index: 10; left: 0 } .sign-form .dropdown-menu ul {width: 176px; max-height: 292px } .sign-form .dropdown-menu .num {float: right } .icon-sign-code, .icon-sign-phone, .icon-sign-pwd, .icon-sign-sms, .sign-form .btn-sms, .validate-help dt {/*background-image: url(/v2/web/geek/images/icons-sign.png);*/ background-repeat: no-repeat; -webkit-transition: box-shadow linear .2s; transition: box-shadow linear .2s } .icon-sign-code, .icon-sign-phone, .icon-sign-pwd, .icon-sign-sms {position: absolute; width: 20px; height: 20px; left: 9px; top: 11px } .icon-sign-phone {background-position: 2px 1px } .icon-sign-pwd {background-position: 2px -91px } .icon-sign-code {background-position: 2px -44px } .icon-sign-sms {background-position: 2px -141px } .focus-wrap .icon-sign-phone {background-position: 2px -185px } .focus-wrap .icon-sign-pwd {background-position: 2px -277px } .focus-wrap .icon-sign-code {background-position: 2px -230px } .focus-wrap .icon-sign-sms {background-position: 2px -327px } .sign-form .ipt-pwd {padding-left: 38px; width: 266px } .sign-form .ipt-code {padding-left: 38px; width: 162px } .sign-form .ipt-sms {padding-left: 38px; width: 266px } .focus-wrap .ipt, .focus-wrap .sel, .sign-form .ipt:focus, .sign-form .sel:focus {box-shadow: 1px 2px 3px #d7f4f1; border-color: #59cac2 } .sign-form .ipt-error {border-color: #fba68b; box-shadow: none } .sign-form .verifyimg {width: 103px; height: 40px; border: 1px #e3e7ed solid; border-left: 0; vertical-align: middle } .sign-form .row-code em.error {right: 119px } .sign-form .form-btn {margin-top: 45px } .sign-form .form-btn .btn {width: 100%; font-size: 16px; height: 42px; line-height: 42px; border: none; cursor: pointer } .sign-form .form-btn .btn-disabled, .sign-form .form-btn .btn-scan {background: #f2f5f9; border-color: #f2f5f9; color: #9fa3b0; cursor: default } .sign-form .form-btn .btn-disabled {cursor: default } .sign-form .form-btn .error-tip {display: block; visibility: hidden; height: 26px; margin-top: -37px; color: #fc6c38; padding-left: 20px; background-position: 0 -1385px; position: absolute; top: 0 } .sign-form .form-btn .error-tip .icon-waring {margin-right: 5px } .sign-form .btn-sms {position: absolute; right: 1px; top: 3px; font-size: 14px; background-color: #fff; background-position: 0 -356px; min-width: 104px; color: #5dd5c8; border: 0 } .sign-form button.count-down {color: #9fa3b0; white-space: nowrap; font-size: 13px; letter-spacing: 0 } .sign-form button.count-down .num {position: static; color: #9fa3b0 } .purpose-row {white-space: nowrap; font-size: 0; margin-bottom: -10px } .purpose-row span {display: inline-block; width: 153px; line-height: 34px; font-size: 14px; text-align: center; margin-right: 14px; border: 1px #e3e7ed solid; cursor: pointer } .purpose-row span.cur {box-shadow: 1px 2px 3px #d7f4f1; border-color: #59cac2; color: #5dd5c8 } .qrcode-box {position: relative; padding-bottom: 17px } .qrcode-box p {padding: 32px 0 38px; text-align: center; color: #9fa3af } .qrcode-box p span {vertical-align: middle } .qrcode-box p em {font-style: normal; color: #3a76ff; display: inline-block; margin-left: 20px; vertical-align: middle } .qrcode-box p em:after {content: ''; display: inline-block; width: 14px; height: 14px;	/*background: url(/v2/web/geek/images/icon-help.png) no-repeat center;*/ vertical-align: middle; margin-left: 5px; background-size: 100% 100%; -webkit-background-size: 100% 100% } .sign-scan {position: relative } .sign-scan .hover-range-left {position: absolute; width: 44px; height: 315px; left: -43px; top: 0 } .sign-scan .hover-range-right {position: absolute; width: 44px; height: 315px; right: -43px; top: 0 } .sign-scan .sign-scan-help {position: absolute; width: 353px; height: 550px; left: 367px; top: -144px; display: none; z-index: 1; opacity: 0; margin-left: -10px } .sign-scan .sign-scan-help .scan-help-top {width: 353px; height: 79px;	/*background: url(/v2/web/geek/images/icon-help-up.png) no-repeat;*/ background-size: 100% 100%; -webkit-background-size: 100% 100%; padding-top: 90px } .sign-scan .sign-scan-help .scan-help-top ul {border: 1px solid #53cac4; height: 29px; border-radius: 20px; overflow: hidden; width: 188px; margin: 0 auto; font-size: 0; position: relative; z-index: 1 } .sign-scan .sign-scan-help .scan-help-top ul li {width: 50% !important; text-align: center; vertical-align: middle; color: #19b9b1; font-size: 12px; background-color: #fff; cursor: pointer; height: 29px; line-height: 29px; float: left } .sign-scan .sign-scan-help .scan-help-top ul li.active {background-color: #e5f8f7 } .sign-scan .sign-scan-help .scan-help-down {width: 353px; height: 381px; overflow: hidden; position: relative } .sign-scan .sign-scan-help .scan-help-down li {width: 353px; height: 381px; position: absolute; top: 0; left: 0 } .sign-scan .sign-scan-help .scan-help-down li img {width: 353px; height: 381px; display: block; border: none } .qrcode-box img {display: block; width: 200px; height: 200px; margin: 0 auto } .qrcode-tip {display: none; width: 175px; height: 40px; padding: 10px 15px; background: #fff; border-radius: 10px; line-height: 20px; color: #61687c; position: absolute; left: -221px; top: -20px; box-shadow: 0 5px 20px rgba(0, 0, 0, .1) } .qrcode-tip span {position: absolute; right: 16px; top: 30px; color: #c9c9c9; cursor: pointer } .welcome-box {padding-top: 18px } .welcome-box img {display: block; width: 291px; height: 245px; margin: 0 auto } .welcome-text {text-align: center; color: #9fa3b0; padding: 0 0 40px } .welcome-text b {display: block; font-size: 18px; font-weight: 400; padding-bottom: 3px } .welcome-box .form-btn {margin-top: -9px } div.count-down {text-align: center; color: #9fa3af; padding: 28px 34px } .count-down em {font-style: normal } .validate-box img {display: block; width: 150px; height: 249px; margin: 0 auto } .validate-text {text-align: center; padding: 15px 0 } .validate-help {border-top: 1px #e3e7ed solid; margin-top: 30px } .validate-help .more-view {float: right; margin-top: -6px } .validate-help dt {padding: 10px 0 10px 20px; background-position: 0 -391px } .validate-help dd {display: none; color: #9fa3b0; font-size: 12px; line-height: 20px; padding-bottom: 20px; padding-left: 20px } .validate-auto {text-align: center; color: #9fa3b0; padding: 30px 0 50px } .sign-register form {padding-top: 0 } .sign-register .sign-tab {border-bottom-color: #fff; padding-top: 0 } .sign-register .sign-tab span {font-size: 16px; text-align: center; display: block; width: auto; color: #414a60; cursor: default; border-bottom-color: #fff } .sign-register .register-tip {font-size: 16px; text-align: center; border-bottom: 1px #f2f5f9 solid; padding: 20px 0; color: #414a60 } .sign-history .figure-box {text-align: center } .sign-history .figure-box p {padding: 15px 0 70px } .sign-history .figure-box img {width: 90px; height: 90px; border-radius: 100%; display: block; margin: 0 auto } .sign-history .figure-box span {font-size: 18px; display: block; padding-top: 22px } .history-change {height: 53px; border-top: 1px #e3e7ed solid; text-align: center; margin: 54px -43px 0 } .history-change .link-signin {display: inline-block; margin-top: 14px } .form-msgjob {display: none } .form-msgjob .title {cursor: pointer } .sign-form .icon-arrow-left {position: absolute; top: 2px; left: -35px } .sign-form .text-tip {color: #9fa3b0; text-align: center; padding: 28px 0 36px } .sign-form .text-tip a {color: #18c3b1 } .agreement-tip {margin-top: -26px; font-size: 13px } .agreement-tip input {vertical-align: middle; margin-top: -2px; margin-right: 3px } .pay-tip {font-size: 12px; text-align: center; color: #fff; opacity: .6; margin-top: 22px } .guide-resume {padding: 45px 50px; float: none; width: auto; position: relative } .guide-resume .title {font-size: 30px; line-height: 40px } .guide-resume .count-down {position: absolute; bottom: 60px; left: 50px } .guide-resume .count-down em {font-style: normal } .guide-content {padding-top: 50px } .guide-content li {width: 230px; display: inline-block; vertical-align: top } .guide-content li .btn {height: 30px; line-height: 30px; font-size: 14px; margin-top: 15px; display: none } .guide-content li h4 {font-weight: 400; font-size: 14px; color: #9fa3af; padding-bottom: 10px } .guide-content li h4 em {display: inline-block; vertical-align: middle; width: 23px; height: 23px; line-height: 23px; margin-top: -3px; text-align: center; background: #d1d4da; border-radius: 100%; font-style: normal; color: #fff; margin-left: 5px } .guide-content li p {color: #d1d4da; padding-bottom: 6px } .guide-content li.step-4 {margin-left: 234px } .guide-content li.cur h4 em {background: #62d5c8 } .guide-content li.cur p {color: #414a60 } .guide-content li.cur p.gray {color: #d1d4da } .guide-content li.cur .btn {display: inline-block } .form-welcome .count-down, .guide-resume .count-down {color: #9fa3af; padding-top: 20px } .form-welcome .count-down em {font-style: normal } .pop-login {display: none } .pop-login .form-signup {display: none } .pop-login .form-sms {display: none } .pop-login .form-smscode {display: none } .pop-login .form-row .link-signin, .pop-login .form-row .link-sms {position: absolute; right: 0 } .form-welcome {min-height: 300px } .form-welcome .count-down {padding-top: 70px } .welcome-btn {padding-top: 30px } .welcome-btn .btn {display: block; height: 42px; line-height: 42px } .form-card-header {background: #62d5c8; color: #fff; padding: 30px 30px 20px } .form-card-header .title {color: #fff; font-weight: 400 } .form-card-header .intro {color: #fff } .form-card-body {padding: 20px 30px } .form-deliver .btns {padding: 0 30px } .form-deliver .btns .count-down {float: right; color: #9fa3af; padding: 7px 0 0 } .form-deliver .btns .count-down em {font-style: normal } .jconfirm .pop-sign-deliver .pop-sign {height: 280px } .jconfirm .pop-sign-deliver .sign-form {padding: 0 } .jconfirm .pop-sign-deliver .sign-qrcode {display: none } .jconfirm .pop-sign-box .sign-form {padding: 15px 23px 0; box-shadow: none } .jconfirm .pop-sign-box .qrcode-tip {display: none !important } .sign-qrcode {position: absolute; right: 0; width: 314px; height: 455px; background: #62d5c8; text-align: center; border-top-right-radius: 8px; border-bottom-right-radius: 8px } .sign-qrcode img {width: 90px; height: 90px; display: block; margin: 119px auto 0 } .sign-qrcode p {line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin-top: 40px } .sign-qrcode p b {display: block; font-size: 18px; font-weight: 400 } .taost {display: none } .cover {position: fixed; background: rgba(0, 0, 0, .9); width: 100%; height: 100%; overflow: hidden; z-index: 10000; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; text-align: center } .cover h3 {color: #fff; font-size: 20px } @media (max-width:800px) {#wrap {position: relative } {min-width: inherit; background: 0 0 } #header {display: none } .sign-form {box-shadow: none; width: auto; padding: 0 15px 0; border-radius: 0 } .sign-form .title {padding: 30px 0 20px 0 } .sign-register.sign-form .title {padding-bottom: 0 } .sign-register .sign-tab {display: none } .sign-form .tip-error {display: none } .sign-tab {display: table; width: 100%; border-bottom-width: 0 } .sign-tab span {display: table-cell; width: 50%; text-align: center; padding-top: 8px } .sign-tab span:nth-child(3) {display: none } .form-row .ipt {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box } .form-row .ipt-zone {width: 62px } .row-code {display: table; width: 100% } .row-code .cell-wrap {display: table-cell; width: 100% } .row-code .cell-wrap .ipt-code {border-top-right-radius: 0; border-bottom-right-radius: 0 } .sign-register .sign-tab {padding-top: 26px; margin-bottom: -22px } .sign-register .purpose-row {display: none } .toast {display: none; position: absolute; width: 80%; margin: 0 auto; height: 40px; line-height: 40px; top: 60%; left: 10%; margin-top: -40%; background: rgba(0, 0, 0, .8); border-radius: 20px; color: #fff; text-align: center; z-index: 100 } .sign-tab span {border-bottom: 1px #f2f5f9 solid } .agreement-tip {margin-bottom: 15px } .wrap-header {color: #fff; height: 45px; padding: 0 15px; line-height: 45px; overflow: hidden; background-color: #5dd5ca } .wrap-header p {font-size: 16px; text-align: center } .wrap-header .wap-back {float: left; width: 10px; height: 20px; margin-top: 13px; display: inline-block;		/*background: url(/v2/web/geek/images/wap/title-arrow.png) no-repeat;*/ background-size: 10px auto } .wrap-grade {padding: 0 15px } .wrap-grade li {text-indent: 3px; font-size: 14px; min-height: 48px; line-height: 48px; border-bottom: 1px solid #e9efef } .wrap-grade li.input {overflow: hidden } .wrap-grade .input .input-wrap {overflow: hidden; height: 48px; padding: 0 20px 0 15px } .wrap-grade .input .input-wrap input {width: 100%; text-align: right; border: 0 } .wrap-grade li .file {position: relative; display: inline-block; width: 50px; height: 50px; border-radius: 50px; text-decoration: none; overflow: hidden; float: right; margin-top: 13px;		/*background: url(/v2/web/geek/images/wap/icon-camera.png) #eefbf9 center center no-repeat;*/ background-size: 19px } .wrap-grade li .file input {position: absolute; font-size: 100px; right: 0; top: 0; opacity: 0 } .wrap-grade li.photo {height: 76px; line-height: 76px } .wrap-grade li select {border: 0; background: 0 0; height: 48px; line-height: 48px; font-size: 14px } .fl {float: left } .fr {float: right } .gray {color: #9fa3b0 } .icon-arrow-right {display: inline-block; width: 6px; height: 20px;		/*background: url(/v2/web/geek/images/wap/grade-arrow-right.png) no-repeat;*/ background-size: 6px auto; vertical-align: middle } .wrap-grade li .icon-arrow-right {margin-top: 19px; margin: 19px 0 0 13px } .wrap-grade li.photo .icon-arrow-right {margin-top: 33px } .clipper-wrapper {position: fixed; top: 0; bottom: 0; width: 100%; overflow: hidden; background-color: #000 } .clipper-wrapper .lock-mask {position: absolute; width: 100%; height: 100% } } .defaultConfirm .jconfirm-box {width: 340px } body.semwrap {background-color: #a8acb7 } .semwrap .main {width: 100%; height: 668px;	/*background: #545b79 url(/v2/web/geek/images/sem-bg.jpg) center center no-repeat;*/ background-size: cover; overflow: hidden } .semwrap .container {width: 1002px; height: 428px; margin: 122px auto 0 } .semwrap #footer {margin-top: 0 } .semwrap .slider-box {float: left } .semwrap .slider-main, .semwrap .slider-main li, .semwrap .slider-main ul {width: 582px; height: 426px } .semwrap .slider-main {margin-top: -8px } .semwrap .slider-box li a {display: block; width: 582px; height: 426px } .semwrap .box {width: 400px; height: 426px; float: right } .semwrap .semwrap .sign-form {border-radius: 0; height: 383px } .semwrap .sign-form form {padding-top: 5px } .semwrap .sign-form .form-row {margin-top: 25px } .semwrap .sign-form .form-btn {margin-top: 20px } .semwrap .sign-form .text-tip {padding: 20px 0 0 } .semwrap .tip-error {margin-bottom: -25px } .semwrap .welcome-box img {width: 178px; height: 150px } .semwrap .welcome-text {padding-bottom: 20px } .semwrap .sign-welcome .form-btn {margin-top: 10px } .semwrap .sign-welcome div.count-down {padding: 10px 0 0 } .semwrap li .list-left {float: left } .semwrap li .list-right {float: right } .semwrap li .list {width: 287px; height: 101px; margin-top: 8px } .semwrap li .list img {width: 99px; height: 101px; float: left; cursor: pointer } .semwrap li .list img:hover {opacity: .8 } .semwrap .list {*zoom: 1; cursor: pointer } .semwrap .list:after {clear: both; display: block; line-height: 0; font-size: 0; height: 0; visibility: hidden } .semwrap .list .con {float: right; height: 101px; width: 187px; background-color: #fff } .semwrap .list p {font-size: 14px; color: #414a60; text-align: right; padding-right: 22px; zoom: 1 } .semwrap .list p.red {color: #fc6c38; font-size: 24px; line-height: 72px } .semwrap li .list-spec img {width: 139px; height: 100px; cursor: pointer } .semwrap li .list .fr {float: right } .semwrap .tip {width: 330px; position: absolute; top: 72px; left: 100px; background: #fff; padding: 33px 35px 15px; box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5) } .semwrap .tip .top {position: relative; border-bottom: 1px #eee solid; margin-top: -10px; padding-bottom: 20px } .semwrap .tip img {width: 60px; height: 60px; display: block } .semwrap .tip span {color: #414a60; font-size: 20px; color: #5dd5c8 } .semwrap .tip .center {padding: 26px 0 26px; height: 50px; color: #9fa3af; font-size: 14px } .semwrap .tip .center p {display: inline-block; *display: inline; *zoom: 1; width: 160px; margin-bottom: 7px } .semwrap .tip .bottom {font-size: 0; padding-top: 10px } .semwrap .tip .bottom span {position: static; display: inline-block; vertical-align: top; width: 78px; height: 28px; line-height: 28px; text-align: center; border: 1px #5dd5c8 solid; color: #5dd5c8; font-size: 14px; padding-top: 0; margin-bottom: 20px; border-radius: 15px } .semwrap .tip .bottom span.mr {margin: 0 45px } .semwrap .tip .close {width: 16px; height: 16px; position: absolute; top: 30px; right: 32px;	/*background: url(/v2/web/geek/images/semwrap-close.jpg) center center no-repeat;*/ cursor: pointer; z-index: 1 } .semwrap .tip2 {width: 582px; height: 428px;	/*background: url(/v2/web/geek/images/semwrap-tipbg.jpg) center center repeat-x;*/ opacity: .85; position: absolute; top: 8px; left: 0; box-shadow: 0 3px 10px 0 rgba(131, 131, 131, .5) } .semwrap .tip2 .close {width: 20px; height: 20px; position: absolute; top: 25px; right: 30px; cursor: pointer } .semwrap .tip, .semwrap .tip2 {display: none } .semwrap #footer {background: #fff } .semwrap #footer .footer-img {margin-top: 48px; text-align: center } .semwrap #footer .copyright {text-align: center; color: #abacaf; margin-top: 76px; font-size: 12px } .semwrap .inner-container {float: left; overflow: hidden } .semwrap .inner-container li a {display: block; width: 582px; height: 426px } .semwrap .inner-main, .semwrap .inner-main li, .semwrap .inner-main ul {width: 582px; height: 426px } .semwrap .inner-main {margin-top: -8px; overflow: hidden; position: relative } .semwrap li .list-up {width: 588px; height: 242px } .semwrap li .list-up .item {background-color: #fff; width: 189px; height: 213px; float: left; margin-left: 10px; padding-top: 29px; cursor: pointer } .semwrap li .list-up .item.item-first {margin-left: 0 } .semwrap li .list-up .item img {display: block; width: 84px; height: 84px; margin: 0 auto } .semwrap li .list-up .content {margin-top: 29px; padding: 0 38px } .semwrap li .list-up .content p {font-size: 14px; color: #9fa3af; text-align: center; line-height: 22px } .semwrap li .list-up .content .title {font-size: 16px; color: #414a60; line-height: 16px; margin-bottom: 10px } .semwrap li .list-down {margin-top: 10px; width: 588px; margin-top: 10px } .semwrap li .list-down .item {background-color: #fff; width: 289px; height: 177px; float: left; cursor: pointer } .semwrap li .list-down .item.item-down-last {margin-left: 10px } .semwrap li .list-down .item img {display: block; width: 84px; height: 84px; float: left; margin: 47px 29px 0 25px } .semwrap li .list-down .content {padding-top: 47px; padding-right: 36px } .semwrap li .list-down .content p {font-size: 14px; color: #9fa3af; text-align: center; line-height: 22px } .semwrap li .list-down .content .title {font-size: 16px; color: #414a60; line-height: 33px } div.datetimepicker {height: auto } .guide {/*background: #5dd5c8 url(/v2/web/geek/images/newbg.png) center bottom no-repeat;*/ height: 100% !important; min-height: 700px; min-width: 800px } .guide #main {width: 750px; margin: 0 auto } .guide .header {height: 60px; padding-top: 38px } .guide .header a {width: 60px; height: 60px; display: inline-block; vertical-align: middle; padding-top: 0 } .guide .header img {width: 100%; height: 100% } .guide .header div {display: inline-block; margin-left: 20px; margin-top: 4px } .guide .header h3 {font: 16px/26px normal; color: #fff } .guide #main .container-box {width: 750px; border-radius: 10px; background-color: #fff; position: absolute; top: 190% } .guide .container-box .description {float: right; width: 216px; height: 100%; padding: 0 37px; background-color: #fbfbfd; float: right; border-top-right-radius: 10px; border-bottom-right-radius: 10px; position: relative } .guide .container-box .icon {width: 40px; height: 30px; display: inline-block;	/*background: url(/v2/web/geek/images/guide.png) no-repeat*/ } .guide .container-box .icon-experience {background-position: 0 -66px } .guide .container-box .icon-education {background-position: 0 -136px } .guide .container-box .icon-position {background-position: 0 -203px } .guide .container-box .icon-advtange {background-position: 0 -275px } .guide .container-box .top {margin-top: 77px; height: 30px } .guide .container-box .center {font: 14/26px; color: #9fa3b0; margin-top: 50px } .guide .container-box .center span {color: #5dd5c8; padding: 0 5px } .guide .container-box .bottom {position: absolute; right: 40px; bottom: 34px; color: #dadadb; font-size: 12px } .guide .container-box .form-box {width: 380px; padding: 40px } .guide .container-box .form-box h4 {font-size: 22px; line-height: 22px; color: #414a60; font-weight: 400 } .guide .container-box form {margin-top: 37px; position: relative; display: block } .guide form .form-row {margin-bottom: 32px; width: 380px } .guide form .row-birthday.form-row {margin-bottom: 0 } .guide form .row-birthday.form-row .ipt-datetimepicker {min-width: 352px } .guide form .form-row dl {width: 180px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top } .guide form .form-row dd {display: inline-block; *display: inline; *zoom: 1; *width: 100% } .guide .radio-list {font-size: 0 } .guide form label {width: 178px; min-width: 178px; height: 32px; line-height: 32px; font-size: 14px; color: #9fa3b0; display: inline-block; *zoom: 1; *display: inline; position: relative; text-align: center } .guide form .form-row .salary-item+.salary-item, .guide form .form-row dd+dd, .guide form .form-row dl+dl, .guide form label+label {margin-left: 16px } .guide form .tip-text {position: absolute; color: #fc6c38 } .guide input[type=radio] {display: none } .guide form .btn-footer {overflow: hidden } .guide form .prev {display: inline-block; padding-left: 14px; color: #9fa3b0;	/*background: url(/v2/web/geek/images/guide.png) 0 -377px no-repeat;*/ margin-top: 4px } .guide form .prev:hover {color: #b5b8c4 } .guide form .btn {float: right; min-width: 90px; height: 32px; line-height: 32px; font-size: 14px } .guide .industry-title .btn {float: none } .base-info {min-height: 100% } .guide form .check-sex {border-color: #18c3b1; box-shadow: 1px 2px 3px #d7f4f1; border-color: #59cac2; color: #53cac3 } .guide .salary-item .ipt, .guide form .ipt-datetimepicker, .guide form .ipt-short {min-width: 152px; width: 152px } .guide form .ipt-advantage {height: 186px; padding-bottom: 20px } .guide .experience-info textarea {height: 72px; padding: 6px 0 20px 14px; width: 365px } .guide .text-con {position: relative } .guide .experience-info .count-num {top: 73px; background-color: rgba(255, 255, 255, .9) } .guide .advtange-info .count-num {top: 186px; background-color: rgba(255, 255, 255, .9) } .guide .base-info .description {height: 548px } .guide .education-info .description, .guide .position-info .description {height: 440px } .guide .experience-info .description {height: 506px } .guide .advtange-info .description {height: 417px } .guide .salary-item {width: 180px } .guide .dropdown-select .icon-select-arrow {top: 11px } .guide .ipt {min-width: 352px; color: #9fa3b0; padding-left: 14px } .guide textarea {resize: none } .guide .hide {display: none } .guide::-webkit-input-placeholder {color: #d1d4db } .guide:-ms-input-placeholder {color: #d1d4db } .guide:-moz-placeholder {color: #d1d4db } .guide::-moz-placeholder {color: #d1d4db } .guide .dropdown-menu-open {z-index: 10; color: #9fa3b0 } .guide .dropdown-menu {z-index: 10 } .guide .dropdown-menu li:hover {background-color: #f3f5fa; color: #434a5e } .guide .dropdown-menu-open .dropdown-menu {height: 200px } .guide .dropdown-menu-open .dropdown-menu ul {width: 100%; height: 100%; background-color: #fff } .guide .select-tree li.blank:hover {background-color: #fff } .guide .dropdown-select .ipt {color: #9fa3b0; display: block } .guide .prefix-today {top: 5px; color: #9fa3b0 } .guide .guide-link-app {width: 100%; clear: both; text-align: right; padding-top: 20px } .guide .guide-link-app a {text-decoration: underline } .guide .avatar_box {width: 80px; height: 80px; position: absolute; right: 0; z-index: 2; margin-bottom: 0; top: -44px; cursor: pointer } .guide .avatar {position: absolute; top: 0; right: 0; width: 80px; height: 80px } .guide .avatar .sel-avatar {width: 80px; height: 80px; border-radius: 50%; position: absolute; top: 0; left: 0 } .guide .avatar .sel-avatar input {display: none } .guide .avatar:hover .sel-avatar {/*background: url(/v2/web/geek/images/avatar-hover.png) center center no-repeat*/ } .guide .avatar img {width: 78px; height: 78px; border-radius: 50%; border: 1px solid #f6fbfb } .guide .avatar_box .tip-text {width: 80px; height: 80px; border-radius: 50%; background: #efe3e2; color: #fc6c38; font-size: 12px; text-align: center; line-height: 80px; position: absolute; top: 0; padding-left: 0; margin-top: 0 } .guide .sel-avatar input {opacity: 0 } .guide_layer .default-avatar {text-align: left; position: absolute; top: 0; z-index: 2; font-size: 0 } .guide_layer .default-avatar p {font-size: 14px; color: #414a60; margin-bottom: 20px; font-style: normal } .guide_layer .avatar-con {margin-right: -40px } .guide_layer .img-box {width: 60px; height: 60px; border: 1px solid #fff; border-radius: 50%; margin-right: 27px; margin-bottom: 20px; display: inline-block; cursor: pointer } .guide_layer img {width: 60px; height: 60px; border-radius: 50% } .guide_layer .img-checked {position: relative; border-color: #37e0d2 } .guide_layer .img-checked .pop {position: absolute; width: 60px; height: 60px; border-radius: 50%;	/*background: rgba(93, 213, 200, .89) url(/v2/web/geek/images/guide.png) -52px -21px no-repeat*/ } .guide_layer .img-box:hover {border-color: #37e0d2 } .guide_layer .main .selectpic {background-color: #fff } .guide_layer .main .selectpic .editbox {background-color: #fff; z-index: 3 } .guide_layer .main .selectpic .sbox {margin-top: 230px; position: relative } .guide_layer .main .selectpic .sbox p {margin-top: 22px; color: #9fa3b0; font-style: normal } .guide_layer .main .selectpic .sbox .btns {width: 118px; height: 32px; font-style: normal; border-radius: 0; border: 1px solid #5dd5c8; color: #5dd5c8; line-height: 32px; padding: 0; background-position: 34px center; padding-left: 20px } .guide_layer .main .selectpic .sbox .selectfile {width: 140px; height: 34px; left: 105px; cursor: pointer } .guide_layer .layer_btns {padding-left: 0 } .guide .dialog-footer .btns .btn {height: 32px; line-height: 32px; font-size: 14px; min-width: 94px } .industry-multiple-wrapper .data-tips {box-sizing: border-box; padding-top: 160px; line-height: 80px } @media (max-height:700px) {.guide #main .container-box {top: 148px } } .guide::-webkit-scrollbar-track-piece {background-color: #fff; -webkit-border-radius: 0 } .guide::-webkit-scrollbar {width: 4px } .guide::-webkit-scrollbar-thumb {height: 50px; background-color: #ccc; -webkit-border-radius: 4px } .guide::-webkit-scrollbar-thumb:hover {height: 50px; background-color: #aaa; -webkit-border-radius: 4px } .page-container::-webkit-scrollbar {width: 3px } .page-container::-webkit-scrollbar-thumb {background-color: #ddd } .page-container::-webkit-scrollbar-thumb:hover {background-color: #ccc } .page-single .detail {padding-top: 15px } .page-single .detail-content {background: #fff; padding: 35px 35px 35px; font-weight: 400; font-size: 15px; letter-spacing: .2px; line-height: 30px } .page-single .detail-content .title {font-size: 30px; line-height: 50px; font-weight: 400; text-align: center; margin-bottom: 15px } .page-single .detail-content .info .author {float: right; margin-top: 30px } .page-single .detail-content .info .tags {padding: 25px 0 40px } .page-single .detail-content .content h4 {font-size: 20px; margin-bottom: 10px } .page-single .detail-content .content p {padding: 10px 0 } .detail-content .content iframe, .detail-content .content video, .page-single .detail-content .content img {max-width: 100% } .page-responsive {min-width: inherit } @media (max-width:800px) {.page-single {color: #333 } .page-single #footer, .page-single #header {display: none } .page-single .detail {padding-top: 0 } .page-single .detail-content {padding: 15px } .page-single .detail-content .content p {padding: 5px 0 } } .greet-pop .greet-con {padding: 10px; background-color: #f8f9fc; color: #9fa3b0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .greet-pop .dialog-title {padding: 15px 30px } .greet-pop .dialog-con {padding: 10px 30px } .greet-pop .dialog-container {width: 490px; margin: -128px 0 0 -245px } .greet-pop .title {font-size: 14px; font-weight: 400 } .greet-pop .dialog-con span {display: inline-block; padding-top: 20px; font-size: 12px; color: #9fa3b0 } .greet-pop .dialog-footer {border-top: 1px #eee solid; padding: 15px 30px; margin-top: 20px } .greet-pop .op-text {position: absolute; top: 205px; color: #9fa3b0 } .greet-pop .checkbox input[type=checkbox]~span, .radio input[type=radio]~span {min-height: auto } .inner-seo .condition-box dt {font-size: 14px; width: auto } .inner-seo .condition-insdustry dd {height: auto; margin-left: 40px } .inner-seo .job-list li .name {font-size: 15px; letter-spacing: 1px } .inner-seo .job-list li .name a {min-width: 50px; text-align: center; width: auto; display: inline-block } .inner-seo .job-list li p {margin-top: 10px } .inner-seo .job-list li .company-text {padding-top: 9px } .inner-seo .job-list li .company-text p {color: #b7bac4; margin-top: 5px } .inner-seo .job-list li .company-text img {height: 48px } .inner-seo .job-list .info-company {max-width: 300px } .inner-seo .job-list .info-primary {max-width: calc(100% - 310px) } .inner-seo .job-list .job-demand {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #b7bac4 } .inner-seo .about-search {background: #fff; margin-bottom: 10px } .inner-seo .about-search dt {height: 50px; line-height: 50px; border-bottom: 2px #f2f2f5 solid; padding: 0 35px; color: #00d7c6; font-size: 16px } .inner-seo .about-search dd {padding: 0 35px } .inner-seo .about-search dd a {display: block; height: 40px; line-height: 40px; border-bottom: solid 1px #f8f9fc; font-size: 13px; color: #5a6172 } .inner-seo .promotion-img {margin-top: 10px } .job-seo .job-list {width: 1204px; margin: 15px auto; background: #fff; padding: 0 35px; padding-bottom: 15px } .job-seo .job-list:after {content: ""; display: block; height: 0; clear: both } .job-seo .job-list dt {height: 45px; line-height: 45px; color: #5dd5c8; border-bottom: solid 2px #f4f4f7; margin-bottom: 5px } .job-seo .job-list dd {height: 45px; line-height: 45px; width: 25%; text-align: left; float: left }