510_laomengkuang_wxsmall_shopper/pages/login/login.wxss

/* pages/login/login.wxss */

.bg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  bottom: 0;
}

.logo {
  width: 445rpx;
  height: 486rpx;
}

.fromBox {
  width: 583rpx;
  margin: 56rpx auto 0 auto;
  height: 300rpx;
}

.item {
  position: relative;
  height: 95rpx;
  line-height: 95rpx;
  margin-bottom: 19rpx;
  font-size: 28rpx;
  box-sizing: border-box;
  color: #fff;
  border-bottom: 2rpx solid #fff;
}

.item>input {
  position: absolute;
  height: 100%;
  top: 1rpx;
  left: 70rpx;
  right: 0;
}

.btn {
  width: 600rpx;
  height: 98rpx;
  line-height: 98rpx;
  border-radius: 49rpx;
  color: #fff;
  font-size: 36rpx;
  text-align: center;
  margin-top: 111rpx;
  background: linear-gradient(-72deg, rgba(235, 97, 0, 1), rgba(255, 137, 42, 1));
}

.btn.select {
  background: #ccc;
}
.fromBox .tipBox{
  margin-top: 15rpx;
}
.fromBox .tipBox>.title{
  color: #cccccc;
  text-align: center;
  font-size: 30rpx;
  margin-bottom: 15rpx;
}
.fromBox .tipBox>.content{
  color: #cccccc;
  text-align: center;
  font-size: 25rpx;
  line-height: 45rpx;
}

.mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.mask>.tipBox {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 600rpx;
  height: 550rpx;
  background-color: #fff;
  border-radius: 15rpx;
}

.mask>.tipBox>.header {
  width: 100%;
  height: 80rpx;
  text-align: center;
  line-height: 80rpx;
  border-bottom: 2rpx solid #cccccc;
}
.mask>.tipBox>.contentTxt{
  line-height: 75rpx;
  margin: 30rpx 40rpx 0 40rpx;
}
.mask>.tipBox>button{
  position: absolute;
  width: 100%;
  bottom: 0rpx;
  color: #fffefe;
  font-size: 36rpx;
  background: linear-gradient(-72deg, rgba(235, 97, 0, 1), rgba(255, 137, 42, 1));
}