.input-container[data-v-747d8c40] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 30px;
  border-radius: 10px;
}
.border-white[data-v-747d8c40] {
  border: 1px solid white;
}
.border-black[data-v-747d8c40] {
  border: 1px solid #424248;
}
.label[data-v-747d8c40] {
  margin-bottom: 30px;
  font-size: 22px;
  font-weight: 500;
}
.text-white[data-v-747d8c40] {
  color: #fff;
}
.text-black[data-v-747d8c40] {
  color: #424248;
}
.icon[data-v-747d8c40] {
  margin: 0 10px 0 28px;
  width: 30px;
  height: 30px;
}
.input-wrap[data-v-747d8c40] {
  box-sizing: border-box;
  width: 100%;
  height: 6vh;
  display: flex;
  align-items: center;
  border-radius: 10px;
  overflow: hidden;
}
.input-control[data-v-747d8c40] {
  /* flex: 1; */
  width: 100%;
  height: 100%;
  color: #fff;
  border: 0;
  /* background-color: #040405; */
  background-color: rgba(255, 255, 255, 0);
  background-size: cover;
  outline: none;
  font-size: 18px;
}
input[data-v-747d8c40]::-moz-placeholder {
  color: #fff;
}
input[data-v-747d8c40]::placeholder {
  color: #fff;
}
input[data-v-747d8c40]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #040405 inset !important;
}
input[data-v-747d8c40]:-internal-autofill-selected {
  -webkit-text-fill-color: #ffffff !important;
}


.input-height .el-input__inner {
  height: 40px;
  margin-bottom: 2px;
}


@media screen and (min-width: 668px) {
.bgi[data-v-7589b93f] {
    justify-content: space-around;
}
.big-box[data-v-7589b93f] {
    width: 480px;
    height: 568px;
    border-radius: 20px;
    margin-right: 10vw;
}
.box-title[data-v-7589b93f] {
    margin-top: 84px;
    margin-bottom: 84px;
    font-size: 28px;
    line-height: 1;
}
.input-height .el-input__inner[data-v-7589b93f] {
    height: 58px;
}
.login-btn[data-v-7589b93f] {
    height: 50px !important;
    margin-top: 94px;
}
}
.bgi[data-v-7589b93f] {
  background-image: url("https://portalwebsite.oss-cn-beijing.aliyuncs.com/image/image.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.bgc[data-v-7589b93f] {
  background-color: #ffffff80;
}
.btn-58[data-v-7589b93f] {
  height: 58px !important;
}
.big-box[data-v-7589b93f] {
  width: 390px;
  height: 448px;
  border-radius: 10px;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  margin-right: 20vw;
}
.box-title[data-v-7589b93f] {
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  font-weight: 600;
  color: #000;
}
.login-btn[data-v-7589b93f] {
  width: 100%;
  height: 35px;
  margin-top: 50px;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
}
.cus-container[data-v-7589b93f] {
  width: 100%;
  color: #fff;
}
.bg-login[data-v-7589b93f] {
  background-image: url("https://portalwebsite.oss-cn-beijing.aliyuncs.com/image/image.png ");
  background-repeat: no-repeat;
  background-size: cover;
}
.form-container[data-v-7589b93f] {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(21, 182, 242, 0.3);
  min-height: 60vh;
}
.small-box-height[data-v-7589b93f] {
  min-height: 80vh;
}
.ccnb-button[data-v-7589b93f] {
  box-sizing: border-box;
  color: #fff;
  background-color: #202f3e;
  height: 50px;
  width: 100%;
  font-size: 16px;
  border-radius: 10px;
  outline: none;
  border: none;
}
.ccnb-button[data-v-7589b93f]:active {
  opacity: 0.8;
}
button[data-v-7589b93f]:disabled {
  background-color: #eeeeee;
  color: #666;
}

/* 
.box {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 200px;
  margin: auto 0;
  overflow: auto;
  width: 809px;
  height: 159px;
} */

/* .box img {
  width: 100%;
  height: auto;
} */

/* @-webkit-keyframes changeImg {
  from {
    left: -50%;
  }

  100% {
    left: 120%;
  }
}
@-webkit-keyframes changeImg1 {
  from {
    left: -50%;
  }

  100% {
    left: 120%;
  }
} */
/* .shan {
  position: absolute;
  -webkit-animation: changeImg 4s infinite 0s;
  -o-animation: changeImg 4s infinite 0s;
  animation: changeImg 4s infinite 0s;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 30%;
  left: -50%;
  height: 100%;
  content: "";
  opacity: 0.35;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-45deg);
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
} */
/* .shan1 {
  position: absolute;
  -webkit-animation: changeImg1 4s infinite 0s;
  -o-animation: changeImg1 4s infinite 0s;
  animation: changeImg1 4s infinite 0s;
  top: 0;
  left: -50%;
  bottom: 0;
  margin: auto 0;
  width: 30%;
  height: 100%;
  content: "";
  opacity: 0.35;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-45deg);
  animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
} */
input[data-v-7589b93f] {
  background: none;
  outline: none;
  border: none;
}
.page-cont[data-v-7589b93f] {
  width: 320px;
  height: 367px;
  background: #f8f8f8;
  border-radius: 20px;
  position: absolute;
  right: 200px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  box-sizing: border-box;
  padding: 0 40px;
}
.boder[data-v-7589b93f] {
  position: absolute;
  top: 0;
  width: 56px;
  height: 4px;
  background: #0078ef;
  left: 40px;
}
.title[data-v-7589b93f] {
  /* margin-top: 50px; */
  font-size: 22px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #1b1b1b;
}
.input-box[data-v-7589b93f] {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
input[data-v-7589b93f] {
  font-size: 16px;
}
.btn[data-v-7589b93f] {
  position: absolute;
  right: -27px;
  width: 54px;
  height: 54px;
  bottom: 30px;
}
.btn[data-v-7589b93f]:active {
  opacity: 0.9;
}
.login-container[data-v-7589b93f] {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  background-color: #040405;
}
.logo-container[data-v-7589b93f] {
  box-sizing: border-box;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.logo-control[data-v-7589b93f] {
  width: 88%;
}

/* .small-logo-row {
  position: absolute;
  left: 0;
  top: 60px;
  width: 100%;
} */
.small-logo[data-v-7589b93f] {
  width: 100%;
}
.form-container[data-v-7589b93f] {
  height: 50%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.form-title[data-v-7589b93f] {
  font-size: 54px;
  color: #fff;
  font-size: 600;
}

/* .ccnb-button {
  box-sizing: border-box;
  color: #fff;
  background-color: #3047ff;
  height: 86px;
  font-size: 22px;
  margin-top: 110px;
  border-radius: 10px;
  outline: none;
  border: none;
}

.ccnb-button:active {
  opacity: 0.8;
}

button:disabled {
  background-color: #eeeeee;
  color: #666;
} */