page{ background-color: #F4F5F6; } .top-tab{ /* position: fixed; */ padding-left: 20rpx; padding-right: 20rpx; width: 100%; height: 100rpx; background-color: #fff; white-space: nowrap; } .top-tab-itemActive{ color: #333333; width: 50%; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 32rpx; font-weight: bold; display: inline-block; } .top-tab-item { color: #999999; width: 50%; height: 100rpx; line-height: 100rpx; text-align: center; font-size: 30rpx; display: inline-block; } .top-tab-lineActive{ width: 150rpx; height: 6rpx; margin-top: -10rpx; margin-left: 30%; background-color: #F95B43; z-index: 655; } .top-tab-line{ width: 100%; height: 2rpx; margin-top: -8rpx; background-color: #fff; } .login{ display: flex; flex-direction:column; } /* 图片+输入框+下划线的父容器view */ .userCs{ margin-top: 50rpx; margin-left: 30rpx; position: absolute; display: flex; width:690rpx ; height: 110rpx ; background-color: white; border-radius: 20rpx; } /* 用户名图标 */ .userCs .user{ margin-top: 25rpx; margin-left: 30rpx; width: 55rpx; height: 55rpx; } /* 用户名输入框 */ .userCs input{ width: 500rpx; font-size: 30rpx ; margin-top: 35rpx; margin-left: 30rpx; line-height: 55rpx; } /* 密码图标+输入框+小眼睛图标+下划线父容器view */ .passwordCs{ margin-top: 190rpx; margin-left: 30rpx; position: absolute; display: flex; width:690rpx ; height: 110rpx ; background-color: white; border-radius: 20rpx; } /* 密码图标 */ .passwordCs .pass{ margin-top: 25rpx; margin-left: 30rpx; width: 55rpx; height: 55rpx; } /* 眼睛 图标*/ .passwordCs .eye{ margin-top: 5rpx; margin-left: 65rpx; width: 55rpx; height: 55rpx; } /* 密码输入框 */ .passwordCs input{ width: 500rpx; font-size: 30rpx ; margin-top: 35rpx; margin-left: 30rpx; line-height: 55rpx; } /* 忘记密码 */ .forgetView{ position: absolute; margin-top: 325rpx; right: 30rpx; width: 150rpx; height: 40rpx; color: gray; font-size: 25rpx; display: flex; align-items: center; justify-content: center; } .loginView{ /* margin: 300rpx 90rpx 25rpx; */ margin-top: 410rpx; margin-left: 30rpx; width: 690rpx; height: 80rpx; background-color:#F95B43; border-radius: 20rpx; font-size: 32rpx; color: white; display: flex; align-items: center; justify-content: center; } .registerView{ margin-top: 30rpx; margin-left: 30rpx; width: 690rpx; height: 80rpx; /* background-color:white; */ border-radius: 20rpx; border-color: #F95B43; border-style:solid; border-width:2rpx; font-size: 32rpx; color: #F95B43; display: flex; align-items: center; justify-content: center; }