uniDataCenter/unpackage/dist/dev/mp-weixin/pages/reimbursemen.../submitApply....

@charset "UTF-8";
/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */
/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
view.data-v-783b5b74, cover-view.data-v-783b5b74, scroll-view.data-v-783b5b74, text.data-v-783b5b74 {
  box-sizing: border-box;
}
button.data-v-783b5b74::after, button.data-v-783b5b74::before {
  border: none;
  height: 0;
}
.disinblock.data-v-783b5b74 {
  display: inline-block;
}
.flex.data-v-783b5b74 {
  display: flex;
  align-items: center;
}
.flex-bewteen.data-v-783b5b74 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flexWrap.data-v-783b5b74 {
  display: flex;
  flex-wrap: wrap;
}
.text-center.data-v-783b5b74 {
  text-align: center;
}
.pad36.data-v-783b5b74 {
  padding: 36rpx;
}
.tMar5.data-v-783b5b74 {
  margin-top: 5rpx;
}
.tMar10.data-v-783b5b74 {
  margin-top: 10rpx;
}
.tMar14.data-v-783b5b74 {
  margin-top: 14rpx;
}
.tMar20.data-v-783b5b74 {
  margin-top: 20rpx;
}
.tMar30.data-v-783b5b74 {
  margin-top: 30rpx;
}
.tMar40.data-v-783b5b74 {
  margin-top: 40rpx;
}
.lMarauto.data-v-783b5b74 {
  margin-left: auto;
}
.lMar8.data-v-783b5b74 {
  margin-left: 8rpx;
}
.lMar20.data-v-783b5b74 {
  margin-left: 20rpx;
}
.rMar10.data-v-783b5b74 {
  margin-right: 10rpx;
}
.rMar24.data-v-783b5b74 {
  margin-right: 24rpx;
}
.rMar32.data-v-783b5b74 {
  margin-right: 32rpx;
}
.fWeight600.data-v-783b5b74 {
  font-weight: 600 !important;
}
.f13.data-v-783b5b74 {
  font-size: 13rpx;
}
.f14.data-v-783b5b74 {
  font-size: 14rpx;
}
.f18.data-v-783b5b74 {
  font-size: 18rpx;
}
.f20.data-v-783b5b74 {
  font-size: 20rpx;
}
.f24.data-v-783b5b74 {
  font-size: 24rpx;
}
.f26.data-v-783b5b74 {
  font-size: 26rpx;
}
.f28.data-v-783b5b74 {
  font-size: 28rpx;
}
.f30.data-v-783b5b74 {
  font-size: 30rpx;
}
.f32.data-v-783b5b74 {
  font-size: 32rpx;
}
.f40.data-v-783b5b74 {
  font-size: 40rpx;
}
.f42.data-v-783b5b74 {
  font-size: 42rpx;
}
.f44.data-v-783b5b74 {
  font-size: 44rpx;
}
.f50.data-v-783b5b74 {
  font-size: 50rpx;
}
.f60.data-v-783b5b74 {
  font-size: 60rpx;
}
.c-B8B8B8.data-v-783b5b74 {
  color: #B8B8B8;
}
.c-589C54.data-v-783b5b74 {
  color: #589C54;
}
.c-F39F2F.data-v-783b5b74 {
  color: #F39F2F !important;
}
.c-BCBCBC.data-v-783b5b74 {
  color: #BCBCBC;
}
.c-446EF6.data-v-783b5b74 {
  color: #446EF6 !important;
}
.bcg-EC7266.data-v-783b5b74 {
  background-color: #EC7266;
}
.bcg-2DA36E.data-v-783b5b74 {
  background-color: #2DA36E;
}
.loadinfo.data-v-783b5b74 {
  margin: 30rpx 0 50rpx;
}
.c-999.data-v-783b5b74 {
  color: #999;
}
.c-000.data-v-783b5b74 {
  color: #000;
}
.self-table .self-table-tr.data-v-783b5b74 {
  display: flex;
  align-items: center;
  min-height: 100rpx;
  border-bottom: 2rpx solid #3D4453;
  color: #FFFFFF;
  font-size: 28rpx;
  line-height: 40rpx;
  background: #373E4E;
}
.self-table .self-table-tr .self-table-td.data-v-783b5b74, .self-table .self-table-tr .self-table-th.data-v-783b5b74 {
  flex: 1;
  text-align: center;
}
.self-table .self-table-tr.self-table-head.data-v-783b5b74 {
  background: #1C222E;
  min-height: 80rpx;
  color: #B8B8B8;
  font-size: 26rpx;
  line-height: 36rpx;
  border-bottom: none;
}
.self-table .self-table-tr.self-table-head .self-table-th.data-v-783b5b74 {
  font-weight: 500;
}
.self-table.self-table-border .self-table-tr.data-v-783b5b74 {
  overflow: hidden;
}
.self-table.self-table-border .self-table-tr .self-table-th.data-v-783b5b74,
.self-table.self-table-border .self-table-tr .self-table-td.data-v-783b5b74 {
  position: relative;
  padding: 0 8rpx;
}
.self-table.self-table-border .self-table-tr .self-table-th.data-v-783b5b74::after,
.self-table.self-table-border .self-table-tr .self-table-td.data-v-783b5b74::after {
  content: '';
  width: 2rpx;
  height: 400px;
  position: absolute;
  top: -200px;
  left: 0;
  background: #3D4453;
}
.textarea.data-v-783b5b74 {
  height: 90rpx;
  background: #373e4e;
  flex: 1;
  margin-right: 20rpx;
  padding: 10rpx;
  color: #ffffff;
  font-size: 26rpx;
  line-height: 34rpx;
  min-height: 150rpx;
}
.timeLineItem.data-v-783b5b74 {
  display: flex;
  align-items: flex-start;
  margin-top: 26rpx;
}
.timeLineItem .iconfont.data-v-783b5b74 {
  font-size: 28rpx;
  margin-top: 6rpx;
  margin-right: 16rpx;
  color: #828282;
}
.timeLineItem .timeLineContent .approver.data-v-783b5b74 {
  font-size: 24rpx;
  line-height: 40rpx;
  color: #ffffff;
  display: flex;
}
.timeLineItem .timeLineContent .approver .label.data-v-783b5b74 {
  font-size: 24rpx;
  color: #cec8c8;
  margin-right: 10rpx;
}
.timeLineItem .timeLineContent .contentTime.data-v-783b5b74 {
  font-size: 28rpx;
  color: #ffffff;
  line-height: 40rpx;
}
.timeLineItem .timeLineContent .contentTime text.data-v-783b5b74 {
  font-size: 28rpx;
}
.topDataItem.data-v-783b5b74 {
  display: flex;
  align-items: flex-start;
  margin-top: 36rpx;
}
.topDataItem .label.data-v-783b5b74 {
  color: #b8b8b8;
  font-size: 26rpx;
  line-height: 36rpx;
  margin-right: 20rpx;
}
.topDataItem .labelCon.data-v-783b5b74 {
  color: #ffffff;
  font-size: 26rpx;
  line-height: 36rpx;
  flex: 1;
}
.topDataItem .addFileCss.data-v-783b5b74 {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #0c4fe7;
  font-size: 26rpx;
  z-index: 3;
  padding: 20rpx 30rpx;
}
.topDataItem .staffCss.data-v-783b5b74 {
  position: absolute;
  right: 20rpx;
  top: -100rpx;
  font-size: 28rpx;
  z-index: 3;
  width: 300rpx;
  height: 150rpx;
  background-color: #373e4e;
  overflow-y: auto;
  padding: 10rpx;
  border-radius: 8rpx;
}
.topDataItem .staffCss view.data-v-783b5b74 {
  line-height: 48rpx;
}
.h3_title.data-v-783b5b74 {
  color: #b8b8b8;
  font-size: 26rpx;
  line-height: 36rpx;
  margin-top: 36rpx;
}
.statusReimbursement.data-v-783b5b74 {
  font-size: 20rpx;
  color: #fff;
  background: #ecbe64;
  line-height: 40rpx;
  display: inline-block;
  padding: 0 8rpx;
  font-weight: bold;
  border-radius: 8rpx;
  margin-left: 8rpx;
}
.table.data-v-783b5b74 {
  margin: 20rpx 32rpx 0;
  width: 100%;
  overflow-x: auto;
}
.table .liveApplyItem.data-v-783b5b74 {
  height: 140rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 2rpx solid #3d4453;
}
.loading_hint.data-v-783b5b74 {
  background: #373e4e;
  margin-left: 32rpx;
}
.self-table.data-v-783b5b74 {
  width: 2000rpx;
}
.self-table .border-none.data-v-783b5b74::after {
  width: 0 !important;
}
.self-table .self-table-tr.data-v-783b5b74 {
  font-size: 24rpx;
  line-height: 30rpx;
}
.self-table .table-th.data-v-783b5b74 {
  line-height: 60rpx;
}
.applyTop.data-v-783b5b74 {
  background: linear-gradient(160deg, #87b5ff 0%, #4f7eff 100%);
  border-radius: 6rpx;
  padding: 18rpx 24rpx;
  margin: 16rpx 32rpx;
}
.applyTop .item.data-v-783b5b74 {
  color: #ffffff;
  font-size: 26rpx;
  line-height: 36rpx;
  margin: 7rpx 0;
}
.buttons.data-v-783b5b74 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90rpx 0;
  margin-top: 15rpx;
}
.buttons .button.data-v-783b5b74 {
  width: 156rpx;
  height: 70rpx;
  border-radius: 8rpx;
  border: 2rpx solid #979797;
  color: #747474;
  font-size: 28rpx;
  line-height: 66rpx;
  text-align: center;
  margin: 0 22rpx;
}
.buttons .button2.data-v-783b5b74 {
  background: #5b80f4;
  border-color: #5b80f4;
  color: #ffffff;
}
.buttons .button3.data-v-783b5b74 {
  background: #e7605a;
  border-color: #e7605a;
  color: #ffffff;
}
.buttons .button4.data-v-783b5b74 {
  background: #f39f2f;
  border-color: #f39f2f;
  color: #ffffff;
}
.enclosureNow.data-v-783b5b74 {
  color: #ffffff;
  margin-right: 10rpx;
  cursor: pointer;
  background: #373e4e;
  border: 1rpx solid #5d5d5d;
  font-size: 18rpx;
  line-height: 30rpx;
  border-radius: 6rpx;
  display: flex;
  align-items: center;
  margin-bottom: 5rpx;
  padding: 0 9rpx;
}
.enclosure.data-v-783b5b74 {
  color: #ffffff;
  margin-right: 20px;
  cursor: pointer;
  background: #373e4e;
  border: 2rpx solid #5d5d5d;
  font-size: 20rpx;
  line-height: 44rpx;
  border-radius: 6rpx;
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
  padding: 0 9rpx;
}
.enclosure .iconfont.data-v-783b5b74 {
  color: #4f7eff;
  font-size: 20rpx;
  margin-right: 10rpx;
}
.imgbox.data-v-783b5b74 {
  width: 100rpx;
  height: 100rpx;
  border-radius: 8rpx;
  overflow: hidden;
  position: relative;
  margin-right: 20rpx;
}
.imgbox image.data-v-783b5b74 {
  width: 100%;
  height: 100%;
}
.uploadFile.data-v-783b5b74 {
  width: 136rpx;
  height: 136rpx;
  background: rgba(91, 128, 244, 0.26);
  border: 2rpx dotted #5b80f4;
  border-radius: 6rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 60rpx;
}
.imgbox2.data-v-783b5b74 {
  width: 136rpx;
  height: 136rpx;
  overflow: inherit;
}
.imgbox2 image.data-v-783b5b74 {
  width: 100%;
  height: 100%;
  border-radius: 8rpx;
}
.imgbox2 .iconfont.data-v-783b5b74 {
  position: absolute;
  color: #ffffff;
  top: -18rpx;
  right: 0;
  font-size: 36rpx;
}
.self-checkbox.data-v-783b5b74 {
  width: 32rpx;
  height: 32rpx;
  border: 2rpx solid #979797;
  border-radius: 4rpx;
  margin: auto;
}
.self-checkbox .iconfont.data-v-783b5b74 {
  font-size: 14rpx;
  color: transparent;
}
.self-checkbox.self-checkbox-active.data-v-783b5b74 {
  border-color: #5b80f4;
  background: #5b80f4;
}
.self-checkbox.self-checkbox-active .iconfont.data-v-783b5b74 {
  color: #ffffff;
}