.page .bg.data-v-4586967a {
  width: 100%;
  height: 574rpx;
  background: url(https://i.ringzle.com/file/20240106/d96376ae556b4f298abee861105b71b4.png) no-repeat;
  background-size: 100% 100%;
  padding: 237rpx 0 0 40rpx;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.page .bg .title.data-v-4586967a {
  font-size: 40rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 72rpx;
}
.page .box.data-v-4586967a {
  width: 100%;
  background: #FFFFFF;
  border-radius: 60rpx 60rpx 0rpx 0rpx;
  padding: 85rpx 30rpx 96rpx;
  box-sizing: border-box;
  margin-top: -149rpx;
  position: relative;
  z-index: 2;
}
.page .box .login.data-v-4586967a {
  width: 100%;
  padding: 0 30rpx;
  box-sizing: border-box;
}
.page .box .login .tabs.data-v-4586967a {
  display: flex;
  align-items: center;
}
.page .box .login .tabs > view.data-v-4586967a {
  padding-bottom: 16rpx;
  font-size: 40rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 800;
  color: #999999;
  position: relative;
}
.page .box .login .tabs > view.active.data-v-4586967a {
  color: #333333;
}
.page .box .login .tabs > view.active.data-v-4586967a::after {
  content: '';
  width: 80rpx;
  height: 6rpx;
  background: #1372FF;
  border-radius: 4rpx 4rpx 4rpx 4rpx;
  position: absolute;
  left: 50%;
  margin-left: -40rpx;
  bottom: 0;
}
.page .box .login .tabs > view.data-v-4586967a:last-child {
  margin-left: 60rpx;
}
.page .box .login .card.data-v-4586967a {
  padding-top: 20rpx;
}
.page .box .login .card .t_item.data-v-4586967a {
  margin-top: 40rpx;
  display: flex;
  flex-direction: column;
  padding-bottom: 20rpx;
  border-bottom: 1rpx solid #D1D1D1;
}
.page .box .login .card .t_item text.data-v-4586967a {
  font-size: 32rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 800;
  color: #333333;
}
.page .box .login .card .t_item input.data-v-4586967a {
  border: none;
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #333333;
  margin-top: 30rpx;
}
.page .box .login .card .t_item .ti_code.data-v-4586967a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page .box .login .card .t_item .ti_code input.data-v-4586967a {
  width: calc(100% - 200rpx);
}
.page .box .login .card .t_item .ti_code .tic_text.data-v-4586967a {
  display: flex;
  align-items: center;
  margin-top: 30rpx;
}
.page .box .login .card .t_item .ti_code .tic_text text.data-v-4586967a {
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.page .box .login .card .t_item .ti_code .tic_text text.active.data-v-4586967a {
  color: #1372FF;
}
.page .box .login .card .t_item .ti_code .tic_text ._span.data-v-4586967a {
  font-size: 28rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #1372FF;
  margin-left: 10rpx;
}
.page .box .forget.data-v-4586967a {
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  margin-top: 30rpx;
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #1372FF;
}
.page .box .to_login.data-v-4586967a {
  width: 100%;
  height: 96rpx;
  background: #1372FF;
  border-radius: 48rpx 48rpx 48rpx 48rpx;
  line-height: 96rpx;
  text-align: center;
  margin-top: 80rpx;
  font-size: 34rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  letter-spacing: 2rpx;
}
.page .box .agreement.data-v-4586967a {
  width: 100%;
  text-align: center;
  margin-top: 303rpx;
  font-size: 24rpx;
  font-family: PingFang SC, PingFang SC;
  font-weight: 400;
  color: #999999;
}
.page .box .agreement ._span.data-v-4586967a {
  color: #1372FF;
}