.main-class {
  margin: 20rpx 32rpx;
  border-radius: 15rpx;
  box-shadow: 0px -6px 20px 0px #0000000D;
}

.main-simple-class {
  margin: 5rpx 32rpx;
  border-radius: 15rpx;
  box-shadow: 0px -6px 20px 0px #0000000D;
}

.main-foot {
  background: #fff;
  width: 100%;
  border-radius: 15rpx 15rpx;
}

.table-content {
  width: 100%;
}

.table-title-row {
  background: linear-gradient(95.33deg, #ADC6FF -2.27%, #F0F5FF 60.66%),
    linear-gradient(0deg, #F4F8FF, #F4F8FF),
    radial-gradient(58.28% 235.72% at 10.78% 50%, rgba(191, 213, 255, 0.6) 0%, rgba(216, 229, 255, 0) 56.69%);
  padding: 30rpx 20rpx;
  border-radius: 15rpx 15rpx 0 0;
}

.table-title-simple-row {
  background: linear-gradient(95.33deg, #ADC6FF -2.27%, #F0F5FF 60.66%),
    linear-gradient(0deg, #F4F8FF, #F4F8FF),
    radial-gradient(58.28% 235.72% at 10.78% 50%, rgba(191, 213, 255, 0.6) 0%, rgba(216, 229, 255, 0) 56.69%);
  padding: 14rpx 14rpx;
  border-radius: 15rpx 15rpx;
}

.btn-detail-class {
  min-width: 120rpx;
  height: 50rpx;
  line-height: 50rpx;
  text-align: center;
  font-size: 13px;
  background: #437FF8;
  color: #ffff;
  padding: 0 2rpx;
  border-radius: 10rpx;
}

.table-content-row {
  padding: 15rpx 20rpx
}

.table-content-row-detail {
  padding: 10rpx 20rpx 10rpx 32rpx;
}

.table-content-row-font {
  font-size: 14px;
  color: #95A8CB;
  padding-right: 32rpx;
  white-space: nowrap;
}

.table-content-class {
  font-size: 13px;
  font-weight: 500;
  color: #002340;
  word-break: break-all;
}

.table-content-row-title-two {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.table-content-row-title {
  display: flex;
  margin-left: 70rpx;
  width: calc(100% - 70rpx);
  justify-content: space-between;
}

.oas-title-value {
  /* width: 100rpx; */
  font-size: 5px;
  text-align: right;
  padding-left: 5rpx;
  color: #437FF8;
}

.title-class {
  width: calc(100% - 39rpx);
  display: flex;
  padding-left: 10rpx;
  font-size: 30rpx;
}

.status-class {
  /* width: 40%; */
  height: 49rpx;
  padding-right: 4rpx;
}

.status-detail-class {
  min-width: 120rpx;
  height: 40rpx;
  line-height: 40rpx;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #437FF8;
  padding: 0 2rpx;
}


.status-font-class {
  font-size: 13px;
  color: #FFFFFF;
}

/**品类*/
.category-class {
  /* width: 40%; */
  font-size: 15px;
  color: #95A8CB;
  align-items: center;
  display: flex;
}


/**合计金额*/
.totalamount-class {
  /* width: 100%; */
  text-align: right !important;
}

.footer-tag-class {
  /* width: 100%; */
  margin-top: 20rpx;
  text-align: right !important;
}

/**副标题*/
.sub-title-class {
  display: flex;
  width: 100%;
  text-align: right;
  height: 47rpx;
  justify-content: flex-end;
}

.sub-title-detail-class {
  height: 47rpx;
  line-height: 47rpx;
  background-color: #EAF1FF;
  border-radius: 0px 0px 0px 30px;
  width: 210rpx;
  text-align: center;
  font-size: 14px;
  color: #808080;
}

.status-view {
  position: absolute;
  /* 位置 */
  top: 50px;
  right: 30px;
}

.corner-view {
  /* width: 70rpx; */
  height: 40rpx;
  text-align: center;
  background-color: #FFE5BD;
  line-height: 40rpx;
}

.corner-view-text {
  /* transform: rotate(-45deg); */
  /* 字体颜色 */
  color: #4C2F05;
  font-weight: 600;
  font-size: 13px;
}


/**功能pop*/
.function-pop-class {
  /* height:40% !important; */
  padding-bottom: 130rpx !important;
  width: 100%;
  z-index: 10;
  border-radius: 30rpx 30rpx 0rpx 0rpx !important;
  padding-top: 20rpx;
}

.function-cell-group {
  margin-top: 10rpx;
  width: 94%;
  margin-left: 3%;
}

/**功能菜单的图标样式*/
.function-pop-image {
  width: 80rpx;
  height: 80rpx;
  display: flex;
  align-items: center;
  text-align: center;
  margin-bottom: 27rpx;
}

.popup-button {
  position: fixed;
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding-bottom: 15rpx;
  padding-top: 15rpx;
  background: #fff;
  height: 100rpx;
}

.bottom-bar {
  display: flex;
  justify-content: space-between;
  background: #FBF6EF !important;
  border-radius: 0px 0px 15rpx 15rpx;
  align-items: center;
  height: 115rpx;
}

.bottom-title-class {
  display: block;
  color: #002340;
  margin-left: 30rpx;
  font-size: 13px;
}

/**收款*/
.collect-class {
  height: 70rpx;
  line-height: 70rpx;
  background: #F2E0BC;
  border-radius: 8px;
  text-align: center;
  display: flex;
  padding: 0 20rpx;
  font-size: 15px;
  color: #FF7B1A;
  margin-right: 30rpx;
}

.sign-class {
  padding-left: 10rpx;
  padding-right: 5rpx;
  padding-top: 5rpx;
  font-size: 10px;
}