.register-form-tip {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
    color: #666
}
.register-form-tip p {
    margin: 0
}
.register-form-wrapper form {
    width: 460px;
    margin: 0 auto
}
.form-item {
    margin-bottom: 22px
}
.form-item-label {
    width: 100px;
    text-align: right;
    vertical-align: middle;
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    padding: 0 2px 0 0;
    box-sizing: border-box
}
.form-item-label em {
    color: #d01414;
    margin-right: 5px;
    font-style: normal
}
.form-item-box {
    margin-left: 100px;
    line-height: 28px;
    color: #ccc
}
.form-item-box,
.form-item-input {
    position: relative;
    font-size: 14px
}
.form-item-input {
    display: inline-block;
    width: 100%
}
.form-item-input .input,
.form-item-input .textarea {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border: 1px solid #bbb;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 28px;
    line-height: 1;
    padding: 5px 10px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%
}
.form-item-input .textarea {
    min-height: 62px
}
.form-item .input.is-error,
.form-item.is-error .input,
.form-item.is-error .textarea,
.form-item .textarea.is-error {
    border-color: #f56c6c
}
.form-item-input .input::-moz-placeholder,
.form-item-input .textarea::-moz-placeholder {
    color: #ccc
}
.form-item-input .input:-ms-input-placeholder,
.form-item-input .textarea:-ms-input-placeholder {
    color: #ccc
}
.form-item-input .input::-webkit-input-placeholder,
.form-item-input .textarea::-webkit-input-placeholder {
    color: #ccc
}
.form-code-item .form-item-input {
    width: 190px
}
.form-code-item .form-item-code {
    width: 156px;
    float: right
}
.form-code-item .form-item-code button {
    width: 100%;
    height: 28px;
    white-space: nowrap;
    cursor: pointer;
    background: #e7eff6;
    border: 1px solid #99acbc;
    color: #63829d;
    font-size: 14px;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}
.form-code-item .form-item-code button:focus,
.form-code-item .form-item-code button:hover {
    background: #dceaf7;
    border-color: #99acbc
}
.form-code-item .form-item-code button:active {
    background: #f3f4f5;
    border-color: #99acbc;
    outline: none
}
.form-item-err {
    position: absolute;
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    top: 100%;
    left: 0
}
.register-item-ct .form-item-box {
    color: #333;
    font-weight: 700
}
.register-item-ct a {
    color: #045cc9
}
.rf--label {
    display: inline-block
}
.rf--radio {
    display: none
}
.rf--radioInput {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 100%;
    display: inline-block;
    height: 14px;
    margin-right: 10px;
    margin-top: -2px;
    vertical-align: middle;
    width: 14px;
    line-height: 1
}
.rf--radio:checked+.rf--radioInput:after {
    background-color: #045cc9;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 3px;
    width: 8px
}
.form-submit-btn {
    display: inline-block;
    width: 100%;
    line-height: 50px;
    white-space: nowrap;
    cursor: pointer;
    background: #1cc779;
    border: 1px solid #1cc779;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 22px
}
.form-submit-btn:focus,
.form-submit-btn:hover {
    background: #49ca8f;
    border-color: #49ca8f
}
.form-submit-btn:active {
    background: #0ca55f;
    border-color: #0ca55f;
    outline: none
}
.form-submit-btn[disabled] {
    cursor: not-allowed
}
.extra-tips {
    display: none;
    line-height: 40px;
    font-size: 16px;
    color: #d01414
}
.modal-wrapper {
    overflow: auto
}
.modal-mask,
.modal-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.modal-mask {
    background: #000;
    opacity: .3;
    filter: alpha(opacity=30)
}
.modal-content {
    border-radius: 2px
}
.modal-close {
    position: absolute;
    top: 0;
    right: -68px;
    width: 68px;
    height: 68px;
    padding: 0;
    background: #000;
    border: none;
    outline: none;
    cursor: pointer
}
.modal-header {
    padding: 20px 20px 0;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: #1f2d3d
}
.modal-body {
    padding: 30px 20px;
    color: #48576a;
    font-size: 14px
}
.modal-footer {
    padding: 10px 20px 15px;
    text-align: right;
    box-sizing: border-box
}
.modal-ft-btn,
.register-modal .modal-footer {
    text-align: center
}
.modal-ft-btn {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #c4c4c4;
    color: #1f2d3d;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    margin: 0 0 0 20px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 4px
}
.modal-ft-btn:first-child {
    margin-left: 0
}
.modal-ft-btn:active {
    color: #1d90e6;
    border-color: #1d90e6;
    outline: none
}
.modal-ft-btn:focus,
.modal-ft-btn:hover {
    color: #20a0ff;
    border-color: #20a0ff
}
.modal-ok-btn {
    color: #fff;
    background-color: #20a0ff;
    border-color: #20a0ff
}
.modal-ok-btn:active {
    background: #1d90e6;
    border-color: #1d90e6;
    color: #fff
}
.modal-ok-btn:focus,
.modal-ok-btn:hover {
    background: #4db3ff;
    border-color: #4db3ff;
    color: #fff
}
.register-modal .modal-body {
    padding: 72px 120px
}
.agreement-detail h2,
.agreement-detail p {
    margin: 10px 0;
    line-height: 28px
}
.agreement-modal .modal-body {
    padding: 5px
}
.agreement-modal .agreement-detail {
    padding: 0 35px;
    height: 554px;
    overflow: auto;
    color: #666;
    font-size: 14px
}
.agreement-modal h2 {
    font-size: 18px
}
.sp_underline {
    text-decoration: underline
}
.fb,
.sp_underline {
    font-weight: 700
}
.txt-indent {
    text-indent: 2em
}
.resister-suc-modal {
    font-size: 16px;
    color: #666
}
.resister-suc-modal .modal-body h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    color: #111f33;
    padding-left: 40px
}
.resister-suc-modal .modal-body p {
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #676c73;
    padding-left: 40px
}
.resister-suc-modal .modal-body .suc-blue {
    color: #236def
}
.resister-suc-modal .modal-body .border {
    border-top: 1px solid #dfe3e6;
    margin: 40px 0
}
.resister-suc-modal .modal-body .suc-bg {
    height: 80px;
    line-height: 80px;
    font-weight: 500;
    font-size: 18px;
    color: #236def;
    padding-left: 176px;
    background: url(data:image/png;base64,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) no-repeat top;
    background-size: 80px 80px;
    background-position: 84px 0
}
.resister-suc-modal .modal-body {
    padding: 74px 44px
}
.resister-suc-modal .suc-title {
    font-size: 32px;
    line-height: 1;
    text-align: center
}
.resister-suc-modal .suc-letter {
    width: 540px;
    margin-top: 18px
}
.resister-suc-modal .suc-letter p {
    margin: 0;
    line-height: 28px
}
.resister-suc-modal .suc-con {
    margin-top: 6px;
    border-top: 1px solid #eee
}
.resister-suc-modal .suc-con-item {
    line-height: 38px;
    border-bottom: 1px solid #eee
}
.resister-suc-modal .suc-con-item em {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    line-height: 10px;
    margin-right: 10px;
    background: #075c94;
    border-radius: 50%
}
.resister-suc-modal .suc-con-item strong {
    color: #333
}
.resister-suc-modal .suc-con-item .copy-btn {
    display: inline-block;
    width: 54px;
    height: 18px;
    line-height: 18px;
    margin-left: 6px;
    border-radius: 9px;
    border: 1px solid #99acbc;
    text-align: center;
    background: #c9d7ea;
    color: #52647c;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}
.resister-suc-modal .suc-con-item .copy-btn:focus,
.resister-suc-modal .suc-con-item .copy-btn:hover {
    background: #d6e0ea
}
.resister-suc-modal .suc-con-item .copy-btn:active {
    background: #bfd1ea
}
.resister-suc-modal .suc-tip {
    margin-top: 34px;
    margin-bottom: 56px;
    line-height: 1
}
.resister-suc-modal .suc-tip .red {
    color: #a80b0b;
    margin-right: 5px
}
.resister-suc-modal .suc-btn-wrap {
    text-align: center
}
.resister-suc-modal .suc-btn-wrap .suc-btn {
    display: inline-block;
    width: 186px;
    line-height: 52px;
    white-space: nowrap;
    cursor: pointer;
    background: #1cc779;
    border: 1px solid #1cc779;
    color: #fff;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    font-size: 22px;
    text-decoration: none
}
.resister-suc-modal .suc-btn-wrap .suc-btn:focus,
.resister-suc-modal .suc-btn-wrap .suc-btn:hover {
    background: #49ca8f;
    border-color: #49ca8f
}
.resister-suc-modal .suc-btn-wrap .suc-btn:active {
    background: #0ca55f;
    border-color: #0ca55f;
    outline: none
}
.popContent .layer_msg {
    margin-top: 20px
}
html {
    -overflow-y: scroll
}
body {
    color: #000;
    font-size: 12px;
    line-height: 1.666;
    -webkit-text-size-adjust: none
}
body,
textarea {
    font-family: Microsoft Yahei, verdana, sans-serif
}
blockquote,
body,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
th,
ul {
    margin: 0;
    padding: 0
}
fieldset,
img,
table,
td,
th {
    border: 0
}
address,
caption,
cite,
code,
dfn,
em,
i,
ins,
th,
var {
    font-style: normal;
    text-decoration: none
}
h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-size: 100%;
    font-weight: 400
}
button,
input,
select,
table,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%
}
abbr,
acronym {
    border: 0;
    font-variant: normal
}
q:after,
q:before {
    content: ""
}
ul {
    list-style: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
caption,
th {
    text-align: left
}
a {
    text-decoration: none;
    outline: none;
    color: #0154a0
}
body,
html {
    height: 100%
}
body {
    background: #fff
}
.hide {
    display: none
}
.clearfix:after,
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}
.clearfix,
.fn-clear {
    *zoom: 1
}
.nbd {
    border: none !important
}
.mgt35 {
    margin-top: 35px !important
}
.mgt60 {
    margin-top: 60px !important
}
.nmg {
    margin: 0 !important
}
.vpd70 {
    padding: 70px 0 !important
}
.vpd90 {
    padding: 90px 0 !important
}
.fl {
    float: left
}
.fr {
    float: right
}
.tar {
    text-align: right
}
.phcolor {
    color: #999 !important
}
.red {
    color: red !important
}
.gray-bg {
    background: #f1f3f4 !important
}
.dimgray-bg {
    color: #fff !important;
    background: #666 !important
}
.g-wrap,
.g-wrap-1200 {
    width: 1080px;
    margin: 0 auto
}
.g-wrap-1200 {
    width: 1200px
}
.das-line-b {
    border-bottom: 1px dashed #999
}
.row .span {
    width: 180px;
    float: left;
    text-align: center
}
.row .span .pic {
    height: 100px;
    line-height: 100px;
    margin-bottom: 26px;
    font-size: 0;
    text-align: center
}
.row .span .pic img {
    width: auto;
    height: auto
}
.row .span .tt {
    font-size: 18px;
    line-height: 20px;
    color: #333
}
.row .span .txt {
    padding-top: 0;
    margin-top: 26px;
    font-size: 14px;
    line-height: 28px;
    color: #9cadbe
}
.g-header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: #1c1d1f;
    z-index: 999
}
.g-header .g-wrap {
    position: relative
}
.g-header .m-topLogo {
    position: relative;
    top: 19px;
    width: 139px;
    height: 31px;
    background: url(../images/logo.2e49ec40.png) no-repeat
}
.g-header.white-heater {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}
.g-header.white-heater .m-topLogo {
    background: url(../images/logo-red.ba645407.gif) no-repeat
}
.m-topLogo h2 {
    text-indent: -99999px
}
.g-header .m-links {
    position: absolute;
    right: 0;
    top: 18px;
    color: #fff;
    font-size: 15px;
    line-height: 28px
}
.m-links-item {
    display: inline-block;
    margin: 0 10px;
    color: #9cadbe;
    vertical-align: middle
}
.m-links-item.js-free-use-div,
.m-links-item.trial-btn {
    width: 125px;
    height: 28px;
    text-align: center;
    cursor: pointer;
    background: #fe5b4c;
    border-radius: 3px;
    color: #fff;
    margin-right: 0
}
.m-links-item.js-free-use-div:hover,
.m-links-item.trial-btn:hover {
    background: #fe5b4c
}
.m-links .dividing-line {
    display: inline-block;
    height: 28px;
    background: #9cadbe;
    width: 1px;
    margin: 0 15px;
    vertical-align: middle
}
.g-register-wrap {
    position: relative;
    height: 395px;
    padding-top: 110px;
    overflow: hidden;
    background-size: 150%
}
.banner-bg,
.banner-bg-no-animation {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    height: 395px;
    background: #065fff url(../images/banner1_pc.e0a11208.png) 50% no-repeat;
    background-size: cover;
    -webkit-animation: fadeOutBg 1.5s .2s ease both;
    -moz-animation: fadeOutBg 1.5s .2s ease both;
    transition: all 1.5s ease-in-out;
    z-index: -1
}
.banner-bg-no-animation {
    transition: none;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none
}
.banner-bg-p19 {
    background-image: url(../images/banner_p19.387fc89f.jpg)
}
.g-register-wrap .g-wrap {
    position: relative
}
.section-intro {
    padding: 56px 0 60px;
    background-color: #f3f4f7
}
.m-slogan {
    padding-top: 96px;
    width: 364px
}
.section-inquiry-price {
    position: relative;
    padding: 40px 0 60px;
    color: #666;
    font-size: 24px;
    text-align: center
}
.section-inquiry-price .des {
    border-bottom: 1px dashed #dce6ec
}
.section-inquiry-price .min-price {
    font-size: 46px;
    color: #025bc9;
    font-weight: 700
}
.inquiry-price-con {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 364px;
    padding-left: 50px;
    padding-top: 20px;
    text-align: left;
    background: url(../images/calculator.17078baf.png) 0 30px no-repeat
}
.section-inquiry-price .input-w .inquiry-price-input {
    width: 174px;
    height: 30px;
    margin-right: 5px;
    box-sizing: border-box
}
.section-inquiry-price .reference-pri {
    font-size: 16px
}
.section-inquiry-price #standardPrice {
    display: none
}
#max-price,
#min-price {
    color: #025bc9
}
.m-login {
    position: absolute;
    width: 375px;
    height: 550px;
    top: 0;
    right: 0;
    background: #fff
}
.m-login .hd {
    line-height: 26px;
    font-size: 26px;
    color: #535c73;
    margin-bottom: 30px
}
.m-login form {
    margin: 30px 46px 0
}
.m-login label {
    display: inline-block;
    font-size: 14px;
    color: #9cadbe
}
.m-login input,
.m-login select {
    width: 230px;
    border: 1px solid #e0e8f1;
    height: 22px;
    padding: 13px 15px;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle
}
.m-login input:focus,
.m-login select:focus {
    border-color: #ff5a00;
    outline-color: #ff5a00;
    color: #ff5a00
}
.m-login select {
    width: 124px;
    height: 48px;
    background: hsla(0, 0%, 100%, .5) url(../images/arrow.3efa6868.png) no-repeat 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
.m-login .txt-province {
    margin-right: 13px
}
.m-login .error-box {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #ee8702
}
.m-login .btn-crystal {
    display: block;
    width: 260px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #357dfd;
    cursor: pointer
}
.m-login .btn-crystal:hover {
    background: #1b5cfd
}
.m-login .form-item {
    margin-bottom: 20px
}
.m-login .form-item-label {
    display: none
}
.m-login .form-item-box {
    margin-left: 0
}
.m-login .form-item-input .input {
    height: 36px;
    padding: 4px 10px
}
.m-login .form-code-item .form-item-code {
    width: 120px
}
.m-login .form-code-item .form-item-input {
    width: 160px
}
.m-login .form-code-item .form-item-code button {
    height: 36px
}
.m-login .register-item-ct {
    height: 28px;
    line-height: 28px;
    padding: 0
}
.m-login .register-item-ct .form-item-input {
    font-size: 12px
}
.m-login #regSubmitBtn {
    border-radius: 2px;
    background: #ff5400;
    border-color: #ff5400;
    height: 44px;
    line-height: 40px
}
.m-login .form-item-btn {
    margin-bottom: 10px
}
.m-login #regSubmitBtn:active,
.m-login #regSubmitBtn:focus,
.m-login #regSubmitBtn:hover {
    background: #ff5400;
    border-color: #ff5400
}
.m-login #regSubmitBtn:active {
    outline: none
}
#regSubmitBtn[disabled] {
    background-color: #ff5400 !important;
    cursor: not-allowed;
    border-color: #ff5400 !important
}
.section-company {
    background: #f3f5fa;
    text-align: center
}
.section-company .mod-title {
    padding: 50px 0 20px;
    font-size: 24px;
    color: #333
}
.customer-list li {
    position: relative;
    border: 1px solid #fff;
    width: 214px;
    height: 74px;
    line-height: 74px;
    font-size: 0;
    text-align: center;
    float: left;
    overflow: hidden;
    margin: -1px 0 0 -1px
}
.customer-list li img {
    vertical-align: middle
}
.section-company .mod-ft {
    padding-top: 25px;
    padding-bottom: 62px;
    font-size: 14px;
    color: #595757
}
.section-company .mod-ft a {
    color: #1461f0;
    font-size: 12px;
    text-decoration: underline
}
.g-footer {
    background: #293141
}
.g-footer .g-wrap {
    padding: 34px 0;
    text-align: center;
    color: #ebf2ea
}
.g-footer a {
    text-decoration: none;
    color: #ebf2ea
}
.popup {
    z-index: 2000
}
.popMask,
.popup {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.popMask {
    display: block;
    background-color: #000;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
    opacity: .6
}
.popMain {
    position: absolute;
    overflow: hidden;
    font-size: 12px;
    border: 1px solid #537695;
    left: 50%;
    width: 384px;
    margin-left: -194px;
    background-color: #fff
}
.popTitle {
    color: #000;
    height: 44px
}
.popTitle .text {
    margin-left: 12px;
    line-height: 44px;
    font-size: 16px;
    color: #0154a0
}
.popTitle .close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    text-indent: -9999px;
    background: url(../images/popup-r-close.7d3c08ea.png) 50% no-repeat;
    display: inline-block;
    z-index: 99;
    float: right;
    outline: none;
    cursor: pointer
}
.popContent {
    background: #fff;
    overflow: auto;
    color: #666;
    padding: 0 40px 40px
}
.popContent .info_icon {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    background: 50% no-repeat
}
.popContent .info_icon_suc {
    background-image: url(../images/popup-suc.4bbce059.png)
}
.popContent .info_icon_info {
    background-image: url(../images/popup-info.ee4a1ff3.png)
}
.popContent .info_icon_warn {
    background-image: url(../images/popup-warn.3fc102a3.png)
}
.popContent .info_icon_fail {
    background-image: url(../images/popup-fail.d05902c9.png)
}
.popContent .layer_msg {
    font-size: 24px
}
.popContent .layer_msg.msg {
    font-size: 14px
}
.popContent .layer_msg p {
    padding: 10px 0;
    margin: 0;
    font-size: 14px
}
.content-title {
    color: #1c1c1c;
    font-size: 60px;
    position: relative
}
.content-title .content-word {
    position: relative;
    z-index: 1
}
.YSF-CUSTOM-ENTRY {
    display: none
}
.g-left-nav_new {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 18px;
    z-index: 99999;
    width: 56px;
    height: 350px;
    box-shadow: 0 4px 8px rgba(214, 225, 234, .3);
    border-radius: 0 0 8px 8px
}
.g-left-nav_new img {
    width: 56px;
    height: 18px;
    position: absolute;
    left: -28px;
    top: 90px;
    z-index: 111
}
.g-left-nav_new .g-left-nav_bg {
    width: 56px;
    height: 350px;
    background: transparent url(https://qiye.163.com/new/img/navBgTop.png) no-repeat;
    background-size: contain;
    z-index: 11;
    position: relative;
    pointer-events: none
}
.g-left-nav_new [class^=g-left-nav_new-] {
    width: 56px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    pointer-events: auto
}
.g-left-nav_new [class^=g-left-nav_new-]:not(.g-left-nav_new-d) {
    background-color: #fff
}
.g-left-nav_new [class^=g-left-nav_new-]:not(.g-left-nav_new-d):hover {
    background-color: #f5f8ff;
    cursor: pointer
}
.g-left-nav_new .g-left-nav_new-a {
    border-radius: 8px 8px 0 0;
    height: 92px;
    top: 0
}
.g-left-nav_new .g-left-nav_new-b {
    top: 92px;
    height: 84px
}
.g-left-nav_new .g-left-nav_new-c {
    top: 176px;
    height: 91px
}
.g-left-nav_new-help {
    top: 265px;
    height: 84px !important;
    border-radius: 0 0 8px 8px
}
.g-left-nav_new .g-left-nav_new-a:after,
.g-left-nav_new .g-left-nav_new-c:after,
.g-left-nav_new .g-left-nav_new-help:after {
    display: block;
    content: "";
    height: 1px;
    width: 14px;
    position: absolute;
    background-color: #e1e6ed;
    margin: auto;
    left: 0;
    right: 0
}
.g-left-nav_new .g-left-nav_new-a:after {
    bottom: 0
}
.g-left-nav_new .g-left-nav_new-c:after {
    top: 0
}
.g-left-nav_new .g-left-nav_new-a:hover:after,
.g-left-nav_new .g-left-nav_new-b:hover~.g-left-nav_new-a:after,
.g-left-nav_new .g-left-nav_new-b:hover~.g-left-nav_new-c:after,
.g-left-nav_new .g-left-nav_new-c:hover:after {
    opacity: 0
}
.g-left-nav_new .g-left-nav_new-d {
    cursor: pointer;
    width: 52px;
    height: 100px;
    background: transparent url(https://qiye.163.com/new/img/navBgB.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: -108px;
    background-size: contain
}
.g-left-nav_new .g-left-nav_child {
    display: none;
    width: 116px;
    height: 110px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    top: 166px;
    left: -130px;
    padding: 4px 0;
    box-shadow: 0 4px 8px rgba(214, 225, 234, .3)
}
.g-left-nav_new .g-left-nav_child .g-left-nav_child-li {
    display: block;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #4e5a70
}
.g-left-nav_new .g-left-nav_child .g-left-nav_child-li:hover {
    color: #326cfe;
    background-color: #f5f8ff;
    cursor: pointer
}
.g-left-nav_new .g-left-nav_child .g-left-nav_child-li:nth-child(3):hover {
    color: #4e5a70;
    background-color: #f5f8ff
}
.g-left-nav_new .g-left-nav_child:after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
    border-top: 10px solid transparent;
    content: " ";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff
}
.g-left-nav_new .g-left-nav_child:hover,
.g-left-nav_new .g-left-nav_new-c:hover~.g-left-nav_child {
    display: block
}
.banner-bg-p30 {
    background: #065fff url(https://cowork-storage-public-cdn.lx.netease.com/common/2024/03/26/bd53912668204ac8a1507cd56aae9de5.jpg) 50% no-repeat
}
.banner-bg-p31 {
    background: #065fff url(../images/bannner_bg_31.4179233f.jpg) 50% no-repeat
}
.banner-bg-p32 {
    background: #fff url(https://cowork-storage-public-cdn.lx.netease.com/common/2024/04/18/96b276636c0042aa9e36755ec7bb0b48.png) 50% no-repeat;
    background-size: cover
}
.why-container-p32 {
    text-align: center;
    margin: 0 auto;
    padding: 80px 0;
    background-color: #f1f4f8
}
.why-title-p32 {
    font-size: 32px;
    font-weight: 500;
    line-height: 32px;
    color: #232a38
}
.why-subtitle-p32 {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #7a8599;
    margin: 12px 0 32px
}
.why-reason-container {
    display: flex;
    width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 16px
}
.why-reason-item {
    width: 378px;
    height: 170px;
    background-color: #fff;
    padding: 24px;
    box-shadow: 0 4px 8px 0 rgba(214, 225, 234, .3);
    text-align: left;
    position: relative
}
.why-item,
.why-reason-item {
    box-sizing: border-box
}
.why-item-img {
    position: absolute;
    top: 0;
    right: 0
}
.why-item-title {
    color: #232a38;
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    margin: 16px 0;
    box-sizing: border-box
}
.why-item-content {
    color: #4e5a70;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    box-sizing: border-box
}
.why-btn-row {
    margin: 40px auto 0;
    text-align: center
}
.why-btn-use {
    display: inline-block;
    width: 178px;
    height: 44px;
    line-height: 44px;
    border-radius: 4px;
    background-color: #4c6aff;
    color: #fff;
    font-size: 16px
}
.p32-price-outer .g-price {
    background-color: #354362
}
.bottom-register {
    background: url(https://cowork-storage-public-cdn.lx.netease.com/common/2024/04/17/e97aa9b7a0eb4f6cb4b9bd30a5f3706c.png) 50% no-repeat;
    margin-top: -1px;
    background-size: cover;
    height: 490px
}
.bottom-register-container {
    width: 1200px;
    margin: 0 auto;
    height: 490px;
    position: relative
}
.bottom-left {
    position: absolute;
    left: 0;
    top: 120px;
    color: #fff;
    text-align: left
}
.bottom-left-title {
    font-size: 32px;
    line-height: 32px
}
.bottom-left-desc {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 4px
}
.bottom-left-item {
    font-size: 16px;
    position: relative;
    margin-left: 24px;
    margin-bottom: 4px
}
.bottom-left-item:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 12px;
    left: -24px;
    top: 8px
}
.left-item-0:before {
    background: url(../images/bottom_icon_0.391e70f4.png) 50% no-repeat
}
.left-item-1:before {
    background: url(../images/bottom_icon_1.ea0362df.png) 50% no-repeat
}
.left-item-2:before {
    background: url(../images/bottom_icon_2.19daf3e0.png) 50% no-repeat
}
.left-item-3:before {
    background: url(../images/bottom_icon_3.dd714251.png) 50% no-repeat
}
.left-item-4:before {
    background: url(../images/bottom_icon_4.d55693bc.png) 50% no-repeat
}
.bottom-register-box {
    position: absolute;
    top: 30px;
    right: 0
}
.bottom-register-box .free-try-confirm,
.bottom-register-box .free-try-get-code,
.top-register-box .free-try-confirm,
.top-register-box .free-try-get-code {
    background-color: #4c6aff !important
}
body,
html {
    font-family: PingFangSC, Microsoft YaHei, sans-serif
}
.free-try-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 318px;
    height: 331px;
    background-color: #fff;
    border-radius: 4px;
    padding: 32px 28px
}
.free-try-container .free-try-title {
    color: #232d47;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 14px
}
.free-try-container .free-try-row {
    position: relative
}
.free-try-container .free-try-code,
.free-try-container .free-try-input {
    margin-bottom: 16px
}
.free-try-container .free-try-code input,
.free-try-container .free-try-input input {
    box-sizing: border-box;
    padding: 0 12px;
    width: 100%;
    border: 1px solid #e1e6ed;
    border-radius: 4px;
    color: #545a6e;
    font-size: 14px;
    height: 42px
}
.free-try-container .free-try-code input:focus,
.free-try-container .free-try-input input:focus {
    outline: none
}
.free-try-container .free-try-code input {
    border-right: none
}
.free-try-container .free-try-code {
    display: -ms-flexbox;
    display: flex
}
.free-try-container .free-try-code .free-try-get-code {
    font-size: 14px;
    color: #fff;
    width: 148px;
    text-align: center;
    line-height: 42px;
    height: 42px;
    display: block;
    background-color: #fe7c70;
    border-radius: 0 4px 4px 0;
    outline: none;
    border: none;
    cursor: pointer
}
.free-try-container .free-try-code .free-try-get-code:disabled {
    background-color: #ffdedb;
    cursor: not-allowed
}
.free-try-container .free-try-agree {
    margin-top: 16px;
    font-size: 14px;
    color: #7a8599
}
.free-try-container .free-try-bootom {
    position: absolute;
    left: 32px;
    right: 32px;
    bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #5c6477
}
.free-try-container .free-try-confirm {
    background: #fe5b4c;
    border-radius: 4px;
    border: none;
    width: 100%;
    height: 44px;
    color: #fff;
    margin-bottom: 12px;
    font-size: 16px;
    cursor: pointer
}
.free-try-container .free-try-confirm:focus {
    background-color: #e45244
}
.free-try-container input.is-error {
    border: 1px solid red
}
.out-link {
    color: #1966ff;
    cursor: pointer
}
#trialBtnBottom,
#trialBtnTop {
    background-color: #fe5b4c
}
.modal-content {
    position: relative;
    width: 576px;
    margin: 0 auto 50px;
    top: 15%;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    animation: modalVisble .5s
}
.modal-content.register-next-modal_new .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent
}
.modal-content.register-next-modal_new .modal-close svg {
    position: absolute;
    top: 0;
    left: 0
}
.modal-content.register-next-modal_new>.modal-body {
    padding: 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper,
.modal-content.register-planb-first .register-next-form-wrapper {
    border-radius: 4px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .next-error-tip,
.modal-content.register-planb-first .register-next-form-wrapper .next-error-tip {
    color: #e95454;
    position: absolute;
    opacity: 0;
    width: 90%;
    text-align: center;
    bottom: 4px
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .reg-form-wrap-title,
.modal-content.register-next-modal_new .register-next-form-wrapper#base-next .reg-form-wrap-title,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next .reg-form-wrap-title,
.modal-content.register-planb-first .register-next-form-wrapper#base-next .reg-form-wrap-title {
    font-size: 14px;
    color: #232d47;
    text-align: left;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 14px;
    font-weight: 600
}
.modal-content.register-next-modal_new .register-next-form-wrapper#base-next .item-use-name,
.modal-content.register-next-modal_new .register-next-form-wrapper#discount-next .item-use-name,
.modal-content.register-planb-first .register-next-form-wrapper#base-next .item-use-name,
.modal-content.register-planb-first .register-next-form-wrapper#discount-next .item-use-name {
    margin-bottom: 14px
}
.modal-content.register-next-modal_new .register-next-form-wrapper#base-next .wrapper-header,
.modal-content.register-next-modal_new .register-next-form-wrapper#discount-next .wrapper-header,
.modal-content.register-planb-first .register-next-form-wrapper#base-next .wrapper-header,
.modal-content.register-planb-first .register-next-form-wrapper#discount-next .wrapper-header {
    height: 90px;
    background: #f8f9fb url(../images/modal_header.0f21f375.png) no-repeat;
    background-size: contain;
    border-radius: 8px 8px 0 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next {
    padding-bottom: 28px
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-header,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-header {
    height: 124px;
    background: #f8f9fb url(../images/adviser-header.e1619861.png) no-repeat;
    background-size: contain;
    border-radius: 8px 8px 0 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-footer,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-footer {
    margin: 10px 0 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .wrapper-footer a,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next .wrapper-footer a {
    margin: 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .form-buttom-slogan,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next .form-buttom-slogan {
    text-align: center;
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin-top: 14px;
    font-size: 14px;
    color: #232d47
}
.modal-content.register-next-modal_new .register-next-form-wrapper#adviser-next .form-buttom-slogan span,
.modal-content.register-planb-first .register-next-form-wrapper#adviser-next .form-buttom-slogan span {
    font-weight: 600
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body {
    width: 100%;
    padding: 28px 28px 24px;
    box-sizing: border-box
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .row-block-title,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .row-block-title {
    position: relative;
    height: 16px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .row-block-title .horizontal-line,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .row-block-title .horizontal-line {
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    background-color: #e1e3e8
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .row-block-title .row-title,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .row-block-title .row-title {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    color: #232d47;
    top: -8px;
    left: 103px;
    padding: 0 12px;
    background-color: #fff
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size h2,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name h2,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene h2,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size h2,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name h2,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene h2 {
    font-weight: 400;
    font-size: 14px;
    color: #232d47;
    line-height: 20px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul {
    margin-top: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li {
    margin-right: 8px;
    width: 130px;
    height: 32px;
    background-color: #f4f6f7;
    border-radius: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: #4e5a70;
    cursor: pointer;
    white-space: nowrap
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:first-child,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(2),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:first-child,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(2),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:first-child,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(2),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:first-child,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(2),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:first-child,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(2),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:first-child,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(2),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3) {
    margin-bottom: 8px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(6),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(6),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3),
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(6),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(3),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li:nth-child(6),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(3),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li:nth-child(6),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(3),
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li:nth-child(6) {
    margin-right: 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li.active,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name ul li.active,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li.active,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-staff-size ul li.active,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name ul li.active,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene ul li.active {
    background-color: #ebf0ff
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name>div,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name>div {
    width: 100%;
    height: 44px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name>div input,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name>div input {
    margin-top: 12px;
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    line-height: 100%;
    background: #fff;
    border: 1px solid #e1e6ed;
    border-radius: 4px;
    text-indent: 12px;
    margin-bottom: 14px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-name,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-use-scene,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-name,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-use-scene {
    margin-top: 24px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand {
    position: relative
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select {
    height: 46px;
    border: 1px solid #dfe3e6;
    border-radius: 2px;
    line-height: 44px;
    color: #acb3b8;
    padding-left: 12px;
    font-weight: 400;
    font-size: 14px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select:after,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand .select:after {
    display: block;
    float: right;
    content: "";
    border-top: 6px solid #acb3b8;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    margin-top: 19px;
    margin-right: 19px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active ul,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active ul {
    display: block
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active .select:after,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand.active .select:after {
    transform: rotate(180deg)
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand.onselect .select,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand.onselect .select {
    color: #111f33
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul {
    position: absolute;
    z-index: 1;
    background: #fff;
    height: 220px;
    overflow: auto;
    left: 0;
    right: 0;
    top: 54px;
    border: 1px solid #dfe3e6;
    box-shadow: 0 2px 6px rgba(64, 67, 71, .1);
    border-radius: 2px;
    display: none
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li {
    height: 44px;
    font-weight: 400;
    font-size: 14px;
    color: #111f33;
    padding-left: 12px;
    padding-right: 26px;
    position: relative;
    line-height: 44px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li:not(.title):hover,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li:not(.title):hover {
    background: #f7f8fa
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active {
    color: #236def
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active:after,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.active:after {
    content: "";
    width: 12px;
    height: 10px;
    position: absolute;
    top: 17px;
    right: 16px;
    background: url(../images/choose.160efa54.png) no-repeat top;
    background-size: 12px 10px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.title,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-mail-brand ul li.title {
    color: #acb3b8
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites {
    margin-top: 24px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites h2,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites h2 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #676c73
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites label,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites label {
    float: left;
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #111f33;
    height: 20px;
    margin-right: 24px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites label.except,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites label.except {
    margin-right: 0
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites label input,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites label input {
    width: 14px;
    height: 14px;
    margin: 0 8px 2px 0;
    vertical-align: middle;
    border: 1px solid #dfe3e6;
    border-radius: 2px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites textarea,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites textarea {
    resize: none;
    height: 80px;
    margin-left: 8px;
    width: 382px;
    margin-top: 15px;
    border-radius: 2px;
    outline: none;
    visibility: hidden;
    border: 1px solid #dfe3e6;
    padding: 8px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-favorites textarea:focus,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-favorites textarea:focus {
    border: 1px solid #236def
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 {
    position: relative
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input {
    border: 1px solid #dfe3e6;
    padding: 15px 0 15px 52px;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    height: 44px;
    width: 100%;
    border-radius: 2px
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus {
    box-shadow: 0 0 0 2px rgba(51, 126, 255, .2)
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover {
    border: 1px solid #236def
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus+label,
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover+label,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:focus+label,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 input:hover+label {
    background-color: #236def;
    border: 1px solid #236def;
    background-image: url(../images/form-item-label-name-hover.5f2e16fb.png)
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-body .item.item-plan-2 label,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-body .item.item-plan-2 label {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 44px;
    background-image: url(../images/form-item-label-name.63c67aaf.png);
    background-color: #f8f9fb;
    background-size: 22px 22px;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid #e1e3e6
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-footer,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-footer {
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center
}
.modal-content.register-next-modal_new .register-next-form-wrapper .wrapper-footer a,
.modal-content.register-planb-first .register-next-form-wrapper .wrapper-footer a {
    margin: 0 0 28px;
    background: #4c6aff;
    border-radius: 4px;
    display: inline-block;
    width: 404px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    line-height: 44px;
    height: 44px
}
.modal-content.register-planb-first .wrapper-header,
.modal-content.register-planb-second .wrapper-header {
    height: 90px;
    background-size: contain;
    border-radius: 8px 8px 0 0
}
.modal-content.register-success-modal_new {
    background-color: transparent;
    box-shadow: 0 0 0 0 #fff;
    overflow: hidden
}
.modal-content.register-success-modal_new .modal-body {
    padding: 0
}
.modal-content.register-success-modal_new .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    margin-top: 24px
}
.modal-content.register-success-modal_new .modal-close svg {
    position: absolute;
    top: 0;
    left: 0
}
.modal-content.register-success-modal_new .modal-content-body {
    background: url(../images/success_bg.98c06e2a.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 220px;
    margin: 0 auto
}
#public-modal {
    height: 380px
}
#public-modal .form-item-btn {
    position: absolute;
    bottom: 40px
}
#public-modal .form-buttom-slogan {
    position: absolute;
    bottom: 28px;
    left: 0
}
#advister-modal,
#public-modal {
    display: -ms-flexbox;
    display: flex
}
#advister-modal .register-form-tip,
#public-modal .register-form-tip {
    width: 340px;
    background-size: cover;
    background-repeat: no-repeat
}
#advister-modal .register-form-tip p,
#public-modal .register-form-tip p {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    color: #111f33
}
#advister-modal .register-form-tip p span,
#public-modal .register-form-tip p span {
    color: #d90000
}
#advister-modal #modal-form-wrap,
#public-modal #modal-form-wrap {
    position: relative;
    width: 294px;
    padding: 32px
}
#advister-modal #modal-form-wrap .reg-form-wrap-title,
#public-modal #modal-form-wrap .reg-form-wrap-title {
    font-size: 20px;
    color: #232d47;
    text-align: left;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.5
}
#advister-modal #modal-form-wrap form,
#public-modal #modal-form-wrap form {
    margin-top: 12px
}
#advister-modal #modal-form-wrap form .form-item,
#public-modal #modal-form-wrap form .form-item {
    margin-bottom: 16px
}
#advister-modal #modal-form-wrap form .form-item .form-item-box,
#public-modal #modal-form-wrap form .form-item .form-item-box {
    width: 294px;
    height: 40px
}
#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-input,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-input {
    height: 100%;
    background-color: transparent;
    width: 100%
}
#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input.is-error,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input.is-error {
    border: 1px solid red;
    margin-bottom: 10px
}
#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-input input {
    height: 100%;
    width: 100%;
    outline: none;
    border: none;
    line-height: 100%;
    background: #fff;
    border: 1px solid #e1e6ed;
    border-radius: 4px;
    text-indent: 12px;
    margin-bottom: 14px
}
#advister-modal #modal-form-wrap form .form-item .form-item-box .form-item-err,
#public-modal #modal-form-wrap form .form-item .form-item-box .form-item-err {
    font-size: 12px;
    color: #e95454;
    text-indent: 0;
    margin-top: 1px
}
#advister-modal #modal-form-wrap form .form-item-input>input:-ms-input-placeholder,
#public-modal #modal-form-wrap form .form-item-input>input:-ms-input-placeholder {
    font-size: 14px;
    color: #a9b2c2
}
#advister-modal #modal-form-wrap form .form-item-input>input::placeholder,
#public-modal #modal-form-wrap form .form-item-input>input::placeholder {
    font-size: 14px;
    color: #a9b2c2
}
#advister-modal #modal-form-wrap form .form-code-item .form-item-box,
#public-modal #modal-form-wrap form .form-code-item .form-item-box {
    display: -ms-flexbox;
    display: flex;
    position: relative
}
#advister-modal #modal-form-wrap form .form-code-item .form-item-box .form-item-err,
#public-modal #modal-form-wrap form .form-code-item .form-item-box .form-item-err {
    position: absolute;
    top: 44px;
    left: 0
}
#advister-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal,
#public-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal {
    width: 98px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 0;
    background: #7098fe;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 0 4px 4px 0;
    font-size: 14px
}
#advister-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal.disabled,
#advister-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal[disabled=disabled],
#public-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal.disabled,
#public-modal #modal-form-wrap form .form-code-item .form-item-box #getCodeBtn_modal[disabled=disabled] {
    background: #c2d3ff;
    background-color: #7098fe;
    color: #fff;
    border: none
}
#advister-modal #modal-form-wrap form .register-item-ct .rf--radioInput,
#public-modal #modal-form-wrap form .register-item-ct .rf--radioInput {
    border-radius: 0
}
#advister-modal #modal-form-wrap form .register-item-ct .form-item-box,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box {
    border: 0;
    text-indent: 0 !important;
    height: 20px
}
#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input {
    position: relative;
    color: #7a8599;
    font-size: 14px;
    font-weight: 400
}
#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input a,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input a {
    color: #1966ff
}
#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label {
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px
}
#advister-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label input,
#public-modal #modal-form-wrap form .register-item-ct .form-item-box .form-item-input .rf--label input {
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0
}
#advister-modal #modal-form-wrap form .form-item-btn,
#public-modal #modal-form-wrap form .form-item-btn {
    height: 44px
}
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box {
    border: 0
}
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input:active,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input:active {
    opacity: .5
}
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input {
    background-color: #4c6aff;
    border-radius: 4px;
    color: #fff;
    position: relative
}
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button {
    position: absolute;
    left: 0;
    background: transparent;
    width: 100%;
    height: 100%;
    line-height: 100%;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer
}
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button:active,
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button:active {
    opacity: .5
}
#advister-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button[disabled=disabled],
#public-modal #modal-form-wrap form .form-item-btn .form-item-box .form-item-input button[disabled=disabled] {
    cursor: not-allowed
}
#advister-modal #modal-form-wrap .form-buttom-slogan,
#public-modal #modal-form-wrap .form-buttom-slogan {
    text-align: center;
    width: 100%;
    height: 16px;
    line-height: 14px;
    font-size: 14px;
    color: #232d47
}
#advister-modal #modal-form-wrap .form-buttom-slogan span,
#public-modal #modal-form-wrap .form-buttom-slogan span {
    font-weight: 600
}
#advister-modal #modal-form-wrap {
    width: 100%;
    padding: 0
}
#advister-modal #modal-form-wrap .reg-form-wrap-title {
    font-size: 14px;
    color: #232d47;
    text-align: left;
    margin-top: 0;
    line-height: 20px;
    margin-bottom: 14px
}
#advister-modal #modal-form-wrap .wrapper-header {
    height: 124px;
    background: #f8f9fb url(../images/adviser-header.e1619861.png) no-repeat;
    background-size: contain;
    border-radius: 8px 8px 0 0
}
#advister-modal #modal-form-wrap #modal_reg_form {
    padding: 28px;
    margin-top: 0
}
#advister-modal #modal-form-wrap #modal_reg_form .register-item-ct .form-item-box {
    border: 0;
    text-indent: 0;
    height: 32px
}
#advister-modal #modal-form-wrap #modal_reg_form .form-item-box {
    width: 406px;
    height: 44px
}
.register-detainment-content {
    padding: 28px
}
.register-detainment-content .register-detainment-img {
    float: left;
    background-color: #95a7f3;
    border-radius: 50%;
    background-image: url(../images/detainment_img.6bf11983.png);
    width: 62px;
    height: 62px;
    margin-right: 12px
}
.register-detainment-content .register-detainment-words {
    color: #232d47;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px
}
.register-detainment-footer {
    text-align: center;
    padding: 0 28px 28px
}
.button-cancel,
.button-sure {
    width: 82px;
    height: 32px;
    border-radius: 4px;
    background-color: #f0f3f5;
    border: none;
    color: #4e5a70;
    cursor: pointer
}
.button-sure {
    background-color: #326cfe;
    color: #fff
}
.modal-wrapper-qiye .modal-body {
    padding: 0
}
.modal-wrapper-qiye .register-form-tip {
    margin-bottom: 0
}
.modal-wrapper-qiye .form-item-box {
    margin-left: 0
}
.modal-wrapper-qiye .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background-color: transparent
}
.modal-wrapper-qiye .modal-close svg {
    position: absolute;
    top: 0;
    left: 0
}
.register-planb-first .modal-body,
.register-planb-second .modal-body {
    padding: 0
}
.register-planb-first .register-next-form-wrapper .wrapper-header,
.register-planb-second .register-next-form-wrapper .wrapper-header {
    height: 90px;
    background: #f8f9fb url(../images/planb_modal_head.ae595ed0.png) no-repeat;
    background-size: contain;
    border-radius: 8px 8px 0 0
}
.register-planb-first .modal-close,
.register-planb-second .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 8px;
    height: 8px;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
    background: transparent
}
.register-planb-first .modal-close svg,
.register-planb-second .modal-close svg {
    position: absolute;
    top: 0;
    left: 0
}
.register-planb-first .js-submit[disabled],
.register-planb-second .js-submit[disabled] {
    opacity: .3
}
.item-use-get {
    color: #545a6e;
    font-size: 14px;
    margin-top: 12px;
    height: 20px !important
}
.item-use-get>span {
    margin-right: 5px
}
.use-img-checked {
    background: url(../images/green_check.0457b321.png) no-repeat top;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: sub
}
#corpName:focus {
    outline: 1px solid #4c6aff
}
.login_now {
    color: #4c6aff;
    font-weight: 400;
    font-size: 14px
}
.login_now:after {
    content: ">";
    margin-left: 5px
}
.product-feature {
    padding: 80px 0
}
.product-feature-title {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #232a38
}
.product-feature-desc {
    font-size: 16px;
    text-align: center;
    font-weight: 400px;
    line-height: 22px;
    color: #7a8599;
    margin-top: 8px
}
.product-feature-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    margin: 0 auto;
    margin-top: 36px;
    height: 544px;
    overflow: hidden
}
.product-feature-animate-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 24px
}
.product-feature-animate-nav>div {
    display: -ms-flexbox;
    display: flex;
    width: 252px;
    height: 84px;
    line-height: 34px;
    font-weight: 400;
    font-size: 20px;
    color: #232a38;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box
}
.product-feature-animate-nav>div.active {
    background-color: #7088ff;
    color: #fff
}
.product-feature-animate-container {
    width: 100%;
    position: relative
}
.product-feature-animate-container .swiper-container {
    height: 100%;
    position: relative;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding: 0;
    z-index: 1
}
.product-feature-animate-container .swiper-wrapper {
    transform: translateZ(0);
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}
.product-feature-animate-container .swiper-slide-0 {
    background: url(https://qiye.163.com/new/img/g-animate-swiper-0.png?v=0a4ddd22) no-repeat
}
.product-feature-animate-container .swiper-slide-1 {
    background: url(https://qiye.163.com/new/img/g-animate-swiper-1.png?v=2d079029) no-repeat
}
.product-feature-animate-container .swiper-slide-2 {
    background: url(https://qiye.163.com/new/img/g-animate-swiper-2.png?v=e6fb733c) no-repeat
}
.product-feature-animate-container .swiper-slide-3 {
    background: url(https://qiye.163.com/new/img/g-animate-swiper-3.png?v=97f8faee) no-repeat
}
.product-feature-animate-container .swiper-slide-4 {
    background: url(https://qiye.163.com/new/img/g-animate-swiper-4.png?v=fb0edeab) no-repeat
}
.product-feature-animate-container .swiper-slide-5 {
    background: url(https://qiye.163.com/new/img/g-animate-swiper-5.png?v=7ba7a6fa) no-repeat
}
.product-feature-animate-container .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
    border: 1px solid #eceff4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    background-size: contain
}
.product-feat-btn {
    display: inline-block;
    width: 220px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    letter-spacing: -.336px;
    background: #4c6aff;
    border-radius: 4px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 12px;
    cursor: pointer
}
.product-feat-btn:after {
    content: "";
    background: url(https://cowork-storage-public-cdn.lx.netease.com/common/2025/05/15/aaaf89568a594a90a1f4e1550be4c3bd.png) no-repeat;
    position: absolute;
    display: block;
    width: 52px;
    height: 18px;
    right: -8px;
    top: -9px;
    background-size: contain
}
.g-wrapper {
    width: 1200px;
    margin: 0 auto
}
.g-use-mail {
    padding: 80px 0;
    background: #f8f9fb
}
.g-use-mail h2 {
    font-weight: 500;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    color: #111f33
}
.g-use-mail ul {
    margin-top: 36px;
    width: 1198px;
    height: 436px;
    background: url(https://qiye.163.com/new/img/mail_logos.png) no-repeat;
    background-size: cover
}
.g-use-mail ul li {
    width: 200px;
    height: 60px;
    float: left;
    margin: 0 20px 20px 0
}
.g-use-mail ul li:nth-child(5n) {
    margin-right: 0
}
.g-use-mail a {
    display: block;
    width: 112px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    border: 1px solid #4c6aff;
    color: #4c6aff;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 48px auto 0
}