/* 水平间距 */
/* 水平间距 */
.container.data-v-1cf27b2a {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  background-color: #f8f8fa;
}
.container .img.data-v-1cf27b2a {
  margin-top: 120rpx;
  width: 200rpx;
  height: 200rpx;
  border-radius: 20rpx;
}
.container .logo_name.data-v-1cf27b2a {
  margin-top: 25rpx;
  font-size: 36rpx;
}
.container .phone.data-v-1cf27b2a {
  box-sizing: border-box;
  margin-top: 80rpx;
  padding: 0 20rpx;
  width: 538rpx;
  height: 80rpx;
  border-radius: 8rpx;
  box-shadow: 0 0 10rpx #ccc;
  background-color: #fff;
}
.container .phone .phone_input.data-v-1cf27b2a {
  height: 100%;
}
.container .code.data-v-1cf27b2a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  margin-top: 40rpx;
  padding: 0 20rpx;
  width: 538rpx;
  height: 80rpx;
  border-radius: 8rpx;
  box-shadow: 0 0 10rpx #ccc;
  background-color: #fff;
}
.container .code .code_input.data-v-1cf27b2a {
  width: 55%;
  height: 100%;
}
.container .code .code_box.data-v-1cf27b2a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 80rpx;
  color: #3c9cff;
  font-size: 26rpx;
}
.container .loginBtn.data-v-1cf27b2a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 50rpx;
  width: 538rpx;
  height: 80rpx;
  color: #a0a1a4;
  border-radius: 8rpx;
  background-color: #e5e6eb;
}
.container .active.data-v-1cf27b2a {
  color: #fff;
  background-color: #0061ff;
}