.login{ width: 100vw; height: 100vh; background: #6547A3; } .mair { display: flex; align-items: center; flex-direction: column; overflow: hidden; } .mair>image{ width: 400rpx; margin-top: 260rpx; } .mair .loginbut{ margin-top: 100rpx; position: relative; } .mair .loginbut button{ width: 520rpx; height: 80rpx; background: #FFFFFF; border-radius: 45rpx; font-size: 36rpx; color: #6547A3; } .mair .loginbut .mode { width: 520rpx; height: 80rpx; background: #FFFFFF; opacity: 0.4; position: absolute; top: 0; left: calc((100% - 520rpx) / 2); z-index: 1; border-radius: 45rpx; } .mair .ys{ margin-top: 40rpx; display: flex; justify-content: center; } .mair .ys>image{ width: 28rpx; height: 28rpx; margin-right: 10rpx; } .mair .ys view{ font-size: 24rpx; color: #fff; width: 65vw; line-height: 34rpx; }