html,body {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        height: 100%;
        position: relative;
        background: #f1f2f7;
        min-height: 632px;
        min-width: 1060px;
        overflow-y: hidden;
      }
      .logoImg {
        margin: 19px 0 19px 60px;
        width: 200px;
      }

      .centerBox {
        width: 100%;
        height: calc(100% - 172px);
        background: url(../../img/bg.png) no-repeat;
        background-size: 100% 100%;
        text-align: 9 center;
        vertical-align: middle;
      }
      .centerContent {
        position: absolute;
        top: calc(50% - 230px);
        left: calc(50% - 530px);
        min-width: 1060px;
      }
      .centerImg {
        vertical-align: top;
        margin: 26px 90px 0 0;
      }
      .loginBox {
        width: 460px;
        height: 460px;
        display: inline-block;
        background: url(../../img/loginBg.png) no-repeat;
        box-sizing: border-box;
        padding: 30px 60px 0;
        text-align: center;
      }
      .loginTitle {
        margin-bottom: 10px;
      }
      .wellcome {
        font-size: 22px;
        font-weight: bold;
        margin-right: 10px;
        color: #333;
      }
      .platform {
        font-size: 22px;
        font-weight: bold;
        padding-left: 10px;
        color: #c7000a;
        border-left: 1px solid #333;
      }
      .errorTip{
        color:#c7000a;
        height: 40px;
      }
      .loginInput {
        width: 340px;
        height: 40px;
        background: #ffffff;
        outline: none;
        border: 1px solid #e4e4e4;
        border-radius: 4px;
        margin-bottom: 24px;
        padding-left: 10px;
        box-sizing: border-box;
        display: flex;
      }
      .codeInput {
        outline: none;
        box-sizing: border-box;
        border-radius: 4px;
        display: inline-block;
        width: 220px !important;
        height: 40px;
        border: none;
        background: transparent;
        vertical-align: top;
      }
      .codeBtn {
        width: 120px;
        height: 40px;
        display: inline-block;
        font-size: 14px;
        border-left: 1px solid #ccc;
        color: #333333;
        cursor: pointer;
      }
      .getCode{
         width:100%;
         height:38px;
      }
      .loginBtn {
        width: 340px;
        height: 38px;
        background: #d41226;
        color: #fff;
        font-size: 16px;
        outline: none;
        border: none;
        border-radius: 6px;
        letter-spacing: 6px;
        text-align: center;
        cursor: pointer;
        font-weight: bold;
      }
      .loginBtn:hover {
        background: #c7000a;
      }
      .browserReminder{
         margin-top: 10px;
         color: #999999;
         font-size: 12px;
         display: block;
         cursor: pointer;
         text-decoration: none;
      }
      .forgetPassword {
        /* margin-top: 10px; */
        color: #999999;
        font-size: 14px;
        display: block;
        cursor: pointer;
        text-decoration: none;
      }
      .questionIcon {
        vertical-align: -2px;
        margin-right: 6px;
      }
      .footerBox {
        width: 100%;
        height: 60px;
        font-size: 14px;
        text-align: center;
        font-size: 12px;
        padding: 20px 0;
        line-height: 20px;
      }
      .footImg {
        vertical-align: middle;
      }
      .rememberText{
        font-size: 14px;
        color: #999999;
        margin-top: 6px;
        margin-bottom: 10px;
      }
      .remember{
        display: flex;
        justify-content: space-between;
        
      }
      .privacy{
       display: flex;
      }
      .privacy a{
        color:#d41226;
        cursor: pointer;
      }