.page[data-v-a1a44cd4] {
  display: flex;
  height: 100vh;
  background-color: #eee;
}
.page .bg-img[data-v-a1a44cd4] {
  position: relative;
  flex: 1;
  background: url(/static/assets/login-bg.jpg) no-repeat;
  background-size: 100% 100%;
}
.page .bg-img .logo[data-v-a1a44cd4] {
  position: absolute;
  top: 60px;
  left: 60px;
  width: 380px;
}
.page .body[data-v-a1a44cd4] {
  display: flex;
  width: 34vw;
  background-color: #fff;
}
.page .body .back-list[data-v-a1a44cd4] {
  position: absolute;
  top: 60px;
  right: 60px;
  color: #888;
  font-size: 18px;
  border-bottom: 1px solid #979797;
  cursor: pointer;
}
.page .body .back-list[data-v-a1a44cd4]:hover {
  color: #156bbc;
  border-color: #156bbc;
}
.page .body .footer[data-v-a1a44cd4] {
  position: absolute;
  bottom: 60px;
  display: flex;
  justify-content: center;
  width: inherit;
  color: #555;
}
.page .body .footer .bar[data-v-a1a44cd4] {
  margin: 0 5px;
}
.page .body .footer .chinese-text[data-v-a1a44cd4] {
  cursor: pointer;
}
.page .body .footer .chinese-text[data-v-a1a44cd4]:hover {
  color: #156bbc;
}
.page .body .footer .en-text[data-v-a1a44cd4] {
  cursor: pointer;
}
.page .body .footer .en-text[data-v-a1a44cd4]:hover {
  color: #156bbc;
}
.page .body .main-box[data-v-a1a44cd4] {
  position: relative;
  flex: 1;
  margin: 25%;
  background-color: #fff;
}
.page .body .main-box .main-content .heart .ch[data-v-a1a44cd4] {
  color: #222;
  font-weight: bold;
  font-size: 38px;
}
.page .body .main-box .main-content .heart .en[data-v-a1a44cd4] {
  color: #888;
  font-size: 20px;
}
.page .body .main-box .main-content .info-bar[data-v-a1a44cd4] {
  margin-top: 50px;
}
.page .body .main-box .main-content .info-bar .info-text-bar[data-v-a1a44cd4] {
  display: flex;
  font-size: 20px;
}
.page .body .main-box .main-content .info-bar .info-text-bar .account-email[data-v-a1a44cd4] {
  cursor: pointer;
}
.page .body .main-box .main-content .info-bar .info-text-bar .account-phone[data-v-a1a44cd4] {
  margin-left: 24px;
  cursor: pointer;
}
.page .body .main-box .main-content .info-bar .info-text-bar .active-box[data-v-a1a44cd4] {
  color: #156bbc;
}
.page .body .main-box .main-content .info-bar .info-text-bar .active-box[data-v-a1a44cd4]::after {
  display: block;
  height: 1px;
  background-color: #156bbc;
  content: "";
}
.page .body .main-box .main-content[data-v-a1a44cd4] .ivu-form .ivu-form-item {
  margin-top: 20px;
  margin-bottom: 0;
  border-bottom: 1px solid #bdbdbd;
}
.page .body .main-box .main-content[data-v-a1a44cd4] .ivu-form .ivu-form-item.ivu-form-item-error {
  border-color: #ed4014;
}
.page .body .main-box .main-content[data-v-a1a44cd4] .ivu-form-item-content .ivu-input {
  height: 50px;
  padding: 0;
  font-size: 16px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.page .body .main-box .main-content[data-v-a1a44cd4] .ivu-form-item-content .ivu-input-icon {
  margin-top: 4px;
}
.page .body .main-box .main-content[data-v-a1a44cd4] .ivu-form-item-content .ivu-input-suffix .ivu-icon {
  line-height: 50px;
}
.page .body .main-box .main-content .form-account .login-by-phone .account-phone-input[data-v-a1a44cd4] .ivu-input-group-prepend {
  background-color: #fff;
  border: none;
}
.page .body .main-box .main-content .form-account .login-by-phone .account-phone-input[data-v-a1a44cd4] .ivu-input-group-prepend .ivu-select-selected-value {
  padding-left: 0;
}
.page .body .main-box .main-content .function-box[data-v-a1a44cd4] {
  position: relative;
}
.page .body .main-box .main-content .function-box .require-text[data-v-a1a44cd4] {
  position: absolute;
  color: #ed4014;
}
.page .body .main-box .main-content .function-box .is-agree[data-v-a1a44cd4] {
  display: flex;
  margin-top: 20px;
  cursor: pointer;
}
.page .body .main-box .main-content .function-box .is-agree .select-box[data-v-a1a44cd4] {
  position: relative;
}
.page .body .main-box .main-content .function-box .is-agree .select-box .no-select-icon[data-v-a1a44cd4] {
  position: absolute;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}
.page .body .main-box .main-content .function-box .is-agree .select-box .yes-select-icon[data-v-a1a44cd4] {
  position: absolute;
  top: 3px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}
.page .body .main-box .main-content .function-box .is-agree .select-box .yes-select-icon[data-v-a1a44cd4]::after {
  display: block;
  width: 8px;
  height: 8px;
  background-color: #156bbc;
  border-radius: 100%;
  transform: translate(45%, 45%);
  content: "";
}
.page .body .main-box .main-content .function-box .is-agree .select-box .text[data-v-a1a44cd4] {
  display: inline;
  margin-left: 20px;
  color: #808080;
  font-size: 14px;
}
.page .body .main-box .main-content .function-box .is-agree .login-by-email[data-v-a1a44cd4] {
  color: #156bbc;
  text-decoration: underline;
}
.page .body .main-box .main-content .wrap-login-btn[data-v-a1a44cd4] {
  margin-top: 32px;
}
.page .body .main-box .main-content .wrap-login-btn .login-btn[data-v-a1a44cd4] {
  height: 44px;
}
.page .body .main-box .main-content .wrap-login-btn .login-btn.ivu-btn-primary[data-v-a1a44cd4] {
  font-size: 16px;
  border-radius: 4px;
}
.page .body .main-box .main-content .wrap-login-btn[data-v-a1a44cd4]:hover {
  opacity: 0.8;
}
.page .body .main-box .main-content .wrap-login-btn[data-v-a1a44cd4] .ivu-btn-primary {
  width: 100%;
  background-color: #156bbc;
  border-color: #156bbc;
  border-radius: 0;
}
.page .body .main-box .main-content .register-password[data-v-a1a44cd4] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.page .body .main-box .main-content .register-password .register[data-v-a1a44cd4] {
  color: #888;
  cursor: pointer;
}
.page .body .main-box .main-content .register-password .register[data-v-a1a44cd4]:hover {
  color: #156bbc;
}
.page .body .main-box .main-content .register-password .password[data-v-a1a44cd4] {
  color: #888;
  cursor: pointer;
}
.page .body .main-box .main-content .register-password .password[data-v-a1a44cd4]:hover {
  color: #156bbc;
}
.privacy-modal-title[data-v-a1a44cd4] {
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}
.privacy-modal-content[data-v-a1a44cd4] {
  padding: 0 20px;
  font-size: 14px;
  white-space: pre-line;
}
.privacy-modal-content .statement-title[data-v-a1a44cd4] {
  margin-bottom: 16px;
  font-weight: bold;
}
.close-privacy[data-v-a1a44cd4] {
  display: flex;
  justify-content: space-around;
}
.close-privacy .close-privacy-btn[data-v-a1a44cd4] {
  width: 200px;
  background-color: #156bbc;
  border-radius: 0;
}
.pop-tip[data-v-a1a44cd4] {
  position: absolute;
  top: 0;
  left: 100%;
  line-height: 50px;
}
.pop-tip[data-v-a1a44cd4] .ivu-poptip-popper .ivu-poptip-content .ivu-poptip-inner {
  white-space: normal;
}
[data-v-a1a44cd4] .ivu-input-group-append {
  background-color: #fff;
  border: none;
}
[data-v-a1a44cd4] .ivu-input-group-append .ivu-btn {
  margin: 0;
  padding: 0;
  box-shadow: none;
}
.password-format[data-v-a1a44cd4] {
  width: 300px;
  padding: 10px;
  font-size: 12px;
}