html,
    body {
        background-color: #ffffff;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    /* input */
    input {
        background-color: #ffffff !important;
        color: #3f464f !important;
    }

    input::-webkit-input-placeholder {
        color: #b6bbc2;
    }

    input::-moz-placeholder {
        color: #b6bbc2;
    }

    input:-moz-placeholder {
        color: #b6bbc2;
    }

    input:-ms-input-placeholder {
        color: #b6bbc2;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
        text-fill-color: #3f464f;
        -webkit-text-fill-color: #3f464f;
    }

    input.placeholder1::-webkit-input-placeholder {
        color: #687282;
    }

    input.placeholder1::-moz-placeholder {
        color: #687282;
    }

    input.placeholder1:-moz-placeholder {
        color: #687282;
    }

    input.placeholder1:-ms-input-placeholder {
        color: #687282;
    }
    .clearfix:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    /* 布局 */
    .w60 {
        width: 60%;
        height: 100%;

    }

    .w40 {
        width: 40%;
        height: 100%;
    }

    /* 字体颜色 */
    .b-text1 {
        color: #3f464f !important;
    }

    .b-text2 {
        color: #687282 !important;
    }

    .b-text3 {
        color: #919fb5 !important;
    }

    .b-text4 {
        color: #367ee8 !important;
    }

    .loginnew {
	    text-align: center;
	    margin-top: 24px;
	    display: block;
    }
    .loginnew a {
	    font-size: 14px;
	    cursor: pointer;
	    color: #367ee8 !important;
    }
    /* 字体大小 */
    .b-size1 {
        font-size: 14px;
    }

    .b-size2 {
        font-size: 16px;
    }

    .b-size3 {}

    .b-size4 {
        font-size: 24px;
    }

    .show {
        display: block;
    }

    .tab_box {
        width: 600px;
        height: 380px;
        padding-top: 40px;
        padding-bottom: 40px;
        margin: 0px auto;
        border-radius: 4px;
        background: #ffffff;
        box-shadow: 0 4px 10px 0 rgba(0,0,0,0.04);
        position: relative;
    }
    .tab_box .logintypediv {
        position: absolute;
        will-change: top, left;
        padding: 0 8px 0 5px;
        box-sizing: border-box;
        top: 16px;
        right: 64px;
        height: 32px;
    }
    .tab_box .logintypediv .tooltipcontent {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
    }
    .tab_box .logintypediv .tooltipcontent .arrow {
        position: absolute;
        top: 50%;
        margin-top: -5px;
        right: 3px;
        border-width: 5px 0 5px 5px;
        border-left-color: rgba(70,76,91,.9);
        border-top-color: rgba(0,0,0,0);
        border-right-color: rgba(0,0,0,0);
        border-bottom-color: rgba(0,0,0,0);
        width: 0;
        height: 0;
        border-style: solid;
        box-sizing: border-box;
    }

    .tab_box .logintypediv .tooltipcontent .logintype {
        height: 32px;
        line-height: 32px;
        padding: 0 12px;
        /*width: 72px;*/
        max-width: 250px;
        text-decoration: none;
        border-radius: 4px;
        text-align: center;
        white-space: nowrap;
        box-sizing: border-box;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 0px;
        color: #ffffff;
        font-size: 14px;
        background: rgba(70,76,91,.9);
    }

    .tab_box .logintypeimgdiv {
        width: 64px;
        height: 64px;
        position: absolute;
        border-top-right-radius: 4px;
        top: 0;
        right: 0;
        background-color: #367ee8;
        box-sizing: border-box;
        border-width: 32px;
        border-style: solid;
        border-top-color: rgba(0,0,0,0);
        border-right-color: rgba(0,0,0,0);
        border-bottom-color: #ffffff;
        border-left-color: #ffffff;
    }

    .tab_box .logintypeimgdiv .imgcontent {
        width: 64px;
        height: 64px;
        border-top-right-radius: 4px;
        position: absolute;
        top: -32px;
        right: -32px;
    }

    .tab_box .logintypeimgdiv .imgcontent .logintypeimg {
        width: 32px;
        height: 32px;
        position: absolute;
        top: 8px;
        right: 8px;
    }
    .tab_box .logintypeimgdiv .imgcontent .logintypeimg .img {
        width: 32px;
        height: 32px;
        cursor: pointer;
    }
    .lg_box1 .scanimgdiv {
        margin: 0 auto;
        margin-top: 40px;
        margin-bottom: 24px;
        position: relative;
        width: 208px;
    }

    .lg_box1 .scanimgdiv .scanimg {
        width: 100%;
        overflow: hidden;
    }

    .lg_box1 .scanlogininfo {
        text-align: center;
        margin: 0px;
    }
    .lg_box1 .scanlogininfo1 {
        font-family: pingfangsc-medium;
        margin-bottom: 8px;
        font-size: 24px;
        color: #3f464f;
        line-height: 32px;
    }
    .lg_box1 .scanlogininfo2 {
        font-family: pingfangsc-regular;
        font-size: 14px;
        color: #919fb5;
        line-height: 22px;
    }
    .lg_box1 .scanlogininfo4 {
        line-height: 22px;
    }
    .lg_box1 .scanlogininfo .scanlogininfo3 {
        font-family: pingfangsc-regular;
        font-size: 14px;
        color: #919fb5;
        line-height: 22px;
    }
    .lg_box1 .scanlogininfo .scanlogininfo4 {
        font-family: pingfangsc-regular;
        font-size: 14px;
        color: #367ee8;
        line-height: 22px;
        cursor: pointer;
    }

    .lg_box1 .scanimgdiv .cover {
        width: 208px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background-color: rgba(255, 255, 255, 0.9)
    }

    .lg_box1 .scanimgdiv .cover .scansucessicondiv {
        width: 64px;
        height: 64px;
        margin: 0 auto;
        margin-top: 48px;
        margin-bottom: 16px;
    }
    .lg_box1 .scanimgdiv .cover .scansucessicondiv .scansucessicon {
        width: 64px;
        height: 64px;
    }

    .lg_box1 .scanimgdiv .cover .scansuccessinfo1 {
        text-align: center;
        margin-bottom: 4px;
        height: 32px;
        line-height: 32px;
        margin-top: 0px;
        font-family: pingfangsc-medium;
        font-size: 24px;
        color: #3f464f;
    }
    .lg_box1 .scanimgdiv .cover .scansuccessinfo2 {
        text-align: center;
        height: 22px;
        line-height: 22px;
        margin: 0 auto;
        font-family: pingfangsc-regular;
        font-size: 14px;
        color: #3f464f;
    }

    .lg_box1 .scanimgdiv .cover .codeloseinfo {
        margin-top: 64px;
        margin-bottom: 16px;
        font-family: pingfangsc-regular;
        font-size: 16px;
        color: #3f464f;
        opacity: 1;
        text-align: center;
        line-height: 24px;
    }
    .lg_box1 .scanimgdiv .cover .refreshcodediv {
        text-align: center;
    }
    .lg_box1 .scanimgdiv .cover .refreshcodediv .refreshcode {
        background: #367ee8;
        border-radius: 2px;
        color: #ffffff;
        padding: 8px 17px;
        text-decoration: none;
    }
        /* ui/ue样式 */
    .lg_box .formbox .form_dropmenu_btn span {
        border-top-color: #b6bbc2;
        border-bottom: 0px;
        top: -7px;
        position: relative;
    }

    .form_dropmenu_btn {
        display: none;
    }

    .b-warp-box {
        position: relative;
        width: 100%;
        height: 100%;
        /* max-width:  1440px; */
        min-width: 1442px;
        margin: 0 auto;
        background-color: #ffffff;
    }

    .b-login-warp,
    .b-login-right-warp {
        float: left;
        background-color: #f5f9ff;
        overflow: hidden;
    }

    .b-login-warp {
        position: relative;
        height: 100%;
        min-width: 864px;
        min-height: 900px;
    }


    /* 右侧 */
    .b-login-right-warp {
        position: relative;
        height: 100%;
        min-width: 576px;
        min-height: 900px;
        background: linear-gradient(to bottom, #61a0ff, #235dc2, #235dc2)
    }

    /* 注册 */
    .b-register-right-warp {
        background: unset;
        background-color: #f5f9ff;
    }

    .find-account-warp,
    .b-register-warp {
        background-color: #ffffff;
    }

    .b-register-warp .formbox_rightbtn {
        left: 276px;
    }

    .tabmenu {
        text-align: left;
    }

    .lg_header {
        height: 48px;
        line-height: 48px;
        width: 100%;
        background: #ffffff;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.04);
        padding: 0 16px 0 24px;
        margin: 0 auto 16px auto;
        box-sizing: border-box;
        max-width: unset;
    }
    .pwdoverduetips {
	    color: #ffffff;
	    text-align: center;
	    margin: -100px auto 16px auto;
	    border: 1px solid #ffffff;
	    height: 32px;
	    line-height: 32px;
	    max-width: 1200px;
    }

    .browserinfo {
        height: 32px;
        line-height: 30px;
        width:-webkit-calc(100% - 48px);
        width:-moz-calc(100% - 48px);
        width:calc(100% - 48px);
        margin: 0 auto 72px auto;
        background: #e6f0ff;
        border: 1px solid #61a0ff;
        border-radius: 2px;
        box-sizing: border-box;
    }
    .browserinfo .browserinfo-left {
        font-size: 14px;
        width:-webkit-calc(100% - 28px);
        width:-moz-calc(100% - 28px);
        width:calc(100% - 28px);
        float: left;
    }
    .browserinfo .browserinfo-left .browserinfo-text-left,.browserinfo .browserinfo-left .browserinfo-text-right {
        float: left;
    }
    .browserinfo .browserinfo-left .browserinfo-text-right .browserinfo-text {
        color: #687282;
    }
    .browserinfo .browserinfo-left .browserinfo-text-left .browserinfo-close-img {
        width: 16px;
        height: 16px;
        margin-top: 6px;
        margin-left: 16px;
        margin-right: 8px;
    }
    .browserinfo .browserinfo-right {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width:28px;
        float: right;
    }
    .browserinfo .browserinfo-left .browserinfo-text {
        height: 30px;
        line-height: 30px;
    }
    .browserinfo .browserinfo-right .browserinfo-close {
        font-size: 16px;
        height: 16px;
        width: 16px;
        cursor: pointer;
        text-align: center;
        line-height: 16px;
        margin: 0px;
        margin-top: 7px;
        color: #919fb5;
    }

    .logo-img {
        width: 86px;
        height: 24px;
        vertical-align: middle;
    }

    .lg_box {
        width: 400px;
    }

    .lg_box * {
        box-sizing: border-box;
    }

    .lg_box .formbox .form_input {
        padding: 0 12px;
        border-radius: 2px;
        border: 1px solid #ced4db;
    }

    .lg_box .formbox .form_dropmenu_btn {
        right: 20px;
    }

    .lg_box .formbox {
        margin-bottom: 24px;
    }

    .checkbox-desc {
        position: relative;
        top: -1px;
    }

    #agreement {
        position: relative;
        top: 2px;
    }

    .lg_box .login_btn {
        background-color: #367ee8;
        color: #ffffff;
        border-radius: 2px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    .login-img-1 {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .b-item-title {
        margin: 0 0 8px 0;
    }

    .tabmenu {
        margin-bottom: 24px;
    }

    .formbox_rightbtn {
        right: 10px;
        padding: 0 0 0 12px;
    }

    .lg-header-find-account {
        margin-bottom: 24px;
    }

    /* 申请找回企业账号 */
    .find-account .lg_box .formbox .form_input {
        width: 360px;
    }

    .find-account .lg_box {
        width: 472px;
    }

    .find-account a.formbox_rightbtn:hover {
        text-decoration: none;
    }

    .b-notice {
        width: 720px;
        height: 56px;
        background: #e6f0ff;
        border-radius: 2px;
        border: 1px solid #61a0ff;
        margin: 0 auto;
        padding: 5px 16px;
        box-sizing: border-box;
        margin-bottom: 24px;
    }

    .b-notice>div {
        float: left;
    }

    .b-notice-left {
        width: 16px;
        height: 16px;
        position: relative;
        top: 4px;
    }

    .b-notice-center {
        width: 636px;
        margin-left: 10px;
        margin-right: 8px;
        line-height: 22px;
    }

    .b-notice-right {
        width: 16px;
        height: 16px;
        position: relative;
        top: 4px;
    }

    .find-account .tabmenu {
        margin-bottom: 42px;
    }

    .lg_box .find_btn {
        width: 128px;
        margin: 0 0 80px 104px;
    }

    .lg_box .no-underline {
        margin-top: 0;
    }

    .lg_box .formbox,
    .lg_box .formboxcur {
        border-bottom: unset;
    }

    .lg_box .formbox {
        width: 100%;
    }

    .lg_box .formbox .form_input {
        width: 100%;
    }

    .bw-quxiao-guanbi-shanchu {
        cursor: pointer;
    }

    .formbox_rightbtn {
        right: unset;
        left: 108px;
    }

    .lg_box .formbox .tenantfile {
        padding-left: 46px !important;
    }

    /* 弹层 */
    .layui-layer-hui {}

    /* 验证码 */
    .trigger_slider {
        bottom: 124px;
        left: 86px;
    }

    .lg_box .formbox .form_dropmenu_btn .add_transform {
        position: relative;
        top: -8px;
        transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    }

    .visibility-hidden {
        visibility: hidden;
    }

    @media (min-width: 1961px) {
        .login-img-1 {
            width: 90%;
        }
    }

    @media (min-width: 2260px) {
        .login-img-1 {
            width: 80%;
        }
    }
    .hide-form{
        position: absolute;
        top: -9999px;
    }
    .passworderror {
	    color: #687282;
	    font-size: 14px;
	    padding-top: 6px;
    }
    /*4.0登录提示语弹窗样式*/
    body .demo-class .layui-layer-title{
	    height: 48px;
	    line-height: 48px;
	    font-family: pingfangsc-semibold;
	    font-size: 16px;
	    color: #01081a;
	    font-weight: 600;
    }
    body .demo-class .layui-layer-content {
	    padding: 24px;
	    font-size: 14px;
    }
    body .demo-class .layui-layer-btn{
	    border-top:1px solid #e9e7e7;
	    padding: 7px 16px 7px 0;
    }
    body .demo-class .layui-layer-btn .layui-layer-btn0{
	    background: #367ee8;
	    border-radius: 2px;
	    font-size: 14px;
	    height: 32px;
	    line-height: 32px;
    }