html {
            height: 100%;
        }

        body {
            font-size: 18px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            background: #eee;
            height: 100%;
            margin: 0;
        }

        * {
            outline: none;
            border: 0 none;
        }

        .login-box {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding-bottom: 50px;
            width: 460px;
            /* height: 543px; */
            background: #fff;
            border-radius: 20px;
            box-shadow: 0px 0px 42px 0px rgba(0, 0, 0, 0.17);
        }

        .tab-box {
            margin: 39px 0;
            height: 80px;
            color: #333;
            font-size: 40px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            line-height: 80px;
            text-align: center;
        }

        .tab-content {
            padding: 0 50px;
        }

        .login-name input,
        .yzm-box input,
        .password input {
            border: 1px solid rgba(218, 218, 218, 1);
            padding: 0 21px;
            padding-left: 40px;
            width: 296px;
            height: 40px;
            border-radius: 6px;
            font-size: 14px;
        }

        .login-name,
        .password {
            position: relative;
        }

        .login-name::before,
        .password::before {
            position: absolute;
            top: 15px;
            left: 21px;
            content: ' ';
            width: 12px;
            height: 12px;
        }

        .login-name::before {
            background: url('../../img/user1.png') no-repeat center;
        }

        .password::before {
            background: url('../../img/lock.png') no-repeat center;
        }

        .password .smallIcon {
            position: absolute;
            cursor: pointer;
            display: inline-block;
            top: 14px;
            right: 21px;
            content: ' ';
            width: 14px;
            height: 14px;
            background: url('../../img/closeeye.png') no-repeat center;
        }

        .password .smallIcon.active {
            background: url('../../img/show.png') no-repeat center;
        }

        .login-name {
            margin-bottom: 32px;
        }

        .yzm-box {
            margin: 32px 0 30px;
        }

        .yzm-box span {
            margin-left: 40px;
            font-size: 12px;
            color: #333;
            cursor: pointer;
        }

        .yzm-box img {
            vertical-align: middle;
        }

        .yzm-box input {
            padding-left: 20px;
        }

        .remember {
            margin: 30px 0 30px;
            font-size: 12px;
            color: #666;
            overflow: hidden;
        }

        .remember input {
            margin-right: 10px;
        }

        .remember .wrong {
            color: #f00;
        }

        .forget-password {
            float: left;
            color: #666666;
            text-decoration: none;
        }

        .forget-regist {
            float: right;
            color: #1D6DFE;
            text-decoration: none;
        }

        .btn-box button {
            cursor: pointer;
            border-radius: 6px;
            width: 356px;
            height: 40px;
            font-size: 14px;
            color: #fff;
            background: rgba(255, 150, 69, 1);
        }

        .user-agreement {
            font-size: 12px;
            color: #999999;
            font-weight: 400;
            text-align: center;
            margin-top: 10px;

        }

        .user-agreement a {
            color: #0077FF;
        }

        .line {
            position: relative;
            margin: 40px 10px;
            height: 1px;
            background: #D8D8D8;
        }

        .line span {
            display: inline-block;
            margin-top: -10px;
            margin-left: -45px;
            position: absolute;
            top: 0px;
            left: 50%;
            width: 90px;
            font-size: 14px;
            text-align: center;
            background: #fff;
            color: #666;
        }

        .other {
            text-align: center;
        }

        .other a {
            cursor: pointer;
            display: inline-block;
            border-radius: 30px;
            width: 80%;
            height: 40px;
            line-height: 40px;
            font-size: 12px;
            color: #666;
            text-align: center;
            text-decoration: none;
            background: #EFF1F6;
        }

        .other a.active {
            color: #fff;
            background: #32405C;
        }

        .app-download-area {
            background: #F1F3F7;
            box-sizing: border-box;
            display: none;
            left: 10px;
            right: 10px;
            bottom: 115px;
            border-radius: 10px;
            position: absolute;
        }

        .download-title {
            text-align: center;
            color: #333;
            font-size: 18px;
            margin-bottom: 30px;
            margin-top: 30px;
        }


        .download-content {
            overflow: hidden;
            padding-bottom: 42px;
            text-align: center;
        }

        .download-content img {
            width: 200px;
        }

        .background {
            width: 100%;
            height: 100%;
            background: url('../../img/login_bgc.png') no-repeat 100% 100%;
            background-size: cover;
        }

        .slogan {
            position: absolute;
            bottom: -52px;
        }

        /* 联系我们浮窗 start */
        .jwWXCodeFloating {
            position: fixed;
            bottom: 207px;
            right: 30px;
            width: 50px;
            height: 160px;
            font-size: 12px;
            color: #333333;
            white-space: nowrap;
            line-height: 14px;
            display: flex;
            flex-direction: column;
            align-items: center;
            background: #FFFFFF;
            box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
            z-index: 1030;
            cursor: pointer;
        }

        .jwWXCodeFloating .jwWXCodeFloatingIcon {
            margin-top: 22px;
            display: flex;
            width: 26px;
            height: 27px;
            background-image: url(../../img/float-icon.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .jwWXCodeFloating>span {
            margin-top: 10px;
            writing-mode: vertical-lr;
            letter-spacing: 3px;
            font-size: 18px;
            font-weight: 500;
            color: #000000;
            line-height: 20px;
        }

        .jwWXCodeQRBox {
            display: none;
            position: fixed;
            bottom: 207px;
            right: 85px;
            width: 180px;
            height: 327px;
            background: #FFFFFF;
            box-shadow: 0px 0px 9px 3px rgba(0, 0, 0, 0.08);
            z-index: 99999;
            flex-direction: column;
            align-items: center;
        }

        .jwWXCodeQRBox .jwWXCodeLogoIcon {
            margin-top: 41px;
            display: flex;
            width: 78px;
            height: 26px;
            /* background-image: url(../../img/login.png); */
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .jwWXCodeQRBox .jwWXCodeQRBoxIcon {
            margin-top: 14px;
            margin-bottom: 20px;
            display: flex;
            width: 151px;
            height: 151px;
            background-image: url(../../img/jszc.jpg);
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .jwWXCodeQRBox>span {
            font-size: 16px;
            font-weight: 400;
            color: #333333;
            line-height: 22px;
        }
        .hide {
	display:none !important
}
  .jwWXCodeQRBox .jwWXCodeLogoIcon2 {
            margin-top: 41px;
            display: flex;
            width: 175px;
            height: 26px;
            /* background-image: url(../../img/login.png); */
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        /* 联系我们浮窗 end */