.page{ position: relative; width: 100%; height: 100%; } .login-bg { position: absolute; z-index: 0; width: 100%; height: 100%; image { width: 100%; height: 100%; } } .main { position: relative; z-index: 1; top: 20%; } .logo{ text-align: center; height: 260rpx; image{ width: 380rpx; height: 380rpx; } } .title { font-size: 44rpx; color: #fff; margin: 0 6%; } /* 填写 */ .input-info{ padding: 6%; text-align: center; display: flex; flex-direction: column; align-items: center; .input-info-btn { background-color: #477EFF; border-radius:25rpx; padding: 30rpx 0; margin-bottom: 10rpx; font-size: 32rpx; color:#fff; } .input-info-btn--disabled { background-color: #C0C4CC; color: #FFFFFF; pointer-events: none; opacity: 0.8; } .remember-password { font-size: 24rpx; color: #9A9EA1; margin-bottom: 20rpx; display: flex; align-items: center; justify-content: flex-start; width: 70vw; padding-left: 10rpx; } .info-check { font-size: 24rpx; color: #9A9EA1; position: fixed; bottom: 80rpx; left: 16%; display: flex; align-items: center; .blue { color:#477EFF; } } .info{ display: flex; align-items:center; width: 100%; height: 100rpx; background-color: #fff; border-radius: 20rpx; margin-top: 40rpx; padding: 0 40rpx; input{ width: 70%; height: 100%; font-size: 28rpx; color: #222222; } .more{ display: flex; align-items: center; width: 10%; height: 100%; image { width: 38rpx; height: 38rpx; } } } } /* 按钮 */ .btn-info{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100rpx; .btn{ display: flex; align-items: center; justify-content: center; width: 90%; height: 100rpx; background: linear-gradient(to left,#39C079,#2FA567); border-radius: 20rpx; color: #FFFFFF; font-size: 32rpx; } }