body {
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container,
.content,
.main {
  height: 100%;
}

.content {
  display: flex;
}

.container {
  box-shadow: 0px 4px 12px 0px #0000001A;
  height: 590px;
}

.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 218px;
}

.wechat-iframe {
  height: 100%;
  border: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.flex {
  display: flex;
}

.refresh {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 100;
  width: 160px;
  height: 160px;
  border-radius: 4px;
  background: var(--text-icon-font-gy-260-secondary, rgba(0, 0, 0, 0.60));
  position: absolute;
}

.refresh-icon {
  background-image: url(../img/refresh.svg);
  width: 40px;
  height: 40px;
}

.refresh-text {
  color: #FFF;
  font-family: PingFang SC;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.loading {
  width: 100%;
  height: 65%;
  position: absolute;
}

.loading-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-icon {
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

#login-title {
  color: var(--text-icon-font-gy-190-primary, rgba(0, 0, 0, 0.90));
  text-align: center;
  font-family: PingFang SC;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 32px;
}

#login-mode {
  width: 100%;
  justify-content: center;
  flex-direction: column;
}

#login-mode .login-mode-label {
  color: var(--text-icon-font-gy-340-placeholder, rgba(0, 0, 0, 0.40));
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}


#login-mode .login-mode-label::before {
  width: 100px;
  height: 1px;
  content: ' ';
  background-color: rgba(0, 0, 0, 0.08);
  display: block;
}

#login-mode .login-mode-label::after {
  width: 100px;
  height: 1px;
  content: ' ';
  background-color: rgba(0, 0, 0, 0.08);
  display: block;
}

.login-mode-content {
  display: flex;
  gap: 48px;
  justify-content: center;
  margin-top: 24px;
}

.login-mode-content>div {
  position: relative;
}

.login-mode-weixin,
.login-mode-github,
.login-mode-tencent {
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  min-width: 46.88px;
}

.login-mode-icon {
  width: 40px;
  height: 40px;
}

.login-mode-weixin nav,
.login-mode-tencent nav,
.login-mode-github nav {
  color: var(--text-icon-font-gy-340-placeholder, rgba(0, 0, 0, .4));
  text-align: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.login-mode-clause {
  color: var(--text-icon-font-gy-260-secondary, rgba(0, 0, 0, .6));
  font-family: PingFang SC;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 40px;
}

.login-mode-clause a {
  color: #4880f7;
}

.wechat-container {
  flex: auto;
  position: relative;
}

.modal-operation-hint {
  flex: auto;
  align-items: center;
}

.modal-intercept-hint {
  flex: auto;
  align-items: center;
  flex-direction: column;
  gap: 44px;
}

.modal-intercept-hint>img {
  width: 188px;
  height: 148px;
}

.modal-intercept-hint>div {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: #455267;
}

.modal-intercept-hint #modal-intercept-hint-btn {
  color: #4880f7;
  cursor: pointer;
}

#login-content {
  height: 229px;
  overflow: hidden;
  position: relative;
}

.left {
  width: 409px;
  min-height: 100%;
  background-image: url("../img/left-logo.png");
  background-size: cover;
  padding: 48px;
  box-sizing: border-box;
  flex-direction: column;
  justify-content: flex-end;
}

.left-nav {
  height: 26px;
  color: var(--text-icon-font-gy-260-secondary, rgba(0, 0, 0, 0.6));
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 10px;
}

.left-cs-logo {
  width: 166px;
  height: 24px;
  margin-top: 12px;
}

.right {
  width: 434px;
  height: 100%;
  padding: 0 65px 24px;
  box-sizing: border-box;
  padding-top: 94px;
}

.mp-right {
  padding: 60px 26px 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 341px;
}

.mp-right-cs-logo {
  width: 166.2px;
  height: 24px;
  margin-bottom: 32px;
}

/* wxwork hint */
@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: weui;
  src: url(data:application/octet-stream;base64,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) format("truetype")
}

.wx-work-hint-wrapper .weui_msg {
  padding-top: 36px;
  text-align: center
}

.wx-work-hint-wrapper .weui_msg .weui_icon_area {
  margin-bottom: 30px
}

.wx-work-hint-wrapper .weui_icon_info:before {
  content: ""
}

.wx-work-hint-wrapper .weui_icon_msg:before {
  font-size: 104px
}

.wx-work-hint-wrapper .weui_icon_info:before {
  color: #10aeff
}

.wx-work-hint-wrapper [class*=" weui_icon_"]:before {
  font-family: weui;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  vertical-align: middle;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em
}

.wx-work-hint-wrapper .weui_msg .weui_text_area {
  margin-bottom: 25px;
  padding: 0 20px
}

.wx-work-hint-wrapper .weui_msg .weui_msg_title {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 20px;
  color: #000
}

.wx-work-hint-wrapper .copy-btn {
  color: #1ca9fe;
  text-decoration: underline;
  margin-top: 50px;
  width: 100%;
  display: flex;
  justify-content: center
}

.login-tencent-cloud-hint {
  font-family: PingFang SC;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  margin-bottom: 96px;
  margin-top: 64px;
}

.third-login-hint {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  color: #455267;
  margin-bottom: 40px;
}

.third-login-btn {
  width: 100%;
  height: 32px;
  padding: 5px 12px 5px 12px;
  border-radius: 4px;
  color: #FFFFFF;
  border: none;
}

.primary {
  background: #1F67FE;
}


.auth-container {
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  background: url('../img/pre-auth-sm.png') no-repeat 100% center;
  background-size: cover;
  position: relative;
}

.auth-container::before {
  content: "";
  position: absolute;
  width: 985.1px;
  height: 688.58px;
  background: url('../img/slogan.png') no-repeat center center;
  background-size: cover;
  transform: translateY(80px);
}

.auth-background {
  background-size: cover;
  width: 596px;
  height: 636px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 28px;
  z-index: 1;
}

.auth-head {
  width: 436px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.auth-head .head-nav {
  height: 26px;
  color: var(--text-icon-font-gy-260-secondary, rgba(0, 0, 0, 0.6));
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 10px;
  margin-top: 12px;
}

.auth-head .auth-head-cs-logo {
  width: 166px;
  height: 24px;
  margin-top: 32px;
}

.auth-head .auth-head-cs-slogan {
  width: 268px;
  height: 22px;
  margin-top: 12px;
}

.auth-content {
  width: 496px;
  height: 456px;
  box-shadow: 0px 4px 16px 0px #5E6D8333;
  border-radius: 8px;
  padding: 48px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
}

.auth-icon-container {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}

.auth-link {
  width: 124px;
  position: relative;
  background: url('../img/line.svg') no-repeat center;
}

.auth-link::after {
  content: ' ';
  position: absolute;
  width: 32px;
  height: 32px;
  background: url('../img/right.svg') no-repeat center 100% #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.auth-icon-container>.auth-icon-wrapper {
  width: 80px;
  height: 80px;
  padding: 21px 6px;
  border-radius: 80px;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0px #5E6D8333;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}

.auth-icon-container>.auth-icon-wrapper>img {
  width: 100%;
  height: 100%;
}

.auth-title-container {
  margin-bottom: 20px;
}

.auth-title-container>.auth-title-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.auth-title {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  color: #455267;
}

.auth-sub-title {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.auth-client-name {
  color: #1F67FE;
}

.auth-content-container {
  padding: 12px 16px;
  gap: 19px;
  border-radius: 6px;
  border: 1px solid #E7E7E7;
  margin-bottom: 32px;
  background-color: #f8faff;
}

.auth-content-container>p {
  margin: 0;
  margin-bottom: 12px;
}

.auth-content-container>ul {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: #12161B;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 80px;
  overflow: auto;
  margin: 0;
  margin-left: -18px;
}

.auth-content-container>ul>li {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  color: #455267;
}

.auth-content-title {
  font-family: PingFang SC;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  text-align: left;
  color: #12161B;
}

.auth-agree-protocol {
  display: flex;
  gap: 4px;
  margin-bottom: 32px;
}

.auth-protocol {
  display: flex;
  gap: 8px;
  justify-content: center;
  font-family: PingFang SC;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  white-space: nowrap;

  a {
    text-decoration: none;
    color: #1F67FE;
  }
}

.auth-form-actions {
  display: flex;
  gap: 18px;
  margin-bottom: 24px;

  input {
    flex: 1;
    height: 32px;
    border-radius: 3px;
    border: 1px solid #DCDCDC;
    background-color: #f9f9f9;
  }

  input.auth-primary {
    background: #1b5dfe;
    border-color: #00A1FD;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #FFFFFFE5;
  }
}

#agree-protocol-checkbox {
  cursor: pointer;
}

.disabled {
  cursor: not-allowed;
}

.bubble {
  position: absolute;
  bottom: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
  background-color: #DDE6F1;
  color: #455267;
  padding: 4px;
  white-space: nowrap;
  z-index: 10;
  font-size: 12px;
}

.bubble::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  border-color: #DDE6F1 transparent transparent transparent;
}

@media screen and (max-width: 597px) {
  body {
    overflow: hidden;
  }

  .auth-head .auth-head-cs-logo {
    margin-top: 32px;
  }

  .auth-icon-container>.auth-icon-wrapper {
    width: 64px;
    height: 64px;
  }

  .auth-icon-container>.auth-icon-wrapper>img {
    height: 100%;
  }

  .auth-title {
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
  }

  .auth-title-container {
    margin-bottom: 16px;
  }

  .auth-content-container {
    padding: 16px;
  }

  .auth-content-container .auth-content-title {
    margin-top: 0;
  }

  .auth-content-container>ul {
    margin-bottom: 0;
  }

  .auth-agree-protocol {
    font-size: 12px;
    margin-bottom: 24px;
  }

  .auth-form-actions {
    margin-bottom: 0;

    input {
      height: 32px;
    }
  }

  .auth-content {
    padding: 24px;
    width: 335px;
    box-sizing: border-box;
  }

  .auth-sub-title {
    font-size: 12px;
    line-height: 18px;
  }
}

#manual-trigger-login-btn{
    min-width: 132px;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 16px;
    border-radius: 4px;
    background: #06f;
    color: white;
    text-align: center;
    cursor: pointer;
}