jzmall_wx/pages/referee/blance/blance.wxss

page {
  height: 100%;
  width: 100%;
  background: #f4f4f4;
}

.container {
  height: 100%;
  overflow: hidden;
  width: 100%;
  padding:24rpx 28rpx;
 /* filter: blur(5rpx);*/
}

.main-module{
  border-radius:10rpx;
  background:#fff;
  height: 118rpx;
  margin:20rpx 0 0;
  padding:24rpx 20rpx 14rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.coupon-block,.favor-good{
display: flex;
flex-direction: column;
height: 70rpx;
justify-content: space-between;
align-items: center;
flex:1;
}
.devide-line{
  height: 150rpx;
  width: 1rpx;
  background: #bbb;
}
.main-module .num{
  font-weight: bold; 
  color: #09AFFF;
  font-size: 40rpx;
  line-height: 40rpx;
}
.main-module .num2{
  font-weight: bold;  
  font-size: 24rpx;
}
.main-module .module-text{
  font-size: 24rpx;
} 
.btn{
  height: 64rpx;
  width: 100%;
  text-align: center;
  line-height: 64rpx;
  border: 1rpx solid #09AFFF;
  border-radius: 38rpx;
  margin-top: 22rpx;
  color:#09AFFF;
  font-size: 24rpx;
}
.btn.current-btn{
  background: #E0F5FC;
  margin-top: 30rpx;
}


 .back{
  position: absolute;
  top: 0rpx;
  width: 100%;   
  height: 100%;  
  background-color: #999; 
  z-index: 999;    
  opacity: 0.8
 }
.auth{ 
  position: absolute;
  top: 0rpx;
  width: 100%;   
  height: 100%;   
  z-index: 9999;
  display: flex;
    align-items: center;
    justify-content: center;
}

.auth .form{ 
  background-color: #fff;
  width:590rpx;
  padding: 40rpx 44rpx 74rpx;
  border-radius: 10rpx;
}

.auth .title{
  text-align: center;
  font-size: 34rpx;
  line-height: 34rpx;
  font-weight: bold;
  margin-bottom: 60rpx;
}

.form-item {
  height: 84rpx;
  /* border-bottom: 1px solid #d9d9d9; */
  display:flex;
  align-items: center;
} 
.form-item .label{
  width: 130rpx;
  font-size: 24rpx;
  color:#85868A
}
.form-item .username, .form-item .address { 
  top: 26rpx;
  left: 0;
  display: block;
  width: 100%;
  height: 44rpx;
  background: #fff;
  color: #333;
  font-size: 30rpx;
}

.warning{
  color: #09afff;
  margin-top: 20rpx;
  font-size: 22rpx;
  line-height: 28rpx;
}
.footer{
  display: flex;
  padding: 20rpx;
  text-align: center;
}

.fbtn{
  width: 202rpx;
  height: 70rpx;
  line-height: 70rpx;
  text-align: center;
  border-radius: 70rpx;
  border: 1rpx solid #09afff;
  font-size: 24rpx;    
  margin: 0 28rpx;
}

.btnConfirm{
  background-color: #09afff;
    color: #fff;
}
.dialog-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
  padding-top:170rpx;
}

.dialog-block {
  width: 590rpx;
  height: 534rpx;
	border-radius:10rpx;
	background-color: #fff;
	position: relative;
  font-size: 24rpx;
  padding:100rpx 44rpx 0;
}
.close-icon{
	width:60rpx;
	height: 60rpx;
	position: absolute;
	top:-30rpx;
	right:-30rpx;
}
.tips-text{
  color:#85868A;
  font-size: 24rpx;
  text-align: justify;
}
.main-module.amount-module{
  border-radius:16rpx;
  background:#fff;
  height: 106rpx;
  margin:28rpx 0 0;
  padding:16rpx 0 14rpx;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.tip-wrapper{
  display: flex;
  align-items: center;
}
.tip-img{
  width:22rpx;
  height:22rpx;
  margin:0 0 0 8rpx;
}
.form-item>input{
  height: 50rpx;
  line-height: 50rpx;
  border: 1px solid #85868A;
border-radius: 10rpx;
width:370rpx;
font-size: 24rpx;
color:#2a2a2a;
padding-left:20rpx;
}
.agree-terms{
	margin:54rpx 0 44rpx;
	height: 26rpx;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}
.user-agree{
	color:#85868A;
	font-size: 22rpx;
	margin-left:8rpx;
}
.user-terms{
	color:#CC4226;
	font-size: 24rpx;
}