@charset "utf-8";
html {
    overflow-x: auto
}

body {
    margin: 0;
    padding: 0;
    font-size: 12px;
    background: #fff;
    font-family: "微软雅黑"
}

ul,
li {
    list-style-type: none;
    margin: 0;
    padding: 0
}

img {
    border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal
}

html {
    height: 100%;
    min-height: 900px
}

body {
    background: #f3f7f9;
    position: relative;
    height: 100%;
    font-family: MicrosoftYaHei
}

::-webkit-input-placeholder {
    font-size: 14px;
    color: rgba(185, 190, 209, 1)
}

:-moz-placeholder {
    font-size: 14px;
    color: rgba(185, 190, 209, 1)
}

::-moz-placeholder {
    font-size: 14px;
    color: rgba(185, 190, 209, 1)
}

:-ms-input-placeholder {
    font-size: 14px;
    color: rgba(185, 190, 209, 1)
}

input::-webkit-input-safebox-button {
    display: none
}

input::-ms-clear {
    display: none
}

input::-ms-reveal {
    display: none
}

input::-o-clear {
    display: none
}

input::-o-reveal {
    display: none
}

.m-header {
    position: relative;
    width: 980px;
    height: 100px;
    line-height: 100px;
    margin: 0 auto;
    text-align: right;
    overflow: hidden
}

.m-header>* {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    text-align: left
}

.m-header .logo {
    float: left;
    width: 180px;
    height: 100%;
    background: url(/image/reg/fkw_logo_new.png?v=202203011909) center center no-repeat
}

.m-header .logo.faisco {
    background: url(/image/reg/faisco_logo.png?v=202203011909) center center no-repeat
}

.m-header .slogan {
    font-size: 18px;
    color: #738299;
    text-decoration: none
}

.m-header .slogan font {
    padding: 0 20px 0 8px
}

.m-header .slogan i {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 20px;
    background: url(https://oss.mezoon.cn/img/20230426021000.png) 0 0 no-repeat
}

.m-header .slogan[biz="none"] i {
    background-position: 0 0
}

.m-header .slogan[biz="site"] i {
    background-position: 0 -50px
}

.m-header .slogan[biz="flyer"] i {
    background-position: 0 -100px
}

.m-header .slogan[biz="hd"] i {
    background-position: 0 -150px
}

.m-header .slogan[biz="wxast"] i {
    background-position: 0 -200px
}

.m-header .slogan[biz="program"] i {
    background-position: 0 -250px
}

.m-header .slogan[biz="ktu"] i {
    background-position: 0 -295px
}

.ie9_placeholder {
    width: 280px;
    height: 45px;
    border-radius: 0 21px 21px 0;
    position: absolute;
    right: 0;
    border: 0;
    line-height: 45px;
    background-color: #fff;
    outline: 0;
    z-index: 3;
    text-align: left;
    font-size: 14px;
    color: rgba(185, 190, 209, 1)
}

.sysRunData {
    font-size: 14px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(194, 201, 210, 1);
    text-align: center;
    height: 26px;
    margin-top: 42px
}

.sysRunData .line {
    width: 1px;
    height: 15px;
    background: rgba(212, 221, 237, 1);
    display: inline-block
}

.sysRunData .mini {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px
}

.sysRunData span {
    font-size: 20px;
    color: rgba(175, 182, 192, 1);
    position: relative;
    top: 2px
}

.my_validateCode {
    display: none;
    position: absolute;
    z-index: 9036;
    width: 395px;
    height: 338px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 1);
    left: 50%;
    top: 50%;
    margin-left: -197.5px;
    margin-top: -169px
}

.my_validateCode .closeIcon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(/image/newRegLogin/closeIcon.png?v=202203011909) no-repeat 5px 5px;
    cursor: pointer
}

.my_validateCode .title {
    width: 100%;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    margin-top: 30px;
    margin-bottom: 23px;
    text-align: center
}

.my_validateCode .validatecodeDiv {
    width: 330px;
    margin: 0 auto
}

.my_validateCode .errMsg {
    top: 48px;
    width: 330px;
    display: none;
    margin: 0 auto;
    padding-left: 22px;
    margin-top: 9px;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: rgba(255, 92, 87, 1)
}

.m-main {
    width: 1000px;
    height: 600px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px 0 rgba(12, 1, 4, 0.05);
    border-radius: 4px;
    margin: 0 auto;
    margin-top: 95px
}

.m-main .leftImgDiv {
    width: 422px;
    height: 600px;
    overflow: hidden;
    float: left;
    position: relative;
    border-radius: 10px 0px 0px 10px
}

.m-main .leftImg {
    width: 422px;
    height: 600px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px 0 rgba(12, 1, 4, 0.05);
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    display: inline-block;
    cursor: pointer
}

.m-main .leftImg_1 {
    background: url(/image/newRegLogin/loginLeftImg_1.png?v=202203011909)
}

.m-main .leftImg_2 {
    background: url(/image/newRegLogin/loginLeftImg_2.png?v=202203011909)
}

.m-main .leftImg_3 {
    background: url(/image/newRegLogin/loginLeftImg_3.png?v=202203011909)
}

.m-main .leftImgOpacity {
    opacity: 1
}

.m-main .leftImgDiv .lunbo_div {
    width: 200px;
    text-align: center;
    position: absolute;
    top: 572px;
    left: 111px
}

.m-main .leftImgDiv .lunbo_div .lunbo {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 1);
    opacity: .44;
    border-radius: 50%;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer
}

.m-main .leftImgDiv .lunbo_div .checked {
    width: 30px;
    height: 8px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    opacity: 1
}

.m-main .loginPage {
    width: 578px;
    height: 600px;
    float: right
}

.login_container {
    width: 100%;
    height: 100%;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #3a405b;
    text-align: center;
    position: relative
}

.login_container .weChat {
    position: absolute;
    right: 12px;
    top: 14px;
    width: 195px;
    height: 52px;
    cursor: pointer
}

.login_container .weChat .weChatIcon1 {
    width: 52px;
    height: 52px;
    float: right;
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -79px 0 no-repeat;
    display: inline-block
}

.login_container .weChat .weChatIcon2 {
    width: 132px;
    height: 25px;
    float: right;
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -160px -390px no-repeat;
    display: inline-block
}

.login_container .weChat .weChatDiv {
    position: absolute;
    width: 126px;
    height: 23px;
    left: 10px;
    top: 1px
}

.login_container .weChat .weChatDiv .weChatIcon4 {
    width: 17px;
    height: 17px;
    float: left;
    margin-left: 10px;
    background: url(https://oss.mezoon.cn/img/20230604225232.png) 0 -110px no-repeat;
    display: inline-block;
    margin-top: 3px
}

.login_container .weChat .weChatDiv .weChatIcon3 {
    width: 17px;
    height: 17px;
    float: left;
    margin-left: 15px;
    background: url(http://oss.mezoon.cn/img/202304261136555.png) 0 no-repeat;
    display: inline-block;
    margin-top: 3px
}

.login_container .weChat .weChatDiv .weChatTit {
    width: 86px;
    height: 12px;
    text-align: left;
    font-size: 12px;
    line-height: 14px;
    color: #738299;
    float: right;
    margin-top: 5px;
    margin-right: 3px
}

.login_container .changeWxLogin .weChatIcon1 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -173px 0 no-repeat
}

.login_container .changeWxLogin .weChatIcon2 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) 25px -390px no-repeat
}

.login_container .changeWxLogin .weChatDiv .weChatIcon3 {
    width: 0
}

.login_container .weChatContent {
    height: 243px;
    width: 576px;
    margin-left: 50%;
    margin-top: 52%;
    position: absolute;
    left: -110px;
    top: -100px
}

.login_container .wxLoginCode {
    height: 240px;
    position: absolute;
    left: 0;
    transition: all 300ms linear
}

.login_container .wxLoginIframe {
    margin-top: 57px
}

.login_container .wxLoginTips {
    float: right;
    margin-top: 7px;
    margin-left: 10px
}

.login_container .weChatScannerDesc {
    margin-left: 15px;
    margin-top: 10px;
    color: #738299
}

.login_container .login_WeChatScanner {
    width: 25px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: 10px
}

.login_container .showErr {
    display: none;
    font-size: 14px;
    color: #e63333;
    width: 271px;
    min-height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 34px;
    margin: 0 auto;
    margin-top: 10px;
    background: url(https://oss.mezoon.cn/img/20230426015654.png) -104px -47px no-repeat #feefef;
    margin-bottom: -10px
}

.login_container .passwordContent {
    width: 334px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -165px
}

.login_container .passwordContent .p_type {
    width: 100%;
    height: 44px;
    margin-top: 27px
}

.login_container .passwordContent .p_type div {
    font-size: 18px;
    color: #a1a6bb;
    display: inline-block;
    width: 49%;
    height: 100%;
    line-height: 44px;
    cursor: pointer
}

.login_container .passwordContent .p_type .checked {
    color: #3a405b
}

.login_container .passwordContent .blueLine {
    width: 100%;
    height: 2px
}

.login_container .passwordContent .blueLine div {
    display: inline-block;
    width: 50%;
    float: left;
    height: 2px;
    background-color: #f0f2f7
}

.login_container .passwordContent .blueLine .checked {
    background-color: #0076fe
}

.login_container .passwordContent .login_input {
    width: 330px;
    height: 45px;
    margin-top: 24px;
    border-radius: 22px;
    border: solid 1px #e3e8f0;
    position: relative
}

.login_container .passwordContent .login_input .icon {
    position: absolute;
    top: 14px;
    left: 20px;
    width: 17px;
    height: 17px
}

.login_container .passwordContent .login_input .icon1 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -250px no-repeat
}

.login_container .passwordContent .login_input .icon2 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -290px no-repeat
}

.login_container .passwordContent .login_input .icon3 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -320px no-repeat
}

.login_container .passwordContent .login_input .icon4 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -270px no-repeat
}

.login_container .passwordContent .login_input .icon5 {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) 2px -470px no-repeat
}

.login_container .passwordContent .inserted {
    border: solid 1px #2f82ff;
    background-color: #fff
}

.login_container .passwordContent .login_input .login_text {
    width: 265px;
    height: 43px;
    border-radius: 0 21px 21px 0;
    position: absolute;
    right: 16px;
    border: 0;
    line-height: 43px;
    outline: 0;
    font-size: 14px
}

.login_container .passwordContent .login_input .login_text:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

.login_container .passwordContent .login_input .login_text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset
}

.login_container .passwordContent .login_input .password_change {
    position: absolute;
    right: 18px;
    top: 11px;
    width: 22px;
    height: 22px;
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -423px no-repeat;
    cursor: pointer
}

.login_container .passwordContent .login_input .seePassword {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -445px no-repeat
}

.login_container .passwordContent .inserted .login_text {
    background-color: #fff
}

.login_container .passwordContent .login_valid {
    width: 330px;
    height: 45px;
    margin-top: 24px
}

.login_container .passwordContent .login_valid .login_input {
    width: 200px;
    height: 45px;
    margin-top: 0;
    border-radius: 22px;
    border: solid 1px #e3e8f0;
    float: left
}

#pwdInputDiv .upperCaseTips {
    position: absolute;
    top: 46px;
    left: 0;
    text-align: center;
    color: #FFF;
    background: #1a84fe;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    z-index: 2;
    font-size: 14px;
    font-family: MicrosoftYaHei, '微软雅黑';
    border-radius: 10px;
    display: none
}

#pwdInputDiv .upperCaseTips:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 15px 15px 0 0;
    border-style: solid;
    border-color: #1a84fe transparent transparent transparent;
    transform: rotate(45deg);
    position: absolute;
    top: -6px;
    left: 19px
}

.login_container .passwordContent .login_valid .inserted {
    border: solid 1px #2f82ff;
    background-color: #fff
}

.login_container .passwordContent .login_valid .sms_button {
    width: 117px;
    height: 45px;
    background-color: #f1f7ff;
    color: #bac3d3;
    border-radius: 22px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    line-height: 45px;
    float: left;
    margin-left: 11px;
    cursor: pointer
}

.login_container .passwordContent .login_valid .sms_button_ok {
    color: #2f82ff
}

.login_container .passwordContent .login_valid .sms_button_ok:hover {
    background: #e3efff
}

.login_container .passwordContent .employee_autoLogin {
    width: 330px;
    height: 16px;
    text-align: left;
    margin-top: 22px;
    position: relative
}

.login_container .passwordContent .employee_autoLogin .employeeDiv {
    width: 170px;
    height: 16px;
    position: relative
}

.login_container .passwordContent .employee_autoLogin .toChangePassword {
    height: 16px;
    line-height: 16px;
    text-align: right;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    color: rgba(158, 161, 177, 1);
    right: 0;
    top: 0;
    margin-right: 15px
}

.login_container .passwordContent .employee_autoLogin .toChangePassword:hover {
    color: #0076fe;
    text-decoration: underline
}

.login_container .passwordContent .otherLogin {
    width: 330px;
    height: 26px;
    margin-top: 18px
}

.login_container .passwordContent .otherLogin .other {
    width: 170px;
    height: 26px;
    float: left;
    margin-left: 20px
}

.login_container .passwordContent .otherLogin .other .other_word {
    width: 84px;
    height: 26px;
    font-size: 14px;
    color: #a1a6bb;
    line-height: 30px;
    display: inline-block;
    float: left
}

.login_container .passwordContent .otherLogin .other .qq_icon {
    width: 26px;
    height: 26px;
    float: left;
    background: url(https://oss.mezoon.cn/img/20230426020731.png) -0px 0 no-repeat;
    display: inline-block;
    margin-left: 16px;
    cursor: pointer
}

.login_container .passwordContent .otherLogin .other .enterprise_wx_icon {
    width: 26px;
    height: 26px;
    float: left;
    background: url(http://oss.mezoon.cn/img/202304261121228.png) 0 0 no-repeat;
    display: inline-block;
    margin-left: 16px;
    cursor: pointer
}

.login_container .passwordContent .otherLogin .toRegPage {
    width: 80px;
    height: 26px;
    float: right;
    font-size: 14px;
    line-height: 30px;
    text-align: right;
    margin-right: 15px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: rgba(0, 118, 254, 1)
}

.login_container .passwordContent .otherLogin .toRegPage:hover {
    text-decoration: underline
}

.login_container .passwordContent .login_button {
    width: 330px;
    height: 50px;
    background-color: #0076fe;
    border-radius: 25px;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    margin-top: 22px;
    cursor: pointer
}

.login_container .passwordContent .login_button:hover {
    background: #2288fe
}

.popupBg {
    position: fixed;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    _position: absolute;
    _height: expression(document.documentElement.clientHeight);
    background-color: #000;
    filter: alpha(opacity=70);
    z-index: 9032;
    overflow: hidden;
    opacity: .7
}

.consultQQ {
    display: inline-block;
    width: 15px;
    height: 16px;
    vertical-align: middle;
    margin: -5px 0 0 3px;
    background: url(/image/qq2.png?v=202203011909) no-repeat
}

.m-header-new {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: left;
    z-index: 10;
    background-color: #fff;
    font-family: "微软雅黑";
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1)
}

.m-header-new .logo {
    float: left;
    width: 180px;
    height: 100%;
    background: url(/image/reg/fkw_logo_new.png?v=202203011909) center center no-repeat
}

.m-header-new .logo.faisco {
    background: url(/image/reg/faisco_logo.png?v=202203011909) center center no-repeat
}

.m-header-new .slogan {
    font-size: 18px;
    color: #738299;
    text-decoration: none
}

.m-header-new .slogan font {
    padding: 0 20px 0 8px;
    position: relative;
    left: 20px
}

.m-header-new .slogan i {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 20px;
    background: url(https://oss.mezoon.cn/img/20230426021000.png) 0 0 no-repeat
}

.m-header-new .slogan[biz="none"] i {
    background-position: 0 0
}

.m-header-new .slogan[biz="site"] i {
    background-position: 0 -50px
}

.m-header-new .slogan[biz="flyer"] i {
    background-position: 0 -100px
}

.m-header-new .slogan[biz="hd"] i {
    background-position: 0 -150px
}

.m-header-new .slogan[biz="wxast"] i {
    background-position: 0 -200px
}

.m-header-new .slogan[biz="program"] i {
    background-position: 0 -250px
}

.m-header-new .slogan[biz="ktu"] i {
    background-position: 0 -295px
}

.m-header-new .fkw-topbar-box {
    max-width: 1380px;
    min-width: 1140px;
    margin: 0 auto;
    font-size: 12px;
    width: 100%;
    height: 100%
}

.m-header-new .f-topbar-right {
    float: right;
    width: auto;
    *width: 430px;
    height: 70px;
    vertical-align: top
}

.m-header-new .fkw-topbar-box {
    max-width: 1380px;
    min-width: 1140px;
    margin: 0 auto;
    font-size: 12px;
    width: 100%;
    height: 100%
}

.m-header-new .fkw-topbar-box .fkw-logo {
    width: 305px;
    height: 70px;
    background: url(/image/logo.svg?v=202203011909) no-repeat 0 center;
    float: left;
    margin-left: 18px
}

.m-header-new .fkw-topbar-box .f-topbar-right {
    float: right;
    width: auto;
    height: 70px;
    vertical-align: top;
    margin-top: -1px
}

.m-header-new .fkw-topbar-box .f-topbar-right .slogan {
    font-size: 18px;
    color: #738299;
    text-decoration: none
}

.m-header-new .fkw-topbar-box .f-topbar-right .slogan i {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 20px;
    background: url(https://oss.mezoon.cn/img/20230426021000.png) 0 0 no-repeat;
    position: relative;
    left: 28px
}

.footer {
    background-color: #f3f7f9;
    z-index: 9000;
    width: 100%;
    height: 58px;
    position: fixed;
    bottom: 0;
    text-align: center;
    min-width: 1050px
}

@media screen and (max-height:850px) {
    .footer {
        position: relative;
        margin-top: 50px
    }
}

.bgDiv {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .4;
    z-index: 9001;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.protectDiv {
    width: 302px;
    height: 376px;
    background-color: #fff;
    border-radius: 2px;
    z-index: 9002;
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    margin-left: -151px;
    margin-top: -188px
}

.protectImg {
    width: 63px;
    height: 70px;
    background: url(../../../image/accountsSafe/accountsSafe.png?v=202203011909) 0 -458px;
    position: absolute;
    top: 48px;
    left: 118px
}

.protectTitleFont {
    width: 302px;
    height: 376px;
    text-align: center;
    position: absolute;
    top: 138px;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0;
    color: #4e4e4e
}

.protectContentFont {
    width: 302px;
    height: 376px;
    text-align: center;
    position: absolute;
    top: 192px;
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #8a9baf
}

.codeInput {
    width: 125px;
    height: 35px;
    background-color: #fff;
    border-radius: 2px;
    border: solid 1px #dbe1ea;
    position: absolute;
    top: 230px;
    left: 31px;
    padding-left: 5px
}

.sendBtn {
    width: 101px;
    height: 37px;
    background-color: #f6f9ff;
    border-radius: 2px;
    border: solid 1px #b4c2d9;
    position: absolute;
    top: 230px;
    right: 30px;
    cursor: pointer
}

.sendBtnBan {
    width: 101px;
    height: 37px;
    background-color: #eee;
    border-radius: 2px;
    border: solid 1px #ececec;
    position: absolute;
    top: 230px;
    right: 30px
}

.sendBtnTxt {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #4e4e4e;
    width: 101px;
    height: 37px;
    text-align: center;
    padding-top: 8px
}

.commitBtn {
    width: 242px;
    height: 37px;
    background-color: #0076fe;
    border-radius: 2px;
    position: absolute;
    top: 296px;
    right: 30px;
    cursor: pointer
}

.commitBtnBan {
    width: 242px;
    height: 37px;
    background-color: #eee;
    border-radius: 2px;
    border: solid 1px #ececec;
    position: absolute;
    top: 296px;
    right: 30px
}

.commitBtnTxt {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #fff;
    width: 242px;
    height: 37px;
    text-align: center;
    padding-top: 8px
}

.commitBtnTxtBan {
    font-family: MicrosoftYaHei;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #999;
    width: 242px;
    height: 37px;
    text-align: center;
    padding-top: 8px
}

.redTxt {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #ff4a3b;
    position: absolute;
    top: 270px;
    left: 30px
}

.successTxt {
    display: none;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0;
    color: #666;
    position: absolute;
    top: 270px;
    left: 30px
}

.greenTick {
    position: absolute;
    right: -17px;
    top: 6px;
    width: 13px;
    height: 11px;
    background: url(../../../image/accountsSafe/accountsSafe.png?v=202203011909) -252px -329px
}

.contactTxt {
    display: none;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0;
    color: #afbcd3;
    position: absolute;
    top: 270px;
    left: 30px
}

.contactBlue {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0;
    color: #0076fe;
    cursor: pointer
}

.weChatTipsDiv .weChatIcon3 {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 195px;
    top: 124px;
    background: url(https://oss.mezoon.cn/img/20230426021226.png) 0 0 no-repeat;
    display: inline-block;
    margin-top: 3px
}

.weChatTipsDiv .weChatTit {
    font-size: 22px;
    position: absolute;
    left: 241px;
    top: 127px
}

.weChatContent .scanGuide {
    display: none;
    width: 230px;
    height: 206px;
    position: absolute;
    left: 129px;
    top: 0;
    background: url(https://oss.mezoon.cn/img/20230426021334.png) 0 0 no-repeat
}

.scanGuideTips {
    position: absolute;
    left: 25px;
    top: 242px;
    width: 220px
}

#gradientPagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: .5;
    border-radius: 10px;
    margin-left: 7px;
    margin-bottom: 15px;
    transition: width 1s;
    cursor: pointer
}

#gradientPagination .swiper-pagination-bullet-active {
    width: 35px;
    opacity: 1
}

.wxQrCode-shade-container {
    width: 206px;
    height: 206px;
    position: absolute;
    top: 0;
    left: 25px;
    cursor: pointer;
    display: none
}

.wxQrCode-shade-container .refresh-icon {
    background: url(https://oss.mezoon.cn/img/20230426021103.png) no-repeat 100%;
    width: 36px;
    height: 38px;
    position: absolute;
    top: 64px;
    left: 85px;
    z-index: 2
}

.wxQrCode-shade-container .refresh-tips {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ccc;
    position: absolute;
    top: 128px;
    left: 50%;
    width: 170px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.wxQrCode-shade-container .wxQrCode-shade {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.form-item-checkbox {
    position: relative;
    margin-top: 20px;
    height: 16px;
    text-align: left;
    cursor: pointer
}

.form-item-checkbox .checkbox-icon {
    position: absolute;
    left: 20px;
    top: 0;
    width: 16px;
    height: 16px;
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -220px no-repeat
}

.form-item-checkbox.checked .checkbox-icon {
    background: url(https://oss.mezoon.cn/img/20230604225232.png) -0px -190px no-repeat
}

.form-item-checkbox .checkbox-label {
    margin-left: 29px;
    width: 115px;
    height: 16px;
    line-height: 16px;
    padding-left: 15px;
    font-size: 14px;
    color: #3a405b;
    box-sizing: content-box
}

.form-item-checkbox.auto-login-container {
    width: 150px
}

.weChatContent .auto-login-container {
    position: absolute;
    left: 50px;
    top: 224px
}

.login_container .enterpriseWxContent {
    width: 350px;
    height: 290px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -175px;
    margin-top: -145px
}

.login_container .enterpriseWxContent .e_title {
    font-size: 18px;
    font-weight: 400;
    color: #3a405b;
    border-bottom: 2px solid #f0f2f7;
    padding-bottom: 16px;
    margin-bottom: 50px
}

.login_container .enterpriseWxContent .e_btn {
    width: 330px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: 400;
    color: #3a405b;
    border: 1px solid #e3e8f0;
    border-radius: 22px
}

.login_container .enterpriseWxContent .e_btn:hover {
    cursor: pointer;
    background: #f6f9ff;
    border: 1px solid #247af3;
    color: #247af3
}

.login_container .enterpriseWxContent .mt40 {
    margin-top: 40px
}

.login_container .enterpriseWxContent .e_tips {
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
    color: #0076fe
}

.login_container .enterpriseWxContent .e_tips:hover {
    text-decoration: underline;
    cursor: pointer
}

.select-dialog {
    display: none
}

.verify-dialog {
    display: none
}

.verification {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9001
}

.verification::after {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    opacity: .4;
    background-color: black
}

.verification .close {
    position: absolute;
    right: 19px;
    top: 23px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #d3d3d3
}

.verification .close:hover::after,
.verification .close:hover::before {
    background-color: #0075ff
}

.verification .close::after,
.verification .close::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 10px;
    width: 15px;
    height: 1px;
    background-color: #d3d3d3
}

.verification .close::after {
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.verification .close::before {
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.select-box {
    border-radius: 4px;
    background: #fff;
    z-index: 9002;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 415px;
    min-height: 248px;
    padding: 35px 0;
    box-sizing: border-box;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.select-box .active {
    color: #0075ff
}

.select-box .select-head {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #3a405b
}

.select-box .selecet-center {
    text-align: center;
    margin-top: 18px
}

.select-box .selecet-center .select-item {
    position: relative;
    display: inline-block;
    width: 148px;
    height: 105px;
    border-radius: 6px;
    background: #f6f6f6;
    border: 1px solid #f6f9ff;
    vertical-align: top;
    cursor: pointer
}

.select-box .selecet-center .select-item+.select-item {
    margin-left: 25px
}

.select-box .selecet-center .select-item .phone {
    position: absolute;
    left: 63px;
    top: 20px;
    display: inline-block;
    width: 22px;
    height: 32px;
    background: url(/image/regAndLogin/phone.svg?v=202205270934) -0 0 no-repeat
}

.select-box .selecet-center .select-item .email {
    position: absolute;
    left: 59px;
    top: 24px;
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url(/image/regAndLogin/email.svg?v=202205270934) -0 0 no-repeat
}

.select-box .selecet-center .select-item .text {
    position: absolute;
    bottom: 20px;
    width: 100%;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    color: #666
}

.select-box .selecet-center .select-item:hover {
    border: 1px solid #0075ff;
    background-color: #f6f9ff
}

.select-box .selecet-center .select-item:hover .text {
    color: #0075ff
}

.select-box .selecet-center .select-item:hover .phone {
    background: url(/image/regAndLogin/phone-hover.svg?v=202205270934) -0 0 no-repeat
}

.select-box .selecet-center .select-item:hover .email {
    background: url(/image/regAndLogin/email-hover.svg?v=202205270934) -0 0 no-repeat
}

.verify-box {
    border-radius: 4px;
    background: #fff;
    z-index: 9002;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 415px;
    min-height: 247px;
    padding: 35px 40px;
    box-sizing: border-box;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.verify-box .active {
    color: #0075ff
}

.verify-box .verify-title {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    color: #3a405b;
    text-align: left
}

.verify-box .email .num,
.verify-box .phone .num {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding-left: 20px
}

.verify-box .email .num {
    padding-left: 10px
}

.verify-box .phone .num::after {
    content: "+";
    font-size: 15px;
    display: inline-block;
    position: absolute;
    left: 9px;
    font-weight: bold;
    top: -1px
}

.verify-box .verify-subtitle {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    text-align: left;
    color: #3a405b;
    text-align: left
}

.verify-box .verify-center {
    position: relative;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #e3e8f0;
    margin: 19px 0 15px
}

.verify-box .verify-center .verify-input {
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    color: #3a405b;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    padding-left: 20px;
    box-sizing: border-box;
    outline: 1px solid #e3e8f0;
    border: 0 solid #e3e8f0
}

.verify-box .verify-center .verify-input:focus {
    outline: 1px solid #0075ff;
    border: 0 solid #0075ff
}

.verify-box .verify-center .send-btn {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    display: inline-block;
    font-family: "Microsoft YaHei";
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    color: #b9bed1;
    height: 48px;
    line-height: 48px;
    padding-right: 15px
}

.verify-box .verify-center .send-btn.active {
    color: #0075ff
}

.verify-box .verify-error {
    border-radius: 2px;
    height: 30px;
    font-family: " Microsoft YaHei";
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    color: #ed4040;
    padding-left: 30px;
    background: url(https://oss.mezoon.cn/img/20230426015654.png) -104px -47px no-repeat #feefef;
    display: none
}

.verify-box .verify-footer {
    width: 100%;
    padding-top: 10px
}

.verify-box .verify-footer .confirm-btn,
.verify-box .verify-footer .cancel-btn {
    cursor: pointer;
    font-family: "Microsoft YaHei";
    display: inline-block;
    width: 158px;
    height: 48px;
    line-height: 48px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center
}

.verify-box .verify-footer .confirm-btn {
    background: #0075ff;
    border: 1px solid #0075ff;
    color: #fff;
    margin-right: 15px
}

.verify-box .verify-footer .cancel-btn {
    background: #fff;
    border: 1px solid #0075ff;
    color: #0075ff
}

.verify-box .verify-footer .confirm-btn:hover {
    background: #2288fe
}

.verify-box .verify-footer .cancel-btn:hover {
    background: #f6f9ff
}

.errorTips {
    position: absolute;
    left: 0;
    text-align: center;
    color: #f6f9ff;
    background: #f56c6c;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    z-index: 2;
    font-size: 14px;
    font-family: MicrosoftYaHei, '微软雅黑';
    border-radius: 10px;
}

.errorTips:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 15px 15px 0 0;
    border-style: solid;
    border-color: #f56c6c transparent transparent transparent;
    transform: rotate(45deg);
    position: absolute;
    top: -6px;
    left: 19px;
}

.code {
    top: 145px;
}

.pass {
    top: 215px;
}

.canvas {
    top: 285px;
}

.wrp_code {
    width: 260px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    height: 260px;
    border-radius: 4px;
}