/* blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    border: 0;
    font-family: PingFang SC, Microsoft YaHei, Lantinghei SC, Helvetica Neue, Helvetica, Arial, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
    margin: 0;
    padding: 0
}

abbr,
acronym,
fieldset,
img {
    border: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

em,
i {
    font-style: normal
}

a,
a:hover,
a:link,
a:visited {
    text-decoration: none
}

a:hover {
    color: #3697fc
} */

a,
input,
input:focus {
    outline: none
}

input {
    background: none;
    border: none;
    line-height: 36px
}

input.bre6 {
    border: 1px solid #e6e6e6
}

input::-ms-clear {
    display: none
}

button {
    border: none;
    cursor: pointer;
    vertical-align: middle
}

table {
    border-collapse: collapse;
    *border-collapse: collapse;
    border-spacing: 0
}

address,
caption,
cite,
code,
dfn,
th {
    font-style: normal;
    font-weight: 400
}

li,
ul {
    list-style: none
}

:link img,
:visited img,
a img {
    border: 0;
    outline: none
}

button,
input,
select,
textarea {
    outline: none
}

strong {
    font-weight: 400
}

.clear {
    /* clear: both;
    font-size: 1px;
    height: 0;
    line-height: 0;
    text-indent: -9999px;
    zoom: 1 */
}

.fl {
    float: left
}

.fr {
    float: right
}

.fs12 {
    font-size: 12px !important
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs18 {
    font-size: 18px
}




.summary-plane__jubao .iconfont {
    padding: 0 3.5px 0 0
}

.summary-plane__jubao a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summary-plane__jubao .icon-report:before {
    content: ""
}

.summary-plane__jubao .icon-report {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-right: 2px;
    background-image: url(../images/icon-report.3cda26.png);
    background-size: 20px 20px
}

.summary-plane__jubao:hover a {
    color: #426eff !important
}

.summary-plane__jubao:hover .icon-report {
    background-image: url(../images/icon-report-hover.9315a0.png);
    background-size: 20px 20px
}

.summary-plane {
    background-color: #f5f7ff;
    background-position: 50%;
    background-repeat: repeat-x;
    margin-bottom: 20px;
    min-width: 1000px;
    padding-bottom: 32px;
    width: 100%
}

.summary-plane__meixing {
    background-image: url(../images/meixing-jd.5aad3a.png)
}

.summary-plane__zhenai {
    background-image: url(../images/zhenai-jd.273a9f.png)
}

.summary-plane__lingzhi {
    background-image: url(../images/lingzhi-jd.00cd6b.png)
}

.summary-plane__content {
    margin: 0 auto;
    position: relative;
    width: 1000px
}

.summary-plane__icon {
    float: right;
    font-size: 14px;
    position: relative;
    line-height: 18px
}

.summary-plane__icon .iconfont {
    font-size: 14px
}

.summary-plane__icon a {
    color: #9399ad
}

.summary-plane__collection {
    background: none;
    border: 1px solid #426eff;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 112px
}

.summary-plane__collection .iconfont {
    font-size: 16px;
    padding-right: 5px
}

.summary-plane__collection .iconfont.icon-collection {
    color: #426eff
}

.summary-plane__invalid {
    left: 360px;
    position: absolute;
    top: 34px
}

.summary-plane__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    padding-top: 24px;
    width: 100%
}

.summary-plane__update {
    float: left
}

.summary-plane__future {
    height: 18px;
    margin-left: 10px;
    vertical-align: -5px
}

.summary-plane__calc {
    background-image: url(../images/analysis_blue.png);
    background-size: 16px 16px;
    color: #1787fb;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    line-height: 12px;
    overflow: visible;
    padding-left: 22px;
    position: relative;
    width: 88px
}

.summary-plane__calc,
.summary-plane__qrcode {
    background-position: 0 0;
    background-repeat: no-repeat;
    text-align: center
}

.summary-plane__qrcode {
    background-image: url(../images/qrcode_01.png);
    background-size: 108px 115px;
    display: none;
    height: 115px;
    position: absolute;
    right: -5px;
    top: 15px;
    width: 108px;
    z-index: 10
}

.summary-plane__qrcode img {
    height: 77px;
    margin-top: 12px;
    width: 77px
}

.summary-plane__calc:hover .summary-plane__qrcode {
    display: block
}

.summary-plane__qrcode-text {
    color: #666;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
}

.summary-plane__time {
    color: #4e5366;
    cursor: pointer;
    font-size: 14px
}

.summary-plane__time .iconfont {
    font-size: 14px;
    padding-right: 5px
}

.summary-plane__jubao:hover {
    color: #1a8afa
}

.summary-plane__jubao:hover .iconfont {
    color: #ff5758
}

.summary-plane__zhenai .summary-plane__collectioned {
    border-color: red
}

.summary-plane__zhenai .summary-plane__collectioned .iconfont {
    color: red
}

.summary-plane__lingzhi .summary-plane__time,
.summary-plane__lingzhi .summary-plane__time .iconfont,
.summary-plane__meixing .summary-plane__time,
.summary-plane__meixing .summary-plane__time .iconfont {
    color: hsla(0, 0%, 100%, .8)
}

.summary-plane__zhenai .summary-plane__time {
    color: #aa6e62
}

.summary-plane__zhenai .summary-plane__time:hover,
.summary-plane__zhenai .summary-plane__time:hover .iconfont {
    color: #f33435
}

.summary-plane__lingzhi .summary-plane__time:hover,
.summary-plane__lingzhi .summary-plane__time:hover .iconfont,
.summary-plane__meixing .summary-plane__time:hover,
.summary-plane__meixing .summary-plane__time:hover .iconfont {
    color: #e9c30b
}

.summary-plane__icon div {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    height: 20px;
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summary-plane__info {
    margin-top: 12px
}

.summary-plane__info a {
    color: #4e5366
}

.summary-plane__info li {
    color: #4e5366;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAAAXNSR0IArs4c6QAAABNJREFUCB1juHv33n8mBiAglgAArEUDqolMUwUAAAAASUVORK5CYII=) no-repeat 100%;
    float: left;
    font-size: 14px;
    line-height: 14px;
    padding: 0 10px
}

.summary-plane__share {
    float: left;
    position: relative
}

.summary-plane__share:hover,
.summary-plane__share:hover a {
    color: #1a8afa
}

.summary-plane__lingzhi .summary-plane__share,
.summary-plane__meixing .summary-plane__share,
.summary-plane__zhenai .summary-plane__share {
    position: relative
}

.summary-plane__info li:first-of-type {
    padding-left: 0
}

.summary-plane__info li:last-of-type {
    background-image: none
}

.summary-plane__info span:before {
    content: "-"
}

.summary-plane__lingzhi .summary-plane__info a,
.summary-plane__lingzhi .summary-plane__info li,
.summary-plane__meixing .summary-plane__info a,
.summary-plane__meixing .summary-plane__info li {
    color: #fff
}

.summary-plane__zhenai .summary-plane__icon a,
.summary-plane__zhenai .summary-plane__info a,
.summary-plane__zhenai .summary-plane__info li {
    color: #aa6e62
}

.summary-plane__lingzhi .summary-plane__icon a,
.summary-plane__meixing .summary-plane__icon a {
    color: #fff
}

.summary-plane__right {
    float: right;
    margin-top: 15px
}

.more-positions__btn {
    width: 250px !important
}

.more-positions__btn.link {
    line-height: 24px
}

.summary-plane__tips {
    clear: both;
    float: right;
    position: relative;
    margin-top: 13px;
    padding: 5px 8px;
    background-color: #ebf2fa;
    border: 1px solid #e1eaf5;
    border-radius: 8px;
    font-size: 12px;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    line-height: 16px;
    text-align: right;
    cursor: pointer
}

.summary-plane__tips:before {
    top: -4px;
    right: 114px;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 5px solid #ebf2fa;
    z-index: 2
}

.summary-plane__tips:after,
.summary-plane__tips:before {
    position: absolute;
    content: "";
    display: block;
    width: 0;
    height: 0
}

.summary-plane__tips:after {
    top: -6px;
    right: 113px;
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid #e1eaf5;
    z-index: 1
}

.summary-plane__tips-text {
    color: #5b7be9
}

.summary-plane__zhenai .summary-plane__collection {
    border-color: #aa6e62
}

.summary-plane__lingzhi .summary-plane__collection,
.summary-plane__meixing .summary-plane__collection {
    border-color: #fff
}

.summary-plane__zhenai .summary-plane__collection:hover {
    border-color: red
}

.summary-plane__lingzhi .summary-plane__collection:hover,
.summary-plane__lingzhi .summary-plane__collectioned,
.summary-plane__meixing .summary-plane__collection:hover,
.summary-plane__meixing .summary-plane__collectioned {
    border-color: #ffb032
}

.summary-plane__jubao:hover a,
.summary-plane__xiaochengxu:hover a {
    color: #1a8afa
}

.summary-plane__zhenai .summary-plane__share:hover {
    color: #f33435;
    position: relative
}

.summary-plane__zhenai .summary-plane__share:hover a {
    color: #f33435
}

.summary-plane__collected {
    display: inline-block;
    height: 16px;
    margin-right: 9px;
    width: 16px
}

.summary-plane__collection img {
    margin-right: 9px
}

.summary-plane__app img,
.summary-plane__xiaochengxu img {
    background: #fff;
    -webkit-box-shadow: 0 6px 12px 0;
    box-shadow: 0 6px 12px 0;
    color: #9497a1;
    display: none;
    left: -40px;
    position: absolute;
    top: 25px;
    z-index: 10
}

.summary-plane__xiaochengxu {
    background-image: url(../images/icon-wx.26ff1c.png)
}

.summary-plane__app,
.summary-plane__xiaochengxu {
    background-size: 20px 20px;
    float: left;
    padding-left: 21.5px;
    position: relative
}

.summary-plane__app {
    background-image: url(../images/icon-app.73d582.png)
}

.summary-plane__complain {
    float: left
}

.summary-plane__zhenai .summary-plane__xiaochengxu {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAkhJREFUOBGtVEtoE1EUvXc+SSr4K66KQtw0C5cWETfqRjcjFTFZiKvGWOlm2oq6sdCtjR/iothiIq6UTPGDoyAuFMGNn40bqSIUhYogVl00yWRmnu/M5IU06kLau5g3ue+cM/fde16I1ij4Xzr3zw71eXXtoGCRBoYFLyRS4ePBqcri3zh/CN0bH9nmBY0ikbDk5lNJmm8RM4Jov5R0E3ryzOHL0587BVcIVcfyuygQLjM/Sxn6yKFLs986wQ9On9xS94NpIcQ+0tnKXSm/VPuaekElLZGJbKmc6xYBzlrf9x178kMTwEaclkBbCMdBJRI4o8TV6tgFy7GHPjpLn2pV+8QUMMDGLYhR0dHQ2EaD3vcYRrq7krmxwg4RhDhCXpjGW242nwudd/do+o+a7y8kk9SPAUQVYTpobLcIviVCcUwwVbJXy7fXmdoX5LTAYGDBARc5Aw+MWCbVdOju6Km0H3oXBGt35NwNOfpfznhhz3LNe8RMN4+WZj6AJ2Ne2aPdozgfP33RdIhpcaO5yaWQApnt3Z7hV0niTLZUsRVWCCnbikgIZpO/M8hVq1Vdjndgg9l7/kCxuCzr3Sv983pgeLY5WLr+FRgVzKK/xaVICI6F2eCTXC4XEPOTn97SrbnR/EPZnzC7eesNRVYrsOCAi1wkFNueXZgNScM0j7NG72SPXlDKsHhyMkS+M2Isu+rKRM0GALb3/Pobx84PH7l4DV4610nsfAcG7k4YqZ0q324WEqu5IiuEILYmlxZCKv73b0TxVr3+Bo+ZHHu6jIsIAAAAAElFTkSuQmCC");
    position: relative
}

.summary-plane__lingzhi .summary-plane__xiaochengxu,
.summary-plane__meixing .summary-plane__xiaochengxu {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAa9JREFUOBGFlLFKA0EQhj1RECsrLxKjD2BtIVYBUQlibxG4iLV5AiWF6AP4AGKhna2FgmhhJQEtYylGE20ElZTn95+7ubu9nA58mZ35Z/dudvfiDeVYGIY+0jLIy7pw4XmefMaG3QwLLMIl+RaswpRB45Y01TDONwoCkG3CqFupnNHa+G1Xj2KEOnyCbWVgnZLUFOELglQRCbWjp0ynhD8Can2QxW0SqO9a3jy0EhzCGSzZOsbaAu1n9Jpa+QMye5LQX9Fv4AjU0oTRtGea66vfKpxKGGRoe9CEEUMPv2BrGZ9AVcc/CR0ryCPoSVtQJpyBJszBNTzBPVjTXD9zj4x6jN8BD75hHGTnUOZS9qIo8aOF3qBgc7zFGOMNWGfCFX4W3hk/wD68ECdNc7tqI7XZxGqrDQewC9rMUnKmHZNX7e9mK0mQOn7iCjzDI6zYia5Hi4/fLKQL2YF+i+4kN6a2CHrz+EKaxQKS+kT+vd3UFExt3X1AFCPqe9NTapC5oMoZDReuJRfR8aaMAr1qA+ZBx23vmNquwB00OL1bfN8yC1mFBe0fmy6sTNck94/tB9fid5O1IywrAAAAAElFTkSuQmCC");
    position: relative
}

.summary-plane__xiaochengxu:hover {
    background-image: url(../images/xiaochengxu-hover.59cc00.png)
}

.summary-plane__xiaochengxu:hover a {
    color: #426eff
}

.summary-plane__icon .summary-plane__app:hover {
    background-image: url(../images/icon-app-hover.ae72ef.png);
    position: relative
}

.summary-plane__icon .summary-plane__app:hover a {
    color: #426eff
}

.summary-plane__lingzhi .summary-plane__xiaochengxu:hover,
.summary-plane__meixing .summary-plane__xiaochengxu:hover {
    background-image: url(../images/xiaochengxu-white-hover.cbe2e5.png);
    position: relative
}

.summary-plane__lingzhi .summary-plane__xiaochengxu:hover a,
.summary-plane__meixing .summary-plane__xiaochengxu:hover a {
    color: #f19c11
}

.summary-plane__zhenai .summary-plane__xiaochengxu:hover {
    background-image: url(../images/xiaochengxu-red-hover.3ba48d.png);
    position: relative
}

.summary-plane__zhenai .summary-plane__xiaochengxu:hover a {
    color: #f33435
}

.summary-plane__share img {
    -webkit-box-shadow: 0 6px 12px 0;
    box-shadow: 0 6px 12px 0;
    color: #9497a1;
    display: none;
    left: -57px;
    position: absolute;
    top: 25px;
    z-index: 10
}

.summary-plane__app:hover img,
.summary-plane__share:hover img,
.summary-plane__xiaochengxu:hover img {
    display: block
}

.summary-plane__lingzhi .summary-plane__jubao,
.summary-plane__meixing .summary-plane__jubao {
    color: #f19c11
}

.summary-plane__zhenai .summary-plane__jubao {
    color: #f33435
}

.summary-plane__lingzhi .summary-plane__jubao:hover a,
.summary-plane__meixing .summary-plane__jubao:hover a {
    color: #f19c11
}

.summary-plane__zhenai .summary-plane__jubao:hover a {
    color: #f33435
}

.summary-plane__jubao-hover {
    color: #1a8afa
}

.summary-plane__lingzhi .summary-plane__jubao-hover,
.summary-plane__meixing .summary-plane__jubao-hover {
    color: #f19c11
}

.summary-plane__lingzhi .summary-plane__share:hover,
.summary-plane__meixing .summary-plane__share:hover {
    color: #f19c11;
    position: relative
}

.summary-plane__lingzhi .summary-plane__share:hover a,
.summary-plane__meixing .summary-plane__share:hover a {
    color: #f19c11
}

.summary-plane__title {
    clear: both;
    color: #222;
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 4px
}

.summary-plane__proxy {
    height: 20px;
    margin-left: 8px;
    position: relative;
    top: 1px
}

.summary-plane__other {
    line-height: 1
}

.summary-plane__invalid-text {
    color: #4e5366;
    font-size: 14px;
    padding: 3px 8px;
    border-radius: 6px;
    background: #e4e7f2
}

.summary-plane__invalid-text:before {
    display: inline-block;
    content: "";
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    margin-right: 4px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAT3SURBVFiF1ZlfSFt3FMe/53fjv6JrYdL9YQ97yJxdJ2vUdvhgl4cJlSVp0zR92MvYrNEJZSt76Jtin1bGaEEQTeZgMBxMsozEkQ1fMn0QVv8UWuoUH2QMLCOIVan/knv2kBtz7zVRb7wp+n3L+f3O+X24uef3O+d3CXmquflmSXHZRiODLgKoBcEK4DUA5cqUNQCLYMwDmCLw6NZ66Vg02rOZz3pk1MHlaatn4g5iuAGcMui+zIQQMfWGg/0TRhwPDOrytNvAybsgajIIl13MIyDpdjjYN32Q6fuC2r0d5RVy4g4Btw4Qbx2gZwrJSQBl+zkwcG9VWDpjQ71reYO6vC1WyJZhgN/OMWUahLAMGitK0qNQqO8/9aDb3X56W+IaAW4EwwXAlgNjFiLhCA8NzBsGdXhbLoik9BsIlbohGcCgEPztr0OBh7n8s+mKt/WcLNNXAD4GIDSDjLgsJT8aHhr468CgDm/LBSFLIwBe0kxmjAsWvlCo77ERQL3c7vZ3ZZL9TGjQDa3IItmUDXYXqMvbYkVSGtc/SQbfiQQDXYcB1Mvpae0mUKfGyIhDSjboXwPN47d7O8ohW4az/N1JApbMhASASDDQRUSfAUjsGAmVkC3Ddm9HuXqupP5Rc8b2NQGOLDEFQJeqztS98forFdGFhQXZLNjZJ5MPq8/W/wvgsspcWcxy2dzM5B8ZfkUuT7sNkKf2C8zgGLbIG4n442bBAjleA4ja9D6b+es5eVfnOwVg13ZBIDsV87jT46s2EzQSDHQRY1xjVDEJIHUs6k4cWZLFJ7yFBjD+3B2WrAQ8cLlbLpkJK1j4kNr+lGWoyeVpq98BZeIOnc9gKNT3OBLxx1eW5j4EeCBL3HIIKeLytH5hFqiy7Q2qbWk2am6+WVJ0YvMpVAWGEGzTb+bOq74vifANAIt+AWZ8t7o093ksFkvox4xKORTU5//y9vOSV0Vx2UYjtFXQdLYTJ/KL/z5kciJVvmlEhBsVL7814nT69NuaYSlrq0FPFZdtNAqlnlStinCuIOFQ/+8MnEehk0zHwKCLAkCt2iiDxvaKEQn6/y50kmVhqBVKZb6joiQ92i9QoZNsFwPBSi6P7xkyxcd6OOg/YSRooZLM5fE9R6aeXRHI9DjIFL0HV+GSTMNSLnLOM6AXkWQCmifBJ/MNZH6SaVjWBIBFlaHM7W4/nSeraUmmMKj7rUWh9N072pa4Jl9QAIjFYolwMHCDGbegrjNTsgB033nVF7Db7buSLycDY14gVSXtSIAbDwOa1mGSLAvDlCDwqMaU6hZNUd5JpmMg8KjYWi8dA7CsstuueFvPmQVrNMmUtdVt9fLWeumYiEZ7NpkQUrsrLa1pMpJk+rWZEIpGezYJUApn8AM1qySL9w7bFmfTXicZwD8DdA2appPOh4P9EwIAwsH+CTCPqDyETLLfbEhg7yQD6LoGknkkfZmWMZJ0W+3ChAanp7W7ELB7JZlGKqaddnl2ZuJp1Tt1JwmZ2wsCfVB9tv6f2SeThq5uDqK5mcl4lbXuJxJ4H4Q39eMM3IsE+39I/9ac9avC0gnQrMaB2X/5WtunZoMCqSQjgR/BzNoRmk2xZKQBjQ31rkEkHGCoe3YLM39fiNfA6WntZkYARJmrJUYcIuHQX0Me30syDexRv3ZM61hc5KZ1LK7G1TryHxv0OvKfb/R60R/E/gfXapwvk+/tbgAAAABJRU5ErkJggg==");
    background-size: 14px
}

.summary-plane__proxy-name {
    color: #9497a1;
    display: inline-block;
    font-size: 12px;
    margin-left: 17px
}

.summary-plane__header {
    color: #333;
    float: left;
    font-size: 24px;
    line-height: 24px;
    margin-right: 20px
}

.summary-plane__zhenai .summary-plane__header {
    color: #9f3d2f
}

.summary-plane__lingzhi .summary-plane__header,
.summary-plane__meixing .summary-plane__header {
    color: #fff
}

.summary-plane__tip {
    color: #1a8afa;
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin-left: 12px
}

.summary-plane__left {
    float: left
}

.summary-plane__zhenai .summary-plane__tip {
    color: #aa6e62
}

.summary-plane__lingzhi .summary-plane__tip,
.summary-plane__meixing .summary-plane__tip {
    color: #fff
}

.summary-plane__salary {
    color: #426eff;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 18px;
    overflow: hidden;
    padding-right: 15px
}

.summary-plane__salary.invalid {
    color: #9399ad
}

.summary-plane__salary span {
    color: #ff424f;
    display: block;
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin-right: 10px;
    overflow: hidden
}

.summary-plane__lingzhi .summary-plane__calc:hover .icon-calculator,
.summary-plane__meixing .summary-plane__calc:hover .icon-calculator {
    color: #ffb032
}

.summary-plane__zhenai .summary-plane__calc:hover,
.summary-plane__zhenai .summary-plane__calc:hover .iconfont {
    color: #f33435
}

.summary-plane__collection span {
    color: #426eff;
    font-size: 16px;
    line-height: 16px
}

.summary-plane__zhenai .summary-plane__salary span {
    color: #ff5758
}

.summary-plane__lingzhi .summary-plane__salary span,
.summary-plane__meixing .summary-plane__salary span {
    color: #ffb032
}

.summary-plane__zhenai .summary-plane__collection span {
    color: #aa6e62
}

.summary-plane__lingzhi .summary-plane__collection span,
.summary-plane__meixing .summary-plane__collection span {
    color: #fff
}

.summary-plane__action {
    float: left
}

.summary-plane__action .a--filled {
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    width: 220px;
    background: #426eff !important;
    border-color: #426eff !important
}

.summary-plane__action .a--filled:hover {
    background: rgba(66, 110, 255, .85) !important;
    border-color: rgba(66, 110, 255, .85) !important
}

.summary-plane__action .a--filled.a--disabled {
    background: #ccd8ff !important;
    border-color: #ccd8ff !important
}

.summary-plane__action .a--filled.a--disabled:hover {
    background: rgba(204, 216, 255, .85) !important;
    border-color: rgba(204, 216, 255, .85) !important
}

.summary-plane__other__title {
    font-size: 24px;
    font-weight: 600;
    color: #9399ad;
    top: 57px;
    position: absolute;
    line-height: 1
}

.summary-plane__other__title:before {
    display: inline-block;
    content: "";
    width: 28px;
    height: 28px;
    background: url(../images/icon-lost.a73051.png) no-repeat;
    background-size: 28px;
    vertical-align: sub;
    margin-right: 8px
}

.summary-fixed {
    background: #fff;
    -webkit-box-shadow: 0 0 16px 0 rgba(34, 34, 34, .2);
    box-shadow: 0 0 16px 0 rgba(34, 34, 34, .2);
    height: 126px;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 90
}

.summary-fixed,
.summary-fixed__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.summary-fixed__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: 1000px
}

.summary-fixed__left {
    float: left
}

.summary-fixed__right {
    float: right
}

.summary-fixed__content__title {
    color: #9399ad;
    font-size: 24px;
    font-weight: 600;
    position: absolute;
    top: 46px
}

.summary-fixed__content__title:before {
    background: url(../images/icon-lost.a73051.png) no-repeat;
    background-size: 28px;
    content: "";
    display: inline-block;
    height: 28px;
    margin-right: 8px;
    vertical-align: sub;
    width: 28px
}

.summary-fixed__header {
    color: #222;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    max-width: 480px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -4px;
    white-space: nowrap
}

.summary-fixed__line {
    font-size: 24px;
    margin: 0 11px
}

.summary-fixed__salary {
    color: #426eff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 12px
}

.summary-fixed__salary.invalid {
    color: #9399ad
}

.summary-fixed__collection {
    border: 1px solid #1787fb;
    border-radius: 4px;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    text-align: center;
    width: 121px
}

.summary-fixed__collection img {
    margin-right: 9px
}

.summary-fixed__collection span {
    color: #1787fb;
    font-size: 16px;
    line-height: 16px
}

.summary-fixed__action {
    float: left
}

.summary-fixed__action.a--filled,
.summary-fixed__action .a--filled {
    background: #426eff;
    border-color: #426eff;
    font-size: 16px;
    font-weight: 500;
    height: 48px;
    width: 220px
}

.summary-fixed__action.a--filled:hover,
.summary-fixed__action .a--filled:hover {
    background: rgba(66, 110, 255, .85);
    border-color: rgba(66, 110, 255, .85)
}

.summary-fixed__action .a--filled.a--disabled {
    background: #ccd8ff;
    border-color: #ccd8ff
}

.summary-fixed__action .a--filled.a--disabled:hover {
    background: rgba(204, 216, 255, .85);
    border-color: rgba(204, 216, 255, .85)
}

.summary-plane__action {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-column__center,
.summary-plane__action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-column__center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.summary-fixed__login {
    color: #426eff;
    cursor: pointer;
    font-size: 15px;
    line-height: 20px;
    margin-top: 14px
}

.summary-fixed__login:before {
    background: url(../images/icon-login.7b1704.png);
    background-size: 20px;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 4px;
    vertical-align: bottom;
    width: 20px
}

.highlights__title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative
}

.highlights__title:after {
    background: #f0f0f0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.highlights__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.highlights__content-item {
    background-color: #f5faff;
    color: #1787fb;
    font-size: 12px;
    line-height: 12px;
    margin-right: 10px;
    padding: 7px 10px
}

.best-employer-tag .best-employer-tag__title[data-v-60c42217] {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative
}

.best-employer-tag .best-employer-tag__tags[data-v-60c42217] {
    margin-bottom: 30px
}

.best-employer-tag .best-employer-tag__tag-text[data-v-60c42217] {
    background: #f5faff;
    border-radius: 2px;
    color: #1787fb;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 4px 6px
}

.best-employer-tag .best-employer-tag__tag-text[data-v-60c42217]:last-child {
    margin-right: 0
}

.describtion {
    position: relative
}

.describtion__title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative
}

.describtion__title:after {
    background: #edeff7;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.describtion__skills-title {
    color: #333;
    display: block;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 25px
}

.describtion__skills-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    max-height: 70px;
    overflow: hidden
}

.describtion__skills-item {
    border: 1px solid #edeff7;
    border-radius: 4px;
    color: #9399ad;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 7px 10px
}

.describtion__detail-content.cover {
    height: 160px;
    overflow: hidden
}

.describtion__detail__switch__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(27%, hsla(0, 0%, 100%, .9)), color-stop(50%, #fff));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .9) 27%, #fff 50%);
    bottom: 0;
    color: #4e5366;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    padding: 28px 0 0;
    position: absolute;
    text-align: center;
    width: 700px
}

.describtion__detail__switch__btn:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAC7SURBVEiJ7ZMtDsIwGEDfyjKQkzvCJBI7gdgSBCHzcxwKgycEQYJB7Bo7AkeAZrQYCGQ/7EsIrk9+bd9rmhQcDsff8ZqDxWpdetiwVjo97bYXiSTLi8g344PFXI/7TfK5ptpFGwJT3wRllheRTB6UYGceatJcbwVqpVOgAuKhyFtODFS1ui3bFxYd1EnzuSR7egNDAqn8a6BPBCCVDwa6Is+xSC4KdESQysWBV2RkgjPAXem59I84HL/zALsYcY8l2MDkAAAAAElFTkSuQmCC");
    background-size: 12px;
    content: "";
    display: inline-block;
    height: 12px;
    margin-top: -2px;
    width: 12px
}

.describtion__detail-content {
    color: #222;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 40px
}

.describtion__detail-content ul {
    padding-left: 20px
}

.describtion__detail-content ul li {
    list-style: disc
}

.describtion__detail-content ol {
    padding-left: 20px
}

.describtion__detail-content ol li {
    list-style: decimal
}

.describtion__detail-content em,
.describtion__detail-content i {
    font-style: italic
}

.describtion__detail-content b,
.describtion__detail-content strong {
    font-weight: 700
}

.describtion__detail-content u {
    text-decoration: underline
}

.bonus__title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative
}

.bonus__title:after {
    background: #f0f0f0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.bonus__detail-content {
    color: #333;
    font-size: 14px;
    line-height: 2;
    margin-bottom: 40px;
    margin-top: 5px
}

.bonus__detail-content ul {
    padding-left: 20px
}

.bonus__detail-content ul li {
    list-style: disc
}

.bonus__detail-content ol {
    padding-left: 20px
}

.bonus__detail-content ol li {
    list-style: decimal
}

.bonus__detail-content em,
.bonus__detail-content i {
    font-style: italic
}

.bonus__detail-content b,
.bonus__detail-content strong {
    font-weight: 700
}

.bonus__detail-content u {
    text-decoration: underline
}

.job-address__content-text .iconfont {
    padding: 0 5px
}

.job-address__title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    position: relative
}

.job-address__title:after {
    background: #edeff7;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.job-address__content {
    margin-bottom: 16px
}

.job-address__content .amap-copyright,
.job-address__content .amap-logo {
    z-index: 100
}

.job-address__content-text {
    color: #333;
    float: left;
    font-size: 14px
}

.job-address__content-view-map-button {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    color: #426eff;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 0
}

.job-address__content-view-map-button:focus {
    outline: none
}

.job-address__content-view-map-button:after {
    color: #426eff;
    content: "\22C1";
    display: inline-block;
    font-size: 16px;
    height: 15px;
    padding-left: 5px;
    text-align: center;
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5);
    vertical-align: -4px
}

.job-address__content-view-map-button--up-arrow:after {
    -webkit-transform: scaleY(-.5) translateY(-8px);
    -ms-transform: scaleY(-.5) translateY(-8px);
    transform: scaleY(-.5) translateY(-8px)
}

.job-address__content-map {
    float: left;
    height: 240px;
    margin-top: 16px;
    width: 700px
}

.charge-description {
    margin-top: 40px
}

.charge-description__title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative
}

.charge-description__title:after {
    background: #f0f0f0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 77%
}

.charge-description__item {
    background: -webkit-gradient(linear, left top, right top, from(#f5f7fc), to(rgba(245, 247, 252, 0)));
    background: linear-gradient(90deg, #f5f7fc, rgba(245, 247, 252, 0));
    border-radius: 8px;
    color: #4e5366;
    font-size: 14px;
    margin-bottom: 8px;
    padding: 10px 14px
}

.charge-description__item-ask {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin-bottom: 10px
}

.charge-description__item-answer {
    line-height: 14px;
    position: relative
}

.charge-description__item-answer-tip {
    height: 16px;
    left: 0;
    position: absolute;
    top: 0;
    vertical-align: top;
    width: 16px
}

.charge-description__item-answer-content {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding-left: 21px;
    vertical-align: top
}

.charge-description__tips {
    color: #9399ad;
    font-size: 12px;
    line-height: 18px;
    padding-top: 8px
}

.warning {
    background-color: #f5f7ff;
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    margin-top: 40px;
    width: 700px;
    border-radius: 6px
}

.warning__text {
    color: #4e5366;
    margin-left: 16px
}

.warning__text:before {
    background: url("data:image/png;base64,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") no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 20px;
    margin-bottom: -5px;
    margin-right: 6px;
    width: 20px
}

.warning__report-violation {
    color: #426eff;
    vertical-align: 0
}

.warning__close {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAIZSURBVHic7dm/ahRRGIbx55sZYQsLixSWFhbegxaWSWGRZBUshUgSItEtAgEvQSRgXLSzFKIhhYK5AANehIWNnUWKFEEycyyMy8rOZP/MOXOG8P66nWGHsw/LzvlmQUREREREREREREREROTys5AX7/f3bhZZ+snBXFIUj56s3//s4ZpXXZZ+cLi7DrY2V7uvfay1ShLy4kWWvgBuGcw5Sw5evd3v1rneeZwvDubBOobt7rw5uOFnteWCBnK4n4MXRmbwftZIQ3HuDB0+5pTjuuu8SNBA6VmxjeNocGDGSBVxTnLsXq+3GDRQ0N8g+PvhijQ9xLg9OOg4c/Bwc2354yTvr4iz8Gx16WuINQ8LHghmjxQ7DjQUCKaP1IY40GAgmDxSW+JAw4FgfKQ2xYEIgaA6kpmtgFtpSxyIFAgqIo2KGgciBoKxkaLHgcAbxXE2Nh6cJHneBU5LTr+MHQciB/o3eAKdkZOO53VnNx+i/gaV3K3+N8WOO5Qo36CqW3nhbMHH7OZT44Eu2uc8XVs6TPJ8vk2RGt9JT7IJrDvg+tToLDbNDrktkRqb5mcZH9oQqZHnQXVmq9iRQj+09zJ4xowU9pl0lu74GDzPd9yjdzfjXb+/d93XesuEvc0b14Ze1ZqtSiNB53dyZXQX7lHYv32MHsY34LuPwXMQCbdv2C9X8Li3vvjDz2pFRERERERERERERETkEvsDzMdwhNUiwjoAAAAASUVORK5CYII=") no-repeat;
    background-size: cover;
    float: right;
    height: 24px;
    margin-right: 14px;
    margin-top: 9px;
    width: 24px
}

.warning__close,
.warning__report-violation {
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer
}

.warning__close:focus,
.warning__report-violation:focus {
    outline: none
}

.similar-header {
    height: 88px;
    line-height: 88px
}

.similar-header__recommend {
    display: inline-block;
    font-size: 18px;
    position: relative;
    width: 700px
}

.similar-header__recommend:after {
    background: #f0f0f0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 43px;
    width: 85%
}

.similar-header__deliver {
    float: right;
    font-size: 14px
}

.similar-header__line {
    background: #ecf0f3;
    float: left;
    height: 1px;
    margin: 50px 12px 0;
    width: 436px
}

.similar-header__action {
    margin-left: 24px
}

.similar-header__action .a--filled {
    height: 32px;
    padding: 0;
    width: 86px
}

.list,
.list__item {
    overflow: hidden
}

.list__item {
    background: #f5faff;
    float: left;
    height: 96px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding-top: 20px;
    position: relative;
    width: 345px
}

.list__item .list__top-header {
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px
}

.list__item:hover {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 6px 12px 0 rgba(166, 172, 184, .2);
    box-shadow: 0 6px 12px 0 rgba(166, 172, 184, .2)
}

.list__item:hover .list__flag {
    background: url(../images/check-hover.729535.png) 0 0;
    cursor: pointer;
    display: block;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

.list__item:hover .list__top-header {
    color: #2d8cf0
}

.list__item:nth-of-type(2n) {
    margin-right: 0
}

.list__link {
    color: #333;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 0 20px 16px;
    position: relative
}

.list__link:hover {
    color: #333
}

.list__imgs {
    left: 0;
    position: absolute;
    top: 0
}

.list__hidden {
    visibility: hidden
}

.list__replace {
    height: 20px
}

.list__top {
    height: 14px;
    margin-bottom: 20px;
    width: 100%
}

.list__top-txt {
    color: #ff424f;
    float: right;
    font-weight: 700
}

.list__bottom {
    height: 28px;
    line-height: 28px
}

.list__bottom-txt {
    background: none;
    color: #666;
    float: left;
    font-size: 12px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px
}

.list__hide {
    float: right;
    margin-top: -2px
}

.list__action .a--filled {
    font-size: 12px;
    height: 24px;
    padding: 0;
    width: 70px
}

.loading {
    height: 400px;
    margin-top: 300px;
    text-align: center
}

.collect-message {
    background: rgba(0, 0, 0, .06);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100001
}

.collect-message__other,
.collect-message__successful {
    background-color: #fff;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%)
}

.collect-message__successful {
    min-width: 475px;
    padding: 30px 40px
}

.collect-message__other {
    min-width: 200px;
    padding: 15px 25px
}

.collect-message__header {
    margin-bottom: 26px;
    text-align: left
}

.collect-message__title {
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 50px
}

.collect-message__close {
    float: right
}

.collect-message__content {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.collect-message__tips {
    color: #666;
    font-size: 16px;
    margin-top: 6px
}

.collect-message__collection {
    color: #1787fb;
    text-decoration: none
}

.collect-message__collection:hover {
    color: #1479e1
}

.collect-message__know {
    background: #1787fb;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-top: 26px;
    padding: 5px 32px 6px;
    text-align: center
}

.collect-message__know:hover {
    background: #1479e1;
    color: #fff
}

.collect-message__fail-text {
    color: #666;
    font-size: 14px
}

.collect-message__icon-succ {
    background: url(../images/job-site-sprite.5ae299.png);
    background-position: -205px -73px;
    content: "";
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 22px
}

.collect-message__icon-warn {
    background: url(../images/job-site-sprite.5ae299.png);
    background-position: -173px -73px;
    content: "";
    display: inline-block;
    height: 22px;
    vertical-align: middle;
    width: 24px
}

.collect-message__icon-close {
    background: url(../images/job-site-sprite.5ae299.png);
    background-position: -266px -74px;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px
}

.info-detail[data-v-be8d1c32] {
    background: #f4f7fc;
    box-shadow: 0 4px 8px 0 rgba(65, 74, 96, .2);
    color: #abafba;
    cursor: pointer;
    height: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    white-space: normal;
    width: 500px;
    z-index: 99
}

.info-detail__top[data-v-be8d1c32] {
    background-color: #f4f7fd;
    height: 100px;
    padding: 28px 24px 16px
}

.info-detail__top-name[data-v-be8d1c32] {
    color: #333;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 245px
}

.info-detail__top-company[data-v-be8d1c32] {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.info-detail__top-company-text[data-v-be8d1c32] {
    color: #666;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 245px
}

.info-detail__top-company__operation[data-v-be8d1c32] {
    display: flex;
    flex-direction: row
}

.info-detail__top-company__operation__collect[data-v-be8d1c32] {
    color: #1787fb;
    font-size: 14px;
    line-height: 34px;
    margin-right: 20px;
    width: auto
}

.info-detail__top-company__operation__collect--true[data-v-be8d1c32] {
    color: #ffb433;
    letter-spacing: 1.87px
}

.info-detail__top-company__operation__collect--true[data-v-be8d1c32]:hover {
    color: #ffb433 !important
}

.info-detail__top-company__operation-collectStar[data-v-be8d1c32] {
    background-image: url(../images/job-site-sprite.png);
    background-position: -34px -94px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    margin-top: -7px;
    vertical-align: middle;
    width: 20px
}

.info-detail__top-company__operation-collectStar_true[data-v-be8d1c32] {
    background-position: -32px -116px
}

.info-detail__top-company__operation-collect[data-v-be8d1c32] {
    color: #1787fb;
    font-size: 14px;
    line-height: 34px;
    margin-right: 20px
}

.info-detail__top-company__operation-apply[data-v-be8d1c32] {
    background: #1787fb;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    text-align: center
}

.info-detail__top-company__operation-apply--gray[data-v-be8d1c32] {
    background: #ddd
}

.info-detail__content[data-v-be8d1c32] {
    background-color: #fff;
    color: #666;
    font-size: 14px;
    padding: 0 24px 40px
}

.info-detail__content-title[data-v-be8d1c32] {
    color: #666;
    font-size: 14px;
    line-height: 26px;
    padding-top: 10px;
    text-align: left
}

.info-detail__content-text[data-v-be8d1c32] {
    -webkit-box-orient: vertical;
    color: #666;
    display: -webkit-box;
    font-size: 14px;
    -webkit-line-clamp: 10;
    line-height: 28px;
    max-height: 286px;
    overflow: hidden;
    text-align: left
}

.recommend-job__apply--gray[data-v-be8d1c32] {
    background: #ddd
}

.recommend-job__apply[data-v-be8d1c32] {
    background: #1787fb;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    line-height: 32px;
    text-align: center
}

.c-chat-job {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    position: relative;
    top: -24px
}

.c-chat-job__title {
    border: 1px solid #426eff;
    border-radius: 2px;
    color: #426eff;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    padding: 3px
}

.c-chat-job__title:before {
    background: url(../images/icon-chat_new.83a302.png) 50%;
    background-size: 12px;
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 4px;
    vertical-align: middle;
    width: 12px
}

.c-chat-job__content {
    background: #fff;
    border: 1px solid #dcdee2;
    border-radius: 2px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .08);
    cursor: auto;
    left: -456px;
    padding: 24px 22px 26px;
    position: absolute;
    top: -12px;
    width: 447px;
    z-index: 100
}

.c-chat-job__content:before {
    border: 10px solid rgba(0, 0, 0, 0);
    border-left-color: #dcdee2;
    top: 12px
}

.c-chat-job__content:after,
.c-chat-job__content:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -20px
}

.c-chat-job__content:after {
    border: 12px solid rgba(0, 0, 0, 0);
    border-left-color: #fff;
    top: 10px
}

.c-chat-job__hr-img {
    border: 1px solid #efefef;
    border-radius: 50%;
    display: block;
    height: 44px;
    margin-right: 16px;
    margin-top: 6px;
    width: 44px
}

.c-chat-job__tips {
    color: #333;
    font-size: 14px;
    line-height: 16px;
    margin-top: 6px;
    width: 240px
}

.c-chat-job__tips span {
    color: #666;
    font-size: 12px
}

.c-chat-job__tips-hr {
    display: inline-block;
    margin-bottom: 10px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.c-chat-job__qrcode {
    text-align: center
}

.c-chat-job__qrcode img {
    display: block;
    height: 76px;
    margin: 0 auto;
    width: 76px
}

.c-chat-job__qrcode span {
    color: #999;
    font-size: 12px
}

.c-chat-job__simple .c-chat-job__title {
    border: none;
    margin-top: 10px;
    padding: 7px 0
}

.c-chat-job__simple .c-chat-job__content {
    left: -12px
}

.recommend-job {
    background: #fff;
    border-bottom: 1px solid rgba(233, 235, 237, .8);
    padding: 20px 0 24px;
    position: relative
}

.recommend-job:last-child {
    border-bottom: none
}

.recommend-job__container {
    cursor: text;
    cursor: pointer
}

.recommend-job__position {
    display: inline-block;
    font-size: 16px;
    margin-right: 2px;
    max-width: 214px;
    vertical-align: middle
}

.recommend-job__cname,
.recommend-job__position {
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recommend-job__cname {
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    float: right;
    font-size: 14px;
    margin-top: 2px;
    max-width: 180px
}

.recommend-job__cname:hover {
    color: #1787fb
}

.recommend-job__demand {
    color: #666;
    margin-bottom: 7px;
    margin-top: 4px
}

.recommend-job__demand span {
    vertical-align: middle
}

.recommend-job__demand__salary {
    color: #ff5959;
    font-size: 16px
}

.recommend-job__demand__city {
    display: inline-block;
    font-size: 14px;
    margin-left: 14px
}

.recommend-job__demand__experience {
    margin-left: 5px;
    padding-right: 5px
}

.recommend-job__demand__educational,
.recommend-job__demand__experience {
    border-left: 1px solid rgba(233, 235, 237, .8);
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    padding-left: 5px
}

.recommend-job__demand__cinfo {
    float: right;
    font-size: 14px
}

.recommend-job__demand__cscale {
    border-left: 1px solid rgba(233, 235, 237, .8);
    display: inline-block;
    line-height: 14px;
    margin-left: 5px;
    padding-left: 5px
}

.recommend-job__welfare-container {
    max-width: 70%
}

.recommend-job__welfare {
    border: 1px solid #dcdee2;
    border-radius: 2px;
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 2px;
    padding: 4px 10px;
    text-align: center
}

.recommend-job__welfare--eager-talents {
    border-color: #ff9804;
    color: #ff9804
}

.recommend-job__welfare--nowel {
    border: none;
    min-height: 23px
}

.recommend-job__job-operation {
    display: none;
    float: right;
    margin-top: -38px
}

.recommend-job__collection {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    margin-right: 26px
}

.recommend-job__collection span {
    vertical-align: middle
}

.recommend-job__collection:hover {
    color: #1787fb
}

.recommend-job__collection:hover .icon-uncollected:before {
    background-position: -34px -94px
}

.recommend-job__collection--collected,
.recommend-job__collection--collected:hover {
    color: #ffb433
}

.recommend-job:hover .recommend-job__demand__cinfo {
    display: none
}

.recommend-job:hover .recommend-job__job-operation {
    display: inline-block
}

.recommend-job:hover .recomment-job__icon {
    background: url(../images/job-site-sprite.png) -54px -192px no-repeat;
    cursor: pointer;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

.recommend-job__icon--selected {
    background: url(../images/job-site-sprite.png) -54px -225px no-repeat;
    cursor: pointer;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px
}

.recommend-job__icon--applied {
    display: none
}

.recommend-job__c-chat-job .c-chat-job__content {
    left: -2px;
    top: 32px
}

.recommend-job__c-chat-job .c-chat-job__content:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #dcdee2;
    right: 398px;
    top: -20px
}

.recommend-job__c-chat-job .c-chat-job__content:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    right: 396px;
    top: -21px
}

.recommend-job__label-proxy {
    height: 20px;
    margin-left: 8px;
    margin-right: 2px;
    position: relative;
    top: 8px
}

.recommend-job__label {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 17px;
    margin-left: 2px;
    padding: 0 2px;
    vertical-align: middle
}

.recommend-job__label--top {
    background: #fad816
}

.recommend-job__label--hurry {
    background: #f04722
}

.recommend-job__label--hot {
    background: #fa8c16
}

.recommend-job__label--campus {
    background: #54aff0
}

.recommend-job__future {
    height: 20px;
    line-height: 17px;
    vertical-align: middle
}

.recommend-job__chat-job {
    right: -2px;
    top: 2px
}

.recommend-job__company-label {
    float: right;
    height: 14px;
    margin-left: 4px;
    margin-top: 5px;
    max-width: 50px
}

.recommend-job .icon-collected:before {
    background: url(../images/job-site-sprite.5ae299.png);
    background-position: -32px -116px;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px
}

.recommend-job .icon-uncollected:before {
    background: url(../images/job-site-sprite.5ae299.png);
    background-position: -34px -73px;
    content: "";
    display: inline-block;
    height: 20px;
    width: 20px
}

body .a-toast {
    background-color: rgba(0, 0, 0, .6);
    border-left: none;
    left: 50%;
    padding: 6px 20px;
    transform: translateX(-50%);
    width: auto;
    z-index: 101
}

body .a-toast__content {
    color: #fff
}

.job-similar__list {
    clear: both
}

.manager {
    overflow: hidden
}

.manager__img {
    height: 50px;
    width: 50px
}

.manager__title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 22px
}

.manager__detail {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top
}

.manager__detail-name {
    color: #222;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 12px;
    margin-top: -6px;
    max-width: 178px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.manager__detail-label {
    background-color: #f7f8f9;
    border-radius: 2px;
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 6px;
    padding: 2px 5px
}

.manager__detail-label:first-of-type {
    margin-right: 5px
}

.company__home-page .iconfont,
.company__industry,
.company__size {
    padding-right: 5px;
    vertical-align: -2px
}

.icon-denglu:before,
.icon-industry:before {
    margin-right: 5px
}

.company__avatar {
    cursor: pointer;
    display: block;
    height: 64px;
    margin-bottom: 20px;
    max-width: 240px;
    border: 1px solid #edeff7;
    border-radius: 4px
}

.company__title {
    color: #222;
    font-size: 16px;
    margin-right: 4px;
    width: 240px
}

.company__title:hover {
    color: #426eff
}

.company__abroad {
    position: relative;
    top: 2px
}

.company__label {
    display: inline-block;
    margin-bottom: -2px;
    padding: 0 3px
}

.company__video {
    margin-top: 20px
}

.company__video video {
    outline: none
}

.company__detail {
    margin-top: 26px
}

.company__size:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAAXNSR0IArs4c6QAAAKNJREFUKBVjZEAD+/fvt/n79685MzPzSUdHxyPI0ozInL179+b+//9/EkyMkZExz9nZeTKMzwRjgGigwkp8fBTFyAqxsVEUA61tR1aEwUeWBLEJevD+/fsKv379SkDXCOX/Z2VlXaCkpPSQEaTw58+fB4AS8jgUg4QfsLGxOTDeuHHjAZCDTyFIMQg8AHmQGIUgxQoooQESwQdYgMHTiE8BshwAlS41+LOqlVMAAAAASUVORK5CYII=") no-repeat
}

.company__home-page:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAADdJREFUGBlj3LNnz38GIgETkerAyoa9YozAuHv3bv3t27f/g2h0SdqFBiPIKpC16Fai81VVVRkBxdoRAp6ZM2AAAAAASUVORK5CYII=") no-repeat
}

.company__home-page {
    cursor: pointer
}

.company__home-page,
.company__industry,
.company__size {
    background: none;
    color: #222;
    display: block;
    font-size: 12px;
    margin-bottom: 16px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px
}

.company__industry,
.company__size {
    cursor: auto
}

.company__size-icon {
    display: inline-block;
    height: 10px;
    padding: 0 6px 0 0;
    width: 20px
}

.company__size-icon:after {
    background: url(../images/size.a9aacb.png) no-repeat;
    background-size: 14px;
    content: "";
    height: 12px;
    position: absolute;
    width: 12px
}

.company__financing-icon:after {
    background: url(../images/financing.a12335.png) no-repeat;
    background-size: 14px
}

.company__industry-icon:after {
    background: url(../images/industry.e7125f.png) no-repeat;
    background-size: 14px
}

.company__description {
    -webkit-box-orient: vertical;
    color: #222;
    display: -webkit-box;
    font-size: 12px;
    -webkit-line-clamp: 5;
    line-height: 2;
    margin-top: 30px;
    max-height: 120px;
    overflow: hidden
}

.company__page-site:hover {
    color: #426eff
}

.company__page-site {
    border: 1px solid #426eff;
    border-radius: 4px;
    color: #426eff;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    margin-top: 24px;
    padding: 6px 14px;
    position: relative;
    right: -161px
}

.highlights[data-v-49295851] {
    background-color: #f4faff;
    border: 1px solid #d8ebfe;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    margin-top: 6px;
    max-height: 82px;
    padding: 12px 16px;
    position: relative
}

.highlights[data-v-49295851]:after,
.highlights[data-v-49295851]:before {
    border: solid rgba(0, 0, 0, 0);
    bottom: 100%;
    content: " ";
    height: 0;
    left: 30px;
    pointer-events: none;
    position: absolute;
    width: 0
}

.highlights[data-v-49295851]:after {
    border-bottom-color: #f4faff;
    border-width: 5px;
    margin-left: -5px
}

.highlights[data-v-49295851]:before {
    border-bottom-color: #d8ebfe;
    border-width: 6px;
    margin-left: -6px
}

.highlights__desc[data-v-49295851] {
    -webkit-box-orient: vertical;
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    display: -webkit-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 12px;
    -webkit-line-clamp: 2;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all
}

.publisher {
    margin-bottom: 40px
}

.to-top .iconfont {
    color: #b6b6b6;
    font-size: 35px
}

.to-top:hover .iconfont {
    color: #1787fb;
    font-size: 35px
}

.to-top {
    bottom: 48px;
    cursor: pointer;
    height: 46px;
    left: 50%;
    margin-left: 512px;
    position: fixed;
    width: 26px;
    z-index: 80
}

.to-top.to-top__absolute {
    bottom: 400px
}

.to-top__bottom {
    bottom: 100px
}

.fixed-register {
    display: inline-block;
    height: 92px;
    overflow: hidden;
    padding-top: 17px;
    width: 420px
}

.fixed-register .zppp-plugin {
    margin: 0
}

.fixed-register .zppp-plugin .zppp-phone,
.fixed-register .zppp-plugin .zppp-sms {
    border: none;
    border-radius: 0;
    float: left;
    min-width: 0;
    width: 146px
}

.fixed-register .zppp-plugin .zppp-sms {
    background: #fff;
    margin: 0 0 0 8px;
    width: 153px
}

.fixed-register .a-carousel-register__form-slogen {
    display: none
}

.fixed-register .a-possport-input-phone {
    border-radius: 0;
    height: 40px;
    width: 146px
}

.fixed-register .zppp-plugin-register-sms {
    position: relative;
    width: auto
}

.fixed-register .zppp-plugin-register-sms .zppp-phone__error {
    left: 13px;
    position: absolute;
    top: 38px;
    width: 140px
}

.fixed-register .zppp-plugin-register-sms .zppp-sms__error {
    left: 164px;
    position: absolute;
    top: 36px
}

.fixed-register .a-carousel-register__form {
    background: none;
    width: 420px
}

.fixed-register .a-possport-input-phone__selector {
    display: none
}

.fixed-register .a-possport-input-phone__btn {
    background: no-repeat url(../images/country.3a4596.png) -30px;
    background-size: 55px;
    color: #999;
    font-size: 12px;
    line-height: 30px;
    text-align: right
}

.fixed-register .zppp-plugin .a-possport-input-phone__text {
    font-size: 12px;
    height: 40px;
    line-height: 43px;
    margin-left: 8px;
    width: 137px !important
}

.fixed-register .zppp-plugin-register-sms .zppp-sms__number {
    color: #999;
    font-size: 12px;
    height: 40px;
    min-width: auto;
    width: 60px
}

.fixed-register .zppp-plugin-register-sms .zppp-sms:after {
    display: none
}

.fixed-register .zppp-plugin-register-sms .zppp-sms__send {
    font-size: 12px;
    height: 39px;
    line-height: 39px;
    vertical-align: baseline;
    width: 93px
}

.fixed-register .zppp-plugin-register-sms .zppp-accept {
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 59px
}

.fixed-register .zppp-plugin-register-sms .zppp-accept input {
    font-size: 16px
}

.fixed-register .zppp-plugin-register-sms .zppp-accept a {
    color: #fff
}

.fixed-register .zppp-plugin-register-sms .zppp-accept__error {
    left: 200px;
    position: absolute;
    top: 52px
}

.fixed-register .zppp-plugin .zppp-submit {
    background: #1787fb;
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    min-width: 0;
    width: 100px
}

.fixed-register .a-carousel-register__passport-link {
    display: none
}

.fixed-register .zppp-plugin .zppp-submit:hover {
    background: #1787fb
}

.fixed-register .a-possport-input-phone__selector ul {
    left: 0;
    max-height: 160px;
    top: 28px
}

.fixed-register .a-possport-input-phone__selector ul li {
    color: #999
}

.fixed-register .zppp-plugin-register-sms .zppp-sms__time {
    vertical-align: 0;
    width: 92px
}

.fixed-register .zppp-plugin-register-sms .zppp-sms__time .zppp-sms__time__num {
    font-size: 12px
}

.fixed-register .zppp-plugin-register-sms .zppp-sms__time .zppp-sms__time__text {
    color: #198afa;
    font-size: 12px
}

.register-guide {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 99
}

.register-guide_content {
    position: relative
}

.register-guide__image {
    bottom: -4px;
    left: -68px;
    position: absolute;
    width: 276px
}

.register-guide__slogan {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-left: 170px;
    text-align: center;
    vertical-align: top;
    width: 365px
}

.register-guide__slogan span {
    color: #fff;
    display: block;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 10px
}

.register-guide__slogan strong {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.register-guide__slogan strong:last-of-type {
    margin-left: 12px
}

.register-guide__close {
    background: url(../images/close.bc1b07.png) no-repeat 50%;
    background-size: 18px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    left: 450px;
    position: relative;
    top: -65px;
    width: 22px
}

.register-guide .a-carousel-register__form-slogen {
    display: none
}

.register-guide__button {
    background: #1787fb;
    border-color: #1787fb;
    border-radius: 5px;
    border-width: 1px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    height: 48px;
    margin-top: 24px;
    width: 240px
}

.improve-resume-guide[data-v-79b8d6b6] {
    color: #426eff;
    font-size: 14px;
    margin: 17px auto 10px;
    width: 700px
}

.improve-resume-guide__content[data-v-79b8d6b6] {
    background: rgba(23, 135, 251, .06);
    cursor: pointer;
    display: block;
    padding: 0 14px
}

.improve-resume-guide__image[data-v-79b8d6b6] {
    display: inline-block;
    margin-top: 9px;
    vertical-align: middle
}

.improve-resume-guide__tips[data-v-79b8d6b6] {
    color: #426eff;
    display: inline-block;
    font-size: 16px;
    margin: 0 40px;
    text-align: center;
    vertical-align: middle
}

.improve-resume-guide__title[data-v-79b8d6b6] {
    font-size: 30px;
    font-weight: 700
}

.improve-resume-guide__button[data-v-79b8d6b6] {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #426eff;
    border-radius: 2px;
    color: #426eff;
    display: inline-block;
    padding: 7px 11px 6px 12px;
    vertical-align: middle
}

.jobAsk__title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative
}

.jobAsk__title:after {
    background: #edeff7;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.jobAsk__item {
    margin-bottom: 8px;
    width: 100%
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}

.clearfix {
    display: block;
    zoom: 1
}

.jobAsk__item-title {
    background-image: url(../images/wenda_black.png);
    background-position: 0 -1px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    color: #222;
    display: inline-block;
    float: left;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 14px;
    max-width: 520px;
    overflow: hidden;
    padding-left: 22px;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.jobAsk__item-viewNum {
    color: #4e5366;
    float: right;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: right
}

.jobAsk__button {
    height: 12px;
    margin-top: 16px;
    text-align: right;
    width: 100%
}

.jobAsk__button-text {
    background-image: url("data:image/png;base64,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");
    background-size: 16px 16px;
    color: #426eff;
    cursor: pointer;
    font-size: 12px;
    line-height: 12px;
    padding-left: 22px;
    position: relative
}

.jobAsk__button-text,
.jobAsk__button__qrcode {
    background-position: 0 0;
    background-repeat: no-repeat
}

.jobAsk__button__qrcode {
    background-image: url(../images/qrcode_01.png);
    background-size: 108px 115px;
    height: 115px;
    position: absolute;
    right: -7px;
    text-align: center;
    top: 15px;
    width: 108px;
    z-index: 10
}

.jobAsk__button__qrcode img {
    height: 77px;
    margin-top: 12px;
    width: 77px
}

.jobAsk__button__qrcode-text {
    color: #666;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center
}

.job-deliver__title {
    color: #222;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative
}

.job-deliver__title:after {
    background: #edeff7;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.job-deliver .job-deliver__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.job-deliver__item {
    border: 1px solid #edeff7;
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #4e5366;
    cursor: pointer;
    height: 104px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding: 12px 14px;
    width: 228px
}

.job-deliver__item:nth-child(3n) {
    margin-right: 0
}

.job-deliver__item__title {
    color: #222;
    display: block;
    font-size: 16px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.job-deliver__item__title:hover {
    color: #426eff
}

.job-deliver__item__salary {
    color: #426eff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-left: 5px;
    text-align: right;
    white-space: nowrap
}

.job-deliver__item__img {
    border: 1px solid #edeff7 !important;
    border-radius: 4px;
    display: inline-block;
    height: 24px;
    margin-right: 6px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 24px
}

.job-deliver__item__img.default {
    background: url(../images/company-logo.1ebe4c.png);
    background-size: 24px
}

.job-deliver__item__city {
    color: #4e5366;
    font-size: 13px;
    margin-top: 3px
}

.job-deliver__item__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4e5366;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 13px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 9px auto 0
}

.job-deliver__item__btn:hover {
    background: #fff;
    color: #426eff
}

.job-deliver__item__btn:hover:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAD0SURBVEiJ7dYxSgNBFMbx/xs32lt5gBS5gY3FBmztbOyshXgGL2BjIIWVXZp0tsJuseAVRvAAFrJYpclmxiaBEMgy+4YsLOxXf8MPZt4MA326Hgktpk8+kT8u/ZKv/FV+taAJLpbci6MwZ3ymD/7i+CBYoEIYmoRMiwaDHy9SOM8dUAEjLRp8htukE39rhDmQANZVjPOZ/BwNjEVVYAyqBrVoFKhBg6f0UPKpLHan92TAe10/GmyaaHB/S9crbur63RmaVq9Fqxe/1actFmsEXj/6KwdZDMZmcVAcjIAEz7db67Bm4DlvlFhOsfmz/ovRp/v5B9VsjWe6QenDAAAAAElFTkSuQmCC");
    background-size: 12px
}

.job-deliver__item__btn:after {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAECSURBVFiF7dYxisJAFIDh/40eYYsUewBL2+1isYWFMOAZ9FB6BmEghcUWBvYCljlCSg+wztjEwkKEyctmkPm7BAY+yOTNQC6XGzaJWWTtZu4nUgFTcw1L5/ZnLZCJWeSNWOATKPxEjqv1djYqyPjggEv3WAictFBRIOf25wBfQKuNitpD91br7UzgBBTdqzbAojrsmlFAQ6B6g7RRKiBNlBpIC6UK0kCpg/qioubQq6rDrgmw4HFO/ZRlOR0F1KdBQE8+2Xdd13+v1r73pk7qt09qMCZ1dCR1uCZ1/RgCA5FzyNrNXAK/2phokDdiET60MdGg7pLfAq25hqUWJpfL/Uc3lvChJnESYTwAAAAASUVORK5CYII=");
    background-size: 12px;
    content: "";
    display: inline-block;
    height: 12px;
    width: 12px
}

.job-deliver__bottom {
    margin-top: 7px
}

.job-deliver__bottom.link {
    cursor: pointer
}

.job-deliver__item__company {
    color: #4e5366;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 170px
}

.job-deliver__bottom.link:hover .job-deliver__item__company {
    color: #426eff
}

.flex-center_between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-center,
.flex-center_between {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.job-deliver__empty {
    text-align: left
}

.quality-title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-top: 40px;
    position: relative
}

.quality-title:after {
    background: #f0f0f0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 89%
}

.quality-content {
    color: #333;
    font-size: 14px;
    margin-top: 14px
}

.quality-content .certificate {
    color: #303132;
    cursor: pointer;
    float: left;
    margin-right: 2px;
    margin-top: 8px;
    position: relative
}

.quality-content .certificate:after {
    background: #fff;
    border: 1px solid #dedde2;
    border-bottom: 0;
    border-left: 0;
    content: "";
    display: none;
    height: 10px;
    left: 50%;
    position: absolute;
    top: 27px;
    transform: rotate(-45deg) translate(-5px, -5px);
    width: 10px;
    z-index: 2
}

.quality-content .certificate-description {
    background: #fff;
    border: 1px solid #dedde2;
    border-radius: 4px;
    color: #333;
    display: none;
    font-size: 12px;
    font-weight: 400;
    left: 0;
    line-height: 18px;
    padding: 14px 16px;
    position: absolute;
    text-align: justify;
    top: 32px;
    width: 440px;
    z-index: 1
}

.quality-content .certificate:hover {
    color: #999
}

.quality-content .certificate:hover .certificate-description,
.quality-content .certificate:hover:after {
    display: block
}

.join-company {
    width: 100%
}

.join-company__title {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-top: 40px;
    position: relative
}

.join-company__title:after {
    background: #f0f0f0;
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: 0;
    top: 12px;
    width: 84%
}

.join-company__content {
    margin-top: 28px
}

.join-company__content .company-info {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 24px
}

.join-company__content .company-info__title {
    color: #666;
    margin-right: 10px
}

.join-company__content .company-info__description {
    color: #333
}

.vip-index {
    margin: 40px 0;
    position: relative
}

.vip-index__img {
    cursor: pointer;
    height: 200px;
    width: 700px
}

.app {
    position: relative;
    background: #fff
}

.app .a-center-layout__content {
    width: 1000px
}

.app .app-main__left {
    display: inline-block;
    margin-bottom: 50px;
    margin-right: 50px;
    vertical-align: top;
    width: 700px
}

.app .app-main__right {
    display: inline-block;
    margin-bottom: 40px;
    vertical-align: top;
    width: 240px
}

.zppp-plugin-register-sms .zppp-accept__error,
.zppp-plugin-register-sms .zppp-phone__error,
.zppp-plugin-register-sms .zppp-sms__error {
    line-height: 18px !important
}

.lead-message-panel {
    bottom: 138px;
    cursor: pointer;
    left: 50%;
    margin-left: 262px;
    position: fixed;
    z-index: 80
}

.lead-message-panel-fix {
    bottom: 490px
}

.a-dialog .a-carousel-register {
    .a-carousel-register__passport-link-new {
        display: none
    }

    .p_modal-national__text {
        margin-top: 10px
    }

    .zppp-accept-container {
        padding-top: 16px
    }
}

@font-face {
    font-family: iconfont;
    src: url(//fecdn4.zhaopin.cn/jobs_zhaopin_com/assets/iconfont.1ee4dfdcdcca3f664934098f550cf2c5.eot);
    src: url(../fonts/iconfont.1ee4dfdcdcca3f664934098f550cf2c5.eot#iefix) format("embedded-opentype"), url("../fonts/2e3011dea479429db2344830d634fcf0.woff") format("woff2"), url(../fonts/iconfont.649f971521ada56472c11620c738c509.woff) format("woff"), url(../fonts/iconfont.30f754ca9e89a1e15b3de732547ce768.ttf) format("truetype"), url(../fonts/iconfont.425328.svg) format("svg")
}

.icon-hint:before {
    content: "\e608"
}

.icon-denglu:before {
    content: "\e605"
}

.icon-share:before {
    content: "\e609"
}

.icon-jubao-hover:before {
    content: "\e60b"
}

.icon-update-time:before {
    content: "\e60d"
}

.icon-collect:before {
    content: "\e60e"
}

.icon-report:before {
    content: "\e610"
}

.icon-industry:before {
    content: "\e613"
}

.icon-rocket:before {
    content: "\e614"
}

.icon-collection:before {
    content: "\e617"
}

.icon-locate:before {
    content: "\e619"
}

.icon-website:before {
    content: "\e61a"
}

.icon-calculator:before {
    content: "\e61b"
}

.icon-shoucang:before {
    content: "\e61e"
}

.a-selector .a-popover {
    display: none
}

@font-face {
    font-family: iconfont;
    src: url(../fonts/iconfont.7e03d3b1755b2638e53dceae8545f67c.eot);
    src: url(../fonts/iconfont.7e03d3b1755b2638e53dceae8545f67c.eot#iefix) format("embedded-opentype"), url("../fonts/e22257650efc4ab9ab91a85559a3695e.woff") format("woff"), url(../fonts/iconfont.388f7afddfa313b4e67efb9bd18713fc.ttf) format("truetype"), url(../fonts/iconfont.dbcd9a.svg) format("svg")
}

.iconfont {
    font-family: iconfont !important
}

@font-face {
    font-family: iconfont-b;
    src: url(../fonts/iconfont.7e03d3b1755b2638e53dceae8545f67c.eot);
    src: url(../fonts/iconfont.7e03d3b1755b2638e53dceae8545f67c.eot) format("embedded-opentype"), url("../fonts/148d6022c4674f4d93284e850b7fa7c9.woff") format("woff"), url(../fonts/iconfont.388f7afddfa313b4e67efb9bd18713fc.ttf) format("truetype"), url(../fonts/iconfont.dbcd9a.svg) format("svg")
}

.iconfont,
.iconfont-b {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal
}

.iconfont-b {
    font-family: iconfont-b !important
}

.icon-denglu:before {
    content: "\e601"
}

.icon-zhiwei:before {
    content: "\e602"
}

.icon-xinlangweibo:before {
    content: "\e703"
}

.icon-weixin:before {
    content: "\e702"
}

.icon-dianhua:before {
    content: "\e706"
}

.icon-qq:before {
    content: "\e701"
}

.icon-check-empty:before {
    content: "\e704"
}

.icon-Help:before {
    content: "\e700"
}

.icon-check-full:before {
    content: "\e705"
}