YZProjectCloud/yanzhu-ui-app/miniprogram/pages/login/login.wxss

/* pages/login/login.wxss */
page {
  background: #191d28 url("http://fileimg.makalu.cc/CORE_40247DD946964A15AA0D4000E1031E19.png") no-repeat bottom/100%;
}

.login_logo {
  text-align: center;
  padding: 50rpx 0rpx;
}

.login_logo image {
  height: 120rpx;
  margin-top: 18%;
}

.login_title {
  height: 100rpx;
  line-height: 100rpx;
  color: #DDDDDD;
  font-size: 40rpx;
  font-weight: bold;
  text-align: center;
  word-spacing: 30rpx;
  background: url("https://xiangguan.sxyanzhu.com/profile/static/yanzhu_title.png") no-repeat left/100% 100%;
}

.login_bg {
  border-radius: 20rpx;
  padding: 15rpx 60rpx;
}

.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://xiangguan.sxyanzhu.com/profile/static/login_name.png") no-repeat left/40rpx;
  border-bottom: 1px solid #5e6ea2;
  height: 100rpx;
  width: 85%;
  color: #728ce3;
  padding: 0 50rpx;
}

.login_input .pass {
  background: url("https://xiangguan.sxyanzhu.com/profile/static/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://xiangguan.sxyanzhu.com/profile/static/login_code.png") no-repeat left/40rpx;
  border-bottom: 1px solid #5e6ea2;
  height: 100rpx;
  width: 74%;
  color: #728ce3;
  padding: 0 50rpx;
}

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

.wxlogin_btn{
  margin: 40rpx 20rpx 0;
  line-height: 80rpx;
}

.wxlogin_btn button {
  width: 100%;
  height: 80rpx;
  background-image: linear-gradient(#5bffa4, #2d7d33);
  border-radius: 80rpx;
  text-align: center;
  color: #FFFFFF;
  font-weight: 300;
}

.login_btn:active {
  margin: 82rpx 55rpx 0;
}

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

.loadings{
	margin-top: 15%;
	text-align: center;
}