@bchr/bchr-front-lib 0.3.82 → 0.3.86

package/lib/style/bchrFixedComponent.css

@@ -1,951 +0,0 @@
-/** 全局颜色 **/
-/** 常用色值 **/
-/** 常用字体大小 **/
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video,
-input {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font-weight: normal;
-  vertical-align: baseline;
-}
-body {
-  overflow-y: hidden;
-}
-a {
-  -webkit-backface-visibility: hidden;
-  text-decoration: none;
-}
-a:hover {
-  text-decoration: none !important;
-}
-ul {
-  margin: 0 !important;
-}
-li {
-  list-style: none;
-}
-.flex-row {
-  /* 容器内水平排列 */
-  position: relative;
-  display: flex;
-}
-.flex-column {
-  /* 容器内竖直排列 */
-  position: relative;
-  display: flex;
-  flex-direction: column;
-}
-.flex-between {
-  /* 分居容器内两侧 */
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-}
-.text_circle {
-  /* 行内圆形 */
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  border-radius: 50%;
-}
-.block_circle {
-  /* 块圆形 */
-  position: relative;
-  display: block;
-  box-sizing: border-box;
-  border-radius: 50%;
-}
-.block_square_circle {
-  position: relative;
-  display: inline-block;
-  border-radius: 10px 10px;
-}
-.square {
-  /* 正方形 */
-  position: relative;
-  width: 100%;
-  padding-bottom: 100%;
-  height: 0;
-}
-.triangle {
-  /* 上三角 */
-  position: relative;
-  width: 0px;
-  height: 0px;
-  display: block;
-  border-left: 25px solid transparent;
-  border-right: 25px solid transparent;
-  border-bottom: 25px solid #5C9ACF;
-}
-.center-center {
-  /* 全局居中 */
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  text-align: center;
-  transform: translate(-50%, -50%);
-}
-.text-center {
-  /* 文本居中 */
-  text-align: center;
-}
-.can-move {
-  /* 可拖动 */
-  cursor: move;
-}
-.nobr {
-  /* 不换行 */
-  white-space: nowrap;
-}
-.text_overflow {
-  /* 单行文本的溢出显示省略号 */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.text_overflow_more {
-  /* 单行文本的溢出显示省略号 */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-}
-.text_cannot_selected {
-  /* 禁止文本被选中 */
-  moz-user-select: -moz-none;
-  -moz-user-select: none;
-  -o-user-select: none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.drop_down {
-  /* 下拉菜单 */
-  position: absolute;
-  top: 100%;
-  left: 0;
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 160px;
-  padding: 5px 0;
-  margin: 2px 0 0;
-  list-style: none;
-  font-size: 14px;
-  text-align: left;
-  background-color: #ffffff;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 4px;
-  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  -webkit-background-clip: padding-box;
-  background-clip: padding-box;
-}
-.right_line:after {
-  position: absolute;
-  top: 34px;
-  right: 0;
-  content: "";
-  width: 1px;
-  height: 80px;
-  background-color: #fff;
-  opacity: 0.4;
-}
-.tree-view-tool-bar {
-  border-bottom: 1px solid #e7e7e7;
-  height: 45px;
-  margin-left: 10px;
-  margin-right: 10px;
-  padding: 0;
-}
-.tree-view-tool-bar .input-group {
-  margin-top: 5px;
-}
-.tree-view-tool-bar .input-group .tree-view-search-input {
-  border: none;
-  border-radius: 0px;
-  box-shadow: inset 0px 0px 0px #000000;
-  background-color: #f7f7f7 !important;
-  padding-top: 9px;
-  padding-bottom: 9px;
-  padding-left: 12px;
-  height: 35px;
-  font-size: 14px;
-  color: #666;
-}
-.tree-view-tool-bar .input-group .input-group-btn {
-  position: absolute;
-  right: 0px;
-  top: 0px;
-  z-index: 999;
-  cursor: pointer;
-}
-.tree-view-tool-bar .input-group .input-group-btn .search-in-tree-view {
-  display: block;
-  color: #03A9F4;
-  height: 40px;
-  width: 40px;
-  line-height: 40px;
-  text-align: center;
-}
-.react-grid-layout {
-  position: relative;
-  transition: height 200ms ease;
-  background-color: #e9ecf3;
-}
-.react-grid-item {
-  transition: all 200ms ease;
-  transition-property: left, top;
-  background-color: #fff;
-}
-.react-grid-item.cssTransforms {
-  transition-property: transform;
-}
-.react-grid-item.resizing {
-  z-index: 1;
-  will-change: width, height;
-}
-.react-grid-item.react-draggable-dragging {
-  transition: none;
-  z-index: 3;
-  will-change: transform;
-}
-.react-grid-item.react-grid-placeholder {
-  background: #000;
-  opacity: 0.2;
-  transition-duration: 100ms;
-  z-index: 2;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-}
-.react-grid-item > .react-resizable-handle {
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  bottom: 0;
-  right: 0;
-  cursor: se-resize;
-}
-.react-grid-item > .react-resizable-handle::after {
-  content: "";
-  position: absolute;
-  right: 3px;
-  bottom: 3px;
-  width: 5px;
-  height: 5px;
-  border-right: 2px solid rgba(0, 0, 0, 0.4);
-  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
-}
-.grad-icon {
-  position: relative;
-  top: -1px;
-  right: 2px;
-  font-size: 18px;
-}
-.grad-icon.delete {
-  top: -7px;
-  right: -5px;
-}
-.grad-icon.big {
-  font-size: 25px;
-  font-weight: 800;
-}
-.grad-icon.red {
-  color: #f36a5a;
-}
-.grad-icon.green {
-  color: #8bc34a;
-}
-::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
-  border-radius: 3px;
-}
-::-webkit-scrollbar-thumb {
-  /*滚动条里面小方块*/
-  border-radius: 0;
-  -webkit-box-shadow: inset 0 0 5px rgba(215, 220, 226, 0.2);
-  background: #bbbbbb none repeat scroll 0% 0%;
-}
-::-webkit-scrollbar-track {
-  -webkit-box-shadow: inset 0 0 5px rgba(215, 220, 226, 0.2);
-  border-radius: 3px;
-  background: #dddddd none repeat scroll 0% 0%;
-}
-#AppPage {
-  overflow: -moz-scrollbars-none;
-}
-#AppPage .ant-table-wrapper {
-  border: none !important;
-}
-#AppPage div.todo .ant-empty-normal .ant-empty-image {
-  height: 85px;
-}
-#AppPage .ant-table-pagination {
-  margin-top: 10px !important;
-}
-#AppPage .ant-table-fixed-left .ant-table-body-outer {
-  height: calc(100vh - 225px);
-  overflow: hidden;
-}
-#AppPage .ant-table-fixed-left .ant-table-body-outer .ant-table-body-inner {
-  max-height: none !important;
-  overflow: hidden !important;
-  padding-bottom: 6px;
-  height: 100%;
-  width: 100%;
-}
-#AppPage .ant-table-header {
-  margin-bottom: 0 !important;
-  overflow: hidden;
-}
-#AppPage .ant-table-header th {
-  width: 50px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-#AppPage .ant-table {
-  border: none;
-}
-#AppPage .ant-table-body,
-#AppPage .ant-table-body-outer {
-  overflow: auto !important;
-  max-height: none !important;
-  margin: 0;
-}
-#AppPage .ant-table-body .ant-table-thead,
-#AppPage .ant-table-body-outer .ant-table-thead {
-  background: #f6f6f6;
-}
-#AppPage .ant-table-body .ant-table-thead tr th,
-#AppPage .ant-table-body-outer .ant-table-thead tr th {
-  background: transparent;
-}
-#AppPage .ant-table-body .ant-table-fixed,
-#AppPage .ant-table-body-outer .ant-table-fixed {
-  border-bottom: 1px solid #e8e8e8;
-}
-#AppPage .ant-table-body td,
-#AppPage .ant-table-body-outer td {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-#AppPage .ant-table-body td span.col_image,
-#AppPage .ant-table-body-outer td span.col_image {
-  width: 30px !important;
-  height: 30px !important;
-  display: inline-block;
-  border-radius: 50%;
-  overflow: hidden;
-}
-#AppPage .ant-table-body td span.col_image img,
-#AppPage .ant-table-body-outer td span.col_image img {
-  width: 100%;
-  margin-top: -5px;
-}
-#AppPage .ant-table-body td span:not(.ant-radio-inner):not(.ant-checkbox):not(.ant-checkbox-inner),
-#AppPage .ant-table-body-outer td span:not(.ant-radio-inner):not(.ant-checkbox):not(.ant-checkbox-inner) {
-  display: block;
-  width: 50px;
-  text-align: center;
-  margin: 0 auto;
-}
-#AppPage .ant-table-body td span.ant-radio-inner,
-#AppPage .ant-table-body-outer td span.ant-radio-inner {
-  margin: 0 auto;
-}
-#AppPage .ant-card .ant-card-head {
-  max-height: 30px;
-  min-height: 30px;
-  padding: 0 10px;
-  font-size: 14px;
-}
-#AppPage .ant-card .ant-card-head .ant-card-head-title {
-  padding: 0 5px;
-}
-#AppPage .ant-checkbox-checked:not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner {
-  background-color: #337DB7;
-  border-color: #337DB7;
-}
-#AppPage .ant-checkbox-checked:not(.ant-checkbox-indeterminate):not(.ant-checkbox-disabled) .ant-checkbox-inner::after {
-  background-color: #337DB7;
-}
-#AppPage .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner::after {
-  background-color: #337DB7;
-}
-#AppPage .login-form-forgot {
-  color: #337DB7;
-}
-#AppPage .ant-form-item {
-  margin-bottom: 15px;
-}
-#AppPage .ant-form-item .ant-form-explain {
-  position: absolute;
-  z-index: 99;
-  padding: 2px 3px;
-  right: 0;
-  background: #ffffff;
-}
-#AppPage .ant-progress-inner,
-#AppPage .ant-progress-bg {
-  height: 4px;
-  border-radius: 0;
-}
-#AppPage .ant-col-sm-4 {
-  width: 16%;
-}
-.ant-modal .ant-checkbox-checked:not(.ant-checkbox-disabled)::after {
-  border: 1px solid #337DB7;
-}
-.ant-modal .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
-  background-color: #337DB7;
-  border-color: #337DB7;
-}
-.ant-modal .login-form-forgot {
-  color: #337DB7;
-}
-.pwd-level-week-input-component {
-  position: relative;
-}
-.pwd-level-week-input-component .pwd-level-week-container {
-  width: 100%;
-  height: 30px;
-  display: flex;
-  justify-content: space-around;
-}
-.pwd-level-week-input-component .pwd-level-week-container .pwd-level-week-item {
-  flex: 1;
-}
-.pwd-level-week-input-component .pwd-level-week-container .pwd-level-week-item:not(:last-child) {
-  border-right: 1px solid #e5e5e5;
-}
-.pwd-level-week-input-component .pwd-level-week-container.level_weak .pwd-level-week-item:first-child {
-  background: #ff6159;
-}
-.pwd-level-week-input-component .pwd-level-week-container.level_middle .pwd-level-week-item:not(:last-child) {
-  background: #ffbe2f;
-}
-.pwd-level-week-input-component .pwd-level-week-container.level_strong .pwd-level-week-item {
-  background: #2acb42;
-}
-.pwd-level-week-input-component .pwd-level-week-tag-title-container {
-  position: absolute;
-  top: 0;
-  right: -85%;
-  padding: 10px;
-  background: #ffffff;
-  box-shadow: -4px 0 10px rgba(0, 0, 0, 0.3);
-}
-.pwd-level-week-input-component .pwd-level-week-tag-title-container.tag-show {
-  display: block;
-}
-.pwd-level-week-input-component .pwd-level-week-tag-title-container.tag-hide {
-  display: none;
-}
-.pwd-level-week-input-component .pwd-level-week-tag-title-container:after {
-  content: "";
-  width: 0;
-  height: 0;
-  position: absolute;
-  left: -10px;
-  top: 50%;
-  margin-top: -5px;
-  border-top: 10px solid transparent;
-  border-bottom: 10px solid transparent;
-  border-right: 10px solid #ffffff;
-}
-.form-card-item-container {
-  overflow: hidden;
-  width: 100%;
-  margin-bottom: 15px;
-  /*-----------------------------------------*/
-}
-.form-card-item-container .form-card-item-title {
-  border-bottom: 1px solid #e5e5e5;
-  color: #666666;
-  padding: 10px 4px;
-  background-color: #fff;
-  overflow: hidden;
-  /*-----------------------------------------*/
-}
-.form-card-item-container .form-card-item-title.form-card-item-title-color {
-  background-color: #f2f2f2;
-  margin: 0 -10px 0 -10px;
-  padding: 5px 10px;
-}
-.form-card-item-container .form-card-item-title.form-card-item-title-text-color {
-  color: #666666;
-}
-.form-card-item-container .form-card-item-title .form-card-item-card-title {
-  padding: 0 10px;
-  border-left: 2px solid #337DB7;
-}
-.form-card-item-container .form-card-item-title .form-card-item-must-sign {
-  color: #fff;
-  font-size: 12px;
-  margin-left: 2px;
-  border: 1px solid #de6764;
-  background-color: #de6764;
-}
-.form-card-item-container .form-card-item-title .form-card-item-bill-code,
-.form-card-item-container .form-card-item-title .form-card-item-toggle-dom {
-  float: right;
-}
-.form-card-item-container .form-card-item-title .form-card-item-bill-code {
-  margin-right: 10px;
-}
-.form-card-item-container .form-card-item-title .form-card-item-toggle-dom {
-  cursor: pointer;
-  padding: 0 5px;
-  transition: all ease 0.3s;
-  border-radius: 50%;
-}
-.form-card-item-container .form-card-item-title .form-card-item-toggle-dom:hover {
-  background-color: #e5e5e5;
-}
-.form-card-item-container .form-card-item-title .form-card-item-toggle-dom:hover i.iconfont {
-  color: #fff;
-}
-.form-card-item-container .form-card-item-title .form-card-item-toggle-dom i.iconfont {
-  color: #666;
-  margin-right: 0;
-  display: block;
-  transition: all ease 0.3s;
-}
-.form-card-item-container .form-card-item-title .form-card-item-title-picture {
-  width: 30px;
-}
-.form-card-item-container .form-card-item-title .form-card-item-inner-title {
-  font-size: 14px;
-  color: #888;
-}
-.form-card-item-container .form-card-item-title .form-card-item-must-sign,
-.form-card-item-container .form-card-item-title .form-card-item-title-picture,
-.form-card-item-container .form-card-item-title .form-card-item-inner-title {
-  margin-right: 5px;
-}
-.form-card-item-container .form-card-item-title .form-card-item-extra-content {
-  float: right;
-}
-.form-card-item-container .form-card-item-content {
-  background: #ffffff;
-}
-.form-card-item-container .form-card-item-content.smart-form,
-.form-card-item-container .form-card-item-content.smart-card {
-  padding: 20px;
-}
-.form-card-item-container .form-card-item-content.form-card-item-content-limit {
-  padding: 10px 0;
-  overflow-y: auto;
-}
-.form-card-item-container.form-card-item-first:before {
-  content: "";
-  margin-top: 15px;
-  display: block;
-}
-.form-card-item-container.form-card-item-last:after {
-  content: "";
-  margin-bottom: 12px;
-  display: block;
-}
-.smart-grid .k-grid-header .k-grid-header-wrap table tr.k-filter-row .grid-filter-select input {
-  border: none!important;
-  position: relative;
-  top: -5px;
-}
-.smart-grid .k-grid-header .k-grid-header-wrap table tr.k-filter-row .grid-filter-select input:focus input {
-  border: none!important;
-  position: relative;
-  top: -5px;
-}
-.ant-modal.my-fix-modal .ant-modal-body {
-  padding: 15px;
-}
-.smodal-content-col.for-search-wrapper {
-  padding: 5px 0!important;
-}
-.up-move-5 {
-  position: relative;
-  top: -5px;
-}
-.up-move-10 {
-  position: relative;
-  top: -10px;
-}
-.k-grid-table .iconfont-hcm-add-circle {
-  position: relative;
-  top: 5px;
-}
-.ant-btn-group .iconfont-hcm-add-circle {
-  position: relative;
-  top: 2px;
-}
-.k-grid-table .iconfont-hcm-arrow-cross-left {
-  position: relative;
-  top: 2px;
-}
-.form-card-inner-grid.has-padding {
-  padding: 0 20px 20px 20px;
-  background-color: #fff;
-}
-.ant-calendar-picker.my-fix-date-picker div {
-  width: 100%;
-}
-.action-btn-tool-bar .ant-btn-group .ant-btn:nth-child(1) {
-  margin-left: 0!important;
-}
-.ant-select.my-fix-select {
-  display: block;
-}
-.iconfont.icon-corp,
-.iconfont.icon-dept,
-.iconfont.icon-post {
-  color: #e14c46;
-}
-.ant-modal-body .ant-input-search.ant-input-affix-wrapper {
-  max-width: none;
-}
-.my-badge.ant-badge .ant-badge-count {
-  font-size: 12px!important;
-}
-.my-badge.ant-badge .ant-scroll-number-only {
-  font-size: 12px!important;
-}
-.ui-tpl-grid .k-grid-header .column-sort-action {
-  color: #c0c0c0;
-  font-size: 14px;
-  margin-left: 3px;
-}
-.ui-tpl-grid .k-grid-header .column-sort-action.active {
-  color: #5cb85c;
-}
-.ui-tpl-grid .k-grid-header .ui-tpl-tool-tip {
-  color: #337DB7;
-  position: relative;
-  bottom: 2px;
-  cursor: pointer;
-}
-.ui-tpl-form .ant-form-item-label .ui-tpl-tool-tip {
-  color: #337DB7;
-  position: relative;
-  bottom: 2px;
-  cursor: pointer;
-}
-.ui-tpl-form fieldset {
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  margin-bottom: 20px;
-}
-.ui-tpl-form fieldset legend {
-  width: auto;
-  border-bottom: 0;
-  margin-left: 20px;
-  margin-bottom: 0;
-}
-.ui-tpl-form .file-container {
-  display: flex;
-  padding: 8px 10px;
-}
-.ui-tpl-form .file-container .file-name-container {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  width: calc(100% - 45px);
-}
-.ui-tpl-form .file-container .file-action-container .file-action {
-  margin-left: 10px;
-  cursor: pointer;
-}
-div.ant-modal.my-fix-auto-height .ant-modal-body {
-  overflow-y: auto;
-}
-@media screen and (max-height: 1500px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 1250px;
-    height: 1250px;
-  }
-}
-@media screen and (max-height: 1400px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 1150px;
-    height: 1150px;
-  }
-}
-@media screen and (max-height: 1200px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 950px;
-    height: 950px;
-  }
-}
-@media screen and (max-height: 1000px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 750px;
-    height: 750px;
-  }
-}
-@media screen and (max-height: 900px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 650px;
-    height: 650px;
-  }
-}
-@media screen and (max-height: 800px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 550px;
-    height: 550px;
-  }
-}
-@media screen and (max-height: 700px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 450px;
-    height: 450px;
-  }
-}
-@media screen and (max-height: 600px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 350px;
-    height: 350px;
-  }
-}
-@media screen and (max-height: 500px) {
-  div.ant-modal.my-fix-auto-height .ant-modal-body {
-    max-height: 250px;
-    height: 250px;
-  }
-}
-.ant-modal.form-modify-modal .ant-modal-body {
-  height: auto!important;
-}
-.process-link {
-  display: flex;
-  align-items: center;
-  padding: 0 5px;
-}
-.process-link .process-item {
-  flex: 1;
-  min-width: 100px;
-  text-align: center;
-  margin: 10px 0 20px;
-  position: relative;
-}
-.process-link .process-item:first-child .process-item-status {
-  border-top-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-}
-.process-link .process-item:last-child .process-item-status {
-  border-top-right-radius: 10px;
-  border-bottom-right-radius: 10px;
-}
-.process-link .process-item:before {
-  content: "";
-  position: absolute;
-  top: 15px;
-  left: -5px;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  background: #03A9F4;
-}
-.process-link .process-item:hover:before {
-  opacity: 0.4;
-}
-.process-link .process-item .process-item-tag span {
-  background: #03A9F4;
-  color: #ffffff;
-  border-radius: 10px;
-  padding: 0 6px;
-  position: relative;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-}
-.process-link .process-item .process-item-tag span:after {
-  content: "";
-  position: absolute;
-  bottom: -13px;
-  left: 50%;
-  border-left: 5px solid transparent;
-  border-right: 5px solid transparent;
-  border-top: 8px solid #03A9F4;
-  border-bottom: 5px solid transparent;
-}
-.process-link .process-item .process-item-label {
-  font-size: 14px;
-  padding: 4px 15px;
-  border-left: 1px solid #e5e5e5;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.process-link .process-item .process-item-status {
-  position: relative;
-  background: #ffffff;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-  display: flex;
-  align-items: flex-start;
-  align-content: flex-start;
-  overflow: hidden;
-}
-.process-link .process-item .process-item-status .iconfont {
-  text-shadow: 0 0 5px #000000;
-  color: #ffffff;
-}
-.process-link .process-item .process-item-status .process-item-status-tag {
-  position: relative;
-  z-index: 99;
-  width: 100%;
-  text-align: center;
-}
-.process-link .process-item .process-item-status .process-item-status-bar {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background: #2e6da4;
-  overflow: hidden;
-}
-.process-link .process-item .process-item-status .process-item-status-bar:before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  width: 20px;
-  border-radius: 50%;
-  background: linear-gradient(90deg, transparent 10px, #ffffff);
-  animation: processAutoLoop ease-in-out 1s infinite;
-}
-.process-link .process-item.process-item-status-set-up .process-item-status-bar {
-  background: #b5b5b5;
-}
-.process-link .process-item.process-item-status-set-up .process-item-status-bar:before {
-  display: none;
-}
-.process-link .process-item.process-item-status-set-up:before {
-  background: #aaaaaa;
-}
-.process-link .process-item.process-item-status-set-up:after {
-  border-top: 6px solid #aaaaaa;
-}
-.process-link .process-item.process-item-status-have-in-hand .process-item-status-tag .iconfont {
-  display: inline-block;
-  animation: processBarAutoLoop linear 1s infinite;
-}
-.process-link .process-item.process-item-status-finish .process-item-status-bar {
-  background: #5cb85c;
-}
-.process-link .process-item.process-item-status-finish .process-item-status-bar:before {
-  display: none;
-}
-.process-link .process-item.process-item-status-abolish .process-item-status-bar {
-  background: #DA0002;
-}
-.process-link .process-item.process-item-status-abolish .process-item-status-bar:before {
-  display: none;
-}
-@keyframes processBarAutoLoop {
-  0% {
-    transform: rotate(0);
-  }
-  50% {
-    transform: rotate(180deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes processAutoLoop {
-  0% {
-    left: calc(0px - 20px);
-  }
-  100% {
-    left: calc(100% + 20px);
-  }
-}