sphc/pages/login/login.wxss

/* pages/login/login.wxss */
page {
  background: #f5f5f5;
}
.main {
  position: relative;
}
.login-top {
  width: 750rpx;
  height: 376rpx;
  position: absolute;
  top: 0;
  left: 0;
}
.login-top image {
  width: 750rpx;
  height: 376rpx;
}
.login-content {
  width: 690rpx;
  height: 887rpx;
  border-radius: 40rpx;
  position: relative;
  top: 54rpx;
  left: 30rpx;
}
.login-bj {
  width: 690rpx;
  height: 887rpx;
  position: absolute;
  left: 0;
  top: 0;
}
.login-title {
  font-size: 36rpx;
  color: #ee7b1e;
  text-align: center;
  position: relative;
  top: 130rpx;
}
.login-logo {
  width: 120rpx;
  height: 120rpx;
  border-radius: 100%;
  overflow: hidden;
  position: absolute;
  top: 256rpx;
  left: 281rpx;
}
.login-logo .avatar-wrapper {
  padding: 0;
  width: 120rpx !important;
  height: 120rpx !important;
}
.login-logo .avatar-wrapper .avatar {
  width: 120rpx;
  height: 120rpx;
}
.nickname {
  display: flex;
  width: 400rpx;
  justify-content: space-between;
  position: absolute;
  left: 175rpx;
  top: 460rpx;
}
.login-name {
  font-size: 36rpx;
  color: #ee7b1e;
  position: absolute;
  top: 600rpx;
  left: 270rpx;
}
.login-text {
  font-size: 28rpx;
  color: #6e6b79;
  position: absolute;
  top: 680rpx;
  left: 119rpx;
}
.btn {
  width: 690rpx;
  height: 88rpx;
  background-image: linear-gradient(-90deg, #ee7b1e 0%, #fdae03 100%);
  border-radius: 44rpx;
  font-size: 36rpx;
  line-height: 88rpx;
  color: #ffffff;
  text-align: center;
  padding: 0;
  margin-top: 170rpx;
}