/* 设计适配 1rem = 1p`x` */
/* 恭喜，使用了less.js可以像less写法一样编写css代码 */
html,
body {
  width: 100%;
  height: 100%;
}
.home {
  width: 100%;
  height: 100%;
  color: #fff;
}
.home {
  background: url('../img/bg.png') no-repeat center;
  background-size: 100% 100%;
  font-size: 0.16rem;
  overflow: auto;
}
.home .left {
  width: 14.18rem;
  background: url('../img/login-bg.png') no-repeat;
  background-position: center 2.8rem;
  background-size: 8.912rem 5.824rem;
}
.home .left .title-box {
  margin-top: 0.7rem;
}
.home .left .title-box .title {
  width: 11.36rem;
  height: 0.97rem;
  font-size: 0.48rem;
  font-family: YOUSHEBIAOTIHEI;
  color: #FFFFFF;
  line-height: 0.56rem;
  text-shadow: 0 0 0.09rem rgba(84, 245, 255, 0.34);
  background: url('../img/title-empty.png') no-repeat center;
  background-size: 100% 100%;
}
.home .left .title-box .subtitle {
  margin-top: 0.24rem;
  width: 8.67rem;
  height: 0.78rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.home .right {
  width: 5.02rem;
  padding: 0 0.42rem;
  box-sizing: border-box;
  background: rgba(33, 53, 60, 0.29);
}
.home .right .content {
  height: calc(100% - 3.5rem);
}
.home .right .content .hello .name {
  font-size: 0.28rem;
  font-weight: bold;
  margin-bottom: 0.08rem;
}
.home .right .content .hello .nameEn {
  font-size: 0.16rem;
  font-weight: 400;
  color: #81AEC0;
}
.home .right .content button {
  color: #fff;
}
.home .right .content .form {
  margin-top: 0.64rem;
}
.home .right .content .form .row {
  margin-bottom: 0.32rem;
}
.home .right .content .form .row .name {
  font-size: 0.2rem;
  font-weight: bold;
  margin-bottom: 0.14rem;
}
.home .right .content .form .row .ipt {
  width: 4.18rem;
  height: 0.5rem;
  border: 0.01rem solid #B1D8E8;
  padding-left: 0.08rem;
  background: transparent;
  border-radius: 0.04rem;
}
.home .right .content .form .row .ipt input {
  width: calc(100% - 0.24rem);
  height: 100%;
  font-size: 0.18rem;
  background: transparent;
  outline: none;
  border: none;
  color: #fff;
}
.home .right .content .form .row .ipt input::-webkit-input-placeholder {
  color: #fff9;
}
.home .right .content .form .row .ipt input::-moz-placeholder {
  color: #fff9;
}
.home .right .content .form .row .ipt input:-ms-input-placeholder {
  color: #fff9;
}
.home .right .content .form .row .ipt input::-ms-input-placeholder {
  color: #fff9;
}
.home .right .content .form .row .ipt input::placeholder {
  color: #fff9;
}
.home .right .content .form .row .ipt img {
  width: 0.2rem;
  margin-right: 0.08rem;
}
.home .right .content .form .code .ipt input {
  width: 2.5rem;
}
.home .right .content .form .code .ipt .getcode {
  cursor: pointer;
  width: 1.36rem;
  background: #00BEB390;
  color: #fff;
  font-size: 0.18rem;
  box-sizing: border-box;
}
.home .right .content .form .code .ipt button:disabled {
  cursor: not-allowed;
}
.home .right .content .form .btn {
  width: 4.18rem;
  height: 0.54rem;
  margin-top: 0.8rem;
  font-size: 0.22rem;
  font-weight: bold;
  background: #00BEB3;
  letter-spacing: 0.04rem;
  border: 0.01rem solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 0.04rem;
}
.home .right .content .form .btn:hover {
  box-shadow: 0 0 0.08rem 0.02rem #6c6b6b;
}