wx-mls/pages/register/register.wxss

.container{
  height: 100vh;
}
.content{
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.register{
  background: #FFFFFF;
  border-radius: 28rpx;
  flex: 1;
  margin: 134rpx 32rpx 28rpx;
  display: flex;
  flex-direction: column;
}
.register-img{
  width: 355.8rpx;
  height: 194rpx;
  margin: -120rpx auto 0;
}
.from-ul{
  margin: 8rpx 24rpx 25rpx;
}
.from-li{
  margin-top: 32rpx;
}
.li-m0{
  margin-top: 0;
}
.van-cell{
  padding: 5rpx 10rpx 22rpx !important;
  border-bottom: 1px solid #EDEDED;
}
.van-field__control{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx !important;
  color: #999999 !important;
}
.from-li-img{
  width: 98rpx;
  height: 40rpx;
}
.img-w{
  width: 70rpx;
}
.img-w1{
  width: 126rpx;
}
.img-w2{
  width: 112rpx;
}
.img-w3{
  width: 168rpx;
}
.from-code{
  font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 24rpx;
  color: #FF9200;
  line-height: 40rpx;
}
.from-code.disabled {
  color: #999;
  /* pointer-events: none; */
}
.from-icon{
  width: 26rpx;
  height: 14rpx;
  color: #000;
}
.van-picker__confirm{
  color: #FF9200 !important;
}
.uploader{
  margin-top: 10rpx;
  margin-bottom: 9rpx;
}
.preview-wrap{
  position: relative;
  display: flex;
  width: 160rpx;
}
.preview-wrap-pdf{
  display: flex;
}
.preview-img{
  width: 160rpx;
  height: 160rpx;
}
.delete-btn{
  position: absolute;
  right: 0;
  top: 0;
  background: rgba(0,0,0,0.6);
  border-radius: 0 0 0 12px;
  width:28rpx;
  height: 28rpx;
}
.delete-btn-pdf{
  margin-left: 20rpx;
}
.delete-btn-icon{
  position: absolute;
  top: -2px;
  right: -2px;
  transform: scale(0.5);
}
.uploader-text{
  width: 328rpx;
  height: 190rpx;
  background: #F3F3F3;
  border-radius: 16rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 28rpx;
  color: #4A4A4A;
  line-height: 40rpx;
}
.uploader-img{
  width: 48rpx;
  height: 42.85rpx;
  margin-bottom: 20rpx;
}
.agree{
  margin: 0 32rpx 32rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #000000;
  line-height: 40rpx;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rules{
  color: rgba(255, 191, 0, 1);
}
.submit{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 52rpx;
}
.submit-img{
  width: 444rpx;
  height: 102rpx;
}
.disabled {
  opacity: 0.5;
}
.btn-hover {
  opacity: 0.7;
}
/* 弹框样式 */
.registration .van-popup{
  overflow-y: initial !important;
}
.pop-content{
  width: 510rpx;
  height: 574rpx;
  position: relative;
  display: flex;
  flex-direction: column;
}
.pop-img{
  width: 394.64rpx;
  height: 206rpx;
  margin: -160rpx auto 0;
}
.pop-yhq{
  width: 196rpx;
  height: 80rpx;
  margin: 42rpx auto 42rpx;
}
.pop-card{
  margin: 0 46rpx;
  position: relative;
  height: 140rpx;
  box-sizing: border-box;
}
.pop-card-img{
  width: 418rpx;
  height: 140rpx;
}
.pop-card-cont{
  width: 418rpx;
  height: 140rpx;
  padding: 0 28rpx;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
}
.pop-card-cont-lf{
  flex-shrink: 0;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 24rpx;
  color: #FDA233;
  line-height: 34rpx;
}
.pop-card-cont-ri{
  box-sizing: border-box;
  margin-left: 72rpx;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 28rpx;
  color: #000000;
  line-height: 40rpx;
  flex: 1;
  overflow: hidden;
}
.pop-time{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 20rpx;
  color: #B0B0B0;
  line-height: 28rpx;
  margin-top: 6rpx;
}
.receive{
  margin: 66rpx auto 50rpx;
}
.receive-img{
  width: 318rpx;
  height: 102rpx;
}
.error-text{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  color: #ee0a24;
  font-size: 24rpx;
  margin-top: 10rpx;
}
.van-dialog__header{
  font-weight: bold !important;
}
.dialog-box{
  height: 40vh;
  overflow: auto;
  padding: 0 32rpx;
  margin: 32rpx 0;
}
.confirm-btn{
  width: 100% !important;
  color: #FDA233 !important;
}