jhwxapp/miniprogram/pages/login/index.wxss

/* pages/login/index.wxss */
page {
  background: #191d28 url("https://szgcwx.jhncidg.com/staticFiles/img/CORE_40247DD946964A15AA0D4000E1031E19.png") no-repeat bottom/100%;
}

.login_title {
  height: 180rpx;
  line-height: 180rpx;
  color: #DDDDDD;
  font-size: 41rpx;
  font-weight: bold;
  text-align: center;
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/yanzhu_title.png") no-repeat left/100% 100%;
}

.login_title text {
  border-bottom: 3px solid #728ce3;
}

.login_bg {
  border-radius: 20rpx;
  margin: 0 40rpx;
  padding: 25rpx 40rpx;
  margin-top: 10rpx;
}

.login_dl {
  color: #728ce3;
  font-size: 40rpx;
  font-weight: bold;
}

.login_ex {
  padding: 20rpx 0;
  font-size: 30rpx;
  border-bottom: 20rpx dashed #728ce3;
  width: 50%;
}

.login_input {
  margin-top: 50rpx;
}

.login_input .name {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/login_name.png") no-repeat left/40rpx;
  border-bottom: 1px solid #5e6ea2;
  height: 100rpx;
  width: 85%;
  color: #728ce3;
  padding: 0 50rpx;
}

.login_btn {
  margin: 20rpx 60rpx 60rpx 60rpx;
  height: 80rpx;
  background-image: linear-gradient(#5b9fff, #7655fc);
  border-radius: 80rpx;
  text-align: center;
  line-height: 80rpx;
}

.login_btn:active {
  background-image: linear-gradient(#7655fc, #5b9fff);
}

.login_logo {
  width: 100%;
  height: 100rpx;
  text-align: center;
}

.login_logo image {
  height: 70rpx;
  margin-top: 30rpx;
}

.login_input .pass {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/login_pass.png") no-repeat left/40rpx;
  border-bottom: 1px solid #5e6ea2;
  height: 100rpx;
  width: 85%;
  color: #728ce3;
  padding: 0 50rpx;
}

.login_input .code {
  background: url("https://szgcwx.jhncidg.com/staticFiles/img/login_code.png") no-repeat left/40rpx;
  border-bottom: 1px solid #5e6ea2;
  height: 100rpx;
  width: 74%;
  color: #728ce3;
  padding: 0 50rpx;
}

.login_code image {
  margin-top: 50rpx;
  margin-left: 12rpx;
  width: 100%;
  height: 100rpx;
}

.lv {
  height: 80rpx;
  line-height: 80rpx;
  color: #728ce3;
}

.lv-r {
  text-align: right;
}

.pc {
  text-align: center;
  color: #5e6ea2;
}