fmui-base 2.0.53 → 2.0.55

package/lib/css/react_grid.css

@@ -1,835 +1,829 @@
-.react-grid .noTitle .t-tab-bar {
-  display: none;
-}
-.react-grid .t-tab-bar {
-  padding-left: 10px;
-}
-.react-grid .t-tab-bar .t-tab-tab {
-  font-size: 16px;
-  min-width: 95px;
-  color: #888;
-  flex: initial;
-  height: 33px;
-  line-height: 20px;
-  display: block;
-  background-color: transparent;
-}
-.react-grid .t-tab-bar .t-tab-tab div {
-  max-width: 95px;
-  padding: 0 5px;
-  height: inherit;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-}
-.react-grid .t-tab-bar .t-tab-tab-active {
-  color: #333 !important;
-  font-size: 18px;
-}
-.react-grid .t-tab-ink-bar {
-  margin-left: -38px;
-  border-radius: 4px;
-  height: 4px;
-  width: 25px !important;
-  background-color: #713938;
-}
-.react-grid .t-tab-ink-bar:after {
-  content: "";
-  display: block;
-  width: 40px;
-  height: 4px;
-  border-radius: 4px;
-  background: #713938;
-  opacity: 0.3;
-  position: absolute;
-  left: 30px;
-}
-.react-grid .t-tab-nav-wrap .t-tab-ink-bar {
-  margin-left: -31px;
-}
-.react-grid .react-grid-item.cssTransforms {
-  overflow: auto;
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
-.react-grid .react-grid-component .react-grid-banner {
-  color: #fff;
-  width: 100%;
-  height: 100%;
-  padding: 0;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 100% 100%;
-}
-.react-grid .react-grid-component .react-grid-banner .banner {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  z-index: -1;
-  width: 100%;
-}
-.react-grid .react-grid-component .react-grid-banner .banner .bannerimg {
-  z-index: 0;
-  width: 100%;
-  height: 100%;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search {
-  display: flex;
-  align-items: center;
-  padding: 16px;
-  padding-bottom: 38px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-wrapper {
-  height: 30px;
-  padding: 5px 0;
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
-  border-radius: 4px 0 0 4px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper {
-  width: 70px;
-  background: none;
-  border-right: 1px solid #ddd;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item {
-  height: 20px;
-  line-height: 20px;
-  font-size: 14px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .item-wrapper {
-  padding: 0 0 0 10px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .icon {
-  height: 20px;
-  width: 20px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .title-wrapper {
-  color: #fff;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg div {
-  display: none !important;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg {
-  font-family: "iconfont-ywtb" !important;
-  font-size: 12px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  color: #fff;
-  line-height: 18px !important;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg:before {
-  content: "\e65b";
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-list-item.active .icon svg {
-  display: none;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-panel-wrapper {
-  width: 70px;
-  overflow-y: auto;
-  box-shadow: 0 2px 5px #ddd;
-  margin-top: 5px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-field {
-  flex: 1;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-field-box {
-  min-height: 30px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content {
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
-  height: 30px;
-  border-radius: 0 4px 4px 0;
-  padding-left: 10px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
-  color: #fff;
-  padding: 5px 0 2px 0;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-placeholder {
-  color: #fff;
-  font-size: 14px;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-input {
-  color: #fff;
-}
-.react-grid .react-grid-component .react-grid-banner .global-search input.t-text-field-input:focus,
-.react-grid .react-grid-component .react-grid-banner .global-search textarea.t-textarea-field-content:focus {
-  border: none;
-  box-shadow: none;
-}
-.react-grid .react-grid-component .react-grid-banner .t-grid {
-  margin: 0 8px;
-  border: none;
-}
-.react-grid .react-grid-component .react-grid-banner .t-grid .t-grid-row {
-  width: 100%;
-  padding: 10px 0;
-  border-bottom: none;
-  text-align: center;
-}
-.react-grid .react-grid-component .react-grid-banner .t-grid .t-grid-item + .t-grid-item {
-  border-left: none;
-}
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .t-badge {
-  width: 40px;
-  height: 40px;
-  background: #fff;
-  border-radius: 50%;
-  line-height: 40px;
-}
-.react-grid .react-grid-component .react-grid-banner .react-grid-banner-item i {
-  font-size: 20px;
-}
-.react-grid .react-grid-component .react-grid-banner .menu-title {
-  margin: 4px 0;
-  color: #fff;
-}
-.react-grid .react-grid-component .react-grid-banner .t-badge .badge-inner {
-  line-height: 1.3;
-  height: auto;
-  font-weight: 400;
-  padding: 0 5px;
-  top: 9px;
-  right: -2px;
-  border: 2px solid #fff;
-}
-.react-grid .systemItem {
-  display: inline-block;
-  text-align: center;
-  width: fit-content;
-  vertical-align: top;
-  padding-top: 16px;
-}
-.react-grid .systemItem .iconblock {
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  margin: 0 auto;
-  border-radius: 3px;
-  color: #fff;
-}
-.react-grid .systemItem .iconblock.t-iconBCred {
-  background-image: linear-gradient(180deg, #BF6052 7%, #AB5548 100%);
-}
-.react-grid .systemItem .iconblock.t-iconBCblue {
-  background-image: linear-gradient(180deg, #1E65BB 0%, #1054A7 100%);
-}
-.react-grid .systemItem .iconblock.t-iconBCgreen {
-  background-image: linear-gradient(180deg, #2CCDB7 0%, #15B49E 100%);
-}
-.react-grid .systemItem .iconblock.t-iconBCorange {
-  background-image: linear-gradient(180deg, #ECCCA1 0%, #E4C294 100%);
-}
-.react-grid .systemItem .iconblock.t-iconBCpurple {
-  background-image: linear-gradient(180deg, #abacff, #7ca6ff);
-}
-.react-grid .systemItem .iconblock.t-iconBCgray {
-  background-image: linear-gradient(180deg, #c1d1d7, #97b0bd);
-}
-.react-grid .systemItem .iconfont {
-  font-size: 20px;
-}
-.react-grid .systemItem .text {
-  color: #000;
-  text-align: center;
-  font-size: 14px;
-}
-.react-grid .react-app-collect {
-  position: relative;
-  height: 100%;
-}
-.react-grid .react-app-collect .t-grid .t-grid-item + .t-grid-item {
-  border-left: none;
-}
-.react-grid .react-app-collect .t-grid .t-grid-row {
-  border-bottom: none;
-}
-.react-grid .react-app-collect .t-grid.t-has-line {
-  border-top: none;
-}
-.react-grid .component-bssx {
-  position: relative;
-}
-.react-grid .component-bssx .rightMore {
-  position: absolute;
-  right: 10px;
-  color: #999;
-  z-index: 999;
-  padding: 2px;
-  font-size: 14px;
-}
-.react-grid .banshi-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  padding: 10px 16px 16px 16px;
-  padding-bottom: 0;
-}
-.react-grid .banshi-list .banshi-item {
-  width: calc(50% - 8px);
-  background: #FEF8E8;
-  border-radius: 8px;
-  margin: 6px 0;
-  padding: 10px;
-  padding-right: 60px;
-  position: relative;
-  height: 60px;
-}
-.react-grid .banshi-list .banshi-item .title {
-  font-size: 14px;
-}
-.react-grid .banshi-list .banshi-item .describe {
-  font-size: 12px;
-  color: #9A968D;
-}
-.react-grid .banshi-list .banshi-item .iconfont-ywtb.ic {
-  position: absolute;
-  right: 16px;
-  top: 0;
-  line-height: 60px;
-  font-size: 30px;
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
-  position: absolute;
-  right: 0;
-  top: -15px;
-  bottom: 0;
-  font-size: 60px;
-  opacity: 0.16;
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.react-grid .banshi-list .banshi-item:nth-child(1) {
-  background: #FEF8E8;
-}
-.react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.ic,
-.react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.bg {
-  background-image: linear-gradient(to bottom, #FFA92B 20%, #FFD253 80%);
-  color: #FFA92B;
-}
-.react-grid .banshi-list .banshi-item:nth-child(2) {
-  background: #FFF1F2;
-}
-.react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.ic,
-.react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.bg {
-  background-image: linear-gradient(to bottom, #FF766D 20%, #FDAD78 80%);
-  color: #FF766D;
-}
-.react-grid .banshi-list .banshi-item:nth-child(3) {
-  background: #DFF0FF;
-}
-.react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.ic,
-.react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.bg {
-  background-image: linear-gradient(106deg, #1990F0 20%, #73D2FF 80%);
-  color: #1990F0;
-}
-.react-grid .banshi-list .banshi-item:nth-child(4) {
-  background: #DEF8F7;
-}
-.react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.ic,
-.react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.bg {
-  background-image: linear-gradient(to bottom, #00C1CE 20%, #65DBD8 80%);
-  color: #00C1CE;
-}
-.react-grid .banshi-list .banshi-item:nth-child(5) {
-  background: #FEF5F3;
-}
-.react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.ic,
-.react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.bg {
-  background-image: linear-gradient(to bottom, #FF7661 20%, #FBA772 80%);
-  color: #FF7661;
-}
-.react-grid .banshi-list .banshi-item:nth-child(6) {
-  background: #EFF5FF;
-}
-.react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.ic,
-.react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.bg {
-  background-image: linear-gradient(to bottom, #686BC9 20%, #A2A8FA 80%);
-  color: #686BC9;
-}
-.react-grid .carousel-notice.t-slide {
-  margin: 16px;
-  border-radius: 5px;
-}
-.react-grid .carousel-notice.t-slide .t-slide-item {
-  background-size: 100% 100%;
-}
-.react-grid .carousel-notice.t-slide .t-slide-item-inner {
-  background-size: 100% 100%;
-  background-repeat: no-repeat;
-}
-.react-grid .carousel-notice.t-slide .t-slide-item img {
-  display: none;
-}
-.react-grid .carousel-notice.t-slide .notice-card-head {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 16px;
-}
-.react-grid .carousel-notice.t-slide .notice-card-head span {
-  font-size: 20px;
-  font-weight: 700;
-}
-.react-grid .carousel-notice.t-slide .notice-card-head .t-button {
-  height: 26px;
-  line-height: 26px;
-  font-size: 14px;
-  padding: 0 16px;
-  margin: 0;
-  background-color: rgba(113, 57, 56, 0.1);
-  color: #713938;
-}
-.react-grid .jxzt-content {
-  margin: 0 16px;
-}
-.react-grid .jxzt-content .t-image-slide-item {
-  background-image: url(/mobile/fmui/images/notice-card-bg.png);
-  background-size: 100% 100%;
-  border-radius: 10px;
-}
-.react-grid .jxzt-content .t-slide-view {
-  height: 91px;
-}
-.react-grid .infoList {
-  margin: 0 16px;
-  padding: 10px 0;
-  border-bottom: 1px solid #e9e9e9;
-}
-.react-grid .infoList .infoContent {
-  display: flex;
-  justify-content: space-between;
-}
-.react-grid .infoList .infoContent .rightContent {
-  flex: 1;
-}
-.react-grid .infoList .infoContent p:first-child {
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  display: -webkit-box;
-  font-size: 16px;
-  text-align: left;
-  color: #000000;
-  line-height: 22.5px;
-  margin-bottom: 5px;
-  word-break: break-all;
-}
-.react-grid .infoList .infoContent p:last-child {
-  display: flex;
-  align-items: center;
-}
-.react-grid .infoList .infoContent p:last-child img {
-  margin: 0 0.1667rem 0 0;
-  width: 0.3467rem;
-  height: 0.2933rem;
-}
-.react-grid .infoList .infoContent p:last-child span {
-  margin: 0 10px 0 0;
-  text-align: left;
-  color: #00000066;
-  line-height: 1.3;
-  word-break: break-all;
-}
-.react-grid .infoList .infoContent .imgContent img {
-  margin: auto;
-  width: 2.96rem;
-  height: 1.9333rem;
-  border-radius: 0.1067rem;
-}
-.react-grid .infoList:last-of-type {
-  border-bottom: none;
-}
-.react-grid .infoList3 {
-  background-color: #fff;
-  padding-top: 0.2667rem;
-  padding-left: 0.2667rem;
-  padding-right: 0.2667rem;
-}
-.react-grid .infoList3 .infoContent {
-  border-bottom: 0.0267rem solid #dcdcdc;
-  padding-bottom: 0.2667rem;
-}
-.react-grid .infoList3 .infoContent p:first-child {
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  display: -webkit-box;
-  font-size: 16px;
-  font-weight: 400;
-  text-align: left;
-  color: #000000;
-  line-height: 22.5px;
-  margin-bottom: 0.2667rem;
-}
-.react-grid .infoList3 .infoContent p:last-child {
-  display: flex;
-  align-items: center;
-}
-.react-grid .infoList3 .infoContent p:last-child img {
-  margin: 0 0.1667rem 0 0;
-  width: 0.3467rem;
-  height: 0.2933rem;
-}
-.react-grid .infoList3 .infoContent p:last-child span {
-  margin: 0 10px 0 0;
-  font-size: 12px;
-  font-weight: 400;
-  text-align: left;
-  color: #00000066;
-  line-height: 1.3;
-  word-break: break-all;
-}
-.react-grid .infoList3 .infoContent .infoPics {
-  margin-bottom: 0.2667rem;
-  display: flex;
-  justify-content: space-between;
-}
-.react-grid .infoList3 .infoContent .infoPics img {
-  width: 2.8667rem;
-  height: 1.9333rem;
-  border-radius: 0.1067rem;
-}
-.react-grid .info-more-btn {
-  color: #999;
-  padding: 10px 16px;
-  margin: 0 auto;
-  width: 100px;
-}
-.react-grid .calendar-title,
-.react-grid .show-all-content {
-  display: none;
-}
-.react-grid .calendar-container {
-  background: transparent;
-}
-.react-grid .calendar-week {
-  height: 20px;
-}
-.react-grid .calendar-week div {
-  height: 20px;
-  line-height: 20px;
-}
-.react-grid .calendar-wrap {
-  border-bottom: none;
-  margin-bottom: 10px;
-}
-.react-grid .calendar-content .canChoose-active span,
-.react-grid .calendar-content div.today span {
-  color: #713938 !important;
-}
-.react-grid .calendar-content .canChoose-active span {
-  background: #F6F6F6 !important;
-}
-.react-grid .calendar-content div.today span {
-  background: #F6F6F6 !important;
-}
-.react-grid .calendar-content span.hasEvent:before {
-  color: #FAB88D !important;
-}
-.react-grid .rc-list .rc-item {
-  padding: 5px 16px 5px 10px;
-}
-.react-grid .rc-list .rc-item-time {
-  width: 40px;
-  color: #999;
-  font-size: 14px;
-  text-align: center;
-}
-.react-grid .rc-list .rc-item-time-line {
-  position: absolute;
-  top: 36px;
-  left: 22px;
-  color: #999;
-}
-.react-grid .rc-list .rc-item-title {
-  padding: 0 16px;
-  background: #FFF6F5;
-  border-radius: 4px;
-  line-height: 36px;
-  height: 36px;
-  margin-left: 10px;
-}
-.react-grid .rc-item.rc-completed .rc-item-title {
-  color: #ccc;
-  background: #F9F9FA;
-}
-.react-grid .rc-item:last-of-type .rc-item-time-line {
-  display: none;
-}
-.react-grid .meetingCard {
-  width: 100%;
-  background: transparent;
-  padding: 8px;
-  position: relative;
-}
-.react-grid .meetingCard .lineTop {
-  position: absolute;
-  top: 0;
-  left: 10px;
-  width: calc(100% - 20px);
-  height: 16px;
-  background: #713938;
-  border-radius: 8px;
-}
-.react-grid .meetingCard .meetingBg {
-  padding: 15px;
-  margin: 0 15px;
-  width: calc(100% - 30px);
-  background: #fff;
-  position: relative;
-  border-radius: 0 0 8px 8px;
-  box-shadow: 0 2px 6px 0 #eee;
-}
-.react-grid .meetingCard .meetingContent .meetingTitle {
-  padding-bottom: 10px;
-  border-bottom: 1px dashed #dcdcdc;
-}
-.react-grid .meetingCard .meetingContent .meetingTitle p {
-  font-size: 16px;
-  font-weight: 400;
-  text-align: left;
-  color: #000000;
-  word-break: break-all;
-}
-.react-grid .meetingCard .meetingTime {
-  height: 70%;
-  padding-top: 0.2667rem;
-}
-.react-grid .meetingCard .meetingTime .meetingDate {
-  color: #737373;
-  font-size: 14px;
-  display: flex;
-  align-items: center;
-}
-.react-grid .meetingCard .meetingTime .meetingDate .iconfont {
-  color: #BCC2C6;
-}
-.react-grid .meetingCard .meetingTime .timeTitle {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  color: #B8B8B8;
-  margin: 20px 20px 10px 20px;
-}
-.react-grid .meetingCard .meetingTime .time {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  margin-top: 0;
-  padding: 0 16px;
-}
-.react-grid .meetingCard .meetingTime .time li {
-  list-style-type: none;
-}
-.react-grid .meetingCard .meetingTime .time li:first-child {
-  width: 30%;
-  font-size: 25px;
-  font-weight: 700;
-  text-align: left;
-  color: #000000;
-}
-.react-grid .meetingCard .meetingTime .time li:nth-child(2) {
-  width: 40%;
-  position: relative;
-}
-.react-grid .meetingCard .meetingTime .time li:nth-child(2) p {
-  background: #713938;
-  border-radius: 11px;
-  color: #fff;
-  text-align: center;
-  height: 22px;
-  width: 90px;
-  line-height: 22px;
-  margin: auto;
-}
-.react-grid .meetingCard .meetingTime .time li:nth-child(2)::before,
-.react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
-  content: "";
-  display: block;
-  width: calc((100% - 90px) / 2);
-  height: 1px;
-  background-color: #713938;
-  position: absolute;
-}
-.react-grid .meetingCard .meetingTime .time li:nth-child(2)::before {
-  top: 10px;
-  left: 0;
-}
-.react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
-  top: 10px;
-  right: 0;
-}
-.react-grid .meetingCard .meetingTime .time li:last-child {
-  width: 30%;
-  font-size: 25px;
-  font-weight: 700;
-  text-align: right;
-  color: #000000;
-}
-.react-grid .meetingCard .meetingTime .location {
-  margin-top: 0.5333rem;
-  color: #737373;
-  font-size: 14px;
-  font-weight: 400;
-  text-align: left;
-}
-.react-grid .meetingCard .meetingTime .location .iconfont {
-  color: #BCC2C6;
-}
-.react-grid .meetingCard .startIcon {
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  width: 2rem;
-}
-.react-grid .emailListItem {
-  height: 1.8rem;
-  border-bottom: 0.0267rem solid #dcdcdc;
-  display: flex;
-  position: relative;
-  justify-content: space-between;
-  align-items: center;
-  background-color: #fff;
-}
-.react-grid .emailListItem .leftPic {
-  width: 20%;
-  height: 80%;
-  display: flex;
-  text-align: center;
-  position: relative;
-}
-.react-grid .emailListItem .leftPic .emailIcon {
-  margin: auto;
-  width: 1.0667rem;
-  height: 1.0667rem;
-}
-.react-grid .emailListItem .leftPic .badge {
-  width: 0.4rem;
-  height: 0.4rem;
-  position: absolute;
-  top: 0.2667rem;
-  right: 0.3467rem;
-}
-.react-grid .emailListItem .rightContent {
-  width: 80%;
-}
-.react-grid .emailListItem .rightContent .sendUserName {
-  font-size: 16px;
-  font-weight: 700;
-  color: #000;
-}
-.react-grid .emailListItem .rightContent .content {
-  font-size: 14px;
-  font-weight: 400;
-  text-align: left;
-  color: #000000B3;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.react-grid .emailListItem .emailTime {
-  position: absolute;
-  top: 0.2667rem;
-  right: 0.2667rem;
-  font-size: 12px;
-  font-weight: 400;
-  color: #00000066;
-}
-.react-grid .approveList {
-  margin: 0 auto 10px auto;
-  width: 9.1467rem;
-  background-color: #fff;
-  overflow: hidden;
-  border-radius: 6px;
-}
-.react-grid .approveList .t-FBH {
-  justify-content: space-between;
-}
-.react-grid .approveList .time-tag {
-  background: #fce68f;
-  padding: 8px 16px;
-  border-radius: 0 0 16px 0;
-  color: #806207;
-}
-.react-grid .approveList .urgency-tag {
-  text-align: center;
-  height: 22px;
-  line-height: 22px;
-  font-size: 12px;
-  color: #fff;
-  margin-top: 6px;
-  padding: 0 16px;
-  border-radius: 12px 0 0 12px;
-}
-.react-grid .documentList {
-  margin: 0 auto 10px auto;
-  width: 9.1467rem;
-  background-color: #fff;
-  overflow: hidden;
-  border-radius: 6px;
-}
-.react-grid .documentList .t-tag-red {
-  line-height: 16px;
-  border: 1px solid #d6403b;
-}
-.react-grid .personal-tab {
-  color: red;
-}
-.react-grid .department-tab {
-  color: blue;
-}
-.react-grid .list-RT-label .list-item .item-title::before {
-  background: #713938;
-}
-.react-grid .list-RT-label .list-item {
-  margin: 10px 16px;
-}
-.react-grid .rightMore {
-  position: absolute;
-  right: 10px;
-  color: #999;
-  z-index: 999;
-  padding: 2px;
-  font-size: 14px;
-}
-.react-grid .rightMore .iconfont-ywtb {
-  font-size: 7px;
-}
-.react-grid .sxbl_buttons {
-  border-top: none !important;
-  padding: 0 16px;
-}
-.react-grid .sxbl_buttons button {
-  width: 98%;
-  height: 35px;
-  margin-bottom: 10px;
-  background: rgba(112, 58, 58, 0.12);
-  border: 2px solid #703a3a;
-  border-radius: 4px;
-  font-size: 16px;
-  color: #703A3A;
-}
-.react-grid .sxbl_buttons .t-grid-row {
-  border-bottom: none !important;
-}
-.react-grid .wdsx-list .list-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.react-grid .wdsx-list .list-item .item-content {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: initial;
-}
-.react-grid .t-grid-item + .t-grid-item {
-  border-left: none !important;
-}
+.react-grid .noTitle .t-tab-bar {
+  display: none;
+}
+.react-grid .t-tab-bar {
+  padding-left: 6px;
+}
+.react-grid .t-tab-bar .t-tab-tab {
+  font-size: 16px;
+  min-width: 95px;
+  color: #888;
+  flex: initial;
+  padding: 0 10px;
+  height: 33px;
+  line-height: 20px;
+  display: block;
+  background-color: transparent;
+}
+.react-grid .t-tab-bar .t-tab-tab div {
+  min-width: 81px;
+  height: inherit;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+.react-grid .t-tab-bar .t-tab-tab-active {
+  color: #333 !important;
+  font-size: 18px;
+}
+.react-grid .t-tab-ink-bar {
+  margin-left: -33px;
+  border-radius: 4px;
+  height: 4px;
+  width: 25px !important;
+  background-color: #713938;
+}
+.react-grid .t-tab-ink-bar:after {
+  content: "";
+  display: block;
+  width: 40px;
+  height: 4px;
+  border-radius: 4px;
+  background: #713938;
+  opacity: 0.3;
+  position: absolute;
+  left: 30px;
+}
+.react-grid .t-tab-nav-wrap .t-tab-ink-bar {
+  margin-left: -28px;
+}
+.react-grid .react-grid-item.cssTransforms {
+  overflow: auto;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.react-grid .react-grid-component .react-grid-banner {
+  color: #fff;
+  width: 100%;
+  height: 100%;
+  padding: 0;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+}
+.react-grid .react-grid-component .react-grid-banner .banner {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  width: 100%;
+}
+.react-grid .react-grid-component .react-grid-banner .banner .bannerimg {
+  z-index: 0;
+  width: 100%;
+  height: 100%;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search {
+  display: flex;
+  align-items: center;
+  padding: 16px;
+  padding-bottom: 38px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-wrapper {
+  height: 30px;
+  padding: 5px 0;
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
+  border-radius: 4px 0 0 4px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper {
+  width: 70px;
+  background: none;
+  border-right: 1px solid #ddd;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item {
+  height: 20px;
+  line-height: 20px;
+  font-size: 14px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .item-wrapper {
+  padding: 0 0 0 10px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .icon {
+  height: 20px;
+  width: 20px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .title-wrapper {
+  color: #fff;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg div {
+  display: none !important;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg {
+  font-family: "iconfont-ywtb" !important;
+  font-size: 12px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  color: #fff;
+  line-height: 18px !important;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-bar-wrapper .item .t-svg:before {
+  content: "\e65b";
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-list-item.active .icon svg {
+  display: none;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-filter-panel-wrapper {
+  width: 70px;
+  overflow-y: auto;
+  box-shadow: 0 2px 5px #ddd;
+  margin-top: 5px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-field {
+  flex: 1;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-field-box {
+  min-height: 30px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content {
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.6) 100%);
+  height: 30px;
+  border-radius: 0 4px 4px 0;
+  padding-left: 10px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-content .t-text-field-right-addon {
+  color: #fff;
+  padding: 5px 0 2px 0;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-placeholder {
+  color: #fff;
+  font-size: 14px;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search .t-text-field-input {
+  color: #fff;
+}
+.react-grid .react-grid-component .react-grid-banner .global-search input.t-text-field-input:focus,
+.react-grid .react-grid-component .react-grid-banner .global-search textarea.t-textarea-field-content:focus {
+  border: none;
+  box-shadow: none;
+}
+.react-grid .react-grid-component .react-grid-banner .t-grid {
+  margin: 0 8px;
+  border: none;
+}
+.react-grid .react-grid-component .react-grid-banner .t-grid .t-grid-row {
+  width: 100%;
+  padding: 10px 0;
+  border-bottom: none;
+  text-align: center;
+}
+.react-grid .react-grid-component .react-grid-banner .t-grid .t-grid-item + .t-grid-item {
+  border-left: none;
+}
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-item .t-badge {
+  width: 40px;
+  height: 40px;
+  background: #fff;
+  border-radius: 50%;
+  line-height: 40px;
+}
+.react-grid .react-grid-component .react-grid-banner .react-grid-banner-item i {
+  font-size: 20px;
+}
+.react-grid .react-grid-component .react-grid-banner .menu-title {
+  margin: 4px 0;
+  color: #fff;
+}
+.react-grid .react-grid-component .react-grid-banner .t-badge .badge-inner {
+  line-height: 1.3;
+  height: auto;
+  font-weight: 400;
+  padding: 0 5px;
+  top: 9px;
+  right: -2px;
+  border: 2px solid #fff;
+}
+.react-grid .systemItem {
+  display: inline-block;
+  text-align: center;
+  width: fit-content;
+  vertical-align: top;
+  padding-top: 16px;
+}
+.react-grid .systemItem .iconblock {
+  width: 40px;
+  height: 40px;
+  line-height: 40px;
+  margin: 0 auto;
+  border-radius: 3px;
+  color: #fff;
+}
+.react-grid .systemItem .iconblock.t-iconBCred {
+  background-image: linear-gradient(180deg, #BF6052 7%, #AB5548 100%);
+}
+.react-grid .systemItem .iconblock.t-iconBCblue {
+  background-image: linear-gradient(180deg, #1E65BB 0%, #1054A7 100%);
+}
+.react-grid .systemItem .iconblock.t-iconBCgreen {
+  background-image: linear-gradient(180deg, #2CCDB7 0%, #15B49E 100%);
+}
+.react-grid .systemItem .iconblock.t-iconBCorange {
+  background-image: linear-gradient(180deg, #ECCCA1 0%, #E4C294 100%);
+}
+.react-grid .systemItem .iconblock.t-iconBCpurple {
+  background-image: linear-gradient(180deg, #abacff, #7ca6ff);
+}
+.react-grid .systemItem .iconblock.t-iconBCgray {
+  background-image: linear-gradient(180deg, #c1d1d7, #97b0bd);
+}
+.react-grid .systemItem .iconfont {
+  font-size: 20px;
+}
+.react-grid .systemItem .text {
+  color: #000;
+  text-align: center;
+  font-size: 14px;
+}
+.react-grid .react-app-collect {
+  position: relative;
+  height: 100%;
+}
+.react-grid .react-app-collect .t-grid .t-grid-item + .t-grid-item {
+  border-left: none;
+}
+.react-grid .react-app-collect .t-grid .t-grid-row {
+  border-bottom: none;
+}
+.react-grid .react-app-collect .t-grid.t-has-line {
+  border-top: none;
+}
+.react-grid .component-bssx {
+  position: relative;
+}
+.react-grid .component-bssx .rightMore {
+  position: absolute;
+  right: 10px;
+  color: #999;
+  z-index: 999;
+  padding: 2px;
+  font-size: 14px;
+}
+.react-grid .banshi-list {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 16px;
+  padding-bottom: 0;
+}
+.react-grid .banshi-list .banshi-item {
+  width: calc(50% - 8px);
+  background: #FEF8E8;
+  border-radius: 8px;
+  margin: 6px 0;
+  padding: 10px;
+  padding-right: 60px;
+  position: relative;
+  height: 60px;
+}
+.react-grid .banshi-list .banshi-item .title {
+  font-size: 14px;
+}
+.react-grid .banshi-list .banshi-item .describe {
+  font-size: 12px;
+  color: #9A968D;
+}
+.react-grid .banshi-list .banshi-item .iconfont-ywtb.ic {
+  position: absolute;
+  right: 16px;
+  top: 0;
+  line-height: 60px;
+  font-size: 30px;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.react-grid .banshi-list .banshi-item .iconfont-ywtb.bg {
+  position: absolute;
+  right: 0;
+  top: -15px;
+  bottom: 0;
+  font-size: 60px;
+  opacity: 0.16;
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.react-grid .banshi-list .banshi-item:nth-child(1) {
+  background: #FEF8E8;
+}
+.react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.ic,
+.react-grid .banshi-list .banshi-item:nth-child(1) .iconfont-ywtb.bg {
+  background-image: linear-gradient(to bottom, #FFA92B 20%, #FFD253 80%);
+  color: #FFA92B;
+}
+.react-grid .banshi-list .banshi-item:nth-child(2) {
+  background: #FFF1F2;
+}
+.react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.ic,
+.react-grid .banshi-list .banshi-item:nth-child(2) .iconfont-ywtb.bg {
+  background-image: linear-gradient(to bottom, #FF766D 20%, #FDAD78 80%);
+  color: #FF766D;
+}
+.react-grid .banshi-list .banshi-item:nth-child(3) {
+  background: #DFF0FF;
+}
+.react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.ic,
+.react-grid .banshi-list .banshi-item:nth-child(3) .iconfont-ywtb.bg {
+  background-image: linear-gradient(106deg, #1990F0 20%, #73D2FF 80%);
+  color: #1990F0;
+}
+.react-grid .banshi-list .banshi-item:nth-child(4) {
+  background: #DEF8F7;
+}
+.react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.ic,
+.react-grid .banshi-list .banshi-item:nth-child(4) .iconfont-ywtb.bg {
+  background-image: linear-gradient(to bottom, #00C1CE 20%, #65DBD8 80%);
+  color: #00C1CE;
+}
+.react-grid .banshi-list .banshi-item:nth-child(5) {
+  background: #FEF5F3;
+}
+.react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.ic,
+.react-grid .banshi-list .banshi-item:nth-child(5) .iconfont-ywtb.bg {
+  background-image: linear-gradient(to bottom, #FF7661 20%, #FBA772 80%);
+  color: #FF7661;
+}
+.react-grid .banshi-list .banshi-item:nth-child(6) {
+  background: #EFF5FF;
+}
+.react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.ic,
+.react-grid .banshi-list .banshi-item:nth-child(6) .iconfont-ywtb.bg {
+  background-image: linear-gradient(to bottom, #686BC9 20%, #A2A8FA 80%);
+  color: #686BC9;
+}
+.react-grid .carousel-notice.t-slide {
+  margin: 16px;
+  border-radius: 5px;
+}
+.react-grid .carousel-notice.t-slide .t-slide-item {
+  padding: 16px;
+  background-size: 100% 100%;
+}
+.react-grid .carousel-notice.t-slide .t-slide-item img {
+  display: none;
+}
+.react-grid .carousel-notice.t-slide .notice-card-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+.react-grid .carousel-notice.t-slide .notice-card-head span {
+  font-size: 20px;
+  font-weight: 700;
+}
+.react-grid .carousel-notice.t-slide .notice-card-head .t-button {
+  height: 26px;
+  line-height: 26px;
+  font-size: 14px;
+  padding: 0 16px;
+  margin: 0;
+  background-color: rgba(113, 57, 56, 0.1);
+  color: #713938;
+}
+.react-grid .jxzt-content {
+  margin: 0 16px;
+}
+.react-grid .jxzt-content .t-image-slide-item {
+  background-image: url(/mobile/fmui/images/notice-card-bg.png);
+  background-size: 100% 100%;
+  border-radius: 10px;
+}
+.react-grid .jxzt-content .t-slide-view {
+  height: 91px;
+}
+.react-grid .infoList {
+  margin: 0 16px;
+  padding: 10px 0;
+  border-bottom: 1px solid #e9e9e9;
+}
+.react-grid .infoList .infoContent {
+  display: flex;
+  justify-content: space-between;
+}
+.react-grid .infoList .infoContent .rightContent {
+  flex: 1;
+}
+.react-grid .infoList .infoContent p:first-child {
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  font-size: 16px;
+  text-align: left;
+  color: #000000;
+  line-height: 22.5px;
+  margin-bottom: 5px;
+  word-break: break-all;
+}
+.react-grid .infoList .infoContent p:last-child {
+  display: flex;
+  align-items: center;
+}
+.react-grid .infoList .infoContent p:last-child img {
+  margin: 0 0.1667rem 0 0;
+  width: 0.3467rem;
+  height: 0.2933rem;
+}
+.react-grid .infoList .infoContent p:last-child span {
+  margin: 0 10px 0 0;
+  text-align: left;
+  color: #00000066;
+  line-height: 1.3;
+  word-break: break-all;
+}
+.react-grid .infoList .infoContent .imgContent img {
+  margin: auto;
+  width: 2.96rem;
+  height: 1.9333rem;
+  border-radius: 0.1067rem;
+}
+.react-grid .infoList:last-of-type {
+  border-bottom: none;
+}
+.react-grid .infoList3 {
+  background-color: #fff;
+  padding-top: 0.2667rem;
+  padding-left: 0.2667rem;
+  padding-right: 0.2667rem;
+}
+.react-grid .infoList3 .infoContent {
+  border-bottom: 0.0267rem solid #dcdcdc;
+  padding-bottom: 0.2667rem;
+}
+.react-grid .infoList3 .infoContent p:first-child {
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  display: -webkit-box;
+  font-size: 16px;
+  font-weight: 400;
+  text-align: left;
+  color: #000000;
+  line-height: 22.5px;
+  margin-bottom: 0.2667rem;
+}
+.react-grid .infoList3 .infoContent p:last-child {
+  display: flex;
+  align-items: center;
+}
+.react-grid .infoList3 .infoContent p:last-child img {
+  margin: 0 0.1667rem 0 0;
+  width: 0.3467rem;
+  height: 0.2933rem;
+}
+.react-grid .infoList3 .infoContent p:last-child span {
+  margin: 0 10px 0 0;
+  font-size: 12px;
+  font-weight: 400;
+  text-align: left;
+  color: #00000066;
+  line-height: 1.3;
+  word-break: break-all;
+}
+.react-grid .infoList3 .infoContent .infoPics {
+  margin-bottom: 0.2667rem;
+  display: flex;
+  justify-content: space-between;
+}
+.react-grid .infoList3 .infoContent .infoPics img {
+  width: 2.8667rem;
+  height: 1.9333rem;
+  border-radius: 0.1067rem;
+}
+.react-grid .info-more-btn {
+  color: #999;
+  padding: 10px 16px;
+  margin: 0 auto;
+  width: 100px;
+}
+.react-grid .calendar-title,
+.react-grid .show-all-content {
+  display: none;
+}
+.react-grid .calendar-container {
+  background: transparent;
+}
+.react-grid .calendar-week {
+  height: 20px;
+}
+.react-grid .calendar-week div {
+  height: 20px;
+  line-height: 20px;
+}
+.react-grid .calendar-wrap {
+  border-bottom: none;
+  margin-bottom: 10px;
+}
+.react-grid .calendar-content .canChoose-active span,
+.react-grid .calendar-content div.today span {
+  color: #713938 !important;
+}
+.react-grid .calendar-content .canChoose-active span {
+  background: #F6F6F6 !important;
+}
+.react-grid .calendar-content div.today span {
+  background: #F6F6F6 !important;
+}
+.react-grid .calendar-content span.hasEvent:before {
+  color: #FAB88D !important;
+}
+.react-grid .rc-list .rc-item {
+  padding: 5px 16px 5px 10px;
+}
+.react-grid .rc-list .rc-item-time {
+  width: 40px;
+  color: #999;
+  font-size: 14px;
+  text-align: center;
+}
+.react-grid .rc-list .rc-item-time-line {
+  position: absolute;
+  top: 36px;
+  left: 22px;
+  color: #999;
+}
+.react-grid .rc-list .rc-item-title {
+  padding: 0 16px;
+  background: #FFF6F5;
+  border-radius: 4px;
+  line-height: 36px;
+  height: 36px;
+  margin-left: 10px;
+}
+.react-grid .rc-item.rc-completed .rc-item-title {
+  color: #ccc;
+  background: #F9F9FA;
+}
+.react-grid .rc-item:last-of-type .rc-item-time-line {
+  display: none;
+}
+.react-grid .meetingCard {
+  width: 100%;
+  background: transparent;
+  padding: 8px;
+  position: relative;
+}
+.react-grid .meetingCard .lineTop {
+  position: absolute;
+  top: 0;
+  left: 10px;
+  width: calc(100% - 20px);
+  height: 16px;
+  background: #713938;
+  border-radius: 8px;
+}
+.react-grid .meetingCard .meetingBg {
+  padding: 15px;
+  margin: 0 15px;
+  width: calc(100% - 30px);
+  background: #fff;
+  position: relative;
+  border-radius: 0 0 8px 8px;
+  box-shadow: 0 2px 6px 0 #eee;
+}
+.react-grid .meetingCard .meetingContent .meetingTitle {
+  padding-bottom: 10px;
+  border-bottom: 1px dashed #dcdcdc;
+}
+.react-grid .meetingCard .meetingContent .meetingTitle p {
+  font-size: 16px;
+  font-weight: 400;
+  text-align: left;
+  color: #000000;
+  word-break: break-all;
+}
+.react-grid .meetingCard .meetingTime {
+  height: 70%;
+  padding-top: 0.2667rem;
+}
+.react-grid .meetingCard .meetingTime .meetingDate {
+  color: #737373;
+  font-size: 14px;
+  display: flex;
+  align-items: center;
+}
+.react-grid .meetingCard .meetingTime .meetingDate .iconfont {
+  color: #BCC2C6;
+}
+.react-grid .meetingCard .meetingTime .timeTitle {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  color: #B8B8B8;
+  margin: 20px 20px 10px 20px;
+}
+.react-grid .meetingCard .meetingTime .time {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  margin-top: 0;
+  padding: 0 16px;
+}
+.react-grid .meetingCard .meetingTime .time li {
+  list-style-type: none;
+}
+.react-grid .meetingCard .meetingTime .time li:first-child {
+  width: 30%;
+  font-size: 25px;
+  font-weight: 700;
+  text-align: left;
+  color: #000000;
+}
+.react-grid .meetingCard .meetingTime .time li:nth-child(2) {
+  width: 40%;
+  position: relative;
+}
+.react-grid .meetingCard .meetingTime .time li:nth-child(2) p {
+  background: #713938;
+  border-radius: 11px;
+  color: #fff;
+  text-align: center;
+  height: 22px;
+  width: 90px;
+  line-height: 22px;
+  margin: auto;
+}
+.react-grid .meetingCard .meetingTime .time li:nth-child(2)::before,
+.react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
+  content: "";
+  display: block;
+  width: calc((100% - 90px) / 2);
+  height: 1px;
+  background-color: #713938;
+  position: absolute;
+}
+.react-grid .meetingCard .meetingTime .time li:nth-child(2)::before {
+  top: 10px;
+  left: 0;
+}
+.react-grid .meetingCard .meetingTime .time li:nth-child(2)::after {
+  top: 10px;
+  right: 0;
+}
+.react-grid .meetingCard .meetingTime .time li:last-child {
+  width: 30%;
+  font-size: 25px;
+  font-weight: 700;
+  text-align: right;
+  color: #000000;
+}
+.react-grid .meetingCard .meetingTime .location {
+  margin-top: 0.5333rem;
+  color: #737373;
+  font-size: 14px;
+  font-weight: 400;
+  text-align: left;
+}
+.react-grid .meetingCard .meetingTime .location .iconfont {
+  color: #BCC2C6;
+}
+.react-grid .meetingCard .startIcon {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  width: 2rem;
+}
+.react-grid .emailListItem {
+  height: 1.8rem;
+  border-bottom: 0.0267rem solid #dcdcdc;
+  display: flex;
+  position: relative;
+  justify-content: space-between;
+  align-items: center;
+  background-color: #fff;
+}
+.react-grid .emailListItem .leftPic {
+  width: 20%;
+  height: 80%;
+  display: flex;
+  text-align: center;
+  position: relative;
+}
+.react-grid .emailListItem .leftPic .emailIcon {
+  margin: auto;
+  width: 1.0667rem;
+  height: 1.0667rem;
+}
+.react-grid .emailListItem .leftPic .badge {
+  width: 0.4rem;
+  height: 0.4rem;
+  position: absolute;
+  top: 0.2667rem;
+  right: 0.3467rem;
+}
+.react-grid .emailListItem .rightContent {
+  width: 80%;
+}
+.react-grid .emailListItem .rightContent .sendUserName {
+  font-size: 16px;
+  font-weight: 700;
+  color: #000;
+}
+.react-grid .emailListItem .rightContent .content {
+  font-size: 14px;
+  font-weight: 400;
+  text-align: left;
+  color: #000000B3;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.react-grid .emailListItem .emailTime {
+  position: absolute;
+  top: 0.2667rem;
+  right: 0.2667rem;
+  font-size: 12px;
+  font-weight: 400;
+  color: #00000066;
+}
+.react-grid .approveList {
+  margin: 0 auto 10px auto;
+  width: 9.1467rem;
+  background-color: #fff;
+  overflow: hidden;
+  border-radius: 6px;
+}
+.react-grid .approveList .t-FBH {
+  justify-content: space-between;
+}
+.react-grid .approveList .time-tag {
+  background: #fce68f;
+  padding: 8px 16px;
+  border-radius: 0 0 16px 0;
+  color: #806207;
+}
+.react-grid .approveList .urgency-tag {
+  text-align: center;
+  height: 22px;
+  line-height: 22px;
+  font-size: 12px;
+  color: #fff;
+  margin-top: 6px;
+  padding: 0 16px;
+  border-radius: 12px 0 0 12px;
+}
+.react-grid .documentList {
+  margin: 0 auto 10px auto;
+  width: 9.1467rem;
+  background-color: #fff;
+  overflow: hidden;
+  border-radius: 6px;
+}
+.react-grid .documentList .t-tag-red {
+  line-height: 16px;
+  border: 1px solid #d6403b;
+}
+.react-grid .personal-tab {
+  color: red;
+}
+.react-grid .department-tab {
+  color: blue;
+}
+.react-grid .list-RT-label .list-item .item-title::before {
+  background: #713938;
+}
+.react-grid .list-RT-label .list-item {
+  margin-top: 16px;
+}
+.react-grid .rightMore {
+  position: absolute;
+  right: 10px;
+  color: #999;
+  z-index: 999;
+  padding: 2px;
+  font-size: 14px;
+}
+.react-grid .rightMore .iconfont-ywtb {
+  font-size: 7px;
+}
+.react-grid .sxbl_buttons {
+  border-top: none !important;
+  padding: 0 16px;
+}
+.react-grid .sxbl_buttons button {
+  width: 98%;
+  height: 35px;
+  margin-bottom: 10px;
+  background: rgba(112, 58, 58, 0.12);
+  border: 2px solid #703a3a;
+  border-radius: 4px;
+  font-size: 16px;
+  color: #703A3A;
+}
+.react-grid .sxbl_buttons .t-grid-row {
+  border-bottom: none !important;
+}
+.react-grid .wdsx-list .list-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.react-grid .wdsx-list .list-item .item-content {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: initial;
+}