ittwxcust/pages/myFile/myFile.wxss

.myfile-content {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
  overflow: hidden;
}
.main-content {
  width: 690rpx;
  height: calc(100% - 180rpx);
  margin: 0 auto;
  overflow-y: auto;
}
.nodate {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.file-item {
  width: 100%;
  height: 160rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  margin-top: 20rpx;
}
.f-left {
  width: 70%;
  height: 100%;
}
.f-avatar {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  margin: 0 14rpx 0 20rpx;
}
.head-img {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}
.f-right {
  width: 30%
}
.report-text {
  padding: 20rpx;
  font-size: 26rpx;
  font-weight: 400;
  color: var(--maincolor);
}
.report-text-fail {
  color: #999999;
}
.report-text-success {
  color: var(--maincolor);
}
.fu-name {
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
  margin-right: 12rpx;
}
.suer-sex {
  width: 30rpx;
  height: 30rpx;
}
.img {
  width: 30rpx;
  height: 30rpx;
}
.fu-date {
  font-size: 26rpx;
  font-weight: 400;
  color: #999999;
}
.f-qrcode {
  width: 80rpx;
  height: 80rpx;
  margin-left: 20rpx;
}
.qrcode-item {
  width: 60rpx;
  height: 60rpx;
}
.actions {
  width: 100%;
  height: 100rpx;
  position: fixed;
  bottom: 60rpx;
  background-color: #f7f7f7;
  display: flex;
  justify-content: space-around;
  align-items:center;
}
.handle-btn {
  width: 324rpx;
  height: 80rpx;
  border-radius: 10rpx;
}
.handle-btn-full {
  width: 100%;
  height: 80rpx;
  border-radius: 10rpx;
}
.manage-btn {
  font-size: 26rpx;
  font-weight: 400;
  color: #333333;
}
.wrapper {
  height: 100%;
}
.model {
  width: 540rpx;
  height: 208rpx;
  background: #FFFFFF;
  border-radius: 24rpx;
}
.top-title {
  font-size: 34rpx;
  font-weight: bold;
  color: #333333;
  text-align: center;
  height: 118rpx;
  line-height: 118rpx;
  border-bottom: 1rpx solid #DDDDDD;
  box-sizing:border-box;
}
.btn {
  width: 270rpx;
  height: 90rpx;
  box-sizing: border-box;
  font-size: 34rpx;
  color: #333333;
}
.w-confirm-btn {
  font-weight: bold;
}
.qrcode {
  width: 100%;
  height: 620rpx;
}
.qrcode-src {
  width: 100%;
  height: 100%;
}
.my-dialog {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-color: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.qr-content {
  width: 520rpx;
  height: 490rpx;
  background: #FFFFFF;
  border-radius: 20rpx;
  margin-top: 320rpx;
  position: relative;
}
.qr-title {
  padding: 30rpx 0;
  text-align: center;
  font-size: 30rpx;
  font-weight: bold;
  color: #333333;
}
.qr-content-img {
  width: 360rpx;
  height: 360rpx;
  margin-left: calc(50% - 180rpx);
}
.qr-close {
  width: 70rpx;
  height: 126rpx;
  position: absolute;
  left: calc(50% - 35rpx);
  bottom: -125rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ver-line {
  width: 4rpx;
  height: 56rpx;
  background-color: #fff;
}
.qe-close-icon {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
  border: 2px solid #fff;
  box-sizing: border-box;
}