@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.stock-record .el-table.basic-table > .el-table__footer-wrapper::after {
  content: '';
  width: 0px;
  height: 26.4px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}

@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.futures-record .el-table.basic-table > .el-table__footer-wrapper::after {
  content: '';
  width: 0px;
  height: 26.4px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}

@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.share-option-record .el-table.basic-table > .el-table__footer-wrapper::after {
  content: '';
  width: 0px;
  height: 26.4px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}

@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.bond-record .el-table.basic-table > .el-table__footer-wrapper::after {
  content: '';
  width: 0px;
  height: 26.4px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}

@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.futures-varieties-record .el-table.basic-table > .el-table__footer-wrapper::after {
  content: '';
  width: 0px;
  height: 26.4px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}

@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.share-option-varieties-record .el-table.basic-table > .el-table__footer-wrapper::after {
  content: '';
  width: 0px;
  height: 26.4px;
  background: white;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}

@charset "UTF-8";
/* 侧边栏宽度 */
/* 折叠后的侧边栏宽度 */
/* app默认字体大小 */
/* 搜索容器高度(可动态修改) */
/* app主题色 */
/* table 配色 */
.mobile-r-real-time-profit-loss-record-sheet-container {
  height: 100vh;
  /* 搜索表单样式*/
}
.mobile-r-real-time-profit-loss-record-sheet-container .van-tabs .van-tabs__wrap .van-tabs__nav.van-tabs__nav--line.van-tabs__nav--complete {
    background: #a61c00;
}
.mobile-r-real-time-profit-loss-record-sheet-container .van-tabs .van-tabs__wrap .van-tabs__nav.van-tabs__nav--line.van-tabs__nav--complete .van-tab {
      color: #e1e1e1;
}
.mobile-r-real-time-profit-loss-record-sheet-container .van-tabs .van-tabs__wrap .van-tabs__nav.van-tabs__nav--line.van-tabs__nav--complete .van-tab--active {
      font-weight: bold;
      color: #fff;
      font-size: 16px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .van-tabs .van-tabs__wrap .van-tabs__nav.van-tabs__nav--line.van-tabs__nav--complete .van-tabs__line {
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 24px;
      height: 2px;
      background-color: #fff;
      border-radius: 3px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .c-basic-table {
    padding: 0 !important;
    background: #fff;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box {
    margin: 10px 0;
    padding: 7.5px 10px;
    min-width: 100%;
    min-height: 24px;
    padding-top: 45px;
    background: #fff;
    overflow-x: hidden;
    overflow-y: hidden;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-button {
      min-width: 170px;
      height: 40px;
      font-size: 14px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .filtrateTitle {
      text-align: center;
      font-size: 16px;
      color: #222;
      font-weight: bold;
      position: absolute;
      left: 0;
      top: 0;
      height: 55px;
      line-height: 55px;
      width: 100%;
      z-index: 2;
      background: #fff;
      box-shadow: 0px 0px 5px 0px #938c8c2b;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form {
      margin-bottom: 42px;
      /* 自定义checkbox/radio样式：主题色 */
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-form-item {
        width: 100%;
        margin: 10px 0px 0 0;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-form-item:last-of-type {
          margin: 10px 20px 0 0;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-form-item .el-form-item__label {
          font-size: 13px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-form-item .el-form-item__content {
          width: 100%;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-form-item .el-form-item__content .el-select {
            width: 100%;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-form-item .el-form-item__content .el-input__inner {
          height: 24px;
          line-height: 24px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-date-editor.el-input {
        width: 100%;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .check_tab .el-checkbox {
        position: absolute;
        right: 2px;
        top: -64px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .check_tab2 .el-checkbox {
        position: absolute;
        right: 2px;
        top: -28px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-checkbox__input + .el-checkbox__label,
      .mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-checkbox__input + .el-radio__label,
      .mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-radio__input + .el-checkbox__label,
      .mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-radio__input + .el-radio__label {
        font-weight: bold;
        color: #444;
}
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-checkbox__input.is-checked + .el-checkbox__label,
      .mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-checkbox__input.is-checked + .el-radio__label,
      .mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-radio__input.is-checked + .el-checkbox__label,
      .mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-form .el-radio__input.is-checked + .el-radio__label {
        font-weight: bold;
        color: #444;
}
.mobile-r-real-time-profit-loss-record-sheet-container .operate-search-wrap {
    display: flex;
    align-items: center;
    height: 40px;
    background: #fff;
    padding: 0 10px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .operate-search-wrap .filtrateBtn {
      color: #666666;
      position: absolute;
      right: 10px;
      font-size: 12px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .operate-search-wrap .operate-search-box {
      margin: 0 !important;
      padding: 0;
      min-height: 0px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .operate-search-wrap .query-opt-right {
      display: flex;
      align-items: center;
      justify-content: center;
      position: fixed;
      z-index: 1;
      bottom: 0;
      left: 50%;
      width: 100%;
      transform: translateX(-50%);
      padding: 10px 0;
      background: #fff;
      box-shadow: 0px 0px 5px 0px #938c8c2b;
}
.mobile-r-real-time-profit-loss-record-sheet-container .grey-select .el-select .el-input__inner,
  .mobile-r-real-time-profit-loss-record-sheet-container .grey-select .el-cascader .el-input__inner {
    width: 120px !important;
    padding: 0 10px 0 5px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table {
    height: calc(100vh - 46px - var(--searchBoxHeight, 40px)) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body {
      border-bottom: none;
      /* 自定义高亮行样式 */
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body tr > td.el-table__cell {
        border-color: #ebebeb;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body tr > td.el-table__cell.th-operate {
          background: transparent !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body tr.mo-table__row.mo-table__row--active {
        background-color: #f6e8e5 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body tr.mo-table__row.mo-table__row--active > td.el-table__cell {
          background: transparent !important;
          color: #a61c00;
          border-color: #f2f2f2;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body td .status-box {
        margin: 0 -5px;
        height: 100%;
        line-height: 25px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body td .status-box.blue-bg {
          background: #11aef2;
          animation: bg_kfr 1s forwards ease-in-out;
}
@keyframes bg_kfr {
to {
    background: transparent;
}
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-yellow,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-yellow {
      background-color: #ecddaf !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-green,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-green {
      background-color: #afb890 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell {
      border-bottom: 1px solid #ebebeb;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.color-yellow,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.color-yellow {
        color: #9a6501 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-1,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-1 {
        background: linear-gradient(to right, white, white) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-2,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-2 {
        background: linear-gradient(to right, white, #fdfcf7) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-3,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-3 {
        background: linear-gradient(to right, #fdfcf7, #fcfaf2) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-4,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-4 {
        background: linear-gradient(to right, #fcf9f2, #faf6e9) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-5,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-5 {
        background: linear-gradient(to right, #f9f5e8, #f8f2e1) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-6,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-6 {
        background: linear-gradient(to right, #f8f2e1, #f7f0db) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-7,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-7 {
        background: linear-gradient(to right, #f7f0db, #f5edd3) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-8,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-8 {
        background: linear-gradient(to right, #f5edd4, #f3eacd) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-9,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-9 {
        background: linear-gradient(to right, #f3eacc, #f2e7c8) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-10,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-10 {
        background: linear-gradient(to right, #f2e7c6, #f0e4bf) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-11,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-11 {
        background: linear-gradient(to right, #f0e4bf, #f0e4bf) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-1,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-1 {
        background: linear-gradient(to right, white, white) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-2,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-2 {
        background: linear-gradient(to right, white, #f5f6f2) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-3,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-3 {
        background: linear-gradient(to right, #f5f6f1, #edefe6) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-4,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-4 {
        background: linear-gradient(to right, #edefe5, #e5e8db) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-5,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-5 {
        background: linear-gradient(to right, #e4e7da, #dee2d1) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-6,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-6 {
        background: linear-gradient(to right, #dde1d0, #d5dac5) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-7,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-7 {
        background: linear-gradient(to right, #d6dac5, #cbd1b7) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-8,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-8 {
        background: linear-gradient(to right, #cbd1b7, #b9c0a1) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-9,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-9 {
        background: linear-gradient(to right, #b9c0a1, #b9c0a1) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table {
    height: calc(100vh - 46px - var(--searchBoxHeight, 40px)) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body {
      border-bottom: none;
      /* 自定义高亮行样式 */
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body tr > td.el-table__cell {
        border-color: #ebebeb;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body tr > td.el-table__cell.th-operate {
          background: transparent !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body tr.mo-table__row.mo-table__row--active {
        background-color: #f6e8e5 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body tr.mo-table__row.mo-table__row--active > td.el-table__cell {
          background: transparent !important;
          color: #a61c00;
          border-color: #f2f2f2;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body td .status-box {
        margin: 0 -5px;
        height: 100%;
        line-height: 25px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body td .status-box.blue-bg {
          background: #11aef2;
          animation: bg_kfr 1s forwards ease-in-out;
}
@keyframes bg_kfr {
to {
    background: transparent;
}
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-yellow,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-yellow {
      background-color: #ecddaf !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-green,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-green {
      background-color: #afb890 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell {
      border-bottom: 1px solid #ebebeb;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-1,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-1 {
        background: linear-gradient(to right, white, white) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-2,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-2 {
        background: linear-gradient(to right, #fffffe, #fcf9ef) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-3,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-3 {
        background: linear-gradient(to right, #fbf8ee, #f8f2e1) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-4,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-4 {
        background: linear-gradient(to right, #f8f2e1, #f5edd5) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-5,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-5 {
        background: linear-gradient(to right, #f5edd4, #f2e8c9) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-6,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-6 {
        background: linear-gradient(to right, #f2e8c9, #f1e6c4) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-7,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-7 {
        background: linear-gradient(to right, #f0e5c2, #eee1b8) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-8,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-8 {
        background: linear-gradient(to right, #eee1b8, #ecddb0) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-9,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-9 {
        background: linear-gradient(to right, #ecddb0, #ecddb0) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-1,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-1 {
        background: linear-gradient(to right, white, #fefefe) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-2,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-2 {
        background: linear-gradient(to right, #fffffe, #f1f2eb) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-3,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-3 {
        background: linear-gradient(to right, #f1f3eb, #e0e4d4) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-4,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-4 {
        background: linear-gradient(to right, #e0e3d3, #ced4bb) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-5,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box2 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-5 {
        background: linear-gradient(to right, #cdd2b9, #bfc7a7) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table {
    height: calc(100vh - 46px - var(--searchBoxHeight, 40px)) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body {
      border-bottom: none;
      /* 自定义高亮行样式 */
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body tr > td.el-table__cell {
        border-color: #ebebeb;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body tr > td.el-table__cell.th-operate {
          background: transparent !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body tr.mo-table__row.mo-table__row--active {
        background-color: #f6e8e5 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body tr.mo-table__row.mo-table__row--active > td.el-table__cell {
          background: transparent !important;
          color: #a61c00;
          border-color: #f2f2f2;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body td .status-box {
        margin: 0 -5px;
        height: 100%;
        line-height: 25px;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body td .status-box.blue-bg {
          background: #11aef2;
          animation: bg_kfr 1s forwards ease-in-out;
}
@keyframes bg_kfr {
to {
    background: transparent;
}
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-yellow,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-yellow {
      background-color: #ecddaf !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-green,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > th.el-table__cell.bg-green {
      background-color: #afb890 !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell,
    .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell {
      border-bottom: 1px solid #ebebeb;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-1,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-1 {
        background: linear-gradient(to right, white, white) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-2,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-2 {
        background: linear-gradient(to right, #fffffe, #fcf9ef) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-3,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-3 {
        background: linear-gradient(to right, #fbf8ee, #f8f2e1) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-4,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-4 {
        background: linear-gradient(to right, #f8f2e1, #f5edd5) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-5,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-5 {
        background: linear-gradient(to right, #f5edd4, #f2e8c9) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-6,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-6 {
        background: linear-gradient(to right, #f2e8c9, #f1e6c4) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-7,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-7 {
        background: linear-gradient(to right, #f0e5c2, #eee1b8) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-8,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-yellow-8 {
        background: linear-gradient(to right, #eee1b8, #ecddb0) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-1,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-1 {
        background: linear-gradient(to right, white, #fefefe) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-2,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-2 {
        background: linear-gradient(to right, #fffffe, #f1f2eb) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-3,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-3 {
        background: linear-gradient(to right, #f1f3eb, #e0e4d4) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-4,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-4 {
        background: linear-gradient(to right, #e0e3d3, #ced4bb) !important;
}
.mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table .el-table__body
tr.el-table__row--striped:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-5,
      .mobile-r-real-time-profit-loss-record-sheet-container .gradient-table-box3 .el-table tr:not(.current-row):not(.hover-row):not(.mo-table__row--active) > td.el-table__cell.bg-gradient-green-5 {
        background: linear-gradient(to right, #cdd2b9, #bfc7a7) !important;
}
@media screen and (max-width: 320px) {
.mobile-r-real-time-profit-loss-record-sheet-container .search-box .el-button {
      min-width: 145px !important;
      height: 40px;
      font-size: 14px;
}
}
.el-select-dropdown.el-popper.select-tradeAccountId {
  width: 100% !important;
  max-width: unset !important;
  min-width: unset !important;
  left: unset !important;
}
.el-select-dropdown.el-popper.select-tradeAccountId.is-multiple .el-select-dropdown__item {
    padding-right: 2px;
}
.el-select-dropdown.el-popper.select-tradeAccountId .paddingR_15 {
    padding-right: 15px;
}