qgb-process 0.2.3 → 0.2.7

package/src/styles/static-style.scss

@@ -1,798 +1,798 @@
-@charset "UTF-8";
-@import "../styles/variable";
-// @import "../styles/font-style";
-@import "../styles/color";
-@import "../styles/talent";
-@import "../styles/offer";
-@import "../styles/s-reset.scss";
-/* ----------custom style------------- */
-.el-menu>.el-submenu .el-submenu__title {
-    // padding: 0 10px 0 10px !important;
-}
-.el-submenu__icon-arrow {
-    position: absolute !important;
-    top: 50% !important;
-    right: 8px !important;
-    margin-top: -7px !important;
-    -webkit-transition: -webkit-transform .3s  !important;
-    transition: -webkit-transform .3s  !important;
-    transition: transform .3s !important;
-    transition: transform .3s,-webkit-transform .3s  !important;
-    font-size: 12px  !important;
-}
-
-.base-pagination {
-  text-align: center;
-
-  .el-pagination {
-    margin: 20px 0;
-  }
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.base-ellipsis {
-  display: inline-block;
-  width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.btns-line {
-  margin-bottom: 10px;
-}
-.base-page-style {
-  padding: 10px 10px;
-
-  .btns-line {
-    margin-bottom: 10px;
-  }
-
-  // .el-form-item__content {
-  //   height: 40px;
-  // }
-
-  .el-table {
-    .warning-row {
-      .cell {
-        color: red;
-      }
-    }
-  }
-}
-
-.form-w100 {
-  width: 100%;
-
-}
-
-.form-w100.el-input-number {
-  .el-input__inner {
-    text-align: left;
-  }
-}
-
-.mt20 {
-  margin-top: 20px;
-}
-
-.base-info-title {
-  font-size: 18px;
-  line-height: 20px;
-  color: #0286df;
-  border-bottom: 2px dotted #e4e7ed;
-  padding-bottom: 10px;
-  margin-bottom: 20px;
-  position: relative;
-
-  span {
-    border-left: 3px solid #0286df;
-    padding-left: 10px;
-  }
-
-  .append {
-    position: absolute;
-    right: 10px;
-    top: 0;
-  }
-}
-
-.action-btns {
-  .btns {
-    margin-bottom: 10px;
-  }
-
-}
-
-.form-btns {
-  text-align: center;
-}
-
-.text-danger {
-  color: #ff4949;
-}
-
-.text-warning {
-  color: #f7ba2a;
-}
-
-.text-blue {
-  color: #2e90fe;
-}
-
-/* ----------custom style------------- */
-
-
-
-.clearboth {
-  clear: both;
-}
-
-.noselect {
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  -khtml-user-select: none;
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  -ms-user-select: none;
-  /* Internet Explorer/Edge */
-  user-select: none;
-  /* Non-prefixed version, currently
-  not supported by any browser */
-}
-
-input::-webkit-input-safebox-button {
-  display: none;
-}
-
-body {
-  background-color: #f5f5f5;
-  font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-.hover_02:hover {
-  color: #0286df !important;
-}
-
-.color-default {
-  color: $default;
-}
-
-.line-width {
-  background: #EDEDED;
-  width: 896px;
-  height: 1px;
-}
-
-// 预写css样式
-.bg-default {
-  background: $default;
-}
-
-.hover-color-default {
-  &:hover {
-    color: $default;
-  }
-}
-
-.hover-bg-default {
-  &:hover {
-    background: $hover-default !important;
-  }
-}
-
-.default-color {
-  color: $default;
-}
-
-.page-left {
-  float: left;
-}
-
-.page-right {
-  float: right;
-}
-
-.clearfix {
-  overflow: hidden;
-}
-
-
-
-.colordefault {
-  color: $default;
-}
-
-
-
-
-.colorgrey {
-  color: #ccc;
-}
-
-.colortheme {
-  color: #ff8b00;
-}
-
-.colorff4 {
-  color: #FF4E00;
-}
-
-.color-orange {
-  color: #FF6600;
-}
-
-.p20 {
-  padding: 20px;
-}
-
-.pl20 {
-  padding-left: 20px;
-}
-
-.pb20 {
-  padding-bottom: 20px;
-}
-
-.mt10 {
-  margin-top: 10px;
-}
-
-.mt20 {
-  margin-top: 20px;
-}
-
-.ml26 {
-  margin-left: 26px;
-}
-
-.ml400 {
-  margin-left: 400px;
-}
-
-.mb10 {
-  margin-bottom: 10px;
-}
-
-.mb20 {
-  margin-bottom: 20px;
-}
-
-.ml10{
-  margin-left: 10px;
-}
-
-.text-center {
-  text-align: center;
-}
-
-// .radius3px {
-//   border-radius: 3px;
-//   -webkit-border-radius: 3px;
-//   -ms-input-border-radius: 3px;
-// }
-// .a_underline {
-//   color: #0286df;
-//   text-decoration: underline;
-.clearfix {
-  overflow: hidden;
-}
-
-.fl {
-  float: left;
-}
-
-.fr {
-  float: right;
-}
-
-.avatar-uploader .el-upload {
-  border: 1px dashed #d9d9d9;
-  border-radius: 6px;
-  cursor: pointer;
-  position: relative;
-  overflow: hidden;
-}
-
-.avatar-uploader .el-upload:hover {
-  border-color: #409EFF;
-}
-
-.avatar-uploader-icon {
-  font-size: 28px;
-  color: #8c939d;
-  width: 178px;
-  height: 178px;
-  line-height: 178px;
-  text-align: center;
-
-  &:before {
-    line-height: 178px;
-  }
-}
-
-.avatar {
-  width: 178px;
-  height: 178px;
-  border: 1px dashed #c0ccda;
-  border-radius: 6px;
-  display: block;
-}
-
-.cell-button {
-  color: #0286df !important;
-}
-
-.cell-del-button {
-  color: #ff6600 !important;
-}
-
-.tableStyle {
-  border-top: 1px solid #E4E7ED;
-  width: 100%;
-  margin-top: 20px
-}
-
-.tabs-box .el-tabs .el-tabs__header {
-  margin: 0;
-}
-
-.tabs-box .el-tabs__item .is-active {
-  color: #0286DF;
-}
-
-.tabs-box .el-tabs__item {
-  color: #333333;
-}
-
-.m-l-15 {
-  margin-left: 15px !important;
-}
-
-.m-l-20 {
-  margin-left: 20px !important;
-}
-
-.m-l-40 {
-  margin-left: 40px !important;
-}
-
-.pagination-box {
-  text-align: center;
-  font-size: 16px;
-
-  .el-pagination {
-    margin-top: 20px;
-  }
-}
-
-.el-input__count {
-  background: none !important;
-  bottom: -10px !important;
-}
-
-// .el-button--primary {
-//   background-color: #0286df !important;
-//   border-color: #0286df !important;
-// }
-
-.el-link.el-link--primary {
-  color: #0286df !important;
-}
-
-.el-tabs__item.is-active {
-  color: #0286df !important;
-}
-
-.info2 .successinfo i {
-  font-size: 75px !important;
-  color: #78c06e !important;
-}
-
-.el-table__body tr.hover-row td {
-  background-color: #F5F7FA !important;
-}
-
-.el-pager li.active {
-  color: #0286df !important;
-}
-
-
-/* loading 统一样式  如自定义请自行设置 (带作用域)  --- 不包含button按钮级 */
-.el-loading-mask{
-  z-index: 9999;
-}
-.el-icon-loading {
-  font-size: 40px;
-}
-
-.el-button.is-loading .el-icon-loading {
-  font-size: 14px;
-}
-
-.el-tooltip__popper {
-  max-width: 80%
-}
-
-
-
-
-ul {
-  list-style: none;
-}
-
-li {
-  list-style: none;
-}
-
-a {
-  outline: medium none;
-  text-decoration: none;
-}
-
-.colorff66 {
-  color: #FF6600;
-}
-
-
-.color02 {
-  color: #0286df;
-}
-
-.color33 {
-  color: #333333;
-}
-
-.colorff {
-  color: #fff;
-}
-
-.color00 {
-  color: #000000;
-}
-
-.color66 {
-  color: #666666;
-}
-
-.color96 {
-  color: #969696;
-}
-
-.colorbf {
-  color: #bfbfbf;
-}
-
-.color59 {
-  color: #595959;
-}
-
-.color5e {
-  color: #5e5e5e;
-}
-
-.colorcc {
-  color: #cccccc;
-}
-
-.color6f {
-  color: #6f6f6f;
-}
-
-.color2c {
-  color: #2c2c2b;
-}
-
-.color8d {
-  color: #8d8d8d;
-}
-
-.h-green {
-  color: #78C06E;
-}
-.h-red {
-  color: #FF6600;
-}
-.h-orange {
-  color: #F7AB01;
-}
-.h-blue {
-  color: #0286df;
-}
-
-/* 链接颜色 */
-.color-link {
-  color: #0286df;
-}
-
-.bgf5 {
-  background: #f5f5f5;
-}
-
-.bgc9 {
-  background: #c9c9c9;
-}
-
-
-.bgff {
-  background: #ffffff;
-}
-
-.bg02 {
-  background: #0286df;
-}
-
-.bg66 {
-  background: #666666;
-}
-
-.bgb3 {
-  background: #b3b3b3;
-}
-
-.font10 {
-  font-size: 10px;
-}
-
-.font12 {
-  font-size: 12px;
-}
-
-.font14 {
-  font-size: 14px;
-}
-
-.font16 {
-  font-size: 16px;
-}
-
-.font18 {
-  font-size: 18px;
-}
-
-.font20 {
-  font-size: 20px;
-}
-
-.font22 {
-  font-size: 22px;
-}
-
-.font24 {
-  font-size: 24px;
-}
-
-.font28 {
-  font-size: 28px;
-}
-
-.font36 {
-  font-size: 36px;
-}
-
-.overflow {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.border02 {
-  border: 1px solid #0286df;
-}
-
-
-.tc-1 {
-  width: 100%;
-  height: 1px;
-}
-
-.tc-2 {
-  width: 100%;
-  height: 2px;
-}
-
-.tc-3 {
-  width: 100%;
-  height: 3px;
-}
-
-.tc-4 {
-  width: 100%;
-  height: 4px;
-}
-
-.tc-5 {
-  width: 100%;
-  height: 5px;
-}
-
-
-.tc-6 {
-  width: 100%;
-  height: 6px;
-}
-
-.tc-7 {
-  width: 100%;
-  height: 7px;
-}
-
-.tc-8 {
-  width: 100%;
-  height: 8px;
-}
-
-.tc-9 {
-  width: 100%;
-  height: 9px;
-}
-
-.tc-10 {
-  width: 100%;
-  height: 10px;
-}
-
-.tc-13 {
-  width: 100%;
-  height: 13px;
-}
-
-.tc-15 {
-  width: 100%;
-  height: 15px;
-}
-
-.tc-20 {
-  width: 100%;
-  height: 20px;
-}
-
-.tc-30 {
-  width: 100%;
-  height: 30px;
-}
-
-.tc-40 {
-  width: 100%;
-  height: 40px;
-}
-
-.tc-45 {
-  width: 100%;
-  height: 45px;
-}
-
-.tc-50 {
-  width: 100%;
-  height: 50px;
-}
-
-.tc-70 {
-  width: 100%;
-  height: 70px;
-}
-
-.tc-80 {
-  width: 100%;
-  height: 80px;
-}
-
-.tc-100 {
-  width: 100%;
-  height: 100px;
-}
-
-.tc-200 {
-  width: 100%;
-  height: 200px;
-}
-
-.cursor {
-  cursor: pointer;
-}
-
-
-/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
-
-::-webkit-scrollbar {
-  width: 9px;
-  height: 9px;
-}
-
-
-/*定义滚动条轨道*/
-
-::-webkit-scrollbar-track {
-  background-color: transparent;
-  -webkit-border-radius: 2em;
-  -moz-border-radius: 2em;
-  border-radius: 2em;
-}
-
-
-/*定义滑块 内阴影+圆角*/
-
-::-webkit-scrollbar-thumb {
-  background-color: rgb(225, 225, 225);
-  -webkit-border-radius: 2em;
-  -moz-border-radius: 2em;
-  border-radius: 2em;
-}
-
-.p-l-no {
-  padding-left: 0;
-}
-
-/* 重置按钮样式 */
-.el-button.h-btn-reset {
-  margin-left: 10px;
-  padding: 12px 10px;
-}
-
-.h-search-form {
-  .el-input {
-    width: 200px;
-  }
-
-  .el-date-editor--daterange.el-input__inner {
-    width: 240px;
-  }
-}
-
-.h-search-form.el-form--inline .el-form-item {
-  margin-right: 10px;
-}
-
-.btn-submit-box {
-  margin-top: 40px;
-  text-align: center;
-}
-
-.list-table-td-a {
-  color: #0286df;
-  cursor: pointer;
-
-  &:hover {
-    color: #0286df;
-    text-decoration: underline;
-  }
-}
-
-.h-main-box {
-  padding: 10px;
-}
-
-.h-main-box-tab {
-  padding: 5px;
-}
-
-/* tab */
-.h-tab-content {
-  min-height: 200px;
-  padding: 20px;
-  border: 1px solid #E4E7ED;
-  margin-top: -16px;
-}
-
-/* 详情页分割线 */
-.h-divide-title {
-  font-size: 16px;
-  line-height: 20px;
-  color: #0286df;
-  border-bottom: 2px dotted #e4e7ed;
-  padding-bottom: 10px;
-  margin: 20px 0;
-
-  >span {
-    border-left: 3px solid #0286df;
-    padding-left: 10px;
-  }
+@charset "UTF-8";
+@import "../styles/variable";
+// @import "../styles/font-style";
+@import "../styles/color";
+@import "../styles/talent";
+@import "../styles/offer";
+@import "../styles/s-reset.scss";
+/* ----------custom style------------- */
+.el-menu>.el-submenu .el-submenu__title {
+    // padding: 0 10px 0 10px !important;
+}
+.el-submenu__icon-arrow {
+    position: absolute !important;
+    top: 50% !important;
+    right: 8px !important;
+    margin-top: -7px !important;
+    -webkit-transition: -webkit-transform .3s  !important;
+    transition: -webkit-transform .3s  !important;
+    transition: transform .3s !important;
+    transition: transform .3s,-webkit-transform .3s  !important;
+    font-size: 12px  !important;
+}
+
+.base-pagination {
+  text-align: center;
+
+  .el-pagination {
+    margin: 20px 0;
+  }
+}
+
+.pointer {
+  cursor: pointer;
+}
+
+.base-ellipsis {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.btns-line {
+  margin-bottom: 10px;
+}
+.base-page-style {
+  padding: 10px 10px;
+
+  .btns-line {
+    margin-bottom: 10px;
+  }
+
+  // .el-form-item__content {
+  //   height: 40px;
+  // }
+
+  .el-table {
+    .warning-row {
+      .cell {
+        color: red;
+      }
+    }
+  }
+}
+
+.form-w100 {
+  width: 100%;
+
+}
+
+.form-w100.el-input-number {
+  .el-input__inner {
+    text-align: left;
+  }
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.base-info-title {
+  font-size: 18px;
+  line-height: 20px;
+  color: #0286df;
+  border-bottom: 2px dotted #e4e7ed;
+  padding-bottom: 10px;
+  margin-bottom: 20px;
+  position: relative;
+
+  span {
+    border-left: 3px solid #0286df;
+    padding-left: 10px;
+  }
+
+  .append {
+    position: absolute;
+    right: 10px;
+    top: 0;
+  }
+}
+
+.action-btns {
+  .btns {
+    margin-bottom: 10px;
+  }
+
+}
+
+.form-btns {
+  text-align: center;
+}
+
+.text-danger {
+  color: #ff4949;
+}
+
+.text-warning {
+  color: #f7ba2a;
+}
+
+.text-blue {
+  color: #2e90fe;
+}
+
+/* ----------custom style------------- */
+
+
+
+.clearboth {
+  clear: both;
+}
+
+.noselect {
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  -khtml-user-select: none;
+  /* Konqueror */
+  -moz-user-select: none;
+  /* Firefox */
+  -ms-user-select: none;
+  /* Internet Explorer/Edge */
+  user-select: none;
+  /* Non-prefixed version, currently
+  not supported by any browser */
+}
+
+input::-webkit-input-safebox-button {
+  display: none;
+}
+
+body {
+  background-color: #f5f5f5;
+  font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.hover_02:hover {
+  color: #0286df !important;
+}
+
+.color-default {
+  color: $default;
+}
+
+.line-width {
+  background: #EDEDED;
+  width: 896px;
+  height: 1px;
+}
+
+// 预写css样式
+.bg-default {
+  background: $default;
+}
+
+.hover-color-default {
+  &:hover {
+    color: $default;
+  }
+}
+
+.hover-bg-default {
+  &:hover {
+    background: $hover-default !important;
+  }
+}
+
+.default-color {
+  color: $default;
+}
+
+.page-left {
+  float: left;
+}
+
+.page-right {
+  float: right;
+}
+
+.clearfix {
+  overflow: hidden;
+}
+
+
+
+.colordefault {
+  color: $default;
+}
+
+
+
+
+.colorgrey {
+  color: #ccc;
+}
+
+.colortheme {
+  color: #ff8b00;
+}
+
+.colorff4 {
+  color: #FF4E00;
+}
+
+.color-orange {
+  color: #FF6600;
+}
+
+.p20 {
+  padding: 20px;
+}
+
+.pl20 {
+  padding-left: 20px;
+}
+
+.pb20 {
+  padding-bottom: 20px;
+}
+
+.mt10 {
+  margin-top: 10px;
+}
+
+.mt20 {
+  margin-top: 20px;
+}
+
+.ml26 {
+  margin-left: 26px;
+}
+
+.ml400 {
+  margin-left: 400px;
+}
+
+.mb10 {
+  margin-bottom: 10px;
+}
+
+.mb20 {
+  margin-bottom: 20px;
+}
+
+.ml10{
+  margin-left: 10px;
+}
+
+.text-center {
+  text-align: center;
+}
+
+// .radius3px {
+//   border-radius: 3px;
+//   -webkit-border-radius: 3px;
+//   -ms-input-border-radius: 3px;
+// }
+// .a_underline {
+//   color: #0286df;
+//   text-decoration: underline;
+.clearfix {
+  overflow: hidden;
+}
+
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.avatar-uploader .el-upload {
+  border: 1px dashed #d9d9d9;
+  border-radius: 6px;
+  cursor: pointer;
+  position: relative;
+  overflow: hidden;
+}
+
+.avatar-uploader .el-upload:hover {
+  border-color: #409EFF;
+}
+
+.avatar-uploader-icon {
+  font-size: 28px;
+  color: #8c939d;
+  width: 178px;
+  height: 178px;
+  line-height: 178px;
+  text-align: center;
+
+  &:before {
+    line-height: 178px;
+  }
+}
+
+.avatar {
+  width: 178px;
+  height: 178px;
+  border: 1px dashed #c0ccda;
+  border-radius: 6px;
+  display: block;
+}
+
+.cell-button {
+  color: #0286df !important;
+}
+
+.cell-del-button {
+  color: #ff6600 !important;
+}
+
+.tableStyle {
+  border-top: 1px solid #E4E7ED;
+  width: 100%;
+  margin-top: 20px
+}
+
+.tabs-box .el-tabs .el-tabs__header {
+  margin: 0;
+}
+
+.tabs-box .el-tabs__item .is-active {
+  color: #0286DF;
+}
+
+.tabs-box .el-tabs__item {
+  color: #333333;
+}
+
+.m-l-15 {
+  margin-left: 15px !important;
+}
+
+.m-l-20 {
+  margin-left: 20px !important;
+}
+
+.m-l-40 {
+  margin-left: 40px !important;
+}
+
+.pagination-box {
+  text-align: center;
+  font-size: 16px;
+
+  .el-pagination {
+    margin-top: 20px;
+  }
+}
+
+.el-input__count {
+  background: none !important;
+  bottom: -10px !important;
+}
+
+// .el-button--primary {
+//   background-color: #0286df !important;
+//   border-color: #0286df !important;
+// }
+
+.el-link.el-link--primary {
+  color: #0286df !important;
+}
+
+.el-tabs__item.is-active {
+  color: #0286df !important;
+}
+
+.info2 .successinfo i {
+  font-size: 75px !important;
+  color: #78c06e !important;
+}
+
+.el-table__body tr.hover-row td {
+  background-color: #F5F7FA !important;
+}
+
+.el-pager li.active {
+  color: #0286df !important;
+}
+
+
+/* loading 统一样式  如自定义请自行设置 (带作用域)  --- 不包含button按钮级 */
+.el-loading-mask{
+  z-index: 9999;
+}
+.el-icon-loading {
+  font-size: 40px;
+}
+
+.el-button.is-loading .el-icon-loading {
+  font-size: 14px;
+}
+
+.el-tooltip__popper {
+  max-width: 80%
+}
+
+
+
+
+ul {
+  list-style: none;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  outline: medium none;
+  text-decoration: none;
+}
+
+.colorff66 {
+  color: #FF6600;
+}
+
+
+.color02 {
+  color: #0286df;
+}
+
+.color33 {
+  color: #333333;
+}
+
+.colorff {
+  color: #fff;
+}
+
+.color00 {
+  color: #000000;
+}
+
+.color66 {
+  color: #666666;
+}
+
+.color96 {
+  color: #969696;
+}
+
+.colorbf {
+  color: #bfbfbf;
+}
+
+.color59 {
+  color: #595959;
+}
+
+.color5e {
+  color: #5e5e5e;
+}
+
+.colorcc {
+  color: #cccccc;
+}
+
+.color6f {
+  color: #6f6f6f;
+}
+
+.color2c {
+  color: #2c2c2b;
+}
+
+.color8d {
+  color: #8d8d8d;
+}
+
+.h-green {
+  color: #78C06E;
+}
+.h-red {
+  color: #FF6600;
+}
+.h-orange {
+  color: #F7AB01;
+}
+.h-blue {
+  color: #0286df;
+}
+
+/* 链接颜色 */
+.color-link {
+  color: #0286df;
+}
+
+.bgf5 {
+  background: #f5f5f5;
+}
+
+.bgc9 {
+  background: #c9c9c9;
+}
+
+
+.bgff {
+  background: #ffffff;
+}
+
+.bg02 {
+  background: #0286df;
+}
+
+.bg66 {
+  background: #666666;
+}
+
+.bgb3 {
+  background: #b3b3b3;
+}
+
+.font10 {
+  font-size: 10px;
+}
+
+.font12 {
+  font-size: 12px;
+}
+
+.font14 {
+  font-size: 14px;
+}
+
+.font16 {
+  font-size: 16px;
+}
+
+.font18 {
+  font-size: 18px;
+}
+
+.font20 {
+  font-size: 20px;
+}
+
+.font22 {
+  font-size: 22px;
+}
+
+.font24 {
+  font-size: 24px;
+}
+
+.font28 {
+  font-size: 28px;
+}
+
+.font36 {
+  font-size: 36px;
+}
+
+.overflow {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.border02 {
+  border: 1px solid #0286df;
+}
+
+
+.tc-1 {
+  width: 100%;
+  height: 1px;
+}
+
+.tc-2 {
+  width: 100%;
+  height: 2px;
+}
+
+.tc-3 {
+  width: 100%;
+  height: 3px;
+}
+
+.tc-4 {
+  width: 100%;
+  height: 4px;
+}
+
+.tc-5 {
+  width: 100%;
+  height: 5px;
+}
+
+
+.tc-6 {
+  width: 100%;
+  height: 6px;
+}
+
+.tc-7 {
+  width: 100%;
+  height: 7px;
+}
+
+.tc-8 {
+  width: 100%;
+  height: 8px;
+}
+
+.tc-9 {
+  width: 100%;
+  height: 9px;
+}
+
+.tc-10 {
+  width: 100%;
+  height: 10px;
+}
+
+.tc-13 {
+  width: 100%;
+  height: 13px;
+}
+
+.tc-15 {
+  width: 100%;
+  height: 15px;
+}
+
+.tc-20 {
+  width: 100%;
+  height: 20px;
+}
+
+.tc-30 {
+  width: 100%;
+  height: 30px;
+}
+
+.tc-40 {
+  width: 100%;
+  height: 40px;
+}
+
+.tc-45 {
+  width: 100%;
+  height: 45px;
+}
+
+.tc-50 {
+  width: 100%;
+  height: 50px;
+}
+
+.tc-70 {
+  width: 100%;
+  height: 70px;
+}
+
+.tc-80 {
+  width: 100%;
+  height: 80px;
+}
+
+.tc-100 {
+  width: 100%;
+  height: 100px;
+}
+
+.tc-200 {
+  width: 100%;
+  height: 200px;
+}
+
+.cursor {
+  cursor: pointer;
+}
+
+
+/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
+
+::-webkit-scrollbar {
+  width: 9px;
+  height: 9px;
+}
+
+
+/*定义滚动条轨道*/
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+
+/*定义滑块 内阴影+圆角*/
+
+::-webkit-scrollbar-thumb {
+  background-color: rgb(225, 225, 225);
+  -webkit-border-radius: 2em;
+  -moz-border-radius: 2em;
+  border-radius: 2em;
+}
+
+.p-l-no {
+  padding-left: 0;
+}
+
+/* 重置按钮样式 */
+.el-button.h-btn-reset {
+  margin-left: 10px;
+  padding: 12px 10px;
+}
+
+.h-search-form {
+  .el-input {
+    width: 200px;
+  }
+
+  .el-date-editor--daterange.el-input__inner {
+    width: 240px;
+  }
+}
+
+.h-search-form.el-form--inline .el-form-item {
+  margin-right: 10px;
+}
+
+.btn-submit-box {
+  margin-top: 40px;
+  text-align: center;
+}
+
+.list-table-td-a {
+  color: #0286df;
+  cursor: pointer;
+
+  &:hover {
+    color: #0286df;
+    text-decoration: underline;
+  }
+}
+
+.h-main-box {
+  padding: 10px;
+}
+
+.h-main-box-tab {
+  padding: 5px;
+}
+
+/* tab */
+.h-tab-content {
+  min-height: 200px;
+  padding: 20px;
+  border: 1px solid #E4E7ED;
+  margin-top: -16px;
+}
+
+/* 详情页分割线 */
+.h-divide-title {
+  font-size: 16px;
+  line-height: 20px;
+  color: #0286df;
+  border-bottom: 2px dotted #e4e7ed;
+  padding-bottom: 10px;
+  margin: 20px 0;
+
+  >span {
+    border-left: 3px solid #0286df;
+    padding-left: 10px;
+  }
 }