gather/pages/login/login.wxss

/* pages/login/login.wxss */

page {
  position: relative;
  width: 100%;
  height: 100%;
}

.login-container {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 50%;
  box-sizing: border-box;
}
image {
  display: block;
  width: 150rpx;
  height: 150rpx;
  margin: auto;
  border-radius: 50%;
}

view.msg {
  font-size: 24rpx;
  color: #666;
  width: 100%;
  text-align: center;
  margin-top: 10rpx;
}

view.title {
  font-size: 28rpx;
  color: #333;
  width: 100%;
  text-align: center;
  margin-top: 20rpx;
}

button {
  margin-top: 30rpx;
  width: 450rpx;
  height: 85rpx;
  line-height: 85rpx;
  color: #fff;
}

.button-hover {
  background-color: #fff;
  color: #0ab906;
}

button::after{
  border: 0 !important;
}
.authorized-btn {
  width: 88%;
  margin: 0 auto;
  text-align: center;
  background-color: #0ab906;
  border: 1rpx solid #0ab906;
  color: #fff;
  border-radius: 6rpx;
  font-size: 26rpx;
}
.hole-btn{
  color: #0ab906;
  background-color: #fff;
}

.login-phone {
  width: 100%;
  margin: 30rpx auto;
}

.login-bottom {
  position: absolute;
  bottom: 5%;
  left: 6%;
  display: flex;
  justify-content: space-between;
  width: 88%;
}

.bottom-btn {
  background: #fff;
  border: 1rpx solid #e43130;
  color: #e43130;
}

.bottom-btn:last-child {
  margin-left: 6%;
  color: #000;
  border: 1rpx solid #000;
}

.bind-tips {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 20%;
  left: 0;
}

.user-info{
  margin: auto;
}
.head-img{
	display:block; 
	overflow:hidden; 
	border-radius: 50%;
	width: 156rpx;
	height: 156rpx;
  margin: 0 auto;
}
.userNickName{
  display:block; 
  margin: 20rpx 0 180rpx 0;
  text-align: center;
}