kelfy-mini/pages/userRefund/userRefund.wxss

/* 图片容器样式 */
.image-container {
  width: 300px;
  height: 200px;
  border: 1px dashed #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

/* 图片样式 */
.upload-image {
  width: 100%;
  height: 100%;
}

/* 占位文字样式 */
.placeholder-text {
  position: absolute;
  margin-top: 80rpx; 
  color: #888;
  font-size: 14px;
  text-align: center;
}
/* 自定义 label 宽度 */
.custom-label {
  width: 600px !important;
  color: red !important;
}
.leftStu{
  width: 22%;
  font-size: 26rpx;
  color: #666;
  margin-left: 15rpx;
}
.rightStu{
  width: 72%;
  height: 100%;
  font-size: 30rpx;
  color: #333;
  display: flex;
  align-items: center;
}

.itemStu{
  height: 400rpx;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2rpx solid #e2e2e2;
}

.container{
  width: 100%;
  background-color: #FFF6ED;
  font-size: 24rpx;
  color:rgb(247, 8, 8);
  line-height: 40rpx; 
}
.container-title{
  width: 100%;
  background-color: #FFF6ED;
  font-size: 30rpx;
  color:rgb(247, 8, 8);
  line-height: 40rpx; 
}
.container-text{
  width: 90%;
  background-color: #FFF6ED;
  font-size: 30rpx;
  font-weight: bold;
  line-height: 40rpx; 
  margin-left: 20rpx;
}

/* 底部按钮区域 */
.footer {
  display: flex;
  justify-content: space-between; /* 按钮左右分布 */
  padding: 10px 20px;
  background-color: #f8f8f8; /* 底部背景色 */
  border-top: 1px solid #ddd; /* 顶部边框 */
}

/* 按钮样式 */
.btn {
  flex: 1; /* 按钮平均分配宽度 */
  margin: 0 10px; /* 按钮之间的间距 */
}

/* 重置按钮 */
.reset {
  background-color: #fff;
  color: #333;
  border: 1px solid #ddd;
}

/* 提交按钮 */
.submit {
  background-color: #07c160;
  color: #fff;
}
.popWrap{
  height: 100%;
  width: 100%;
  padding: 10rpx;
  box-sizing: border-box;
}
.popWrap  :last-child{
  border: none;
}

.title1{
  height: 80rpx;
  width: 100%;
  font-size: 33rpx;
  color: #666;
  line-height: 80rpx;
  text-align: center
}
.msgItem{
  height: 80rpx;
  width: 80%;
  margin: 0 auto;
  border-bottom: 1rpx solid #f8f8f8;
}

.rwTitle{
  font-size: 35rpx; 
  font-weight: bold;
  /* color: rgb(253, 6, 6); */
  display: flex;
  justify-content: center;
  margin-top: 30rpx;  
  margin-left: 20rpx;
  margin-right: 20rpx;
}

.rwtips{
  font-size: 30rpx; 
  /* color: rgb(253, 6, 6); */
  display: flex;
  justify-content: center;
  margin-top: 20rpx;  
  margin-left: 30rpx;
  margin-right: 30rpx;
  white-space: pre-wrap;
}
.wrapAlert{
  font-size: 30rpx; 
  /* color: rgb(253, 6, 6); */
  display: flex;
  justify-content: center;
  margin-top: 40rpx;  
  margin-left: 30rpx;
  margin-right: 30rpx;
  margin-bottom: 30rpx;
  white-space: pre-wrap;
}

/* page.wxss 文件 */
.rw-class .van-dialog__confirm,
.rw-class .van-dialog__cancel {
  color: blue;
}

.footertips{
  font-size: 30rpx; 
  font-weight: bold;
  color: rgb(247, 8, 8);
  display: flex;
  justify-content: center;
  margin-top: 10rpx;  
  margin-left: 10rpx;
  margin-right: 10rpx;
  white-space: pre-wrap;
}

.wsbanktype{
  margin-left: 6em;
}

/* 容器样式 */
.containerCanvas {
  position: relative;
  margin-top: 20px;
}

/* 裁剪框样式 */
.crop-box {
  position: absolute;
  border: 2px solid #fff;
  box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  pointer-events: none; /* 防止裁剪框拦截点击事件 */
}

.buttonR {
  font-size: 27rpx;
  /* z-index: 2; */
  padding: 0 20rpx;
  height: 60rpx;
  min-width: 100rpx;
  z-index: 1000; /* 确保按钮在遮罩层之上 */
  pointer-events: auto; /*允许按钮响应点击事件 */

}
.buttonRfooter {
  width: 100%;
  display: flex;
  justify-content: space-around; /* 按钮左右分布 */
  margin-bottom: 30rpx;
  background-color: #f8f8f8; /* 底部背景色 */
  border-top: 10px solid rgb(252, 250, 250); /* 顶部边框 */
    /* border:10px solid rgb(252, 8, 8); */

}

.clsCropper{
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  margin-bottom: 80rpx;
  /* border:10px solid rgb(252, 8, 8); */

}

#cropperR{
  z-index: 1000; /* 确保按钮在遮罩层之上 */
  pointer-events: auto; /* 允许按钮响应点击事件 */
}
#specialButton1 {
  position: relative;
  z-index: 1000; /* 确保按钮在遮罩层之上 */
  pointer-events: auto; /* 允许按钮响应点击事件 */
}
#specialButton2 {
  position: relative;
  z-index: 1000; /* 确保按钮在遮罩层之上 */
  pointer-events: auto; /* 允许按钮响应点击事件 */
}
#specialButton3 {
  position: relative;
  z-index: 1000; /* 确保按钮在遮罩层之上 */
  pointer-events: auto; /* 允许按钮响应点击事件 */
}
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); /* 透明背景 */
  z-index: 999; /* 确保遮罩层在其他元素之上 */
}
.container-info{
  z-index: 2; 
}