wechat-pilelog/pages/login/login.wxss

/* pages/login/login.wxss */

.main {
  height: 100%;
  width: 100%;
  position: relative;
}

.main_image {
  height: 1344rpx;
  width: 750rpx;
  margin-top: -128rpx;
}

.main .context {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.context_input {
  margin-top: 450rpx;
  margin-right: 32rpx;
  margin-left: 32rpx;
  margin-bottom: 30rpx;
}

.account_img {
  width: 26rpx;
  height: 32rpx;
  margin: 28rpx 32rpx 28rpx 0;
}

.password_img {
  width: 24rpx;
  height: 30rpx;
  margin: 27rpx 34rpx 27rpx 0;
}

.context_input .input_view {
  border-bottom: 1rpx solid #f1f1f1;
}

.context_input input {
  width: calc(100% - 58rpx);
  display: inline-block;
  font-size: 32rpx;
  height: 88rppx;
  line-height: 88rpx;
  min-height: 88rpx;
  color: #434343;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
}

.context_input .placeholder {
  color: #c9c9c9;
  font-size: 32rpx;
  height: 88rppx;
  line-height: 88rpx;
  min-height: 88rpx;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
}

.errorMsg {
  height: 28rpx;
  margin: 0rpx 32rpx 32rpx 30rpx;
  font-size: 28rpx;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
  color: red;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.login_button {
  width: calc(100% - 62rpx);
  font-size: 32rpx;
  margin: 0rpx 32rpx;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #83c4ee;
}

.login_button_disable {
  width: calc(100% - 62rpx);
  font-size: 32rpx;
  margin: 0rpx 32rpx;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #c9c9c9;
}

.login_button.button-hover {
  background-color: #76b1d8;
}
.forget_view {
  margin: 0rpx 32rpx;
  width: 240rpx;
  height: 48rpx;
  color: #2483c0;
  font-size: 24rpx;
  line-height: 48rpx;
  text-align: left;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
}
.register_view {
  width: 240rpx;
  height: 48rpx;
  position: absolute;
  bottom: 88rpx;
  left: 375rpx;
  margin-left: -120rpx;
  border-radius: 24rpx;
  border: 1rpx solid #83c4ee;
  color: #2483c0;
  font-size: 24rpx;
  line-height: 48rpx;
  text-align: center;
  font-family: 'Lucida Sans',
                 'Lucida Sans Regular',
                 'Lucida Grande',
                 'Lucida Sans Unicode',
                 Geneva,
                 Verdana,
                 sans-serif;
}

.register_view.active {
  color: #fff;
  background-color: #83c4ee;
}