page {
  background: #f5f5f5;
}
.swich-login{position: absolute; top: 250rpx; right: 0; z-index: 1; }
.swich-login>view{position: relative; width: 250rpx; height: 70rpx; color: #FFF;}
.swich-login image{ width: 100%; height: 100%; position: relative; z-index: 0;}
.swich-login>view>view{position: absolute; top: 0; width: 100%; height: 100%; line-height: 70rpx; z-index: 10; font-size: 28rpx; padding-left: 60rpx;}

.content-forget {
  width: 550rpx;
  text-align: right;
  font-size: 28rpx;
  color: #aa0100;
  margin-top: 10rpx;
}

.content {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
}

.content-login-bg {
  position: absolute;
  width: 100%;
  height: 100%;
}

.content-login {
  position: absolute;
  margin-top: 560rpx;
  flex-direction: column;
  display: flex;
  align-items: center;
}

.content-loginBox {
  /* width: 550rpx; */
  width: 100%;
}

.content-inputBox {
  width: 100%;
  height: 90rpx;
  display: flex;
  justify-content: space-between;
  padding-left: 30rpx;
  align-items: center;
  border: 1rpx solid #eeee;
  border-radius: 10rpx;
  margin-top: 40rpx;
  background-color: white;
  box-shadow: 0 15px 30px rgba(255, 255, 255, 0.23);
}

.content-image {
  width: 38rpx;
  height: 38rpx;
}

.content-line {
  width: 2rpx;
  height: 40rpx;
  margin-left: 20rpx;
  background-color: #333333;
}

.content-input {
  display: inline-block;
  height: 100%;
  font-size: 30rpx;
  flex: 1;
  padding-left: 20rpx;
  color: #333333;
}

.login {
  width: 100%;
  height: 100rpx;
  background-image: linear-gradient(270deg, 
		#00967b 0%, 
		#126594 100%);
  margin-top: 30rpx;
  color: #ffffff;
  font-size: 36rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50rpx;
}

.agree-box{
  padding-top: 160rpx;
  font-size: 28rpx;
  color: #333;
}
.link{
  display: inline-block;
  color: #E8380D;
}