@charset "UTF-8";
/* 改变主题色变量 */
html {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}
a {
  text-decoration: none;
}
body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  font-weight: 400;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h4,
h5 {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ebeef4;
  color: #666666;
  font-family: "Source Han Sans SC", arial;
  text-align: left;
  height: 100%;
}
select {
  font-size: 12px;
}
table {
  border-collapse: collapse;
}
fieldset,
img {
  border: 0 none;
}
fieldset {
  margin: 0;
  padding: 0;
}
fieldset p {
  margin: 0;
  padding: 0 0 0 8px;
}
legend {
  display: none;
}
address,
caption,
em,
strong,
th,
i {
  font-style: normal;
  font-weight: 400;
}
table caption {
  margin-left: -1px;
}
hr {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #e4e4e4;
  border-width: 1px 0;
  clear: both;
  height: 2px;
  margin: 5px 0;
  overflow: hidden;
}
ol,
ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
div {
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 6px;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}

/* 改变主题色变量 */
html {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}
a {
  text-decoration: none;
}
body,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  font-weight: 400;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h4,
h5 {
  margin: 0;
  padding: 0;
}
body {
  background-color: #ebeef4;
  color: #666666;
  font-family: "Source Han Sans SC", arial;
  text-align: left;
  height: 100%;
}
select {
  font-size: 12px;
}
table {
  border-collapse: collapse;
}
fieldset,
img {
  border: 0 none;
}
fieldset {
  margin: 0;
  padding: 0;
}
fieldset p {
  margin: 0;
  padding: 0 0 0 8px;
}
legend {
  display: none;
}
address,
caption,
em,
strong,
th,
i {
  font-style: normal;
  font-weight: 400;
}
table caption {
  margin-left: -1px;
}
hr {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #e4e4e4;
  border-width: 1px 0;
  clear: both;
  height: 2px;
  margin: 5px 0;
  overflow: hidden;
}
ol,
ul {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}
caption,
th {
  text-align: left;
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
div {
  box-sizing: border-box;
}
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-thumb {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 6px;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}
#app .main-container {
  min-width: 900px;
  min-height: 100%;
  transition: margin-left 0.28s;
  margin-left: 210px;
  background: #edf0f5;
  position: relative;
  box-sizing: border-box;
}
#app .sidebar-container {
  width: 210px !important;
  height: 100%;
  transition: width 0.28s;
  position: fixed;
  top: 0;
  padding-top: 56px;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
#app .sidebar-container .ofs-icon {
  font-size: 18px;
  margin-right: 8px;
}
#app .sidebar-container .horizontal-collapse-transition {
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
#app .sidebar-container .scrollbar-wrapper {
  width: 100%;
  overflow: auto !important;
  overflow-x: hidden !important;
  padding-right: 0;
  margin-right: 0 !important;
}
#app .sidebar-container .scrollbar-wrapper ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#app .sidebar-container .ofs-menu-item, #app .sidebar-container .ofs-submenu__title {
  width: 100%;
  height: 48px;
  line-height: 48px;
  padding: 0;
  font-size: 12px;
}
#app .sidebar-container .ofs-submenu__title {
  font-size: 14px !important;
}
#app .sidebar-container .ofs-scrollbar__bar.is-vertical {
  right: 0px;
  width: 0px !important;
}
#app .sidebar-container .ofs-scrollbar__bar.is-vertical ::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
#app .sidebar-container .ofs-scrollbar {
  height: 100%;
}
#app .sidebar-container .ofs-scrollbar .ofs-scrollbar__view {
  width: 100%;
}
#app .sidebar-container .menu-scrollBar {
  background: #fff !important;
  transition: width 0.4s;
  width: 210px;
}
#app .sidebar-container .is-horizontal {
  display: none;
}
#app .sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
}
#app .sidebar-container .svg-icon {
  font-size: 18px;
  margin-right: 16px;
  vertical-align: middle;
}
#app .sidebar-container .ofs-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}
#app .sidebar-container .submenu-title-noDropdown,
#app .sidebar-container .ofs-submenu__title {
  padding-left: 10px !important;
  color: #A6ADB4;
}
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .ofs-submenu__title:hover {
  background-color: #fff !important;
  color: #12B48A !important;
}
#app .sidebar-container .submenu-title-noDropdown:hover .ofs-icon, #app .sidebar-container .submenu-title-noDropdown:hover .ofs-submenu__icon-arrow, #app .sidebar-container .submenu-title-noDropdown:hover i,
#app .sidebar-container .ofs-submenu__title:hover .ofs-icon,
#app .sidebar-container .ofs-submenu__title:hover .ofs-submenu__icon-arrow,
#app .sidebar-container .ofs-submenu__title:hover i {
  color: #12B48A !important;
}
#app .sidebar-container .is-active > .ofs-submenu__title {
  color: #12B48A !important;
  background-color: #fff !important;
}
#app .sidebar-container .is-active > .ofs-submenu__title .ofs-icon, #app .sidebar-container .is-active > .ofs-submenu__title .ofs-submenu__icon-arrow {
  color: #12B48A !important;
}
#app .sidebar-container .is-active > .ofs-submenu__title:hover {
  color: #12B48A !important;
}
#app .sidebar-container .is-active > .ofs-submenu__title:hover .ofs-icon, #app .sidebar-container .is-active > .ofs-submenu__title:hover .ofs-submenu__icon-arrow, #app .sidebar-container .is-active > .ofs-submenu__title:hover i {
  color: #12B48A !important;
}
#app .sidebar-container .nest-menu .ofs-submenu > .ofs-submenu__title, #app .sidebar-container .ofs-submenu .ofs-menu-item {
  min-width: 210px !important;
  background-color: #fff !important;
  height: 48px !important;
  line-height: 48px !important;
}
#app .sidebar-container .nest-menu .ofs-submenu > .ofs-submenu__title:hover, #app .sidebar-container .ofs-submenu .ofs-menu-item:hover {
  background-color: rgba(18, 180, 138, 0.2) !important;
  color: #12B48A !important;
}
#app .sidebar-container .nest-menu .ofs-submenu > .ofs-submenu__title:hover .ofs-icon, #app .sidebar-container .ofs-submenu .ofs-menu-item:hover .ofs-icon {
  color: #12B48A !important;
  background-color: rgba(18, 180, 138, 0.2) !important;
}
#app .sidebar-container .ofs-menu--collapse .ofs-icon {
  padding-left: 10px;
}
#app .hideSidebar .sidebar-container .menu-scrollBar {
  width: 54px !important;
  transition: all 0.4s;
}
#app .hideSidebar .main-container {
  margin-left: 54px;
}
#app .hideSidebar .submenu-title-noDropdown {
  padding: 0 !important;
  position: relative;
}
#app .hideSidebar .submenu-title-noDropdown .ofs-tooltip {
  padding: 0 !important;
  text-align: center;
}
#app .hideSidebar .submenu-title-noDropdown .ofs-tooltip .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .ofs-submenu {
  width: 100%;
  overflow: hidden;
}
#app .hideSidebar .ofs-submenu > .ofs-submenu__title {
  padding: 0 !important;
  text-align: center;
}
#app .hideSidebar .ofs-submenu > .ofs-submenu__title .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .ofs-submenu > .ofs-submenu__title .ofs-submenu__icon-arrow {
  display: none;
}
#app .hideSidebar .ofs-menu--collapse .ofs-submenu > .ofs-submenu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .ofs-menu--collapse .ofs-menu .ofs-submenu {
  min-width: 210px !important;
}
#app .mobile .main-container {
  margin-left: 0px;
}
#app .mobile .sidebar-container {
  transition: transform 0.28s;
  width: 210px !important;
}
#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  transition-duration: 0.3s;
  transform: translate3d(-210px, 0, 0);
}
#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  transition: none;
}
#app .ofs-menu .is-active {
  color: #12B48A !important;
  background-color: #fff !important;
}
#app .ofs-menu .is-active .ofs-submenu__title {
  background-color: #fff !important;
  color: #12B48A !important;
  position: relative;
}
#app .ofs-menu .is-active .ofs-submenu__title .ofs-icon, #app .ofs-menu .is-active .ofs-submenu__title .ofs-submenu__icon-arrow, #app .ofs-menu .is-active .ofs-submenu__title i {
  color: #12B48A !important;
}
#app .ofs-menu .is-active .ofs-submenu__title:hover {
  background-color: #fff !important;
}
#app .ofs-menu .is-active .ofs-submenu__title::before {
  display: none;
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 48px;
  background-color: #09705C;
  z-index: 999;
}
#app .nest-menu {
  height: 48px;
}
#app .nest-menu .router-link-exact-active .is-active, #app .nest-menu .router-link-exact-active .ofs-icon, #app .nest-menu .router-link-exact-active .ofs-submenu__icon-arrow {
  color: #12B48A !important;
  background-color: rgba(18, 180, 138, 0.2) !important;
}
#app .ofs-submenu__title {
  height: 48px;
  width: 180px;
  line-height: 48px;
}
.ofs-menu--vertical > .ofs-menu .svg-icon {
  margin-right: 16px;
}
.ofs-menu--vertical .nest-menu .ofs-submenu > .ofs-submenu__title:hover,
.ofs-menu--vertical .ofs-menu-item:hover {
  background-color: #fff !important;
}
.ofs-menu--vertical > .ofs-menu--popup {
  max-height: 100vh;
  overflow-y: auto;
}
.ofs-menu--vertical > .ofs-menu--popup::-webkit-scrollbar-track-piece {
  background: #d3dce6;
}
.ofs-menu--vertical > .ofs-menu--popup::-webkit-scrollbar {
  width: 5px;
}
.ofs-menu--vertical > .ofs-menu--popup::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 3px;
}
.ofs-menu--vertical .ofs-menu--popup .nest-menu .ofs-menu-item {
  height: 48px !important;
  line-height: 48px !important;
  color: #65686b !important;
}
.ofs-menu--vertical .ofs-menu--popup .nest-menu .ofs-menu-item:hover {
  color: white !important;
}
#app .ofs-tag .ofs-tag-ex {
  min-width: 56px;
}
#app .ofs-button--primary {
  background: #12b48a;
}
#app .public-form .ofs-checkbox-group {
  height: 40px;
}
#app .public-form .ofs-form-item__label {
  padding-right: 20px !important;
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
#app .public-form .ofs-form-item__label .iconfont, #app .public-form .ofs-form-item__label i, #app .public-form .ofs-form-item__label .ofs-icon {
  font-weight: normal;
  color: #999999;
}
#app .public-form .ofs-input {
  width: 520px;
}
#app .ofs-button--text {
  color: #606266 !important;
}
#app .ofs-button--text:focus, #app .ofs-button--text:hover {
  opacity: 0.9;
  color: #606266 !important;
}
#app .ofs-input.is-active .ofs-input__inner, #app .ofs-input__inner:focus {
  border-color: #12B48A;
}
#app .ofs-date-editor .ofs-input__inner {
  width: 100% !important;
}
#app .ofs-cascader .ofs-input .ofs-input__inner {
  width: 100% !important;
}
#app .is-disabled {
  opacity: 0.5 !important;
}
#app .ofs-button--primary {
  background-color: #12b48a;
  border-color: #12b48a;
}
#app .ofs-button--primary:hover {
  background-color: #12b48a !important;
  border-color: #12b48a !important;
  color: #fff;
  opacity: 0.9;
}
#app .ofs-button.is-plain:hover {
  color: #12b48a !important;
  border-color: #12b48a !important;
}
#app .ofs-radio__input.is-checked .ofs-radio__inner {
  background-color: #12B48A;
}
#app .ofs-checkbox__input.is-checked .ofs-checkbox__inner, #app .ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner, #app .ofs-radio__input.is-checked .ofs-radio__inner {
  background-color: #12B48A;
  border-color: #12B48A;
}
#app .ofs-checkbox__input.is-checked + .ofs-checkbox__label, #app .ofs-radio__input.is-checked + .ofs-radio__label {
  color: #333333 !important;
}
.ofs-popconfirm .ofs-popconfirm__main {
  margin: 10px 0 16px 0;
}
.ofs-message-box__btns .ofs-button--primary {
  background-color: #12b48a !important;
  border-color: #12b48a !important;
}
.ofs-message-box__btns .ofs-button--primary:hover {
  opacity: 0.8;
}
@keyframes fade-in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.scale-in {
  animation: scaleIn 0.35s;
}
@keyframes scaleIn {
0% {
    opacity: 0;
    transform: scale(0.9);
}
100% {
    opacity: 1;
    transform: scale(1);
}
}
.fade-in-left {
  animation: fadeInLeft 0.35s;
}
@keyframes fadeInLeft {
0% {
    opacity: 0;
    transform: translateX(-10%);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
.fade-in-right {
  animation: fadeInRight 0.35s;
}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translateX(10%);
}
100% {
    opacity: 1;
    transform: translateX(0);
}
}
.fade-in-top {
  animation: fadeInTop 0.35s;
}
@keyframes fadeInTop {
0% {
    opacity: 0;
    transform: translateY(-10%);
}
100% {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes fadeOutTop {
0% {
    opacity: 1;
    height: 100%;
    transform: translateY(0);
}
100% {
    opacity: 0;
    height: 0;
    transform: translateY(-10%);
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
@font-face {
  font-family: element-icons;
  src: url(../static/fonts/element-icons.535877f5.woff) format("woff"), url(../static/fonts/element-icons.732389de.ttf) format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal;
}
[class*=" el-icon-"],
[class^=el-icon-] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-icon-ice-cream-round:before {
  content: "\e6a0";
}
.el-icon-ice-cream-square:before {
  content: "\e6a3";
}
.el-icon-lollipop:before {
  content: "\e6a4";
}
.el-icon-potato-strips:before {
  content: "\e6a5";
}
.el-icon-milk-tea:before {
  content: "\e6a6";
}
.el-icon-ice-drink:before {
  content: "\e6a7";
}
.el-icon-ice-tea:before {
  content: "\e6a9";
}
.el-icon-coffee:before {
  content: "\e6aa";
}
.el-icon-orange:before {
  content: "\e6ab";
}
.el-icon-pear:before {
  content: "\e6ac";
}
.el-icon-apple:before {
  content: "\e6ad";
}
.el-icon-cherry:before {
  content: "\e6ae";
}
.el-icon-watermelon:before {
  content: "\e6af";
}
.el-icon-grape:before {
  content: "\e6b0";
}
.el-icon-refrigerator:before {
  content: "\e6b1";
}
.el-icon-goblet-square-full:before {
  content: "\e6b2";
}
.el-icon-goblet-square:before {
  content: "\e6b3";
}
.el-icon-goblet-full:before {
  content: "\e6b4";
}
.el-icon-goblet:before {
  content: "\e6b5";
}
.el-icon-cold-drink:before {
  content: "\e6b6";
}
.el-icon-coffee-cup:before {
  content: "\e6b8";
}
.el-icon-water-cup:before {
  content: "\e6b9";
}
.el-icon-hot-water:before {
  content: "\e6ba";
}
.el-icon-ice-cream:before {
  content: "\e6bb";
}
.el-icon-dessert:before {
  content: "\e6bc";
}
.el-icon-sugar:before {
  content: "\e6bd";
}
.el-icon-tableware:before {
  content: "\e6be";
}
.el-icon-burger:before {
  content: "\e6bf";
}
.el-icon-knife-fork:before {
  content: "\e6c1";
}
.el-icon-fork-spoon:before {
  content: "\e6c2";
}
.el-icon-chicken:before {
  content: "\e6c3";
}
.el-icon-food:before {
  content: "\e6c4";
}
.el-icon-dish-1:before {
  content: "\e6c5";
}
.el-icon-dish:before {
  content: "\e6c6";
}
.el-icon-moon-night:before {
  content: "\e6ee";
}
.el-icon-moon:before {
  content: "\e6f0";
}
.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}
.el-icon-partly-cloudy:before {
  content: "\e6f2";
}
.el-icon-cloudy:before {
  content: "\e6f3";
}
.el-icon-sunny:before {
  content: "\e6f6";
}
.el-icon-sunset:before {
  content: "\e6f7";
}
.el-icon-sunrise-1:before {
  content: "\e6f8";
}
.el-icon-sunrise:before {
  content: "\e6f9";
}
.el-icon-heavy-rain:before {
  content: "\e6fa";
}
.el-icon-lightning:before {
  content: "\e6fb";
}
.el-icon-light-rain:before {
  content: "\e6fc";
}
.el-icon-wind-power:before {
  content: "\e6fd";
}
.el-icon-baseball:before {
  content: "\e712";
}
.el-icon-soccer:before {
  content: "\e713";
}
.el-icon-football:before {
  content: "\e715";
}
.el-icon-basketball:before {
  content: "\e716";
}
.el-icon-ship:before {
  content: "\e73f";
}
.el-icon-truck:before {
  content: "\e740";
}
.el-icon-bicycle:before {
  content: "\e741";
}
.el-icon-mobile-phone:before {
  content: "\e6d3";
}
.el-icon-service:before {
  content: "\e6d4";
}
.el-icon-key:before {
  content: "\e6e2";
}
.el-icon-unlock:before {
  content: "\e6e4";
}
.el-icon-lock:before {
  content: "\e6e5";
}
.el-icon-watch:before {
  content: "\e6fe";
}
.el-icon-watch-1:before {
  content: "\e6ff";
}
.el-icon-timer:before {
  content: "\e702";
}
.el-icon-alarm-clock:before {
  content: "\e703";
}
.el-icon-map-location:before {
  content: "\e704";
}
.el-icon-delete-location:before {
  content: "\e705";
}
.el-icon-add-location:before {
  content: "\e706";
}
.el-icon-location-information:before {
  content: "\e707";
}
.el-icon-location-outline:before {
  content: "\e708";
}
.el-icon-location:before {
  content: "\e79e";
}
.el-icon-place:before {
  content: "\e709";
}
.el-icon-discover:before {
  content: "\e70a";
}
.el-icon-first-aid-kit:before {
  content: "\e70b";
}
.el-icon-trophy-1:before {
  content: "\e70c";
}
.el-icon-trophy:before {
  content: "\e70d";
}
.el-icon-medal:before {
  content: "\e70e";
}
.el-icon-medal-1:before {
  content: "\e70f";
}
.el-icon-stopwatch:before {
  content: "\e710";
}
.el-icon-mic:before {
  content: "\e711";
}
.el-icon-copy-document:before {
  content: "\e718";
}
.el-icon-full-screen:before {
  content: "\e719";
}
.el-icon-switch-button:before {
  content: "\e71b";
}
.el-icon-aim:before {
  content: "\e71c";
}
.el-icon-crop:before {
  content: "\e71d";
}
.el-icon-odometer:before {
  content: "\e71e";
}
.el-icon-time:before {
  content: "\e71f";
}
.el-icon-bangzhu:before {
  content: "\e724";
}
.el-icon-close-notification:before {
  content: "\e726";
}
.el-icon-microphone:before {
  content: "\e727";
}
.el-icon-turn-off-microphone:before {
  content: "\e728";
}
.el-icon-position:before {
  content: "\e729";
}
.el-icon-postcard:before {
  content: "\e72a";
}
.el-icon-message:before {
  content: "\e72b";
}
.el-icon-chat-line-square:before {
  content: "\e72d";
}
.el-icon-chat-dot-square:before {
  content: "\e72e";
}
.el-icon-chat-dot-round:before {
  content: "\e72f";
}
.el-icon-chat-square:before {
  content: "\e730";
}
.el-icon-chat-line-round:before {
  content: "\e731";
}
.el-icon-chat-round:before {
  content: "\e732";
}
.el-icon-set-up:before {
  content: "\e733";
}
.el-icon-turn-off:before {
  content: "\e734";
}
.el-icon-open:before {
  content: "\e735";
}
.el-icon-connection:before {
  content: "\e736";
}
.el-icon-link:before {
  content: "\e737";
}
.el-icon-cpu:before {
  content: "\e738";
}
.el-icon-thumb:before {
  content: "\e739";
}
.el-icon-female:before {
  content: "\e73a";
}
.el-icon-male:before {
  content: "\e73b";
}
.el-icon-guide:before {
  content: "\e73c";
}
.el-icon-news:before {
  content: "\e73e";
}
.el-icon-price-tag:before {
  content: "\e744";
}
.el-icon-discount:before {
  content: "\e745";
}
.el-icon-wallet:before {
  content: "\e747";
}
.el-icon-coin:before {
  content: "\e748";
}
.el-icon-money:before {
  content: "\e749";
}
.el-icon-bank-card:before {
  content: "\e74a";
}
.el-icon-box:before {
  content: "\e74b";
}
.el-icon-present:before {
  content: "\e74c";
}
.el-icon-sell:before {
  content: "\e6d5";
}
.el-icon-sold-out:before {
  content: "\e6d6";
}
.el-icon-shopping-bag-2:before {
  content: "\e74d";
}
.el-icon-shopping-bag-1:before {
  content: "\e74e";
}
.el-icon-shopping-cart-2:before {
  content: "\e74f";
}
.el-icon-shopping-cart-1:before {
  content: "\e750";
}
.el-icon-shopping-cart-full:before {
  content: "\e751";
}
.el-icon-smoking:before {
  content: "\e752";
}
.el-icon-no-smoking:before {
  content: "\e753";
}
.el-icon-house:before {
  content: "\e754";
}
.el-icon-table-lamp:before {
  content: "\e755";
}
.el-icon-school:before {
  content: "\e756";
}
.el-icon-office-building:before {
  content: "\e757";
}
.el-icon-toilet-paper:before {
  content: "\e758";
}
.el-icon-notebook-2:before {
  content: "\e759";
}
.el-icon-notebook-1:before {
  content: "\e75a";
}
.el-icon-files:before {
  content: "\e75b";
}
.el-icon-collection:before {
  content: "\e75c";
}
.el-icon-receiving:before {
  content: "\e75d";
}
.el-icon-suitcase-1:before {
  content: "\e760";
}
.el-icon-suitcase:before {
  content: "\e761";
}
.el-icon-film:before {
  content: "\e763";
}
.el-icon-collection-tag:before {
  content: "\e765";
}
.el-icon-data-analysis:before {
  content: "\e766";
}
.el-icon-pie-chart:before {
  content: "\e767";
}
.el-icon-data-board:before {
  content: "\e768";
}
.el-icon-data-line:before {
  content: "\e76d";
}
.el-icon-reading:before {
  content: "\e769";
}
.el-icon-magic-stick:before {
  content: "\e76a";
}
.el-icon-coordinate:before {
  content: "\e76b";
}
.el-icon-mouse:before {
  content: "\e76c";
}
.el-icon-brush:before {
  content: "\e76e";
}
.el-icon-headset:before {
  content: "\e76f";
}
.el-icon-umbrella:before {
  content: "\e770";
}
.el-icon-scissors:before {
  content: "\e771";
}
.el-icon-mobile:before {
  content: "\e773";
}
.el-icon-attract:before {
  content: "\e774";
}
.el-icon-monitor:before {
  content: "\e775";
}
.el-icon-search:before {
  content: "\e778";
}
.el-icon-takeaway-box:before {
  content: "\e77a";
}
.el-icon-paperclip:before {
  content: "\e77d";
}
.el-icon-printer:before {
  content: "\e77e";
}
.el-icon-document-add:before {
  content: "\e782";
}
.el-icon-document:before {
  content: "\e785";
}
.el-icon-document-checked:before {
  content: "\e786";
}
.el-icon-document-copy:before {
  content: "\e787";
}
.el-icon-document-delete:before {
  content: "\e788";
}
.el-icon-document-remove:before {
  content: "\e789";
}
.el-icon-tickets:before {
  content: "\e78b";
}
.el-icon-folder-checked:before {
  content: "\e77f";
}
.el-icon-folder-delete:before {
  content: "\e780";
}
.el-icon-folder-remove:before {
  content: "\e781";
}
.el-icon-folder-add:before {
  content: "\e783";
}
.el-icon-folder-opened:before {
  content: "\e784";
}
.el-icon-folder:before {
  content: "\e78a";
}
.el-icon-edit-outline:before {
  content: "\e764";
}
.el-icon-edit:before {
  content: "\e78c";
}
.el-icon-date:before {
  content: "\e78e";
}
.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}
.el-icon-view:before {
  content: "\e6ce";
}
.el-icon-loading:before {
  content: "\e6cf";
}
.el-icon-rank:before {
  content: "\e6d1";
}
.el-icon-sort-down:before {
  content: "\e7c4";
}
.el-icon-sort-up:before {
  content: "\e7c5";
}
.el-icon-sort:before {
  content: "\e6d2";
}
.el-icon-finished:before {
  content: "\e6cd";
}
.el-icon-refresh-left:before {
  content: "\e6c7";
}
.el-icon-refresh-right:before {
  content: "\e6c8";
}
.el-icon-refresh:before {
  content: "\e6d0";
}
.el-icon-video-play:before {
  content: "\e7c0";
}
.el-icon-video-pause:before {
  content: "\e7c1";
}
.el-icon-d-arrow-right:before {
  content: "\e6dc";
}
.el-icon-d-arrow-left:before {
  content: "\e6dd";
}
.el-icon-arrow-up:before {
  content: "\e6e1";
}
.el-icon-arrow-down:before {
  content: "\e6df";
}
.el-icon-arrow-right:before {
  content: "\e6e0";
}
.el-icon-arrow-left:before {
  content: "\e6de";
}
.el-icon-top-right:before {
  content: "\e6e7";
}
.el-icon-top-left:before {
  content: "\e6e8";
}
.el-icon-top:before {
  content: "\e6e6";
}
.el-icon-bottom:before {
  content: "\e6eb";
}
.el-icon-right:before {
  content: "\e6e9";
}
.el-icon-back:before {
  content: "\e6ea";
}
.el-icon-bottom-right:before {
  content: "\e6ec";
}
.el-icon-bottom-left:before {
  content: "\e6ed";
}
.el-icon-caret-top:before {
  content: "\e78f";
}
.el-icon-caret-bottom:before {
  content: "\e790";
}
.el-icon-caret-right:before {
  content: "\e791";
}
.el-icon-caret-left:before {
  content: "\e792";
}
.el-icon-d-caret:before {
  content: "\e79a";
}
.el-icon-share:before {
  content: "\e793";
}
.el-icon-menu:before {
  content: "\e798";
}
.el-icon-s-grid:before {
  content: "\e7a6";
}
.el-icon-s-check:before {
  content: "\e7a7";
}
.el-icon-s-data:before {
  content: "\e7a8";
}
.el-icon-s-opportunity:before {
  content: "\e7aa";
}
.el-icon-s-custom:before {
  content: "\e7ab";
}
.el-icon-s-claim:before {
  content: "\e7ad";
}
.el-icon-s-finance:before {
  content: "\e7ae";
}
.el-icon-s-comment:before {
  content: "\e7af";
}
.el-icon-s-flag:before {
  content: "\e7b0";
}
.el-icon-s-marketing:before {
  content: "\e7b1";
}
.el-icon-s-shop:before {
  content: "\e7b4";
}
.el-icon-s-open:before {
  content: "\e7b5";
}
.el-icon-s-management:before {
  content: "\e7b6";
}
.el-icon-s-ticket:before {
  content: "\e7b7";
}
.el-icon-s-release:before {
  content: "\e7b8";
}
.el-icon-s-home:before {
  content: "\e7b9";
}
.el-icon-s-promotion:before {
  content: "\e7ba";
}
.el-icon-s-operation:before {
  content: "\e7bb";
}
.el-icon-s-unfold:before {
  content: "\e7bc";
}
.el-icon-s-fold:before {
  content: "\e7a9";
}
.el-icon-s-platform:before {
  content: "\e7bd";
}
.el-icon-s-order:before {
  content: "\e7be";
}
.el-icon-s-cooperation:before {
  content: "\e7bf";
}
.el-icon-bell:before {
  content: "\e725";
}
.el-icon-message-solid:before {
  content: "\e799";
}
.el-icon-video-camera:before {
  content: "\e772";
}
.el-icon-video-camera-solid:before {
  content: "\e796";
}
.el-icon-camera:before {
  content: "\e779";
}
.el-icon-camera-solid:before {
  content: "\e79b";
}
.el-icon-download:before {
  content: "\e77c";
}
.el-icon-upload2:before {
  content: "\e77b";
}
.el-icon-upload:before {
  content: "\e7c3";
}
.el-icon-picture-outline-round:before {
  content: "\e75f";
}
.el-icon-picture-outline:before {
  content: "\e75e";
}
.el-icon-picture:before {
  content: "\e79f";
}
.el-icon-close:before {
  content: "\e6db";
}
.el-icon-check:before {
  content: "\e6da";
}
.el-icon-plus:before {
  content: "\e6d9";
}
.el-icon-minus:before {
  content: "\e6d8";
}
.el-icon-help:before {
  content: "\e73d";
}
.el-icon-s-help:before {
  content: "\e7b3";
}
.el-icon-circle-close:before {
  content: "\e78d";
}
.el-icon-circle-check:before {
  content: "\e720";
}
.el-icon-circle-plus-outline:before {
  content: "\e723";
}
.el-icon-remove-outline:before {
  content: "\e722";
}
.el-icon-zoom-out:before {
  content: "\e776";
}
.el-icon-zoom-in:before {
  content: "\e777";
}
.el-icon-error:before {
  content: "\e79d";
}
.el-icon-success:before {
  content: "\e79c";
}
.el-icon-circle-plus:before {
  content: "\e7a0";
}
.el-icon-remove:before {
  content: "\e7a2";
}
.el-icon-info:before {
  content: "\e7a1";
}
.el-icon-question:before {
  content: "\e7a4";
}
.el-icon-warning-outline:before {
  content: "\e6c9";
}
.el-icon-warning:before {
  content: "\e7a3";
}
.el-icon-goods:before {
  content: "\e7c2";
}
.el-icon-s-goods:before {
  content: "\e7b2";
}
.el-icon-star-off:before {
  content: "\e717";
}
.el-icon-star-on:before {
  content: "\e797";
}
.el-icon-more-outline:before {
  content: "\e6cc";
}
.el-icon-more:before {
  content: "\e794";
}
.el-icon-phone-outline:before {
  content: "\e6cb";
}
.el-icon-phone:before {
  content: "\e795";
}
.el-icon-user:before {
  content: "\e6e3";
}
.el-icon-user-solid:before {
  content: "\e7a5";
}
.el-icon-setting:before {
  content: "\e6ca";
}
.el-icon-s-tools:before {
  content: "\e7ac";
}
.el-icon-delete:before {
  content: "\e6d7";
}
.el-icon-delete-solid:before {
  content: "\e7c9";
}
.el-icon-eleme:before {
  content: "\e7c7";
}
.el-icon-platform-eleme:before {
  content: "\e7ca";
}
.el-icon-loading {
  animation: rotating 2s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
0% {
    transform: rotateZ(0);
}
100% {
    transform: rotateZ(360deg);
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
@font-face {
  font-family: ofs-icons;
  src: url(../static/fonts/iconfont.b238ea32.woff) format("woff"), url(../static/fonts/iconfont.f7387203.ttf) format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal;
}
.ofs-icon {
  font-family: "ofs-icons" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class*=" ofs-i-"],
[class^=ofs-i-] {
  font-family: "ofs-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ofs-i-t-jing3:before {
  content: "\e7a8";
}
.ofs-i-t-jing2:before {
  content: "\e7a6";
}
.ofs-i-t-jing1:before {
  content: "\e7a7";
}
.ofs-i-t-chang3:before {
  content: "\e7a3";
}
.ofs-i-t-chang2:before {
  content: "\e7a4";
}
.ofs-i-t-chang1:before {
  content: "\e7a5";
}
.ofs-i-t-wei-solid:before {
  content: "\e7a2";
}
.ofs-i-t-wei:before {
  content: "\e7a1";
}
.ofs-i-menu1:before {
  content: "\e7a0";
}
.ofs-i-rotate:before {
  content: "\e79f";
}
.ofs-i-t-yuan:before {
  content: "\e79e";
}
.ofs-i-t-can-solid:before {
  content: "\e79c";
}
.ofs-i-t-yuan-solid:before {
  content: "\e79d";
}
.ofs-i-t-can:before {
  content: "\e79b";
}
.ofs-i-t-salesreturn-blue:before {
  content: "\e79a";
}
.ofs-i-t-return-blue-solid:before {
  content: "\e798";
}
.ofs-i-cart-solid:before {
  content: "\e799";
}
.ofs-i-message-solid:before {
  content: "\e797";
}
.ofs-i-message-read-yidu:before {
  content: "\e796";
}
.ofs-i-audit-shenhe:before {
  content: "\e795";
}
.ofs-i-t-ji:before {
  content: "\e793";
}
.ofs-i-t-ji-solid:before {
  content: "\e794";
}
.ofs-i-t-qi-solid:before {
  content: "\e792";
}
.ofs-i-t-qi:before {
  content: "\e791";
}
.ofs-i-t-shou-solid:before {
  content: "\e790";
}
.ofs-i-t-shou:before {
  content: "\e78f";
}
.ofs-i-t-ren-solid:before {
  content: "\e78e";
}
.ofs-i-t-ren:before {
  content: "\e78d";
}
.ofs-i-t-zhi:before {
  content: "\e78c";
}
.ofs-i-t-zhi-solid:before {
  content: "\e787";
}
.ofs-i-t-pin-solid:before {
  content: "\e784";
}
.ofs-i-t-pin:before {
  content: "\e786";
}
.ofs-i-tupian:before {
  content: "\e781";
}
.ofs-i-t-yi-solid:before {
  content: "\e78a";
}
.ofs-i-t-yi:before {
  content: "\e78b";
}
.ofs-i-cai:before {
  content: "\e789";
}
.ofs-i-dianzan:before {
  content: "\e788";
}
.ofs-i-t-zi-solid:before {
  content: "\e780";
}
.ofs-i-t-xiao-solid:before {
  content: "\e782";
}
.ofs-i-t-xiao:before {
  content: "\e783";
}
.ofs-i-t-zi:before {
  content: "\e785";
}
.ofs-i-t-tiao-solid:before {
  content: "\e77e";
}
.ofs-i-t-tiao:before {
  content: "\e77f";
}
.ofs-i-t-jing:before {
  content: "\e77d";
}
.ofs-i-t-jing-solid:before {
  content: "\e77c";
}
.ofs-i-double-right2:before {
  content: "\e77a";
}
.ofs-i-double-left2:before {
  content: "\e77b";
}
.ofs-i-double-up2:before {
  content: "\e779";
}
.ofs-i-double-down2:before {
  content: "\e778";
}
.ofs-i-t-mu-solid:before {
  content: "\e777";
}
.ofs-i-t-mu:before {
  content: "\e776";
}
.ofs-i-t-he:before {
  content: "\e774";
}
.ofs-i-t-he-solid:before {
  content: "\e775";
}
.ofs-i-t-huan-solid:before {
  content: "\e773";
}
.ofs-i-t-xiu:before {
  content: "\e76e";
}
.ofs-i-t-huan:before {
  content: "\e76f";
}
.ofs-i-t-zhuang:before {
  content: "\e770";
}
.ofs-i-t-xiu-solid:before {
  content: "\e771";
}
.ofs-i-t-zhuang-solid:before {
  content: "\e772";
}
.ofs-i-a-onlineinvoicing-xianshangkaipiao:before {
  content: "\e76c";
}
.ofs-i-a-offlineinvoicing-xianxiakaipiao:before {
  content: "\e76d";
}
.ofs-i-t-waicai-solid:before {
  content: "\e76a";
}
.ofs-i-t-waicai:before {
  content: "\e76b";
}
.ofs-i-t-piao-solid:before {
  content: "\e768";
}
.ofs-i-t-piao:before {
  content: "\e769";
}
.ofs-i-t-chao:before {
  content: "\e766";
}
.ofs-i-t-chao-solid:before {
  content: "\e767";
}
.ofs-i-t-fei-solid:before {
  content: "\e764";
}
.ofs-i-t-fei:before {
  content: "\e765";
}
.ofs-i-postpone-yanqi:before {
  content: "\e763";
}
.ofs-i-upgrade:before {
  content: "\e762";
}
.ofs-i-t-gongyingshangzhisong:before {
  content: "\e760";
}
.ofs-i-t-gongyingshangzhisong-solid:before {
  content: "\e761";
}
.ofs-i-eye-solid:before {
  content: "\e75f";
}
.ofs-i-time-shijian:before {
  content: "\e75e";
}
.ofs-i-task:before {
  content: "\e75d";
}
.ofs-i-like-selected:before {
  content: "\e601";
}
.ofs-i-like:before {
  content: "\e602";
}
.ofs-i-logistics3:before {
  content: "\e75c";
}
.ofs-i-message-duanxin:before {
  content: "\e75a";
}
.ofs-i-receipt-shouju:before {
  content: "\e75b";
}
.ofs-i-choose-xuanze:before {
  content: "\e759";
}
.ofs-i-unlock-jiesuo:before {
  content: "\e758";
}
.ofs-i-weijiejue:before {
  content: "\e756";
}
.ofs-i-jiejue:before {
  content: "\e757";
}
.ofs-i-chaifen:before {
  content: "\e755";
}
.ofs-i-t-salesreturn-bufentuihuo:before {
  content: "\e754";
}
.ofs-i-t-jishoushangpin-solid:before {
  content: "\e752";
}
.ofs-i-t-jishoushangpin:before {
  content: "\e753";
}
.ofs-i-center-juzhong:before {
  content: "\e749";
}
.ofs-i-t-oil-solid:before {
  content: "\e74c";
}
.ofs-i-t-oil:before {
  content: "\e74d";
}
.ofs-i-align-right-youduiqi:before {
  content: "\e74e";
}
.ofs-i-unpin-quxiaoguding:before {
  content: "\e74f";
}
.ofs-i-align-left-zuoduiqi:before {
  content: "\e750";
}
.ofs-i-fixed-guding:before {
  content: "\e751";
}
.ofs-i-t-yinyong:before {
  content: "\e74b";
}
.ofs-i-t-yufukuan:before {
  content: "\e747";
}
.ofs-i-t-yufukuan-solid:before {
  content: "\e748";
}
.ofs-i-t-yinyong-solid:before {
  content: "\e74a";
}
.ofs-i-t-repetition:before {
  content: "\e745";
}
.ofs-i-t-repetition-solid:before {
  content: "\e746";
}
.ofs-i-t-verification:before {
  content: "\e743";
}
.ofs-i-t-verification-solid:before {
  content: "\e744";
}
.ofs-i-transfer-cancel:before {
  content: "\e742";
}
.ofs-i-inquire:before {
  content: "\e740";
}
.ofs-i-loading3:before {
  content: "\e73b";
}
.ofs-i-t-chong-solid:before {
  content: "\e741";
}
.ofs-i-t-fan-solid:before {
  content: "\e73e";
}
.ofs-i-t-fan:before {
  content: "\e73f";
}
.ofs-i-t-chong:before {
  content: "\e73c";
}
.ofs-i-reference-edit:before {
  content: "\e73d";
}
.ofs-i-log-management:before {
  content: "\e73a";
}
.ofs-i-zoom-out:before {
  content: "\e739";
}
.ofs-i-agreement-xieyi:before {
  content: "\e600";
}
.ofs-i-t-have-solid:before {
  content: "\e737";
}
.ofs-i-t-have:before {
  content: "\e738";
}
.ofs-i-meter-reading:before {
  content: "\e736";
}
.ofs-i-miniprograms:before {
  content: "\e735";
}
.ofs-i-receipt3:before {
  content: "\e734";
}
.ofs-i-drag:before {
  content: "\e731";
}
.ofs-i-reimbursement:before {
  content: "\e732";
}
.ofs-i-loan:before {
  content: "\e733";
}
.ofs-i-t-manual-import:before {
  content: "\e72f";
}
.ofs-i-t-manual-import-solid:before {
  content: "\e730";
}
.ofs-i-official-website:before {
  content: "\e72e";
}
.ofs-i-t-turn:before {
  content: "\e72c";
}
.ofs-i-t-turn-solid:before {
  content: "\e72d";
}
.ofs-i-visit:before {
  content: "\e72b";
}
.ofs-i-t-a-solid:before {
  content: "\e729";
}
.ofs-i-t-a:before {
  content: "\e72a";
}
.ofs-i-integral:before {
  content: "\e728";
}
.ofs-i-t-collect-solid:before {
  content: "\e714";
}
.ofs-i-t-overall-solid:before {
  content: "\e71d";
}
.ofs-i-t-modify-solid:before {
  content: "\e71e";
}
.ofs-i-t-freeze-solid:before {
  content: "\e71f";
}
.ofs-i-t-unpick-solid:before {
  content: "\e720";
}
.ofs-i-t-report-solid:before {
  content: "\e721";
}
.ofs-i-t-red-solid:before {
  content: "\e722";
}
.ofs-i-t-urge-solid:before {
  content: "\e723";
}
.ofs-i-t-sub-order-solid:before {
  content: "\e724";
}
.ofs-i-t-unify-solid:before {
  content: "\e725";
}
.ofs-i-t-return-solid:before {
  content: "\e726";
}
.ofs-i-t-tariff-solid:before {
  content: "\e727";
}
.ofs-i-consumables:before {
  content: "\e719";
}
.ofs-i-road:before {
  content: "\e71a";
}
.ofs-i-leas:before {
  content: "\e71b";
}
.ofs-i-machine:before {
  content: "\e71c";
}
.ofs-i-calendar-solid:before {
  content: "\e712";
}
.ofs-i-calendar:before {
  content: "\e713";
}
.ofs-i-receipt2-solid:before {
  content: "\e715";
}
.ofs-i-logistics2:before {
  content: "\e716";
}
.ofs-i-dot-solid:before {
  content: "\e717";
}
.ofs-i-wallet:before {
  content: "\e718";
}
.ofs-i-procedure2:before {
  content: "\e711";
}
.ofs-i-t-red:before {
  content: "\e710";
}
.ofs-i-binding:before {
  content: "\e70f";
}
.ofs-i-t-freeze:before {
  content: "\e6f1";
}
.ofs-i-t-collect:before {
  content: "\e6f2";
}
.ofs-i-t-report:before {
  content: "\e6f3";
}
.ofs-i-t-overall:before {
  content: "\e6f6";
}
.ofs-i-t-modify:before {
  content: "\e6fa";
}
.ofs-i-t-return:before {
  content: "\e6fb";
}
.ofs-i-t-unpick:before {
  content: "\e70a";
}
.ofs-i-t-tariff:before {
  content: "\e70b";
}
.ofs-i-t-unify:before {
  content: "\e70c";
}
.ofs-i-t-urge:before {
  content: "\e70d";
}
.ofs-i-t-sub-order:before {
  content: "\e70e";
}
.ofs-i-procedure:before {
  content: "\e6f0";
}
.ofs-i-copy-solid:before {
  content: "\e6ed";
}
.ofs-i-minus-square-solid:before {
  content: "\e6ee";
}
.ofs-i-plus-square-solid:before {
  content: "\e6ef";
}
.ofs-i-temporary:before {
  content: "\e6ec";
}
.ofs-i-editor:before {
  content: "\e6eb";
}
.ofs-i-reference:before {
  content: "\e6ea";
}
.ofs-i-copy:before {
  content: "\e6e7";
}
.ofs-i-dispose:before {
  content: "\e6e8";
}
.ofs-i-secret:before {
  content: "\e6e9";
}
.ofs-i-more-verticcal:before {
  content: "\e6df";
}
.ofs-i-file:before {
  content: "\e6e5";
}
.ofs-i-message:before {
  content: "\e6e6";
}
.ofs-i-retria:before {
  content: "\e6d3";
}
.ofs-i-feedback2:before {
  content: "\e6d4";
}
.ofs-i-noinvoice:before {
  content: "\e6d5";
}
.ofs-i-delievered:before {
  content: "\e6d6";
}
.ofs-i-feedback:before {
  content: "\e6d7";
}
.ofs-i-reduction:before {
  content: "\e6d8";
}
.ofs-i-wait-invoice:before {
  content: "\e6d9";
}
.ofs-i-delete3:before {
  content: "\e6da";
}
.ofs-i-reduce:before {
  content: "\e6db";
}
.ofs-i-notarize:before {
  content: "\e6dc";
}
.ofs-i-receipt2:before {
  content: "\e6dd";
}
.ofs-i-fill-in-bill:before {
  content: "\e6de";
}
.ofs-i-review-theorginal:before {
  content: "\e6e0";
}
.ofs-i-photo:before {
  content: "\e6e1";
}
.ofs-i-sendback:before {
  content: "\e6e2";
}
.ofs-i-magnify:before {
  content: "\e6e3";
}
.ofs-i-refresh:before {
  content: "\e6e4";
}
.ofs-i-phone:before {
  content: "\e6cd";
}
.ofs-i-topiece:before {
  content: "\e6d1";
}
.ofs-i-delivery2:before {
  content: "\e6d2";
}
.ofs-i-jiesuan-edit:before {
  content: "\e6cf";
}
.ofs-i-kaipiao-edit:before {
  content: "\e6d0";
}
.ofs-i-address2:before {
  content: "\e6cc";
}
.ofs-i-tel3:before {
  content: "\e6ce";
}
.ofs-i-rmb:before {
  content: "\e6ca";
}
.ofs-i-customerservice:before {
  content: "\e6cb";
}
.ofs-i-movedown:before {
  content: "\e6c8";
}
.ofs-i-moveup:before {
  content: "\e6c9";
}
.ofs-i-points:before {
  content: "\e6c5";
}
.ofs-i-detail-points:before {
  content: "\e6c6";
}
.ofs-i-system-points:before {
  content: "\e6c7";
}
.ofs-i-manager:before {
  content: "\e61e";
}
.ofs-i-cancel-purchase:before {
  content: "\e67b";
}
.ofs-i-positive:before {
  content: "\e6be";
}
.ofs-i-cancel-pubilsh:before {
  content: "\e6bf";
}
.ofs-i-apply-purchase:before {
  content: "\e6c0";
}
.ofs-i-audit:before {
  content: "\e6c1";
}
.ofs-i-close-shop:before {
  content: "\e6c2";
}
.ofs-i-SAP-no:before {
  content: "\e6c3";
}
.ofs-i-unbundling2:before {
  content: "\e6c4";
}
.ofs-i-more:before {
  content: "\e619";
}
.ofs-i-receipt:before {
  content: "\e616";
}
.ofs-i-close-circle-solid:before {
  content: "\e60d";
}
.ofs-i-info-solid:before {
  content: "\e60e";
}
.ofs-i-check-circle-solid:before {
  content: "\e60f";
}
.ofs-i-warming-triangle-solid:before {
  content: "\e610";
}
.ofs-i-warming-circle-solid:before {
  content: "\e611";
}
.ofs-i-system:before {
  content: "\e60a";
}
.ofs-i-bordereaux:before {
  content: "\e60c";
}
.ofs-i-unbundling:before {
  content: "\e609";
}
.ofs-i-contact:before {
  content: "\e608";
}
.ofs-i-view-item:before {
  content: "\e607";
}
.ofs-i-returngoods:before {
  content: "\e606";
}
.ofs-i-oa:before {
  content: "\e605";
}
.ofs-i-refused2:before {
  content: "\e6bc";
}
.ofs-i-confirm:before {
  content: "\e6bd";
}
.ofs-i-modify:before {
  content: "\e6b7";
}
.ofs-i-bottom:before {
  content: "\e6b8";
}
.ofs-i-finished:before {
  content: "\e6b9";
}
.ofs-i-refused:before {
  content: "\e6ba";
}
.ofs-i-top:before {
  content: "\e6bb";
}
.ofs-i-bidding:before {
  content: "\e6ab";
}
.ofs-i-data-analysis:before {
  content: "\e6ac";
}
.ofs-i-aftersales-finish:before {
  content: "\e6ad";
}
.ofs-i-mall:before {
  content: "\e6ae";
}
.ofs-i-home:before {
  content: "\e6af";
}
.ofs-i-invoice-agree:before {
  content: "\e6b0";
}
.ofs-i-aftersales:before {
  content: "\e6b1";
}
.ofs-i-report:before {
  content: "\e6b2";
}
.ofs-i-search2:before {
  content: "\e6b3";
}
.ofs-i-reconciliation:before {
  content: "\e6b4";
}
.ofs-i-login2:before {
  content: "\e6b5";
}
.ofs-i-shoppingcart:before {
  content: "\e6b6";
}
.ofs-i-add-categoryt:before {
  content: "\e66a";
}
.ofs-i-goods:before {
  content: "\e66c";
}
.ofs-i-add-barcode:before {
  content: "\e67a";
}
.ofs-i-add-item:before {
  content: "\e6a7";
}
.ofs-i-print3:before {
  content: "\e6a8";
}
.ofs-i-print2:before {
  content: "\e6a9";
}
.ofs-i-remove-barcode:before {
  content: "\e6aa";
}
.ofs-i-business-management:before {
  content: "\e660";
}
.ofs-i-organization:before {
  content: "\e662";
}
.ofs-i-certificate:before {
  content: "\e663";
}
.ofs-i-waybill:before {
  content: "\e664";
}
.ofs-i-enterprise:before {
  content: "\e666";
}
.ofs-i-customer-management:before {
  content: "\e667";
}
.ofs-i-user-management:before {
  content: "\e668";
}
.ofs-i-setting3:before {
  content: "\e669";
}
.ofs-i-pledge-money-cancel:before {
  content: "\e626";
}
.ofs-i-disable:before {
  content: "\e627";
}
.ofs-i-invoice-cancel:before {
  content: "\e628";
}
.ofs-i-recheck:before {
  content: "\e629";
}
.ofs-i-shelves:before {
  content: "\e62a";
}
.ofs-i-pledge-money:before {
  content: "\e62b";
}
.ofs-i-elevancy:before {
  content: "\e63c";
}
.ofs-i-undo-pledge-money:before {
  content: "\e646";
}
.ofs-i-invoice:before {
  content: "\e64a";
}
.ofs-i-relevancy:before {
  content: "\e655";
}
.ofs-i-shutdown:before {
  content: "\e625";
}
.ofs-i-order-issue:before {
  content: "\e61c";
}
.ofs-i-order-daike:before {
  content: "\e622";
}
.ofs-i-order-cancel:before {
  content: "\e623";
}
.ofs-i-order-confirm:before {
  content: "\e624";
}
.ofs-i-triangle-left-solid:before {
  content: "\e61f";
}
.ofs-i-triangle-down-solid:before {
  content: "\e621";
}
.ofs-i-triangle-right-solid:before {
  content: "\e620";
}
.ofs-i-announcement:before {
  content: "\e613";
}
.ofs-i-authority:before {
  content: "\e614";
}
.ofs-i-export:before {
  content: "\e615";
}
.ofs-i-order-list:before {
  content: "\e617";
}
.ofs-i-news:before {
  content: "\e618";
}
.ofs-i-scan2:before {
  content: "\e61a";
}
.ofs-i-theme:before {
  content: "\e61b";
}
.ofs-i-detailed:before {
  content: "\e61d";
}
.ofs-i-triangle-up-solid:before {
  content: "\e612";
}
.ofs-i-address:before {
  content: "\e6fd";
}
.ofs-i-comments:before {
  content: "\e6fe";
}
.ofs-i-dot:before {
  content: "\e6ff";
}
.ofs-i-automatic:before {
  content: "\e700";
}
.ofs-i-edit:before {
  content: "\e701";
}
.ofs-i-gain:before {
  content: "\e702";
}
.ofs-i-record-cancel:before {
  content: "\e703";
}
.ofs-i-solicitation:before {
  content: "\e704";
}
.ofs-i-list-person:before {
  content: "\e705";
}
.ofs-i-search:before {
  content: "\e706";
}
.ofs-i-resubmit:before {
  content: "\e707";
}
.ofs-i-print:before {
  content: "\e708";
}
.ofs-i-website:before {
  content: "\e709";
}
.ofs-i-assigned:before {
  content: "\e6f4";
}
.ofs-i-delivery:before {
  content: "\e6f5";
}
.ofs-i-return-confirm:before {
  content: "\e6f7";
}
.ofs-i-logistics:before {
  content: "\e6f8";
}
.ofs-i-off-shelves:before {
  content: "\e6f9";
}
.ofs-i-refused-return:before {
  content: "\e6fc";
}
.ofs-i-play:before {
  content: "\e6a6";
}
.ofs-i-transform:before {
  content: "\e661";
}
.ofs-i-safe-plus:before {
  content: "\e66d";
}
.ofs-i-tag:before {
  content: "\e66e";
}
.ofs-i-save:before {
  content: "\e66f";
}
.ofs-i-play-circle:before {
  content: "\e670";
}
.ofs-i-safe:before {
  content: "\e676";
}
.ofs-i-warming-triangle:before {
  content: "\e677";
}
.ofs-i-save2:before {
  content: "\e678";
}
.ofs-i-tel:before {
  content: "\e679";
}
.ofs-i-zoom-in:before {
  content: "\e680";
}
.ofs-i-tool:before {
  content: "\e685";
}
.ofs-i-dislike:before {
  content: "\e68e";
}
.ofs-i-tag2:before {
  content: "\e68f";
}
.ofs-i-subscribe:before {
  content: "\e690";
}
.ofs-i-tel2:before {
  content: "\e691";
}
.ofs-i-share:before {
  content: "\e692";
}
.ofs-i-send:before {
  content: "\e693";
}
.ofs-i-menu:before {
  content: "\e694";
}
.ofs-i-scissor:before {
  content: "\e695";
}
.ofs-i-examine:before {
  content: "\e696";
}
.ofs-i-loading1:before {
  content: "\e697";
}
.ofs-i-loading2:before {
  content: "\e698";
}
.ofs-i-receive:before {
  content: "\e699";
}
.ofs-i-set-card:before {
  content: "\e69a";
}
.ofs-i-paper-clip:before {
  content: "\e69b";
}
.ofs-i-scan:before {
  content: "\e69c";
}
.ofs-i-flow-vertical:before {
  content: "\e69d";
}
.ofs-i-gift:before {
  content: "\e69e";
}
.ofs-i-setting2:before {
  content: "\e69f";
}
.ofs-i-filter:before {
  content: "\e6a0";
}
.ofs-i-flow-horizontal:before {
  content: "\e6a1";
}
.ofs-i-setting:before {
  content: "\e6a2";
}
.ofs-i-set-list:before {
  content: "\e6a3";
}
.ofs-i-browser:before {
  content: "\e6a4";
}
.ofs-i-border-inside:before {
  content: "\e6a5";
}
.ofs-i-help:before {
  content: "\e671";
}
.ofs-i-plus:before {
  content: "\e672";
}
.ofs-i-warming-circle:before {
  content: "\e673";
}
.ofs-i-minus:before {
  content: "\e674";
}
.ofs-i-info:before {
  content: "\e675";
}
.ofs-i-enlarge:before {
  content: "\e682";
}
.ofs-i-download2:before {
  content: "\e62f";
}
.ofs-i-download:before {
  content: "\e632";
}
.ofs-i-plus-circle:before {
  content: "\e634";
}
.ofs-i-upload3:before {
  content: "\e637";
}
.ofs-i-plus-square:before {
  content: "\e638";
}
.ofs-i-upload:before {
  content: "\e63d";
}
.ofs-i-minus-circle:before {
  content: "\e643";
}
.ofs-i-sort-ascending:before {
  content: "\e645";
}
.ofs-i-close:before {
  content: "\e647";
}
.ofs-i-delete:before {
  content: "\e648";
}
.ofs-i-backspace:before {
  content: "\e649";
}
.ofs-i-close-circle:before {
  content: "\e64b";
}
.ofs-i-minus-square:before {
  content: "\e64c";
}
.ofs-i-unlock:before {
  content: "\e64e";
}
.ofs-i-search-list:before {
  content: "\e64f";
}
.ofs-i-lock:before {
  content: "\e650";
}
.ofs-i-download3:before {
  content: "\e651";
}
.ofs-i-check-circle:before {
  content: "\e652";
}
.ofs-i-check:before {
  content: "\e653";
}
.ofs-i-eye:before {
  content: "\e63e";
}
.ofs-i-unvisible:before {
  content: "\e63f";
}
.ofs-i-review:before {
  content: "\e64d";
}
.ofs-i-undo:before {
  content: "\e65f";
}
.ofs-i-publish:before {
  content: "\e689";
}
.ofs-i-redo:before {
  content: "\e68c";
}
.ofs-i-order:before {
  content: "\e67d";
}
.ofs-i-right:before {
  content: "\e65c";
}
.ofs-i-up-circle:before {
  content: "\e681";
}
.ofs-i-up-square:before {
  content: "\e683";
}
.ofs-i-triangle-right:before {
  content: "\e684";
}
.ofs-i-triangle-down:before {
  content: "\e686";
}
.ofs-i-triangle-left:before {
  content: "\e687";
}
.ofs-i-left-square:before {
  content: "\e688";
}
.ofs-i-arrow-left-circle:before {
  content: "\e68a";
}
.ofs-i-left:before {
  content: "\e68b";
}
.ofs-i-left-circle:before {
  content: "\e68d";
}
.ofs-i-fold:before {
  content: "\e65d";
}
.ofs-i-unfold:before {
  content: "\e665";
}
.ofs-i-menu-fold:before {
  content: "\e66b";
}
.ofs-i-triangle-up:before {
  content: "\e67c";
}
.ofs-i-up:before {
  content: "\e67e";
}
.ofs-i-double-right-circle:before {
  content: "\e65e";
}
.ofs-i-double-left-circle:before {
  content: "\e67f";
}
.ofs-i-arrow-down-circle:before {
  content: "\e62c";
}
.ofs-i-down:before {
  content: "\e62d";
}
.ofs-i-down-square:before {
  content: "\e62e";
}
.ofs-i-down-circle:before {
  content: "\e630";
}
.ofs-i-double-down:before {
  content: "\e631";
}
.ofs-i-double-right:before {
  content: "\e633";
}
.ofs-i-double-left:before {
  content: "\e635";
}
.ofs-i-logout:before {
  content: "\e636";
}
.ofs-i-arrow-up-circle:before {
  content: "\e639";
}
.ofs-i-upload2:before {
  content: "\e63a";
}
.ofs-i-menu-unfold:before {
  content: "\e63b";
}
.ofs-i-swap:before {
  content: "\e640";
}
.ofs-i-login:before {
  content: "\e641";
}
.ofs-i-double-up:before {
  content: "\e642";
}
.ofs-i-shrink:before {
  content: "\e644";
}
.ofs-i-round:before {
  content: "\e654";
}
.ofs-i-repeat:before {
  content: "\e656";
}
.ofs-i-arrow-right-circle:before {
  content: "\e657";
}
.ofs-i-right-circle:before {
  content: "\e658";
}
.ofs-i-double-up-circle:before {
  content: "\e659";
}
.ofs-i-right-square:before {
  content: "\e65a";
}
.ofs-i-double-down-circle:before {
  content: "\e65b";
}
.ofs-icon-loading,
.ofs-i-loading2 {
  animation: rotating 2s linear infinite;
}
.ofs-icon--right {
  margin-left: 5px;
}
.ofs-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
0% {
    transform: rotateZ(0);
}
100% {
    transform: rotateZ(360deg);
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  position: relative;
  display: block;
  cursor: pointer;
  border-radius: 6px;
  background-color: rgba(144, 147, 153, 0.3);
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-family: "Source Han Sans SC" !important;
}
body,
html,
button,
input,
select,
optgroup,
input::placeholder,
textarea::placeholder,
textarea {
  font-family: "Source Han Sans SC" !important;
}
body {
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}
a {
  color: #12b48a;
  text-decoration: none;
}
a:hover, a:focus {
  color: rgb(65.4, 195, 161.4);
}
a:active {
  color: rgb(16.2, 162, 124.2);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #606266;
  font-weight: inherit;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
  margin-bottom: 0;
}
h1 {
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4,
h5,
h6,
p {
  font-size: inherit;
}
p {
  line-height: 1.8;
}
p:first-child {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
sup,
sub {
  font-size: 13px;
}
small {
  font-size: 12px;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
* {
  box-sizing: border-box;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
* {
    scrollbar-width: thin;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-base-h1 {
  font-size: 20px;
  font-weight: bold;
}
.ofs-base-h2 {
  font-size: 18px;
  font-weight: bold;
}
.ofs-base-h3 {
  font-size: 16px;
  font-weight: bold;
}
.ofs-base-h4, .ofs-base-h5, .ofs-base-6, .ofs-base-p {
  font-size: inherit;
}
.ofs-line-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ofs-line-2, .ofs-line-3 {
  display: -webkit-box;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
}
.ofs-line-2 {
  -webkit-line-clamp: 2;
}
.ofs-line-3 {
  line-clamp: 3;
}
.ofs-title-lonely {
  position: relative;
  line-height: 20px;
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 12px 0;
  padding-left: 7px;
  color: #303133;
}
.ofs-title-lonely::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  bottom: 3px;
  width: 2px;
  background-color: #12b48a;
}
.ofs-c-primary {
  color: #12b48a;
}
.ofs-c-primary-i {
  color: #12b48a !important;
}
.ofs-bg-primary {
  background-color: #12b48a;
}
.ofs-bg-primary-i {
  background-color: #12b48a !important;
}
.ofs-c-primary-light-1 {
  color: rgb(41.7, 187.5, 149.7);
}
.ofs-c-primary-light-1-i {
  color: rgb(41.7, 187.5, 149.7) !important;
}
.ofs-bg-primary-light-1 {
  background-color: rgb(41.7, 187.5, 149.7);
}
.ofs-bg-primary-light-1-i {
  background-color: rgb(41.7, 187.5, 149.7) !important;
}
.ofs-c-primary-light-2 {
  color: rgb(65.4, 195, 161.4);
}
.ofs-c-primary-light-2-i {
  color: rgb(65.4, 195, 161.4) !important;
}
.ofs-bg-primary-light-2 {
  background-color: rgb(65.4, 195, 161.4);
}
.ofs-bg-primary-light-2-i {
  background-color: rgb(65.4, 195, 161.4) !important;
}
.ofs-c-primary-light-3 {
  color: rgb(89.1, 202.5, 173.1);
}
.ofs-c-primary-light-3-i {
  color: rgb(89.1, 202.5, 173.1) !important;
}
.ofs-bg-primary-light-3 {
  background-color: rgb(89.1, 202.5, 173.1);
}
.ofs-bg-primary-light-3-i {
  background-color: rgb(89.1, 202.5, 173.1) !important;
}
.ofs-c-primary-light-4 {
  color: rgb(112.8, 210, 184.8);
}
.ofs-c-primary-light-4-i {
  color: rgb(112.8, 210, 184.8) !important;
}
.ofs-bg-primary-light-4 {
  background-color: rgb(112.8, 210, 184.8);
}
.ofs-bg-primary-light-4-i {
  background-color: rgb(112.8, 210, 184.8) !important;
}
.ofs-c-primary-light-5 {
  color: rgb(136.5, 217.5, 196.5);
}
.ofs-c-primary-light-5-i {
  color: rgb(136.5, 217.5, 196.5) !important;
}
.ofs-bg-primary-light-5 {
  background-color: rgb(136.5, 217.5, 196.5);
}
.ofs-bg-primary-light-5-i {
  background-color: rgb(136.5, 217.5, 196.5) !important;
}
.ofs-c-primary-light-6 {
  color: rgb(160.2, 225, 208.2);
}
.ofs-c-primary-light-6-i {
  color: rgb(160.2, 225, 208.2) !important;
}
.ofs-bg-primary-light-6 {
  background-color: rgb(160.2, 225, 208.2);
}
.ofs-bg-primary-light-6-i {
  background-color: rgb(160.2, 225, 208.2) !important;
}
.ofs-c-primary-light-7 {
  color: rgb(183.9, 232.5, 219.9);
}
.ofs-c-primary-light-7-i {
  color: rgb(183.9, 232.5, 219.9) !important;
}
.ofs-bg-primary-light-7 {
  background-color: rgb(183.9, 232.5, 219.9);
}
.ofs-bg-primary-light-7-i {
  background-color: rgb(183.9, 232.5, 219.9) !important;
}
.ofs-c-primary-light-8 {
  color: rgb(207.6, 240, 231.6);
}
.ofs-c-primary-light-8-i {
  color: rgb(207.6, 240, 231.6) !important;
}
.ofs-bg-primary-light-8 {
  background-color: rgb(207.6, 240, 231.6);
}
.ofs-bg-primary-light-8-i {
  background-color: rgb(207.6, 240, 231.6) !important;
}
.ofs-c-primary-light-9 {
  color: rgb(231.3, 247.5, 243.3);
}
.ofs-c-primary-light-9-i {
  color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-bg-primary-light-9 {
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-bg-primary-light-9-i {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-c-info {
  color: #909399;
}
.ofs-c-info-i {
  color: #909399 !important;
}
.ofs-bg-info {
  background-color: #909399;
}
.ofs-bg-info-i {
  background-color: #909399 !important;
}
.ofs-c-info-light-1 {
  color: rgb(155.1, 157.8, 163.2);
}
.ofs-c-info-light-1-i {
  color: rgb(155.1, 157.8, 163.2) !important;
}
.ofs-bg-info-light-1 {
  background-color: rgb(155.1, 157.8, 163.2);
}
.ofs-bg-info-light-1-i {
  background-color: rgb(155.1, 157.8, 163.2) !important;
}
.ofs-c-info-light-2 {
  color: rgb(166.2, 168.6, 173.4);
}
.ofs-c-info-light-2-i {
  color: rgb(166.2, 168.6, 173.4) !important;
}
.ofs-bg-info-light-2 {
  background-color: rgb(166.2, 168.6, 173.4);
}
.ofs-bg-info-light-2-i {
  background-color: rgb(166.2, 168.6, 173.4) !important;
}
.ofs-c-info-light-3 {
  color: rgb(177.3, 179.4, 183.6);
}
.ofs-c-info-light-3-i {
  color: rgb(177.3, 179.4, 183.6) !important;
}
.ofs-bg-info-light-3 {
  background-color: rgb(177.3, 179.4, 183.6);
}
.ofs-bg-info-light-3-i {
  background-color: rgb(177.3, 179.4, 183.6) !important;
}
.ofs-c-info-light-4 {
  color: rgb(188.4, 190.2, 193.8);
}
.ofs-c-info-light-4-i {
  color: rgb(188.4, 190.2, 193.8) !important;
}
.ofs-bg-info-light-4 {
  background-color: rgb(188.4, 190.2, 193.8);
}
.ofs-bg-info-light-4-i {
  background-color: rgb(188.4, 190.2, 193.8) !important;
}
.ofs-c-info-light-5 {
  color: rgb(199.5, 201, 204);
}
.ofs-c-info-light-5-i {
  color: rgb(199.5, 201, 204) !important;
}
.ofs-bg-info-light-5 {
  background-color: rgb(199.5, 201, 204);
}
.ofs-bg-info-light-5-i {
  background-color: rgb(199.5, 201, 204) !important;
}
.ofs-c-info-light-6 {
  color: rgb(210.6, 211.8, 214.2);
}
.ofs-c-info-light-6-i {
  color: rgb(210.6, 211.8, 214.2) !important;
}
.ofs-bg-info-light-6 {
  background-color: rgb(210.6, 211.8, 214.2);
}
.ofs-bg-info-light-6-i {
  background-color: rgb(210.6, 211.8, 214.2) !important;
}
.ofs-c-info-light-7 {
  color: rgb(221.7, 222.6, 224.4);
}
.ofs-c-info-light-7-i {
  color: rgb(221.7, 222.6, 224.4) !important;
}
.ofs-bg-info-light-7 {
  background-color: rgb(221.7, 222.6, 224.4);
}
.ofs-bg-info-light-7-i {
  background-color: rgb(221.7, 222.6, 224.4) !important;
}
.ofs-c-info-light-8 {
  color: rgb(232.8, 233.4, 234.6);
}
.ofs-c-info-light-8-i {
  color: rgb(232.8, 233.4, 234.6) !important;
}
.ofs-bg-info-light-8 {
  background-color: rgb(232.8, 233.4, 234.6);
}
.ofs-bg-info-light-8-i {
  background-color: rgb(232.8, 233.4, 234.6) !important;
}
.ofs-c-info-light-9 {
  color: rgb(243.9, 244.2, 244.8);
}
.ofs-c-info-light-9-i {
  color: rgb(243.9, 244.2, 244.8) !important;
}
.ofs-bg-info-light-9 {
  background-color: rgb(243.9, 244.2, 244.8);
}
.ofs-bg-info-light-9-i {
  background-color: rgb(243.9, 244.2, 244.8) !important;
}
.ofs-c-danger {
  color: #ff3939;
}
.ofs-c-danger-i {
  color: #ff3939 !important;
}
.ofs-bg-danger {
  background-color: #ff3939;
}
.ofs-bg-danger-i {
  background-color: #ff3939 !important;
}
.ofs-c-danger-light-1 {
  color: rgb(255, 76.8, 76.8);
}
.ofs-c-danger-light-1-i {
  color: rgb(255, 76.8, 76.8) !important;
}
.ofs-bg-danger-light-1 {
  background-color: rgb(255, 76.8, 76.8);
}
.ofs-bg-danger-light-1-i {
  background-color: rgb(255, 76.8, 76.8) !important;
}
.ofs-c-danger-light-2 {
  color: rgb(255, 96.6, 96.6);
}
.ofs-c-danger-light-2-i {
  color: rgb(255, 96.6, 96.6) !important;
}
.ofs-bg-danger-light-2 {
  background-color: rgb(255, 96.6, 96.6);
}
.ofs-bg-danger-light-2-i {
  background-color: rgb(255, 96.6, 96.6) !important;
}
.ofs-c-danger-light-3 {
  color: rgb(255, 116.4, 116.4);
}
.ofs-c-danger-light-3-i {
  color: rgb(255, 116.4, 116.4) !important;
}
.ofs-bg-danger-light-3 {
  background-color: rgb(255, 116.4, 116.4);
}
.ofs-bg-danger-light-3-i {
  background-color: rgb(255, 116.4, 116.4) !important;
}
.ofs-c-danger-light-4 {
  color: rgb(255, 136.2, 136.2);
}
.ofs-c-danger-light-4-i {
  color: rgb(255, 136.2, 136.2) !important;
}
.ofs-bg-danger-light-4 {
  background-color: rgb(255, 136.2, 136.2);
}
.ofs-bg-danger-light-4-i {
  background-color: rgb(255, 136.2, 136.2) !important;
}
.ofs-c-danger-light-5 {
  color: #ff9c9c;
}
.ofs-c-danger-light-5-i {
  color: #ff9c9c !important;
}
.ofs-bg-danger-light-5 {
  background-color: #ff9c9c;
}
.ofs-bg-danger-light-5-i {
  background-color: #ff9c9c !important;
}
.ofs-c-danger-light-6 {
  color: rgb(255, 175.8, 175.8);
}
.ofs-c-danger-light-6-i {
  color: rgb(255, 175.8, 175.8) !important;
}
.ofs-bg-danger-light-6 {
  background-color: rgb(255, 175.8, 175.8);
}
.ofs-bg-danger-light-6-i {
  background-color: rgb(255, 175.8, 175.8) !important;
}
.ofs-c-danger-light-7 {
  color: rgb(255, 195.6, 195.6);
}
.ofs-c-danger-light-7-i {
  color: rgb(255, 195.6, 195.6) !important;
}
.ofs-bg-danger-light-7 {
  background-color: rgb(255, 195.6, 195.6);
}
.ofs-bg-danger-light-7-i {
  background-color: rgb(255, 195.6, 195.6) !important;
}
.ofs-c-danger-light-8 {
  color: rgb(255, 215.4, 215.4);
}
.ofs-c-danger-light-8-i {
  color: rgb(255, 215.4, 215.4) !important;
}
.ofs-bg-danger-light-8 {
  background-color: rgb(255, 215.4, 215.4);
}
.ofs-bg-danger-light-8-i {
  background-color: rgb(255, 215.4, 215.4) !important;
}
.ofs-c-danger-light-9 {
  color: rgb(255, 235.2, 235.2);
}
.ofs-c-danger-light-9-i {
  color: rgb(255, 235.2, 235.2) !important;
}
.ofs-bg-danger-light-9 {
  background-color: rgb(255, 235.2, 235.2);
}
.ofs-bg-danger-light-9-i {
  background-color: rgb(255, 235.2, 235.2) !important;
}
.ofs-c-warning {
  color: #ff8429;
}
.ofs-c-warning-i {
  color: #ff8429 !important;
}
.ofs-bg-warning {
  background-color: #ff8429;
}
.ofs-bg-warning-i {
  background-color: #ff8429 !important;
}
.ofs-c-warning-light-1 {
  color: rgb(255, 144.3, 62.4);
}
.ofs-c-warning-light-1-i {
  color: rgb(255, 144.3, 62.4) !important;
}
.ofs-bg-warning-light-1 {
  background-color: rgb(255, 144.3, 62.4);
}
.ofs-bg-warning-light-1-i {
  background-color: rgb(255, 144.3, 62.4) !important;
}
.ofs-c-warning-light-2 {
  color: rgb(255, 156.6, 83.8);
}
.ofs-c-warning-light-2-i {
  color: rgb(255, 156.6, 83.8) !important;
}
.ofs-bg-warning-light-2 {
  background-color: rgb(255, 156.6, 83.8);
}
.ofs-bg-warning-light-2-i {
  background-color: rgb(255, 156.6, 83.8) !important;
}
.ofs-c-warning-light-3 {
  color: rgb(255, 168.9, 105.2);
}
.ofs-c-warning-light-3-i {
  color: rgb(255, 168.9, 105.2) !important;
}
.ofs-bg-warning-light-3 {
  background-color: rgb(255, 168.9, 105.2);
}
.ofs-bg-warning-light-3-i {
  background-color: rgb(255, 168.9, 105.2) !important;
}
.ofs-c-warning-light-4 {
  color: rgb(255, 181.2, 126.6);
}
.ofs-c-warning-light-4-i {
  color: rgb(255, 181.2, 126.6) !important;
}
.ofs-bg-warning-light-4 {
  background-color: rgb(255, 181.2, 126.6);
}
.ofs-bg-warning-light-4-i {
  background-color: rgb(255, 181.2, 126.6) !important;
}
.ofs-c-warning-light-5 {
  color: rgb(255, 193.5, 148);
}
.ofs-c-warning-light-5-i {
  color: rgb(255, 193.5, 148) !important;
}
.ofs-bg-warning-light-5 {
  background-color: rgb(255, 193.5, 148);
}
.ofs-bg-warning-light-5-i {
  background-color: rgb(255, 193.5, 148) !important;
}
.ofs-c-warning-light-6 {
  color: rgb(255, 205.8, 169.4);
}
.ofs-c-warning-light-6-i {
  color: rgb(255, 205.8, 169.4) !important;
}
.ofs-bg-warning-light-6 {
  background-color: rgb(255, 205.8, 169.4);
}
.ofs-bg-warning-light-6-i {
  background-color: rgb(255, 205.8, 169.4) !important;
}
.ofs-c-warning-light-7 {
  color: rgb(255, 218.1, 190.8);
}
.ofs-c-warning-light-7-i {
  color: rgb(255, 218.1, 190.8) !important;
}
.ofs-bg-warning-light-7 {
  background-color: rgb(255, 218.1, 190.8);
}
.ofs-bg-warning-light-7-i {
  background-color: rgb(255, 218.1, 190.8) !important;
}
.ofs-c-warning-light-8 {
  color: rgb(255, 230.4, 212.2);
}
.ofs-c-warning-light-8-i {
  color: rgb(255, 230.4, 212.2) !important;
}
.ofs-bg-warning-light-8 {
  background-color: rgb(255, 230.4, 212.2);
}
.ofs-bg-warning-light-8-i {
  background-color: rgb(255, 230.4, 212.2) !important;
}
.ofs-c-warning-light-9 {
  color: rgb(255, 242.7, 233.6);
}
.ofs-c-warning-light-9-i {
  color: rgb(255, 242.7, 233.6) !important;
}
.ofs-bg-warning-light-9 {
  background-color: rgb(255, 242.7, 233.6);
}
.ofs-bg-warning-light-9-i {
  background-color: rgb(255, 242.7, 233.6) !important;
}
.ofs-c-success {
  color: #48d164;
}
.ofs-c-success-i {
  color: #48d164 !important;
}
.ofs-bg-success {
  background-color: #48d164;
}
.ofs-bg-success-i {
  background-color: #48d164 !important;
}
.ofs-c-success-light-1 {
  color: rgb(90.3, 213.6, 115.5);
}
.ofs-c-success-light-1-i {
  color: rgb(90.3, 213.6, 115.5) !important;
}
.ofs-bg-success-light-1 {
  background-color: rgb(90.3, 213.6, 115.5);
}
.ofs-bg-success-light-1-i {
  background-color: rgb(90.3, 213.6, 115.5) !important;
}
.ofs-c-success-light-2 {
  color: rgb(108.6, 218.2, 131);
}
.ofs-c-success-light-2-i {
  color: rgb(108.6, 218.2, 131) !important;
}
.ofs-bg-success-light-2 {
  background-color: rgb(108.6, 218.2, 131);
}
.ofs-bg-success-light-2-i {
  background-color: rgb(108.6, 218.2, 131) !important;
}
.ofs-c-success-light-3 {
  color: rgb(126.9, 222.8, 146.5);
}
.ofs-c-success-light-3-i {
  color: rgb(126.9, 222.8, 146.5) !important;
}
.ofs-bg-success-light-3 {
  background-color: rgb(126.9, 222.8, 146.5);
}
.ofs-bg-success-light-3-i {
  background-color: rgb(126.9, 222.8, 146.5) !important;
}
.ofs-c-success-light-4 {
  color: rgb(145.2, 227.4, 162);
}
.ofs-c-success-light-4-i {
  color: rgb(145.2, 227.4, 162) !important;
}
.ofs-bg-success-light-4 {
  background-color: rgb(145.2, 227.4, 162);
}
.ofs-bg-success-light-4-i {
  background-color: rgb(145.2, 227.4, 162) !important;
}
.ofs-c-success-light-5 {
  color: rgb(163.5, 232, 177.5);
}
.ofs-c-success-light-5-i {
  color: rgb(163.5, 232, 177.5) !important;
}
.ofs-bg-success-light-5 {
  background-color: rgb(163.5, 232, 177.5);
}
.ofs-bg-success-light-5-i {
  background-color: rgb(163.5, 232, 177.5) !important;
}
.ofs-c-success-light-6 {
  color: rgb(181.8, 236.6, 193);
}
.ofs-c-success-light-6-i {
  color: rgb(181.8, 236.6, 193) !important;
}
.ofs-bg-success-light-6 {
  background-color: rgb(181.8, 236.6, 193);
}
.ofs-bg-success-light-6-i {
  background-color: rgb(181.8, 236.6, 193) !important;
}
.ofs-c-success-light-7 {
  color: rgb(200.1, 241.2, 208.5);
}
.ofs-c-success-light-7-i {
  color: rgb(200.1, 241.2, 208.5) !important;
}
.ofs-bg-success-light-7 {
  background-color: rgb(200.1, 241.2, 208.5);
}
.ofs-bg-success-light-7-i {
  background-color: rgb(200.1, 241.2, 208.5) !important;
}
.ofs-c-success-light-8 {
  color: rgb(218.4, 245.8, 224);
}
.ofs-c-success-light-8-i {
  color: rgb(218.4, 245.8, 224) !important;
}
.ofs-bg-success-light-8 {
  background-color: rgb(218.4, 245.8, 224);
}
.ofs-bg-success-light-8-i {
  background-color: rgb(218.4, 245.8, 224) !important;
}
.ofs-c-success-light-9 {
  color: rgb(236.7, 250.4, 239.5);
}
.ofs-c-success-light-9-i {
  color: rgb(236.7, 250.4, 239.5) !important;
}
.ofs-bg-success-light-9 {
  background-color: rgb(236.7, 250.4, 239.5);
}
.ofs-bg-success-light-9-i {
  background-color: rgb(236.7, 250.4, 239.5) !important;
}
.ofs-f-12 {
  font-size: 12px;
}
.ofs-f-12-i {
  font-size: 12px !important;
}
.ofs-f-13 {
  font-size: 13px;
}
.ofs-f-13-i {
  font-size: 13px !important;
}
.ofs-f-14 {
  font-size: 14px;
}
.ofs-f-14-i {
  font-size: 14px !important;
}
.ofs-f-15 {
  font-size: 15px;
}
.ofs-f-15-i {
  font-size: 15px !important;
}
.ofs-f-16 {
  font-size: 16px;
}
.ofs-f-16-i {
  font-size: 16px !important;
}
.ofs-f-17 {
  font-size: 17px;
}
.ofs-f-17-i {
  font-size: 17px !important;
}
.ofs-f-18 {
  font-size: 18px;
}
.ofs-f-18-i {
  font-size: 18px !important;
}
.ofs-f-19 {
  font-size: 19px;
}
.ofs-f-19-i {
  font-size: 19px !important;
}
.ofs-f-20 {
  font-size: 20px;
}
.ofs-f-20-i {
  font-size: 20px !important;
}
.ofs-f-21 {
  font-size: 21px;
}
.ofs-f-21-i {
  font-size: 21px !important;
}
.ofs-f-22 {
  font-size: 22px;
}
.ofs-f-22-i {
  font-size: 22px !important;
}
.ofs-f-23 {
  font-size: 23px;
}
.ofs-f-23-i {
  font-size: 23px !important;
}
.ofs-f-24 {
  font-size: 24px;
}
.ofs-f-24-i {
  font-size: 24px !important;
}
.ofs-f-25 {
  font-size: 25px;
}
.ofs-f-25-i {
  font-size: 25px !important;
}
.ofs-f-26 {
  font-size: 26px;
}
.ofs-f-26-i {
  font-size: 26px !important;
}
.ofs-f-27 {
  font-size: 27px;
}
.ofs-f-27-i {
  font-size: 27px !important;
}
.ofs-f-28 {
  font-size: 28px;
}
.ofs-f-28-i {
  font-size: 28px !important;
}
.ofs-f-29 {
  font-size: 29px;
}
.ofs-f-29-i {
  font-size: 29px !important;
}
.ofs-f-30 {
  font-size: 30px;
}
.ofs-f-30-i {
  font-size: 30px !important;
}
.ofs-f-31 {
  font-size: 31px;
}
.ofs-f-31-i {
  font-size: 31px !important;
}
.ofs-f-32 {
  font-size: 32px;
}
.ofs-f-32-i {
  font-size: 32px !important;
}
.ofs-f-33 {
  font-size: 33px;
}
.ofs-f-33-i {
  font-size: 33px !important;
}
.ofs-f-34 {
  font-size: 34px;
}
.ofs-f-34-i {
  font-size: 34px !important;
}
.ofs-active-link {
  color: #12b48a;
  white-space: normal;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  text-decoration: none;
}
.ofs-active-link:hover {
  text-decoration: underline;
}
.nowrap-1 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 1;
}
.nowrap-2 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 2;
}
.nowrap-3 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 3;
}
.nowrap-4 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 4;
}
.nowrap-5 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 5;
}
.nowrap-6 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 6;
}
.nowrap-7 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 7;
}
.nowrap-8 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 8;
}
.nowrap-9 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 9;
}
.nowrap-10 {
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 14px;
  -webkit-line-clamp: 10;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.ofs-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #e4e7ed;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected {
  color: #12b48a;
  background-color: #ffffff;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected.is-disabled {
  color: rgb(112.8, 210, 184.8);
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected.hover {
  background-color: #f5f7fa;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected::after {
  position: absolute;
  right: 10px;
  font-family: "ofs-icons";
  content: "\e653";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ofs-select-dropdown .ofs-scrollbar.is-empty .ofs-select-dropdown__list {
  padding: 0;
}
.ofs-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.ofs-select-dropdown__wrap {
  max-height: 274px;
}
.ofs-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag-ex {
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
  color: #12b48a;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #12b48a;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.ofs-tag-ex.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex.ofs-tag-ex--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--success {
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--warning {
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--danger {
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex .ofs-i-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.ofs-tag-ex .ofs-i-close::before {
  display: block;
}
.ofs-tag-ex--dark {
  background-color: #12b48a;
  border-color: #12b48a;
  color: white;
}
.ofs-tag-ex--dark.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--dark .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(65.4, 195, 161.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(166.2, 168.6, 173.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--success {
  background-color: #48d164;
  border-color: #48d164;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(108.6, 218.2, 131);
}
.ofs-tag-ex--dark.ofs-tag-ex--warning {
  background-color: #ff8429;
  border-color: #ff8429;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 156.6, 83.8);
}
.ofs-tag-ex--dark.ofs-tag-ex--danger {
  background-color: #ff3939;
  border-color: #ff3939;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 96.6, 96.6);
}
.ofs-tag-ex--plain {
  background-color: white;
  border-color: rgb(160.2, 225, 208.2);
  color: #12b48a;
}
.ofs-tag-ex--plain.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex--plain.ofs-tag-ex--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--success {
  background-color: white;
  border-color: rgb(181.8, 236.6, 193);
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning {
  background-color: white;
  border-color: rgb(255, 205.8, 169.4);
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger {
  background-color: white;
  border-color: rgb(255, 175.8, 175.8);
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex--medium {
  height: 28px;
  line-height: 26px;
}
.ofs-tag-ex--medium .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.ofs-tag-ex--small .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.ofs-tag-ex--mini .ofs-i-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag {
  display: inline-block;
}
.ofs-tag .ofs-tag-ex {
  border: 0;
  border-radius: 12px;
  padding: 0 9px;
  text-align: center;
  font-size: 12px;
}
.ofs-tag .ofs-tag-ex.is-hit {
  border: 1px solid rgba(61, 161, 255, 0.4);
}
.ofs-tag .ofs-tag-ex--success {
  background: rgba(72, 209, 100, 0.1);
  color: #48d164;
}
.ofs-tag .ofs-tag-ex--success.is-hit {
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--success.ofs-tag--dark {
  background: rgba(72, 209, 100, 0.8);
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--warning {
  background: rgba(255, 132, 41, 0.1);
  color: #ff8429;
}
.ofs-tag .ofs-tag-ex--warning.is-hit {
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--warning.ofs-tag--dark {
  background: rgba(255, 132, 41, 0.8);
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--danger {
  background: rgba(255, 57, 57, 0.1);
  color: #ff3939;
}
.ofs-tag .ofs-tag-ex--danger.is-hit {
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--danger.ofs-tag--dark {
  background: rgba(255, 57, 57, 0.8);
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--info {
  background: rgba(144, 147, 153, 0.1);
  color: #909399;
}
.ofs-tag .ofs-tag-ex--info.is-hit {
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--info.ofs-tag--dark {
  background: rgba(144, 147, 153, 0.8);
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--dark {
  background: #3da1ff;
  border-color: #3da1ff;
  color: #fff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-select-dropdown__item {
  font-size: 12px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.ofs-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-select-dropdown__item.is-disabled:hover {
  background-color: #ffffff;
}
.ofs-select-dropdown__item.hover, .ofs-select-dropdown__item:hover {
  background-color: #f5f7fa;
}
.ofs-select-dropdown__item.selected {
  color: #12b48a;
  font-weight: bold;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-select-group {
  margin: 0;
  padding: 0;
}
.ofs-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ofs-select-group__wrap.is-border + li::before {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  top: 0px;
  height: 1px;
  background: #e4e7ed;
}
.ofs-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.ofs-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #e4e7ed;
}
.ofs-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
  transition: all 0.2s;
  position: relative;
}
.ofs-select-group__title.is-collapse {
  cursor: pointer;
}
.ofs-select-group__title.is-collapse.is-close + li {
  display: none;
}
.ofs-select-group__title.is-collapse .is-reverse {
  transform: rotateZ(180deg) translateY(50%);
}
.ofs-select-group__title .ofs-i-up {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.ofs-select-group .ofs-select-dropdown__item {
  padding-left: 20px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.ofs-select {
  display: inline-block;
  position: relative;
}
.ofs-select.is-remoteDelay .ofs-input__suffix {
  pointer-events: inherit;
  right: 0;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__inner {
  padding-right: 50px;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner {
  cursor: pointer;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner .ofs-divider--vertical {
  margin: 0;
  vertical-align: baseline;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner .ofs-input-search {
  padding: 0 2px;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner .ofs-input-search.is-disabled {
  pointer-events: none;
}
.ofs-select.is-remoteDelay.has-showClose .ofs-select__caret {
  display: inline-flex;
}
.ofs-select.is-remoteDelay.has-showClose .ofs-input__inner {
  padding-right: 48px;
}
.ofs-select.is-remoteDelay.has-showClose.ofs-select--small .ofs-i-close-circle {
  line-height: 34px;
}
.ofs-select.is-remoteDelay.has-showClose.ofs-select--mini .ofs-i-close-circle {
  line-height: 28px;
}
.ofs-select.is-remoteDelay.has-showClose .ofs-i-close-circle {
  line-height: 42px;
  padding: 0;
  width: 12px;
}
.ofs-select .ofs-select__tags.is-max-height::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ofs-select .ofs-select__tags > span {
  display: contents;
}
.ofs-select:hover .ofs-input__inner {
  border-color: #a1a5ac;
}
.ofs-select .ofs-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.ofs-select .ofs-input__inner:focus {
  border-color: #12b48a;
}
.ofs-select .ofs-input .ofs-select__caret {
  color: #c0c4cc;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.ofs-select .ofs-input .ofs-select__caret.is-reverse {
  transform: rotateZ(0deg);
}
.ofs-select .ofs-input .ofs-select__caret.is-show-close {
  font-size: 12px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #c0c4cc;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-select .ofs-input .ofs-select__caret.is-show-close:hover {
  color: #909399;
}
.ofs-select .ofs-input:not(.is-disabled) .ofs-input__suffix .ofs-input__suffix-inner .ofs-select__caret.ofs-i-up {
  color: #606266;
}
.ofs-select .ofs-input .ofs-input__suffix .ofs-input__suffix-inner .ofs-select__caret.ofs-i-up {
  color: #c0c4cc;
}
.ofs-select .ofs-input.is-disabled .ofs-input__inner {
  cursor: not-allowed;
}
.ofs-select .ofs-input.is-disabled .ofs-input__inner:hover {
  border-color: #e4e7ed;
}
.ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: #12b48a;
}
.ofs-select > .ofs-input {
  display: block;
}
.ofs-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  background-color: transparent;
}
.ofs-select__input.is-mini {
  height: 14px;
}
.ofs-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #c0c4cc;
  line-height: 18px;
  font-size: 14px;
}
.ofs-select__close:hover {
  color: #909399;
}
.ofs-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ofs-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-select.is-inline.is-filter.is-focus .ofs-select__tags > span {
  max-width: 60%;
}
.ofs-select.is-inline.is-filter.is-focus .ofs-select__input {
  width: calc(40% - 15px);
  margin-left: 15px;
}
.ofs-select.is-inline .ofs-select__tags-wrap .is-tags-pre {
  overflow: hidden;
}
.ofs-select.is-inline .ofs-select__tags > span {
  display: flex;
  max-width: 100%;
  overflow: hidden;
}
.ofs-select.is-inline .ofs-select__input {
  width: 0;
  margin-left: 0;
}
.ofs-select .ofs-tag-ex__close {
  margin-top: -2px;
}
.ofs-select .ofs-tag-ex {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: calc(100% - 6px);
  align-items: center;
}
.ofs-select .ofs-tag-ex__close.ofs-i-close {
  background-color: #c0c4cc;
  top: 1px;
  color: #ffffff;
  flex-shrink: 0;
}
.ofs-select .ofs-tag-ex__close.ofs-i-close:hover {
  background-color: #909399;
}
.ofs-select .ofs-tag-ex__close.ofs-i-close::before {
  display: block;
  transform: translate(0, 0.5px);
}
.ofs-pagination {
  white-space: nowrap;
  padding: 2px 5px;
  color: #303133;
  font-weight: bold;
}
.ofs-pagination::before,
.ofs-pagination::after {
  display: table;
  content: "";
}
.ofs-pagination::after {
  clear: both;
}
.ofs-pagination span:not([class*=suffix]),
.ofs-pagination button {
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  vertical-align: top;
  box-sizing: border-box;
}
.ofs-pagination .ofs-input__inner {
  text-align: center;
  -moz-appearance: textfield;
  line-height: normal;
}
.ofs-pagination .ofs-input__suffix {
  right: 0;
  transform: scale(0.8);
}
.ofs-pagination .ofs-select .ofs-input {
  width: 100px;
  margin: 0 5px;
}
.ofs-pagination .ofs-select .ofs-input .ofs-input__inner {
  padding-right: 25px;
  border-radius: 3px;
}
.ofs-pagination button {
  border: none;
  padding: 0 6px;
  background: transparent;
}
.ofs-pagination button:focus {
  outline: none;
}
.ofs-pagination button:hover {
  color: #12b48a;
}
.ofs-pagination button:disabled {
  color: #c0c4cc;
  background-color: #ffffff;
  cursor: not-allowed;
}
.ofs-pagination .btn-prev,
.ofs-pagination .btn-next {
  background: center center no-repeat;
  background-size: 16px;
  background-color: #ffffff;
  cursor: pointer;
  margin: 0;
  color: #303133;
}
.ofs-pagination .btn-prev .ofs-icon,
.ofs-pagination .btn-next .ofs-icon {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 3px;
}
.ofs-pagination .ofs-pager li.disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-pagination--small .btn-prev,
.ofs-pagination--small .btn-next,
.ofs-pagination--small .ofs-pager li,
.ofs-pagination--small .ofs-pager li.btn-quicknext,
.ofs-pagination--small .ofs-pager li.btn-quickprev,
.ofs-pagination--small .ofs-pager li:last-child {
  border-color: transparent;
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  min-width: 22px;
}
.ofs-pagination--small .arrow.disabled {
  visibility: hidden;
}
.ofs-pagination--small .more::before,
.ofs-pagination--small li.more::before {
  line-height: 24px;
}
.ofs-pagination--small span:not([class*=suffix]),
.ofs-pagination--small button {
  height: 22px;
  line-height: 22px;
}
.ofs-pagination--small .ofs-pagination__editor {
  height: 22px;
}
.ofs-pagination--small .ofs-pagination__editor.ofs-input .ofs-input__inner {
  height: 22px;
}
.ofs-pagination__sizes {
  margin: 0 10px 0 0;
  font-weight: normal;
  color: #606266;
}
.ofs-pagination__sizes .ofs-input .ofs-input__inner {
  font-size: 13px;
  padding-left: 8px;
}
.ofs-pagination__sizes .ofs-input .ofs-input__inner:hover {
  border-color: #12b48a;
}
.ofs-pagination__total {
  margin-right: 10px;
  font-weight: normal;
  color: #606266;
}
.ofs-pagination__jump {
  margin-left: 15px;
  font-weight: normal;
  color: #606266;
}
.ofs-pagination__jump .ofs-input__inner {
  padding: 0 3px;
}
.ofs-pagination__rightwrapper {
  float: right;
}
.ofs-pagination__editor {
  line-height: 18px;
  padding: 0 2px;
  height: 28px;
  text-align: center;
  margin: 0 2px;
  box-sizing: border-box;
  border-radius: 3px;
}
.ofs-pagination__editor.ofs-input {
  width: 50px;
}
.ofs-pagination__editor.ofs-input .ofs-input__inner {
  height: 28px;
}
.ofs-pagination__editor .ofs-input__inner::-webkit-inner-spin-button,
.ofs-pagination__editor .ofs-input__inner::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-pagination.is-background .btn-prev,
.ofs-pagination.is-background .btn-next,
.ofs-pagination.is-background .ofs-pager li {
  margin: 0 5px;
  background-color: rgb(243.9, 244.2, 244.8);
  color: #606266;
  min-width: 30px;
  border-radius: 2px;
}
.ofs-pagination.is-background .btn-prev.disabled,
.ofs-pagination.is-background .btn-next.disabled,
.ofs-pagination.is-background .ofs-pager li.disabled {
  color: #c0c4cc;
}
.ofs-pagination.is-background .btn-prev,
.ofs-pagination.is-background .btn-next {
  font-size: 14px;
}
.ofs-pagination.is-background .btn-prev:disabled,
.ofs-pagination.is-background .btn-next:disabled {
  color: #c0c4cc;
}
.ofs-pagination.is-background .ofs-pager li:not(.disabled):hover {
  color: #12b48a;
}
.ofs-pagination.is-background .ofs-pager li:not(.disabled).active {
  background-color: #12b48a;
  color: #ffffff;
}
.ofs-pagination.is-background.ofs-pagination--small .btn-prev,
.ofs-pagination.is-background.ofs-pagination--small .btn-next,
.ofs-pagination.is-background.ofs-pagination--small .ofs-pager li {
  margin: 0 3px;
  min-width: 22px;
}
.ofs-pager {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  list-style: none;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.ofs-pager .more::before {
  line-height: 30px;
}
.ofs-pager li {
  padding: 0 4px;
  background: #ffffff;
  vertical-align: top;
  display: inline-block;
  font-size: 13px;
  min-width: 35.5px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  margin: 0;
  font-weight: bold;
}
.ofs-pager li.btn-quicknext, .ofs-pager li.btn-quickprev {
  line-height: 28px;
  color: #303133;
}
.ofs-pager li.btn-quicknext.disabled, .ofs-pager li.btn-quickprev.disabled {
  color: #c0c4cc;
}
.ofs-pager li.btn-quickprev:hover {
  cursor: pointer;
}
.ofs-pager li.btn-quicknext:hover {
  cursor: pointer;
}
.ofs-pager li.active + li {
  border-left: 0;
}
.ofs-pager li:hover {
  color: #12b48a;
}
.ofs-pager li.active {
  color: #12b48a;
  cursor: default;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}
@keyframes v-modal-in {
0% {
    opacity: 0;
}
}
@keyframes v-modal-out {
100% {
    opacity: 0;
}
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}
.ofs-popup-parent--hidden {
  overflow: hidden;
}
.ofs-dialog {
  position: relative;
  margin: 0 auto 50px;
  background: #ffffff;
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  width: 50%;
}
.ofs-dialog.is-fullscreen {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  overflow: auto;
}
.ofs-dialog__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  margin: 0;
}
.ofs-dialog__header {
  padding: 20px;
  padding-bottom: 10px;
}
.ofs-dialog__headerbtn {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 20px;
}
.ofs-dialog__headerbtn .ofs-dialog__close {
  color: #303133;
  font-size: 20px;
}
.ofs-dialog__headerbtn:focus .el-dialog__close, .ofs-dialog__headerbtn:hover .el-dialog__close {
  color: #12b48a;
}
.ofs-dialog__title {
  line-height: 24px;
  font-size: 18px;
  color: #303133;
}
.ofs-dialog__body {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
  word-break: break-all;
}
.ofs-dialog__footer {
  padding: 20px;
  padding-top: 10px;
  text-align: right;
  box-sizing: border-box;
}
.ofs-dialog__footer .ofs-button + .ofs-button {
  margin-left: 24px;
}
.ofs-dialog__right {
  position: absolute;
  right: 0;
  top: 0;
  overflow: auto;
  box-sizing: border-box;
}
.ofs-dialog--center {
  text-align: center;
}
.ofs-dialog--center .ofs-dialog__body {
  text-align: initial;
  padding: 25px 25px 30px;
}
.ofs-dialog--center .ofs-dialog__footer {
  text-align: inherit;
}
.dialog-fade-enter-active {
  animation: dialog-fade-in 0.3s;
}
.dialog-fade-leave-active {
  animation: dialog-fade-out 0.3s;
}
@keyframes dialog-fade-in {
0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}
100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes dialog-fade-out {
0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.ofs-autocomplete {
  position: relative;
  display: inline-block;
}
.ofs-autocomplete-suggestion {
  margin: 5px 0;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid #e4e7ed;
  box-sizing: border-box;
  background-color: #ffffff;
}
.ofs-autocomplete-suggestion__wrap {
  max-height: 280px;
  padding: 10px 0;
  box-sizing: border-box;
}
.ofs-autocomplete-suggestion__list {
  margin: 0;
  padding: 0;
}
.ofs-autocomplete-suggestion li {
  padding: 0 20px;
  margin: 0;
  line-height: 34px;
  cursor: pointer;
  color: #606266;
  font-size: 14px;
  list-style: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-autocomplete-suggestion li:hover {
  background-color: #f5f7fa;
}
.ofs-autocomplete-suggestion li.highlighted {
  background-color: #f5f7fa;
}
.ofs-autocomplete-suggestion li.divider {
  margin-top: 6px;
  border-top: 1px solid #000000;
}
.ofs-autocomplete-suggestion li.divider:last-child {
  margin-bottom: -6px;
}
.ofs-autocomplete-suggestion.is-loading li {
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 20px;
  color: #999;
}
.ofs-autocomplete-suggestion.is-loading li::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-autocomplete-suggestion.is-loading li:hover {
  background-color: #ffffff;
}
.ofs-autocomplete-suggestion.is-loading .el-icon-loading {
  vertical-align: middle;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button .ofs-i-down {
  font-size: 12px;
}
.ofs-button .ofs-icon-wrap.ofs-icon {
  font-size: 14px;
  color: inherit;
}
.ofs-button .ofs-icon-wrap.ofs-icon .ofs-icon-item {
  font-size: 14px;
}
.ofs-button + .ofs-button {
  margin-left: 10px;
}
.ofs-button.is-round {
  padding: 12px 20px;
}
.ofs-button:hover, .ofs-button:focus {
  color: #12b48a;
  border-color: rgb(183.9, 232.5, 219.9);
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-button:active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button::-moz-focus-inner {
  border: 0;
}
.ofs-button [class*=ofs-icon-] + span, .ofs-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-button.is-plain:hover, .ofs-button.is-plain:focus {
  background: #ffffff;
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-button.is-plain:active {
  background: #ffffff;
  border-color: rgb(16.2, 162, 124.2);
  color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button.is-active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
}
.ofs-button.is-disabled, .ofs-button.is-disabled:hover, .ofs-button.is-disabled:focus {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
}
.ofs-button.is-disabled.ofs-button--text {
  background-color: transparent;
}
.ofs-button.is-disabled.is-plain, .ofs-button.is-disabled.is-plain:hover, .ofs-button.is-disabled.is-plain:focus {
  background-color: #ffffff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.ofs-button.is-loading {
  position: relative;
  pointer-events: none;
}
.ofs-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.ofs-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}
.ofs-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}
.ofs-button.is-square {
  padding: 11px;
}
.ofs-button.is-red-point {
  position: relative;
}
.ofs-button.is-red-point::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.ofs-button--primary {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-button--primary:hover, .ofs-button--primary:focus {
  background: rgb(65.4, 195, 161.4);
  border-color: rgb(65.4, 195, 161.4);
  color: #ffffff;
}
.ofs-button--primary:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
}
.ofs-button--primary.is-disabled, .ofs-button--primary.is-disabled:hover, .ofs-button--primary.is-disabled:focus, .ofs-button--primary.is-disabled:active {
  color: #ffffff;
  background-color: rgb(136.5, 217.5, 196.5);
  border-color: rgb(136.5, 217.5, 196.5);
}
.ofs-button--primary.is-plain {
  color: #12b48a;
  background: rgb(231.3, 247.5, 243.3);
  border-color: rgb(160.2, 225, 208.2);
}
.ofs-button--primary.is-plain:hover, .ofs-button--primary.is-plain:focus {
  background: #12b48a;
  border-color: #12b48a;
  color: #ffffff;
}
.ofs-button--primary.is-plain:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-plain.is-disabled, .ofs-button--primary.is-plain.is-disabled:hover, .ofs-button--primary.is-plain.is-disabled:focus, .ofs-button--primary.is-plain.is-disabled:active {
  color: rgb(112.8, 210, 184.8);
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
}
.ofs-button--success {
  color: #ffffff;
  background-color: #48d164;
  border-color: #48d164;
}
.ofs-button--success:hover, .ofs-button--success:focus {
  background: rgb(108.6, 218.2, 131);
  border-color: rgb(108.6, 218.2, 131);
  color: #ffffff;
}
.ofs-button--success:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
}
.ofs-button--success.is-disabled, .ofs-button--success.is-disabled:hover, .ofs-button--success.is-disabled:focus, .ofs-button--success.is-disabled:active {
  color: #ffffff;
  background-color: rgb(163.5, 232, 177.5);
  border-color: rgb(163.5, 232, 177.5);
}
.ofs-button--success.is-plain {
  color: #48d164;
  background: rgb(236.7, 250.4, 239.5);
  border-color: rgb(181.8, 236.6, 193);
}
.ofs-button--success.is-plain:hover, .ofs-button--success.is-plain:focus {
  background: #48d164;
  border-color: #48d164;
  color: #ffffff;
}
.ofs-button--success.is-plain:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-plain.is-disabled, .ofs-button--success.is-plain.is-disabled:hover, .ofs-button--success.is-plain.is-disabled:focus, .ofs-button--success.is-plain.is-disabled:active {
  color: rgb(145.2, 227.4, 162);
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
}
.ofs-button--warning {
  color: #ffffff;
  background-color: #ff8429;
  border-color: #ff8429;
}
.ofs-button--warning:hover, .ofs-button--warning:focus {
  background: rgb(255, 156.6, 83.8);
  border-color: rgb(255, 156.6, 83.8);
  color: #ffffff;
}
.ofs-button--warning:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
}
.ofs-button--warning.is-disabled, .ofs-button--warning.is-disabled:hover, .ofs-button--warning.is-disabled:focus, .ofs-button--warning.is-disabled:active {
  color: #ffffff;
  background-color: rgb(255, 193.5, 148);
  border-color: rgb(255, 193.5, 148);
}
.ofs-button--warning.is-plain {
  color: #ff8429;
  background: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 205.8, 169.4);
}
.ofs-button--warning.is-plain:hover, .ofs-button--warning.is-plain:focus {
  background: #ff8429;
  border-color: #ff8429;
  color: #ffffff;
}
.ofs-button--warning.is-plain:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-plain.is-disabled, .ofs-button--warning.is-plain.is-disabled:hover, .ofs-button--warning.is-plain.is-disabled:focus, .ofs-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 181.2, 126.6);
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
}
.ofs-button--danger {
  color: #ffffff;
  background-color: #ff3939;
  border-color: #ff3939;
}
.ofs-button--danger:hover, .ofs-button--danger:focus {
  background: rgb(255, 96.6, 96.6);
  border-color: rgb(255, 96.6, 96.6);
  color: #ffffff;
}
.ofs-button--danger:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
}
.ofs-button--danger.is-disabled, .ofs-button--danger.is-disabled:hover, .ofs-button--danger.is-disabled:focus, .ofs-button--danger.is-disabled:active {
  color: #ffffff;
  background-color: #ff9c9c;
  border-color: #ff9c9c;
}
.ofs-button--danger.is-plain {
  color: #ff3939;
  background: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 175.8, 175.8);
}
.ofs-button--danger.is-plain:hover, .ofs-button--danger.is-plain:focus {
  background: #ff3939;
  border-color: #ff3939;
  color: #ffffff;
}
.ofs-button--danger.is-plain:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-plain.is-disabled, .ofs-button--danger.is-plain.is-disabled:hover, .ofs-button--danger.is-plain.is-disabled:focus, .ofs-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 136.2, 136.2);
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
}
.ofs-button--info {
  color: #ffffff;
  background-color: #909399;
  border-color: #909399;
}
.ofs-button--info:hover, .ofs-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #ffffff;
}
.ofs-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
}
.ofs-button--info.is-disabled, .ofs-button--info.is-disabled:hover, .ofs-button--info.is-disabled:focus, .ofs-button--info.is-disabled:active {
  color: #ffffff;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.ofs-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.ofs-button--info.is-plain:hover, .ofs-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #ffffff;
}
.ofs-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-plain.is-disabled, .ofs-button--info.is-plain.is-disabled:hover, .ofs-button--info.is-plain.is-disabled:focus, .ofs-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}
.ofs-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button--medium.is-round {
  padding: 10px 20px;
}
.ofs-button--medium.is-circle {
  padding: 10px;
}
.ofs-button--medium.is-square {
  padding: 9px;
}
.ofs-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--small.is-round {
  padding: 9px 15px;
}
.ofs-button--small.is-circle {
  padding: 9px;
}
.ofs-button--small.is-square {
  padding: 7px;
}
.ofs-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--mini.is-round {
  padding: 7px 15px;
}
.ofs-button--mini.is-circle {
  padding: 7px;
}
.ofs-button--mini.is-square {
  padding: 5px;
}
.ofs-button--text {
  border-color: transparent;
  color: #12b48a;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ofs-button--text:hover, .ofs-button--text:focus {
  color: rgb(65.4, 195, 161.4);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text:active {
  color: rgb(16.2, 162, 124.2);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text.is-disabled, .ofs-button--text.is-disabled:hover, .ofs-button--text.is-disabled:focus {
  border-color: transparent;
}
.ofs-button-group {
  display: inline-block;
  vertical-align: middle;
}
.ofs-button-group::before,
.ofs-button-group::after {
  display: table;
  content: "";
}
.ofs-button-group::after {
  clear: both;
}
.ofs-button-group > .ofs-button {
  float: left;
  position: relative;
}
.ofs-button-group > .ofs-button + .ofs-button {
  margin-left: 0;
}
.ofs-button-group > .ofs-button.is-disabled {
  z-index: 1;
}
.ofs-button-group > .ofs-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-button-group > .ofs-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-button-group > .ofs-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.ofs-button-group > .ofs-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ofs-button-group > .ofs-button:not(:last-child) {
  margin-right: -1px;
}
.ofs-button-group > .ofs-button:not(.is-disabled):hover, .ofs-button-group > .ofs-button:not(.is-disabled):focus, .ofs-button-group > .ofs-button:not(.is-disabled):active {
  z-index: 1;
}
.ofs-button-group > .ofs-button.is-active {
  z-index: 1;
}
.ofs-button-group > .ofs-dropdown > .ofs-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-icon {
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 16px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.ofs-dropdown {
  display: inline-block;
  position: relative;
  color: #606266;
  font-size: 14px;
  vertical-align: middle;
}
.ofs-dropdown .ofs-i-down {
  font-size: 14px;
}
.ofs-dropdown .ofs-button-group {
  display: flex;
}
.ofs-dropdown .ofs-button-group .ofs-button {
  float: none;
}
.ofs-dropdown .ofs-dropdown__caret-button {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  border-left: none;
}
.ofs-dropdown .ofs-dropdown__caret-button.ofs-button--mini {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ofs-dropdown .ofs-dropdown__caret-button.ofs-button--small {
  padding-top: 6px;
  padding-bottom: 6px;
}
.ofs-dropdown .ofs-dropdown__caret-button::before {
  content: "";
  position: absolute;
  display: block;
  width: 1px;
  top: 5px;
  bottom: 5px;
  left: 0;
  background: rgba(255, 255, 255, 0.5);
}
.ofs-dropdown .ofs-dropdown__caret-button.ofs-button--default::before {
  background: rgba(220, 223, 230, 0.5);
}
.ofs-dropdown .ofs-dropdown__caret-button:hover::before {
  top: 0;
  bottom: 0;
}
.ofs-dropdown .ofs-dropdown__caret-button .ofs-dropdown__icon {
  padding-left: 0;
}
.ofs-dropdown__icon {
  font-size: 12px;
  margin: 0 3px;
}
.ofs-dropdown .ofs-dropdown-selfdefine:focus:active, .ofs-dropdown .ofs-dropdown-selfdefine:focus:not(.focusing) {
  outline-width: 0;
}
.ofs-dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 10px 0;
  margin: 5px 0;
  background-color: #ffffff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ofs-dropdown-menu__item {
  list-style: none;
  line-height: 36px;
  padding: 0 20px;
  margin: 0;
  font-size: 14px;
  color: #606266;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
}
.ofs-dropdown-menu__item:not(.is-disabled):hover, .ofs-dropdown-menu__item:focus {
  background-color: rgb(231.3, 247.5, 243.3);
  color: rgb(65.4, 195, 161.4);
}
.ofs-dropdown-menu__item i {
  margin-right: 5px;
}
.ofs-dropdown-menu__item--divided {
  position: relative;
  margin-top: 6px;
  border-top: 1px solid #ebeef5;
}
.ofs-dropdown-menu__item--divided:before {
  content: "";
  height: 6px;
  display: block;
  margin: 0 -20px;
  background-color: #ffffff;
}
.ofs-dropdown-menu__item.is-disabled {
  cursor: default;
  color: #bbb;
}
.ofs-dropdown-menu--medium {
  padding: 6px 0;
}
.ofs-dropdown-menu--medium .ofs-dropdown-menu__item {
  line-height: 30px;
  padding: 0 17px;
  font-size: 14px;
}
.ofs-dropdown-menu--medium .ofs-dropdown-menu__item.ofs-dropdown-menu__item--divided {
  margin-top: 6px;
}
.ofs-dropdown-menu--medium .ofs-dropdown-menu__item.ofs-dropdown-menu__item--divided:before {
  height: 6px;
  margin: 0 -17px;
}
.ofs-dropdown-menu--small {
  padding: 6px 0;
}
.ofs-dropdown-menu--small .ofs-dropdown-menu__item {
  line-height: 27px;
  padding: 0 15px;
  font-size: 13px;
}
.ofs-dropdown-menu--small .ofs-dropdown-menu__item.ofs-dropdown-menu__item--divided {
  margin-top: 4px;
}
.ofs-dropdown-menu--small .ofs-dropdown-menu__item.ofs-dropdown-menu__item--divided:before {
  height: 4px;
  margin: 0 -15px;
}
.ofs-dropdown-menu--mini {
  padding: 3px 0;
}
.ofs-dropdown-menu--mini .ofs-dropdown-menu__item {
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
}
.ofs-dropdown-menu--mini .ofs-dropdown-menu__item.ofs-dropdown-menu__item--divided {
  margin-top: 3px;
}
.ofs-dropdown-menu--mini .ofs-dropdown-menu__item.ofs-dropdown-menu__item--divided:before {
  height: 3px;
  margin: 0 -10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-linear-enter-active,
.ofs-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.ofs-fade-in-linear-enter,
.ofs-fade-in-linear-leave,
.ofs-fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-enter-active,
.ofs-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-fade-in-enter,
.ofs-fade-in-leave-active {
  opacity: 0;
}
.ofs-zoom-in-center-enter-active,
.ofs-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-zoom-in-center-enter,
.ofs-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.ofs-zoom-in-top-enter-active,
.ofs-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.ofs-zoom-in-top-enter,
.ofs-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-bottom-enter-active,
.ofs-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.ofs-zoom-in-bottom-enter,
.ofs-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-left-enter-active,
.ofs-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.ofs-zoom-in-left-enter,
.ofs-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.ofs-list-enter-active,
.ofs-list-leave-active {
  transition: all 1s;
}
.ofs-list-enter,
.ofs-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.ofs-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-menu {
  border-right: solid 1px #e6e6e6;
  list-style: none;
  position: relative;
  margin: 0;
  padding-left: 0;
  background-color: #ffffff;
}
.ofs-menu::before,
.ofs-menu::after {
  display: table;
  content: "";
}
.ofs-menu::after {
  clear: both;
}
.ofs-menu.ofs-menu--horizontal {
  border-bottom: solid 1px #e6e6e6;
}
.ofs-menu--horizontal {
  border-right: none;
}
.ofs-menu--horizontal > .ofs-menu-item {
  float: left;
  height: 60px;
  line-height: 60px;
  margin: 0;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.ofs-menu--horizontal > .ofs-menu-item a,
.ofs-menu--horizontal > .ofs-menu-item a:hover {
  color: inherit;
}
.ofs-menu--horizontal > .ofs-menu-item:not(.is-disabled):hover, .ofs-menu--horizontal > .ofs-menu-item:not(.is-disabled):focus {
  background-color: #fff;
}
.ofs-menu--horizontal > .ofs-submenu {
  float: left;
}
.ofs-menu--horizontal > .ofs-submenu:focus, .ofs-menu--horizontal > .ofs-submenu:hover {
  outline: none;
}
.ofs-menu--horizontal > .ofs-submenu:focus .ofs-submenu__title, .ofs-menu--horizontal > .ofs-submenu:hover .ofs-submenu__title {
  color: #303133;
}
.ofs-menu--horizontal > .ofs-submenu.is-active .ofs-submenu__title {
  border-bottom: 2px solid #12b48a;
  color: #303133;
}
.ofs-menu--horizontal > .ofs-submenu .ofs-submenu__title {
  height: 60px;
  line-height: 60px;
  border-bottom: 2px solid transparent;
  color: #909399;
}
.ofs-menu--horizontal > .ofs-submenu .ofs-submenu__title:hover {
  background-color: #fff;
}
.ofs-menu--horizontal > .ofs-submenu .ofs-submenu__icon-arrow {
  position: static;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -3px;
}
.ofs-menu--horizontal .ofs-menu .ofs-menu-item, .ofs-menu--horizontal .ofs-menu .ofs-submenu__title {
  background-color: #ffffff;
  float: none;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  color: #909399;
}
.ofs-menu--horizontal .ofs-menu .ofs-menu-item.is-active, .ofs-menu--horizontal .ofs-menu .ofs-submenu.is-active > .ofs-submenu__title {
  color: #303133;
}
.ofs-menu--horizontal .ofs-menu-item:not(.is-disabled):hover, .ofs-menu--horizontal .ofs-menu-item:not(.is-disabled):focus {
  outline: none;
  color: #303133;
}
.ofs-menu--horizontal > .ofs-menu-item.is-active {
  border-bottom: 2px solid #12b48a;
  color: #303133;
}
.ofs-menu--collapse {
  width: 64px;
}
.ofs-menu--collapse > .ofs-menu-item [class^=ofs-i-], .ofs-menu--collapse > .ofs-menu-item [class^=el-icon-],
.ofs-menu--collapse > .ofs-submenu > .ofs-submenu__title [class^=ofs-i-],
.ofs-menu--collapse > .ofs-submenu > .ofs-submenu__title [class^=el-icon-] {
  margin: 0;
  vertical-align: middle;
  width: 24px;
  text-align: center;
}
.ofs-menu--collapse > .ofs-menu-item .ofs-submenu__icon-arrow,
.ofs-menu--collapse > .ofs-submenu > .ofs-submenu__title .ofs-submenu__icon-arrow {
  display: none;
}
.ofs-menu--collapse > .ofs-menu-item span,
.ofs-menu--collapse > .ofs-submenu > .ofs-submenu__title span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
.ofs-menu--collapse > .ofs-menu-item.is-active i {
  color: inherit;
}
.ofs-menu--collapse .ofs-menu .ofs-submenu {
  min-width: 200px;
}
.ofs-menu--collapse .ofs-submenu {
  position: relative;
}
.ofs-menu--collapse .ofs-submenu .ofs-menu {
  position: absolute;
  margin-left: 5px;
  top: 0;
  left: 100%;
  z-index: 10;
  border: 1px solid #e4e7ed;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ofs-menu--collapse .ofs-submenu.is-opened > .ofs-submenu__title .ofs-submenu__icon-arrow {
  transform: none;
}
.ofs-menu--popup {
  z-index: 100;
  min-width: 200px;
  border: none;
  padding: 5px 0;
  border-radius: 2px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ofs-menu--popup-bottom-start {
  margin-top: 5px;
}
.ofs-menu--popup-right-start {
  margin-left: 5px;
  margin-right: 5px;
}
.ofs-menu-item {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.ofs-menu-item * {
  vertical-align: middle;
}
.ofs-menu-item i {
  color: #909399;
}
.ofs-menu-item:hover, .ofs-menu-item:focus {
  outline: none;
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-menu-item.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}
.ofs-menu-item [class^=ofs-i-] {
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
  vertical-align: middle;
}
.ofs-menu-item.is-active {
  color: #12b48a;
}
.ofs-menu-item.is-active i {
  color: inherit;
}
.ofs-menu-item.is-dark i {
  color: #fff;
}
.ofs-menu-item.is-dark:hover {
  color: #fff !important;
}
.ofs-menu-item.is-dark.is-active i {
  color: #12b48a;
}
.ofs-menu-item.is-dark.is-active:hover i {
  color: #fff;
}
.ofs-submenu {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.ofs-submenu__title {
  height: 56px;
  line-height: 56px;
  font-size: 14px;
  color: #303133;
  padding: 0 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.3s, background-color 0.3s, color 0.3s;
  box-sizing: border-box;
  white-space: nowrap;
}
.ofs-submenu__title * {
  vertical-align: middle;
}
.ofs-submenu__title i {
  color: #909399;
}
.ofs-submenu__title:hover, .ofs-submenu__title:focus {
  outline: none;
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-submenu__title.is-disabled {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}
.ofs-submenu__title:hover {
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-submenu .ofs-menu {
  border: none;
}
.ofs-submenu .ofs-menu-item {
  height: 50px;
  line-height: 50px;
  padding: 0 45px;
  min-width: 200px;
}
.ofs-submenu__icon-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -7px;
  transition: transform 0.3s;
  font-size: 14px;
}
.ofs-submenu.is-active .ofs-submenu__title {
  border-bottom-color: #12b48a;
}
.ofs-submenu.is-dark i {
  color: #fff;
}
.ofs-submenu.is-opened > .ofs-submenu__title .ofs-submenu__icon-arrow {
  transform: rotateZ(180deg);
}
.ofs-submenu.is-disabled .ofs-submenu__title,
.ofs-submenu.is-disabled .ofs-menu-item {
  opacity: 0.25;
  cursor: not-allowed;
  background: none !important;
}
.ofs-submenu [class^=ofs-i-] {
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  text-align: center;
  font-size: 18px;
}
.ofs-menu-item-group > ul {
  padding: 0;
}
.ofs-menu-item-group__title {
  padding: 7px 0 7px 20px;
  line-height: normal;
  font-size: 12px;
  color: #909399;
}
.horizontal-collapse-transition .ofs-submenu__title .ofs-submenu__icon-arrow {
  transition: 0.2s;
  opacity: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.ofs-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  height: 40px;
}
.ofs-radio.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #ebeef5;
}
.ofs-radio.is-bordered + .ofs-radio.is-bordered {
  margin-left: 10px;
}
.ofs-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-radio--medium.is-bordered .ofs-radio__label {
  font-size: 14px;
}
.ofs-radio--medium.is-bordered .ofs-radio__inner {
  height: 14px;
  width: 14px;
}
.ofs-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-radio--small.is-bordered .ofs-radio__label {
  font-size: 12px;
}
.ofs-radio--small.is-bordered .ofs-radio__inner {
  height: 12px;
  width: 12px;
}
.ofs-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-radio--mini.is-bordered .ofs-radio__label {
  font-size: 12px;
}
.ofs-radio--mini.is-bordered .ofs-radio__inner {
  height: 12px;
  width: 12px;
}
.ofs-radio:last-child {
  margin-right: 0;
}
.ofs-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-radio__input.is-disabled .ofs-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
}
.ofs-radio__input.is-disabled .ofs-radio__inner::after {
  cursor: not-allowed;
  background-color: #f5f7fa;
}
.ofs-radio__input.is-disabled .ofs-radio__inner + .ofs-radio__label {
  cursor: not-allowed;
}
.ofs-radio__input.is-disabled.is-checked .ofs-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}
.ofs-radio__input.is-disabled.is-checked .ofs-radio__inner::after {
  background-color: #c0c4cc;
}
.ofs-radio__input.is-disabled + span.ofs-radio__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-radio__input.is-checked .ofs-radio__inner {
  border-color: #12b48a;
  background: #12b48a;
}
.ofs-radio__input.is-checked .ofs-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.ofs-radio__input.is-checked + .ofs-radio__label {
  color: #12b48a;
}
.ofs-radio__input.is-focus .ofs-radio__inner {
  border-color: #12b48a;
}
.ofs-radio__inner {
  border: 1px solid #dcdfe6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.ofs-radio__inner:hover {
  border-color: #12b48a;
}
.ofs-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}
.ofs-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.ofs-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.ofs-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .ofs-radio__inner {
  box-shadow: 0 0 2px 2px #12b48a;
}
.ofs-radio__label {
  font-size: 12px;
  padding-left: 10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-radio-group {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
  font-size: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-radio-button {
  position: relative;
  display: inline-block;
  outline: none;
}
.ofs-radio-button__inner {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  font-weight: 500;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-radio-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-radio-button__inner:hover {
  color: #12b48a;
}
.ofs-radio-button__inner [class*=ofs-icon-] {
  line-height: 0.9;
}
.ofs-radio-button__inner [class*=ofs-icon-] + span {
  margin-left: 5px;
}
.ofs-radio-button:first-child .ofs-radio-button__inner {
  border-left: 1px solid #dcdfe6;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-radio-button__orig-radio {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
}
.ofs-radio-button__orig-radio:checked + .ofs-radio-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 #12b48a;
}
.ofs-radio-button__orig-radio:disabled + .ofs-radio-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-radio-button__orig-radio:disabled:checked + .ofs-radio-button__inner {
  background-color: #f2f6fc;
}
.ofs-radio-button:last-child .ofs-radio-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-radio-button:first-child:last-child .ofs-radio-button__inner {
  border-radius: 4px;
}
.ofs-radio-button--medium .ofs-radio-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-radio-button--medium .ofs-radio-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-radio-button--small .ofs-radio-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-radio-button--small .ofs-radio-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-radio-button--mini .ofs-radio-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-radio-button--mini .ofs-radio-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
  box-shadow: 0 0 2px 2px #12b48a;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-switch {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.ofs-switch.is-disabled .ofs-switch__core, .ofs-switch.is-disabled .ofs-switch__label {
  cursor: not-allowed;
}
.ofs-switch__label {
  transition: 0.2s;
  height: 20px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  color: #303133;
}
.ofs-switch__label.is-active {
  color: #12b48a;
}
.ofs-switch__label--left {
  margin-right: 10px;
}
.ofs-switch__label--right {
  margin-left: 10px;
}
.ofs-switch__label * {
  line-height: 1;
  font-size: 14px;
  display: inline-block;
}
.ofs-switch__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
}
.ofs-switch__core {
  margin: 0;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 20px;
  border: 1px solid #dcdfe6;
  outline: none;
  border-radius: 10px;
  box-sizing: border-box;
  background: #dcdfe6;
  cursor: pointer;
  transition: border-color 0.3s, background-color 0.3s;
  vertical-align: middle;
}
.ofs-switch__core:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 100%;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  background-color: #ffffff;
}
.ofs-switch.is-checked .ofs-switch__core {
  border-color: #12b48a;
  background-color: #12b48a;
}
.ofs-switch.is-checked .ofs-switch__core::after {
  left: 100%;
  margin-left: -17px;
}
.ofs-switch.is-disabled {
  opacity: 0.6;
}
.ofs-switch--wide .ofs-switch__label.ofs-switch__label--left span {
  left: 10px;
}
.ofs-switch--wide .ofs-switch__label.ofs-switch__label--right span {
  right: 10px;
}
.ofs-switch .label-fade-enter, .ofs-switch .label-fade-leave-active {
  opacity: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.ofs-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #e4e7ed;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected {
  color: #12b48a;
  background-color: #ffffff;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected.is-disabled {
  color: rgb(112.8, 210, 184.8);
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected.hover {
  background-color: #f5f7fa;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected::after {
  position: absolute;
  right: 10px;
  font-family: "ofs-icons";
  content: "\e653";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ofs-select-dropdown .ofs-scrollbar.is-empty .ofs-select-dropdown__list {
  padding: 0;
}
.ofs-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.ofs-select-dropdown__wrap {
  max-height: 274px;
}
.ofs-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag-ex {
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
  color: #12b48a;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #12b48a;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.ofs-tag-ex.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex.ofs-tag-ex--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--success {
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--warning {
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--danger {
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex .ofs-i-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.ofs-tag-ex .ofs-i-close::before {
  display: block;
}
.ofs-tag-ex--dark {
  background-color: #12b48a;
  border-color: #12b48a;
  color: white;
}
.ofs-tag-ex--dark.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--dark .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(65.4, 195, 161.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(166.2, 168.6, 173.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--success {
  background-color: #48d164;
  border-color: #48d164;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(108.6, 218.2, 131);
}
.ofs-tag-ex--dark.ofs-tag-ex--warning {
  background-color: #ff8429;
  border-color: #ff8429;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 156.6, 83.8);
}
.ofs-tag-ex--dark.ofs-tag-ex--danger {
  background-color: #ff3939;
  border-color: #ff3939;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 96.6, 96.6);
}
.ofs-tag-ex--plain {
  background-color: white;
  border-color: rgb(160.2, 225, 208.2);
  color: #12b48a;
}
.ofs-tag-ex--plain.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex--plain.ofs-tag-ex--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--success {
  background-color: white;
  border-color: rgb(181.8, 236.6, 193);
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning {
  background-color: white;
  border-color: rgb(255, 205.8, 169.4);
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger {
  background-color: white;
  border-color: rgb(255, 175.8, 175.8);
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex--medium {
  height: 28px;
  line-height: 26px;
}
.ofs-tag-ex--medium .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.ofs-tag-ex--small .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.ofs-tag-ex--mini .ofs-i-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag {
  display: inline-block;
}
.ofs-tag .ofs-tag-ex {
  border: 0;
  border-radius: 12px;
  padding: 0 9px;
  text-align: center;
  font-size: 12px;
}
.ofs-tag .ofs-tag-ex.is-hit {
  border: 1px solid rgba(61, 161, 255, 0.4);
}
.ofs-tag .ofs-tag-ex--success {
  background: rgba(72, 209, 100, 0.1);
  color: #48d164;
}
.ofs-tag .ofs-tag-ex--success.is-hit {
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--success.ofs-tag--dark {
  background: rgba(72, 209, 100, 0.8);
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--warning {
  background: rgba(255, 132, 41, 0.1);
  color: #ff8429;
}
.ofs-tag .ofs-tag-ex--warning.is-hit {
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--warning.ofs-tag--dark {
  background: rgba(255, 132, 41, 0.8);
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--danger {
  background: rgba(255, 57, 57, 0.1);
  color: #ff3939;
}
.ofs-tag .ofs-tag-ex--danger.is-hit {
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--danger.ofs-tag--dark {
  background: rgba(255, 57, 57, 0.8);
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--info {
  background: rgba(144, 147, 153, 0.1);
  color: #909399;
}
.ofs-tag .ofs-tag-ex--info.is-hit {
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--info.ofs-tag--dark {
  background: rgba(144, 147, 153, 0.8);
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--dark {
  background: #3da1ff;
  border-color: #3da1ff;
  color: #fff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-select-dropdown__item {
  font-size: 12px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.ofs-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-select-dropdown__item.is-disabled:hover {
  background-color: #ffffff;
}
.ofs-select-dropdown__item.hover, .ofs-select-dropdown__item:hover {
  background-color: #f5f7fa;
}
.ofs-select-dropdown__item.selected {
  color: #12b48a;
  font-weight: bold;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-select-group {
  margin: 0;
  padding: 0;
}
.ofs-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ofs-select-group__wrap.is-border + li::before {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  top: 0px;
  height: 1px;
  background: #e4e7ed;
}
.ofs-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.ofs-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #e4e7ed;
}
.ofs-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
  transition: all 0.2s;
  position: relative;
}
.ofs-select-group__title.is-collapse {
  cursor: pointer;
}
.ofs-select-group__title.is-collapse.is-close + li {
  display: none;
}
.ofs-select-group__title.is-collapse .is-reverse {
  transform: rotateZ(180deg) translateY(50%);
}
.ofs-select-group__title .ofs-i-up {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.ofs-select-group .ofs-select-dropdown__item {
  padding-left: 20px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.ofs-select {
  display: inline-block;
  position: relative;
}
.ofs-select.is-remoteDelay .ofs-input__suffix {
  pointer-events: inherit;
  right: 0;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__inner {
  padding-right: 50px;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner {
  cursor: pointer;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner .ofs-divider--vertical {
  margin: 0;
  vertical-align: baseline;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner .ofs-input-search {
  padding: 0 2px;
}
.ofs-select.is-remoteDelay .ofs-input__suffix .ofs-input__suffix-inner .ofs-input-search.is-disabled {
  pointer-events: none;
}
.ofs-select.is-remoteDelay.has-showClose .ofs-select__caret {
  display: inline-flex;
}
.ofs-select.is-remoteDelay.has-showClose .ofs-input__inner {
  padding-right: 48px;
}
.ofs-select.is-remoteDelay.has-showClose.ofs-select--small .ofs-i-close-circle {
  line-height: 34px;
}
.ofs-select.is-remoteDelay.has-showClose.ofs-select--mini .ofs-i-close-circle {
  line-height: 28px;
}
.ofs-select.is-remoteDelay.has-showClose .ofs-i-close-circle {
  line-height: 42px;
  padding: 0;
  width: 12px;
}
.ofs-select .ofs-select__tags.is-max-height::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ofs-select .ofs-select__tags > span {
  display: contents;
}
.ofs-select:hover .ofs-input__inner {
  border-color: #a1a5ac;
}
.ofs-select .ofs-input__inner {
  cursor: pointer;
  padding-right: 35px;
}
.ofs-select .ofs-input__inner:focus {
  border-color: #12b48a;
}
.ofs-select .ofs-input .ofs-select__caret {
  color: #c0c4cc;
  font-size: 14px;
  transition: transform 0.3s;
  transform: rotateZ(180deg);
  cursor: pointer;
}
.ofs-select .ofs-input .ofs-select__caret.is-reverse {
  transform: rotateZ(0deg);
}
.ofs-select .ofs-input .ofs-select__caret.is-show-close {
  font-size: 12px;
  text-align: center;
  transform: rotateZ(180deg);
  border-radius: 100%;
  color: #c0c4cc;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-select .ofs-input .ofs-select__caret.is-show-close:hover {
  color: #909399;
}
.ofs-select .ofs-input:not(.is-disabled) .ofs-input__suffix .ofs-input__suffix-inner .ofs-select__caret.ofs-i-up {
  color: #606266;
}
.ofs-select .ofs-input .ofs-input__suffix .ofs-input__suffix-inner .ofs-select__caret.ofs-i-up {
  color: #c0c4cc;
}
.ofs-select .ofs-input.is-disabled .ofs-input__inner {
  cursor: not-allowed;
}
.ofs-select .ofs-input.is-disabled .ofs-input__inner:hover {
  border-color: #e4e7ed;
}
.ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: #12b48a;
}
.ofs-select > .ofs-input {
  display: block;
}
.ofs-select__input {
  border: none;
  outline: none;
  padding: 0;
  margin-left: 15px;
  color: #666;
  font-size: 12px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  height: 28px;
  background-color: transparent;
}
.ofs-select__input.is-mini {
  height: 14px;
}
.ofs-select__close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  z-index: 1000;
  right: 25px;
  color: #c0c4cc;
  line-height: 18px;
  font-size: 14px;
}
.ofs-select__close:hover {
  color: #909399;
}
.ofs-select__tags {
  position: absolute;
  line-height: normal;
  white-space: normal;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ofs-select__tags-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-select.is-inline.is-filter.is-focus .ofs-select__tags > span {
  max-width: 60%;
}
.ofs-select.is-inline.is-filter.is-focus .ofs-select__input {
  width: calc(40% - 15px);
  margin-left: 15px;
}
.ofs-select.is-inline .ofs-select__tags-wrap .is-tags-pre {
  overflow: hidden;
}
.ofs-select.is-inline .ofs-select__tags > span {
  display: flex;
  max-width: 100%;
  overflow: hidden;
}
.ofs-select.is-inline .ofs-select__input {
  width: 0;
  margin-left: 0;
}
.ofs-select .ofs-tag-ex__close {
  margin-top: -2px;
}
.ofs-select .ofs-tag-ex {
  box-sizing: border-box;
  border-color: transparent;
  margin: 2px 0 2px 6px;
  background-color: #f0f2f5;
  display: flex;
  max-width: calc(100% - 6px);
  align-items: center;
}
.ofs-select .ofs-tag-ex__close.ofs-i-close {
  background-color: #c0c4cc;
  top: 1px;
  color: #ffffff;
  flex-shrink: 0;
}
.ofs-select .ofs-tag-ex__close.ofs-i-close:hover {
  background-color: #909399;
}
.ofs-select .ofs-tag-ex__close.ofs-i-close::before {
  display: block;
  transform: translate(0, 0.5px);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button .ofs-i-down {
  font-size: 12px;
}
.ofs-button .ofs-icon-wrap.ofs-icon {
  font-size: 14px;
  color: inherit;
}
.ofs-button .ofs-icon-wrap.ofs-icon .ofs-icon-item {
  font-size: 14px;
}
.ofs-button + .ofs-button {
  margin-left: 10px;
}
.ofs-button.is-round {
  padding: 12px 20px;
}
.ofs-button:hover, .ofs-button:focus {
  color: #12b48a;
  border-color: rgb(183.9, 232.5, 219.9);
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-button:active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button::-moz-focus-inner {
  border: 0;
}
.ofs-button [class*=ofs-icon-] + span, .ofs-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-button.is-plain:hover, .ofs-button.is-plain:focus {
  background: #ffffff;
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-button.is-plain:active {
  background: #ffffff;
  border-color: rgb(16.2, 162, 124.2);
  color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button.is-active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
}
.ofs-button.is-disabled, .ofs-button.is-disabled:hover, .ofs-button.is-disabled:focus {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
}
.ofs-button.is-disabled.ofs-button--text {
  background-color: transparent;
}
.ofs-button.is-disabled.is-plain, .ofs-button.is-disabled.is-plain:hover, .ofs-button.is-disabled.is-plain:focus {
  background-color: #ffffff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.ofs-button.is-loading {
  position: relative;
  pointer-events: none;
}
.ofs-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.ofs-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}
.ofs-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}
.ofs-button.is-square {
  padding: 11px;
}
.ofs-button.is-red-point {
  position: relative;
}
.ofs-button.is-red-point::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.ofs-button--primary {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-button--primary:hover, .ofs-button--primary:focus {
  background: rgb(65.4, 195, 161.4);
  border-color: rgb(65.4, 195, 161.4);
  color: #ffffff;
}
.ofs-button--primary:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
}
.ofs-button--primary.is-disabled, .ofs-button--primary.is-disabled:hover, .ofs-button--primary.is-disabled:focus, .ofs-button--primary.is-disabled:active {
  color: #ffffff;
  background-color: rgb(136.5, 217.5, 196.5);
  border-color: rgb(136.5, 217.5, 196.5);
}
.ofs-button--primary.is-plain {
  color: #12b48a;
  background: rgb(231.3, 247.5, 243.3);
  border-color: rgb(160.2, 225, 208.2);
}
.ofs-button--primary.is-plain:hover, .ofs-button--primary.is-plain:focus {
  background: #12b48a;
  border-color: #12b48a;
  color: #ffffff;
}
.ofs-button--primary.is-plain:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-plain.is-disabled, .ofs-button--primary.is-plain.is-disabled:hover, .ofs-button--primary.is-plain.is-disabled:focus, .ofs-button--primary.is-plain.is-disabled:active {
  color: rgb(112.8, 210, 184.8);
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
}
.ofs-button--success {
  color: #ffffff;
  background-color: #48d164;
  border-color: #48d164;
}
.ofs-button--success:hover, .ofs-button--success:focus {
  background: rgb(108.6, 218.2, 131);
  border-color: rgb(108.6, 218.2, 131);
  color: #ffffff;
}
.ofs-button--success:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
}
.ofs-button--success.is-disabled, .ofs-button--success.is-disabled:hover, .ofs-button--success.is-disabled:focus, .ofs-button--success.is-disabled:active {
  color: #ffffff;
  background-color: rgb(163.5, 232, 177.5);
  border-color: rgb(163.5, 232, 177.5);
}
.ofs-button--success.is-plain {
  color: #48d164;
  background: rgb(236.7, 250.4, 239.5);
  border-color: rgb(181.8, 236.6, 193);
}
.ofs-button--success.is-plain:hover, .ofs-button--success.is-plain:focus {
  background: #48d164;
  border-color: #48d164;
  color: #ffffff;
}
.ofs-button--success.is-plain:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-plain.is-disabled, .ofs-button--success.is-plain.is-disabled:hover, .ofs-button--success.is-plain.is-disabled:focus, .ofs-button--success.is-plain.is-disabled:active {
  color: rgb(145.2, 227.4, 162);
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
}
.ofs-button--warning {
  color: #ffffff;
  background-color: #ff8429;
  border-color: #ff8429;
}
.ofs-button--warning:hover, .ofs-button--warning:focus {
  background: rgb(255, 156.6, 83.8);
  border-color: rgb(255, 156.6, 83.8);
  color: #ffffff;
}
.ofs-button--warning:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
}
.ofs-button--warning.is-disabled, .ofs-button--warning.is-disabled:hover, .ofs-button--warning.is-disabled:focus, .ofs-button--warning.is-disabled:active {
  color: #ffffff;
  background-color: rgb(255, 193.5, 148);
  border-color: rgb(255, 193.5, 148);
}
.ofs-button--warning.is-plain {
  color: #ff8429;
  background: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 205.8, 169.4);
}
.ofs-button--warning.is-plain:hover, .ofs-button--warning.is-plain:focus {
  background: #ff8429;
  border-color: #ff8429;
  color: #ffffff;
}
.ofs-button--warning.is-plain:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-plain.is-disabled, .ofs-button--warning.is-plain.is-disabled:hover, .ofs-button--warning.is-plain.is-disabled:focus, .ofs-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 181.2, 126.6);
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
}
.ofs-button--danger {
  color: #ffffff;
  background-color: #ff3939;
  border-color: #ff3939;
}
.ofs-button--danger:hover, .ofs-button--danger:focus {
  background: rgb(255, 96.6, 96.6);
  border-color: rgb(255, 96.6, 96.6);
  color: #ffffff;
}
.ofs-button--danger:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
}
.ofs-button--danger.is-disabled, .ofs-button--danger.is-disabled:hover, .ofs-button--danger.is-disabled:focus, .ofs-button--danger.is-disabled:active {
  color: #ffffff;
  background-color: #ff9c9c;
  border-color: #ff9c9c;
}
.ofs-button--danger.is-plain {
  color: #ff3939;
  background: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 175.8, 175.8);
}
.ofs-button--danger.is-plain:hover, .ofs-button--danger.is-plain:focus {
  background: #ff3939;
  border-color: #ff3939;
  color: #ffffff;
}
.ofs-button--danger.is-plain:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-plain.is-disabled, .ofs-button--danger.is-plain.is-disabled:hover, .ofs-button--danger.is-plain.is-disabled:focus, .ofs-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 136.2, 136.2);
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
}
.ofs-button--info {
  color: #ffffff;
  background-color: #909399;
  border-color: #909399;
}
.ofs-button--info:hover, .ofs-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #ffffff;
}
.ofs-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
}
.ofs-button--info.is-disabled, .ofs-button--info.is-disabled:hover, .ofs-button--info.is-disabled:focus, .ofs-button--info.is-disabled:active {
  color: #ffffff;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.ofs-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.ofs-button--info.is-plain:hover, .ofs-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #ffffff;
}
.ofs-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-plain.is-disabled, .ofs-button--info.is-plain.is-disabled:hover, .ofs-button--info.is-plain.is-disabled:focus, .ofs-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}
.ofs-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button--medium.is-round {
  padding: 10px 20px;
}
.ofs-button--medium.is-circle {
  padding: 10px;
}
.ofs-button--medium.is-square {
  padding: 9px;
}
.ofs-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--small.is-round {
  padding: 9px 15px;
}
.ofs-button--small.is-circle {
  padding: 9px;
}
.ofs-button--small.is-square {
  padding: 7px;
}
.ofs-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--mini.is-round {
  padding: 7px 15px;
}
.ofs-button--mini.is-circle {
  padding: 7px;
}
.ofs-button--mini.is-square {
  padding: 5px;
}
.ofs-button--text {
  border-color: transparent;
  color: #12b48a;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ofs-button--text:hover, .ofs-button--text:focus {
  color: rgb(65.4, 195, 161.4);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text:active {
  color: rgb(16.2, 162, 124.2);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text.is-disabled, .ofs-button--text.is-disabled:hover, .ofs-button--text.is-disabled:focus {
  border-color: transparent;
}
.ofs-button-group {
  display: inline-block;
  vertical-align: middle;
}
.ofs-button-group::before,
.ofs-button-group::after {
  display: table;
  content: "";
}
.ofs-button-group::after {
  clear: both;
}
.ofs-button-group > .ofs-button {
  float: left;
  position: relative;
}
.ofs-button-group > .ofs-button + .ofs-button {
  margin-left: 0;
}
.ofs-button-group > .ofs-button.is-disabled {
  z-index: 1;
}
.ofs-button-group > .ofs-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-button-group > .ofs-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-button-group > .ofs-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.ofs-button-group > .ofs-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ofs-button-group > .ofs-button:not(:last-child) {
  margin-right: -1px;
}
.ofs-button-group > .ofs-button:not(.is-disabled):hover, .ofs-button-group > .ofs-button:not(.is-disabled):focus, .ofs-button-group > .ofs-button:not(.is-disabled):active {
  z-index: 1;
}
.ofs-button-group > .ofs-button.is-active {
  z-index: 1;
}
.ofs-button-group > .ofs-dropdown > .ofs-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-icon {
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 16px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-table-wrapper {
  position: relative;
  font-size: 12px;
}
.ofs-table-wrapper .ofs-table-top {
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ofs-table-wrapper .ofs-table-box .ofs-table__empty-block {
  position: relative;
  height: 100%;
  justify-content: unset;
}
.ofs-table-wrapper .ofs-table-box .ofs-table__empty-block .ofs-table__empty-text {
  width: 100%;
}
.ofs-table-wrapper .empty-box {
  width: 100%;
  color: #999;
  font-size: 14px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ofs-table-wrapper .ofs-table-price {
  cursor: pointer;
}
.ofs-table-wrapper .pagination-box {
  padding-top: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ofs-table-wrapper .pagination-box .table-bom-lf .table-bom-lf-select {
  color: #606266;
  font-size: 14px;
  font-weight: 700;
  padding-right: 10px;
}
.ofs-table-wrapper .pagination-box .table-bom-lf .table-bom-lf-select .table-bom-lf-select-number {
  color: #12b48a;
  padding: 0 4px;
}
.ofs-table-wrapper .pagination-box .table-bom-rt {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ofs-table-wrapper .pagination-box .table-bom-rt .ofs-pagination {
  padding: 0 5px;
}
.ofs-table-wrapper .pagination-box .table-bom-rt .ofs-pagination span:not([class*=suffix]),
.ofs-table-wrapper .pagination-box .table-bom-rt .ofs-pagination button:not([class*=btn-]),
.ofs-table-wrapper .pagination-box .table-bom-rt .ofs-pagination .ofs-pager li {
  font-size: 12px;
}
.ofs-table-wrapper .ofs-table__drop .ofs-icon-item {
  cursor: move !important;
}
.ofs-table-wrapper .ofs-table__drop .ofs-icon-item.ofs-i-order {
  color: #606266;
}
.ofs-popover.ofs-table-popover-box,
.ofs-tooltip__popper.ofs-table-popover-box {
  padding: 0;
  font-size: 12px;
  color: #303133;
  text-align: center;
  background-color: white;
}
.ofs-popover.ofs-table-popover-box[x-placement^=bottom],
.ofs-tooltip__popper.ofs-table-popover-box[x-placement^=bottom] {
  margin-top: 0;
}
.ofs-popover.ofs-table-more-popover-box {
  min-width: 64px;
}
.ofs-popover.ofs-table-more-popover-box .more-box .more-item {
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
}
.ofs-popover.ofs-table-more-popover-box .more-box .more-item:hover {
  cursor: pointer;
  background-color: #ecf1ff;
  color: #4576ff;
}
.ofs-popover.ofs-table-more-popover-box .more-box .more-item[disabled] {
  color: #cbcbcb;
}
.ofs-popover.ofs-table-more-popover-box .more-box .more-item[disabled]:hover {
  cursor: not-allowed;
}
.ofs-popover.ofs-table-tip-popover-box,
.ofs-tooltip__popper.ofs-table-tip-popover-box {
  min-width: 0px;
  padding: 3px 6px;
  border: 1px solid #3d3e40;
  border-radius: 0px;
  transform: translateY(10px);
}
.ofs-popover.ofs-table-tip-popover-box .ofs-icon-tip-box,
.ofs-tooltip__popper.ofs-table-tip-popover-box .ofs-icon-tip-box {
  font-size: 12px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag {
  display: inline-block;
}
.ofs-tag .ofs-tag-ex {
  border: 0;
  border-radius: 12px;
  padding: 0 9px;
  text-align: center;
  font-size: 12px;
}
.ofs-tag .ofs-tag-ex.is-hit {
  border: 1px solid rgba(61, 161, 255, 0.4);
}
.ofs-tag .ofs-tag-ex--success {
  background: rgba(72, 209, 100, 0.1);
  color: #48d164;
}
.ofs-tag .ofs-tag-ex--success.is-hit {
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--success.ofs-tag--dark {
  background: rgba(72, 209, 100, 0.8);
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--warning {
  background: rgba(255, 132, 41, 0.1);
  color: #ff8429;
}
.ofs-tag .ofs-tag-ex--warning.is-hit {
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--warning.ofs-tag--dark {
  background: rgba(255, 132, 41, 0.8);
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--danger {
  background: rgba(255, 57, 57, 0.1);
  color: #ff3939;
}
.ofs-tag .ofs-tag-ex--danger.is-hit {
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--danger.ofs-tag--dark {
  background: rgba(255, 57, 57, 0.8);
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--info {
  background: rgba(144, 147, 153, 0.1);
  color: #909399;
}
.ofs-tag .ofs-tag-ex--info.is-hit {
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--info.ofs-tag--dark {
  background: rgba(144, 147, 153, 0.8);
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--dark {
  background: #3da1ff;
  border-color: #3da1ff;
  color: #fff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tooltip:focus:not(.focusing), .ofs-tooltip:focus:hover {
  outline-width: 0;
}
.ofs-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.ofs-tooltip__popper .popper__arrow,
.ofs-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.ofs-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.ofs-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.ofs-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.ofs-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.ofs-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.ofs-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.ofs-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.ofs-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.ofs-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.ofs-tooltip__popper.is-dark {
  background: #303133;
  color: #ffffff;
}
.ofs-tooltip__popper.is-light {
  background: white;
  border: 1px solid #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #e4e7ed;
  border-top-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #e4e7ed;
  border-top-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #e4e7ed;
  border-right-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #e4e7ed;
  border-right-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #e4e7ed;
  border-left-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #ffffff;
  border-left-width: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-table {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  max-width: 100%;
  background-color: #ffffff;
  font-size: 14px;
  color: #606266;
}
.ofs-table .fixed-columns-roll-style .ofs-table__body-wrapper,
.ofs-table .fixed-columns-roll-style .ofs-table__fixed,
.ofs-table .fixed-columns-roll-style .ofs-table__fixed-right {
  z-index: 2;
}
.ofs-table__empty-block {
  min-height: 46px;
  text-align: center;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ofs-table__empty-text {
  line-height: 60px;
  width: 100%;
  color: #909399;
}
.ofs-table__expand-column .cell {
  padding: 0;
  text-align: center;
}
.ofs-table__expand-icon {
  position: relative;
  cursor: pointer;
  color: #666;
  font-size: 12px;
  transition: transform 0.2s ease-in-out;
  height: 20px;
}
.ofs-table__expand-icon--expanded {
  transform: rotate(90deg);
}
.ofs-table__expand-icon > .ofs-icons {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
}
.ofs-table__expanded-cell {
  background-color: #ffffff;
}
.ofs-table__expanded-cell[class*=cell] {
  padding: 20px 50px;
}
.ofs-table__expanded-cell:hover {
  background-color: transparent !important;
}
.ofs-table__placeholder {
  display: inline-block;
  width: 20px;
}
.ofs-table__append-wrapper {
  overflow: hidden;
}
.ofs-table--fit {
  border-right: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
}
.ofs-table--fit .ofs-table__cell.gutter {
  border-right-width: 1px;
}
.ofs-table--scrollable-x .ofs-table__body-wrapper {
  overflow-x: auto;
}
.ofs-table--scrollable-y .ofs-table__body-wrapper {
  overflow-y: auto;
}
.ofs-table thead {
  color: #44566c;
}
.ofs-table thead.is-group th {
  height: unset;
}
.ofs-table thead th {
  background: #f8f8fa;
  padding: 0;
  margin: 0;
  height: 46px;
  overflow: hidden;
  border-right: none;
  text-overflow: ellipsis;
}
.ofs-table thead th .cell {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
}
.ofs-table thead th .cell .caret-wrapper {
  height: 22px;
}
.ofs-table thead th .cell .caret-wrapper .ascending {
  top: 0px;
}
.ofs-table thead th .cell .caret-wrapper .descending {
  bottom: 0px;
}
.ofs-table tbody td {
  padding: 0;
  height: 46px;
  border-right: none;
  text-overflow: ellipsis;
}
.ofs-table tbody td .cell {
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.ofs-table tbody td .cell .table-data {
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
}
.ofs-table tbody td .cell .table-data .is-cursor-normal {
  cursor: default;
}
.ofs-table tbody td .cell .content-span {
  line-height: 14px;
  overflow: hidden;
}
.ofs-table tbody td .cell .content-span.content-date {
  line-height: 14px;
  -webkit-line-clamp: 2;
}
.ofs-table tbody td .cell .ofs-table__placeholder + .content-span {
  display: inline;
}
.ofs-table tbody td.action-column .cell {
  display: flex;
  line-height: unset;
  height: 30px;
}
.ofs-table tbody td.action-column .cell .iconfont,
.ofs-table tbody td.action-column .cell .svg-icon,
.ofs-table tbody td.action-column .cell .action-icon,
.ofs-table tbody td.action-column .cell .ofs-icon-item,
.ofs-table tbody td.action-column .cell i:not(.ofs-i-right) {
  display: inline-block;
  cursor: pointer;
}
.ofs-table tbody td.action-column .cell .iconfont:not(.no-move-up):hover,
.ofs-table tbody td.action-column .cell .svg-icon:not(.no-move-up):hover,
.ofs-table tbody td.action-column .cell .action-icon:not(.no-move-up):hover,
.ofs-table tbody td.action-column .cell .ofs-icon-item:not(.no-move-up):hover,
.ofs-table tbody td.action-column .cell i:not(.ofs-i-right):not(.no-move-up):hover {
  transform: translateY(-2px);
}
.ofs-table tbody td.action-column .cell .iconfont.no-move-up,
.ofs-table tbody td.action-column .cell .svg-icon.no-move-up,
.ofs-table tbody td.action-column .cell .action-icon.no-move-up,
.ofs-table tbody td.action-column .cell .ofs-icon-item.no-move-up,
.ofs-table tbody td.action-column .cell i:not(.ofs-i-right).no-move-up {
  color: #555;
}
.ofs-table tbody td.action-column .cell .iconfont.no-move-up :hover,
.ofs-table tbody td.action-column .cell .svg-icon.no-move-up :hover,
.ofs-table tbody td.action-column .cell .action-icon.no-move-up :hover,
.ofs-table tbody td.action-column .cell .ofs-icon-item.no-move-up :hover,
.ofs-table tbody td.action-column .cell i:not(.ofs-i-right).no-move-up :hover {
  color: #12b48a;
}
.ofs-table tbody td.action-column .cell > div {
  display: flex;
  align-items: center;
  min-height: 30px;
}
.ofs-table tbody td.action-column .cell > span:last-child .table-action-icon {
  padding-right: 0;
}
.ofs-table tbody td.action-column .cell > span:not(.ofs-icon) {
  display: flex;
  align-items: center;
}
.ofs-table tbody td.action-column .cell .ofs-icon-wrap,
.ofs-table tbody td.action-column .cell .ofs-icon {
  display: flex;
  align-items: center;
  color: #12b48a;
}
.ofs-table tbody td.action-column .cell .ofs-icon-wrap[disabled] .ofs-icon-item {
  color: #cbcbcb;
}
.ofs-table tbody td.action-column .cell .ofs-icon-wrap[disabled] .ofs-icon-item:hover {
  cursor: not-allowed;
  transform: unset;
}
.ofs-table tbody td.action-column .cell .action-icon {
  padding-right: 8px;
  cursor: pointer;
}
.ofs-table tbody td.action-column .cell .action-icon.ofs-iconfont {
  line-height: 2;
}
.ofs-table tbody td.action-column .cell .table-action-icon {
  padding-right: 4px;
}
.ofs-table tbody td.action-column.align-center .cell {
  justify-content: center;
}
.ofs-table tbody td.indeterminate .cell .ofs-checkbox .ofs-checkbox__input:not(.is-checked):not(.is-disabled) .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-table tbody td.indeterminate .cell .ofs-checkbox .ofs-checkbox__input:not(.is-checked):not(.is-disabled) .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-table .ofs-table__cell {
  min-width: 0;
  box-sizing: border-box;
  text-overflow: ellipsis;
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.ofs-table .ofs-table__cell .cell .ofs-input-number .ofs-input__inner {
  text-align: center;
}
.ofs-table .ofs-table__cell.is-left .ofs-input__inner {
  text-align: left;
}
.ofs-table .ofs-table__cell.is-center {
  text-align: center;
}
.ofs-table .ofs-table__cell.is-center .ofs-input__inner {
  text-align: center;
}
.ofs-table .ofs-table__cell.is-right {
  text-align: right;
}
.ofs-table .ofs-table__cell.is-right .ofs-input__inner {
  text-align: right;
}
.ofs-table .ofs-table__cell.gutter {
  width: 15px;
  border-right-width: 0;
  border-bottom-width: 0;
  padding: 0;
}
.ofs-table .ofs-table__cell.is-hidden > * {
  visibility: hidden;
}
.ofs-table--medium .ofs-table__cell {
  padding: 10px 0;
}
.ofs-table--small {
  font-size: 12px;
}
.ofs-table--small .ofs-table__cell {
  padding: 8px 0;
}
.ofs-table--mini {
  font-size: 12px;
}
.ofs-table--mini .ofs-table__cell {
  padding: 6px 0;
}
.ofs-table tr {
  background-color: #ffffff;
}
.ofs-table tr input[type=checkbox] {
  margin: 0;
}
.ofs-table tr .ofs-table_state-seat {
  position: absolute;
  top: -1px;
  left: 0;
  width: 18px;
  height: calc(100% + 1px);
}
.ofs-table tr .ofs-table_state-seat .ofs-table_state_seat-c {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 8px;
  height: 100%;
}
.ofs-table th.ofs-table__cell.is-leaf,
.ofs-table td.ofs-table__cell {
  border-bottom: 1px solid #ebeef5;
}
.ofs-table th.ofs-table__cell.is-sortable {
  cursor: pointer;
}
.ofs-table th.ofs-table__cell {
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #f8f8fa;
}
.ofs-table th.ofs-table__cell > .cell {
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
.ofs-table th.ofs-table__cell > .cell.highlight {
  color: #12b48a;
}
.ofs-table th.ofs-table__cell.required > div::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff4d51;
  margin-right: 5px;
  vertical-align: middle;
}
.ofs-table td.ofs-table__cell div {
  box-sizing: border-box;
}
.ofs-table td.ofs-table__cell.gutter {
  width: 0;
}
.ofs-table .cell {
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  line-height: unset;
  padding-left: 10px;
  padding-right: 10px;
}
.ofs-table .cell .img-box {
  display: flex;
  align-items: center;
}
.ofs-table .cell .img-box .content-box {
  line-height: 14px;
  margin-left: 12px;
  max-width: calc(100% - 62px);
}
.ofs-table .cell.ofs-tooltip {
  white-space: nowrap;
  min-width: 50px;
}
.ofs-table--group, .ofs-table--border {
  border: 1px solid #ebeef5;
}
.ofs-table--border .ofs-table__header thead th[colspan]:not(.is-last-column) .cell {
  position: relative;
}
.ofs-table--border .ofs-table__header thead th[colspan]:not(.is-last-column) .cell::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #8697a8;
  width: 1px;
  height: 16px;
}
.ofs-table--border .ofs-table__header thead th[colspan]:not(.is-last-column).is-level {
  height: 23px;
}
.ofs-table--border .ofs-table__header thead.is-group tr th.ofs-table__cell {
  background: #f5f7fa;
  border-right: 1px solid #ebeef5;
}
.ofs-table--border .ofs-table__header thead.is-group tr th.ofs-table__cell.is-level {
  height: 23px;
}
.ofs-table--border .ofs-table__header thead.is-group tr th.ofs-table__cell .cell::after {
  content: none;
}
.ofs-table--border.ofs-loading-parent--relative {
  border-color: transparent;
}
.ofs-table--border .ofs-table__cell {
  border-right: none;
}
.ofs-table--border .ofs-table__cell:first-child .cell {
  padding-left: 10px;
}
.ofs-table--border th.ofs-table__cell.gutter:last-of-type {
  border-bottom: 1px solid #ebeef5;
  border-bottom-width: 1px;
}
.ofs-table--border th.ofs-table__cell {
  border-bottom: 1px solid #ebeef5;
}
.ofs-table--border th.ofs-table__cell .ofs-table-drag-icon-hover:hover {
  background-color: #c7c9cc;
}
.ofs-table--border th.ofs-table__cell .ofs-table-drag-icon {
  position: absolute;
  display: inline-block;
  width: 7px;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
}
.ofs-table--border th.ofs-table__cell .ofs-table-drag-icon i {
  background-color: #c7c9cc;
  right: 0;
  top: 25%;
  display: block;
  height: 50%;
  width: 1px;
  position: absolute;
}
.ofs-table--hidden {
  visibility: hidden;
}
.ofs-table__fixed, .ofs-table__fixed-right {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  border-right: none;
  border-bottom: none;
  pointer-events: none;
}
.ofs-table__fixed-right-patch {
  position: absolute;
  top: -1px;
  right: 0;
  background-color: #ffffff;
  border-bottom: 1px solid #ebeef5;
}
.ofs-table__fixed-right {
  top: 0;
  left: auto;
  right: 0;
}
.ofs-table__fixed-right .ofs-table__fixed-header-wrapper,
.ofs-table__fixed-right .ofs-table__fixed-body-wrapper,
.ofs-table__fixed-right .ofs-table__fixed-footer-wrapper {
  left: auto;
  right: 0;
}
.ofs-table__fixed-header-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  pointer-events: all;
}
.ofs-table__fixed-footer-wrapper {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  pointer-events: all;
}
.ofs-table__fixed-footer-wrapper tbody td.ofs-table__cell {
  border-top: 1px solid #ebeef5;
  background-color: #e5ecff;
  color: #606266;
}
.ofs-table__fixed-body-wrapper {
  position: absolute;
  left: 0;
  top: 37px;
  overflow: hidden;
  z-index: 3;
  pointer-events: all;
}
.ofs-table__fixed-body-wrapper tbody tr:last-child td {
  border-bottom: none;
}
.ofs-table__fixed-body-wrapper tbody tr td:last-child {
  border-right: none;
}
.ofs-table__header-wrapper, .ofs-table__body-wrapper, .ofs-table__footer-wrapper {
  width: 100%;
}
.ofs-table__footer-wrapper td.ofs-table__cell {
  border-top: 1px solid #ebeef5;
}
.ofs-table__header, .ofs-table__body, .ofs-table__footer {
  display: table;
  table-layout: fixed;
  border-collapse: separate;
}
.ofs-table__header-wrapper, .ofs-table__footer-wrapper {
  overflow: hidden;
}
.ofs-table__header-wrapper tbody td.ofs-table__cell, .ofs-table__footer-wrapper tbody td.ofs-table__cell {
  background-color: #e5ecff;
  color: #606266;
}
.ofs-table__body-wrapper {
  overflow: hidden;
  position: relative;
}
.ofs-table__body-wrapper.is-scrolling-none ~ .ofs-table__fixed,
.ofs-table__body-wrapper.is-scrolling-none ~ .ofs-table__fixed-right {
  box-shadow: none;
}
.ofs-table__body-wrapper.is-scrolling-left ~ .ofs-table__fixed {
  box-shadow: none;
}
.ofs-table__body-wrapper.is-scrolling-right ~ .ofs-table__fixed-right {
  box-shadow: none;
}
.ofs-table__body-wrapper .ofs-table--border.is-scrolling-right ~ .ofs-table__fixed-right {
  border-left: 1px solid #ebeef5;
}
.ofs-table__body-wrapper .ofs-table--border.is-scrolling-left ~ .ofs-table__fixed {
  border-right: 1px solid #ebeef5;
}
.ofs-table__body-wrapper tbody tr:last-child td {
  border-bottom: none;
}
.ofs-table__body-wrapper tbody tr td:last-child {
  border-right: none;
}
.ofs-table .caret-wrapper {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 34px;
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
  overflow: initial;
  position: relative;
}
.ofs-table .sort-caret {
  width: 0;
  height: 0;
  border: solid 5px transparent;
  position: absolute;
  left: 7px;
}
.ofs-table .sort-caret.ascending {
  border-bottom-color: #c0c4cc;
  top: 5px;
}
.ofs-table .sort-caret.descending {
  border-top-color: #c0c4cc;
  bottom: 7px;
}
.ofs-table .ascending .sort-caret.ascending {
  border-bottom-color: #12b48a;
}
.ofs-table .descending .sort-caret.descending {
  border-top-color: #12b48a;
}
.ofs-table .hidden-columns {
  visibility: hidden;
  position: absolute;
  z-index: -1;
}
.ofs-table--striped .ofs-table__body tr.ofs-table__row--striped td.ofs-table__cell {
  background: #fafafa;
}
.ofs-table--striped .ofs-table__body tr.ofs-table__row--striped.current-row td.ofs-table__cell {
  background-color: #e5ecff;
}
.ofs-table__body tr.hover-row > td.ofs-table__cell, .ofs-table__body tr.hover-row.current-row > td.ofs-table__cell, .ofs-table__body tr.hover-row.ofs-table__row--striped > td.ofs-table__cell, .ofs-table__body tr.hover-row.ofs-table__row--striped.current-row > td.ofs-table__cell {
  background-color: #e5ecff;
}
.ofs-table__body tr.current-row > td.ofs-table__cell {
  background-color: #e5ecff;
}
.ofs-table__column-resize-proxy {
  position: absolute;
  left: 200px;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 1px solid #ebeef5;
  z-index: 10;
  border-color: #44566c;
}
.ofs-table__column-filter-trigger {
  display: inline-block;
  line-height: 34px;
  cursor: pointer;
}
.ofs-table__column-filter-trigger i {
  color: #909399;
  font-size: 12px;
  transform: scale(0.75);
}
.ofs-table--enable-row-transition .ofs-table__body td.ofs-table__cell {
  transition: background-color 0.25s ease;
}
.ofs-table--enable-row-hover .ofs-table__body tr:hover > td.ofs-table__cell {
  background-color: #e5ecff;
}
.ofs-table--fluid-height .ofs-table__fixed,
.ofs-table--fluid-height .ofs-table__fixed-right {
  bottom: 0;
  overflow: hidden;
}
.ofs-table [class*=ofs-table__row--level] .ofs-table__expand-icon {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px;
}
.ofs-table td,
.ofs-table th {
  vertical-align: middle;
  position: relative;
  text-align: left;
}
.ofs-table td.is-center,
.ofs-table th.is-center {
  text-align: center;
}
.ofs-table td.is-right,
.ofs-table th.is-right {
  text-align: right;
}
.ofs-table::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.ofs-table .ofs-table__virtual-wrapper .ofs-table__body {
  width: 100%;
}
.ofs-table .ofs-table--fixed__virtual-wrapper {
  width: auto !important;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag {
  display: inline-block;
}
.ofs-tag .ofs-tag-ex {
  border: 0;
  border-radius: 12px;
  padding: 0 9px;
  text-align: center;
  font-size: 12px;
}
.ofs-tag .ofs-tag-ex.is-hit {
  border: 1px solid rgba(61, 161, 255, 0.4);
}
.ofs-tag .ofs-tag-ex--success {
  background: rgba(72, 209, 100, 0.1);
  color: #48d164;
}
.ofs-tag .ofs-tag-ex--success.is-hit {
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--success.ofs-tag--dark {
  background: rgba(72, 209, 100, 0.8);
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--warning {
  background: rgba(255, 132, 41, 0.1);
  color: #ff8429;
}
.ofs-tag .ofs-tag-ex--warning.is-hit {
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--warning.ofs-tag--dark {
  background: rgba(255, 132, 41, 0.8);
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--danger {
  background: rgba(255, 57, 57, 0.1);
  color: #ff3939;
}
.ofs-tag .ofs-tag-ex--danger.is-hit {
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--danger.ofs-tag--dark {
  background: rgba(255, 57, 57, 0.8);
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--info {
  background: rgba(144, 147, 153, 0.1);
  color: #909399;
}
.ofs-tag .ofs-tag-ex--info.is-hit {
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--info.ofs-tag--dark {
  background: rgba(144, 147, 153, 0.8);
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--dark {
  background: #3da1ff;
  border-color: #3da1ff;
  color: #fff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-table-column--selection .cell {
  padding-left: 10px;
  padding-right: 10px;
}
.ofs-table-filter {
  border: solid 1px #ebeef5;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 2px 0;
  /** used for dropdown mode */
}
.ofs-table-filter__list {
  padding: 5px 0;
  margin: 0;
  list-style: none;
  min-width: 100px;
}
.ofs-table-filter__list-item {
  line-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  font-size: 14px;
}
.ofs-table-filter__list-item:hover {
  background-color: rgb(231.3, 247.5, 243.3);
  color: rgb(65.4, 195, 161.4);
}
.ofs-table-filter__list-item.is-active {
  background-color: #12b48a;
  color: #ffffff;
}
.ofs-table-filter__content {
  min-width: 100px;
}
.ofs-table-filter__bottom {
  border-top: 1px solid #ebeef5;
  padding: 8px;
}
.ofs-table-filter__bottom button {
  background: transparent;
  border: none;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
  padding: 0 3px;
}
.ofs-table-filter__bottom button:hover {
  color: #12b48a;
}
.ofs-table-filter__bottom button:focus {
  outline: none;
}
.ofs-table-filter__bottom button.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-table-filter__wrap {
  max-height: 280px;
}
.ofs-table-filter__checkbox-group {
  padding: 10px;
}
.ofs-table-filter__checkbox-group label.ofs-checkbox {
  display: block;
  margin-right: 5px;
  margin-bottom: 8px;
  margin-left: 5px;
}
.ofs-table-filter__checkbox-group .ofs-checkbox:last-child {
  margin-bottom: 0;
}
.ofs-table-search {
  font-size: 12px;
}
.ofs-table-search .ofs-form-item {
  margin-bottom: 0;
}
.ofs-table-search .search-area {
  padding: 10px 20px;
}
.ofs-table-search .ofs-dropdown-link {
  cursor: pointer;
}
.ofs-table-search .empty-box {
  position: relative;
  width: 100%;
  text-align: center;
}
.ofs-table-search .empty-box span {
  position: relative;
  z-index: 2;
  display: inline-block;
  background-color: white;
  cursor: pointer;
  color: #9cb6ff;
}
.ofs-table-search .empty-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10%;
  width: 80%;
  height: 1px;
  background-color: #9cb6ff;
}
.ofs-table-search-box .thead-title {
  font-size: 12px;
}
.ofs-table-search-box .thead-title:hover {
  color: #999;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-date-table {
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-date-table.is-week-mode .ofs-date-table__row:hover div {
  background-color: #f2f6fc;
}
.ofs-date-table.is-week-mode .ofs-date-table__row:hover td.available:hover {
  color: #606266;
}
.ofs-date-table.is-week-mode .ofs-date-table__row:hover td:first-child div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.ofs-date-table.is-week-mode .ofs-date-table__row:hover td:last-child div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.ofs-date-table.is-week-mode .ofs-date-table__row.current div {
  background-color: #f2f6fc;
}
.ofs-date-table td {
  width: 32px;
  height: 30px;
  padding: 4px 0;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.ofs-date-table td div {
  height: 30px;
  padding: 3px 0;
  box-sizing: border-box;
}
.ofs-date-table td span {
  width: 24px;
  height: 24px;
  display: block;
  margin: 0 auto;
  line-height: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
}
.ofs-date-table td.next-month, .ofs-date-table td.prev-month {
  color: #c0c4cc;
}
.ofs-date-table td.today {
  position: relative;
}
.ofs-date-table td.today span {
  color: #12b48a;
  font-weight: bold;
}
.ofs-date-table td.today.start-date span, .ofs-date-table td.today.end-date span {
  color: #ffffff;
}
.ofs-date-table td.available:hover {
  color: #12b48a;
}
.ofs-date-table td.in-range div {
  background-color: #f2f6fc;
}
.ofs-date-table td.in-range div:hover {
  background-color: #f2f6fc;
}
.ofs-date-table td.current:not(.disabled) span {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-date-table td.start-date div, .ofs-date-table td.end-date div {
  color: #ffffff;
}
.ofs-date-table td.start-date span, .ofs-date-table td.end-date span {
  background-color: #12b48a;
}
.ofs-date-table td.start-date div {
  margin-left: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.ofs-date-table td.end-date div {
  margin-right: 5px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.ofs-date-table td.disabled div {
  background-color: #f5f7fa;
  opacity: 1;
  cursor: not-allowed;
  color: #c0c4cc;
}
.ofs-date-table td.selected div {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #f2f6fc;
  border-radius: 15px;
}
.ofs-date-table td.selected div:hover {
  background-color: #f2f6fc;
}
.ofs-date-table td.selected span {
  background-color: #12b48a;
  color: #ffffff;
  border-radius: 15px;
}
.ofs-date-table td.week {
  font-size: 80%;
  color: #606266;
}
.ofs-date-table th {
  padding: 5px;
  color: #606266;
  font-weight: 400;
  border-bottom: solid 1px #ebeef5;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-month-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.ofs-month-table td {
  text-align: center;
  padding: 8px 0px;
  cursor: pointer;
}
.ofs-month-table td div {
  height: 48px;
  padding: 6px 0;
  box-sizing: border-box;
}
.ofs-month-table td.today .cell {
  color: #12b48a;
  font-weight: bold;
}
.ofs-month-table td.today.start-date .cell, .ofs-month-table td.today.end-date .cell {
  color: #ffffff;
}
.ofs-month-table td.disabled .cell {
  background-color: #f5f7fa;
  cursor: not-allowed;
  color: #c0c4cc;
}
.ofs-month-table td.disabled .cell:hover {
  color: #c0c4cc;
}
.ofs-month-table td .cell {
  width: 60px;
  height: 36px;
  display: block;
  line-height: 36px;
  color: #606266;
  margin: 0 auto;
  border-radius: 18px;
}
.ofs-month-table td .cell:hover {
  color: #12b48a;
}
.ofs-month-table td.in-range div {
  background-color: #f2f6fc;
}
.ofs-month-table td.in-range div:hover {
  background-color: #f2f6fc;
}
.ofs-month-table td.start-date div, .ofs-month-table td.end-date div {
  color: #ffffff;
}
.ofs-month-table td.start-date .cell, .ofs-month-table td.end-date .cell {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-month-table td.start-date div {
  border-top-left-radius: 24px;
  border-bottom-left-radius: 24px;
}
.ofs-month-table td.end-date div {
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
}
.ofs-month-table td.current:not(.disabled) .cell {
  color: #12b48a;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-year-table {
  font-size: 12px;
  margin: -1px;
  border-collapse: collapse;
}
.ofs-year-table .el-icon {
  color: #303133;
}
.ofs-year-table td {
  text-align: center;
  padding: 20px 3px;
  cursor: pointer;
}
.ofs-year-table td.today .cell {
  color: #12b48a;
  font-weight: bold;
}
.ofs-year-table td.disabled .cell {
  background-color: #f5f7fa;
  cursor: not-allowed;
  color: #c0c4cc;
}
.ofs-year-table td.disabled .cell:hover {
  color: #c0c4cc;
}
.ofs-year-table td .cell {
  width: 48px;
  height: 32px;
  display: block;
  line-height: 32px;
  color: #606266;
  margin: 0 auto;
}
.ofs-year-table td .cell:hover {
  color: #12b48a;
}
.ofs-year-table td.current:not(.disabled) .cell {
  color: #12b48a;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-spinner.has-seconds .ofs-time-spinner__wrapper {
  width: 33.3%;
}
.ofs-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.ofs-time-spinner__wrapper .ofs-scrollbar__wrap:not(.ofs-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.ofs-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.ofs-time-spinner__wrapper.is-arrow .ofs-time-spinner__list {
  transform: translateY(-32px);
}
.ofs-time-spinner__wrapper.is-arrow .ofs-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #ffffff;
  cursor: default;
}
.ofs-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.ofs-time-spinner__arrow:hover {
  color: #12b48a;
}
.ofs-time-spinner__arrow.ofs-i-up {
  top: 10px;
}
.ofs-time-spinner__arrow.ofs-i-down {
  bottom: 10px;
}
.ofs-time-spinner__input.ofs-input {
  width: 70%;
}
.ofs-time-spinner__input.ofs-input .ofs-input__inner {
  padding: 0;
  text-align: center;
}
.ofs-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.ofs-time-spinner__list::after, .ofs-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}
.ofs-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}
.ofs-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #f5f7fa;
  cursor: pointer;
}
.ofs-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: bold;
}
.ofs-time-spinner__item.disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-linear-enter-active,
.ofs-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.ofs-fade-in-linear-enter,
.ofs-fade-in-linear-leave,
.ofs-fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-enter-active,
.ofs-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-fade-in-enter,
.ofs-fade-in-leave-active {
  opacity: 0;
}
.ofs-zoom-in-center-enter-active,
.ofs-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-zoom-in-center-enter,
.ofs-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.ofs-zoom-in-top-enter-active,
.ofs-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.ofs-zoom-in-top-enter,
.ofs-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-bottom-enter-active,
.ofs-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.ofs-zoom-in-bottom-enter,
.ofs-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-left-enter-active,
.ofs-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.ofs-zoom-in-left-enter,
.ofs-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.ofs-list-enter-active,
.ofs-list-leave-active {
  transition: all 1s;
}
.ofs-list-enter,
.ofs-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.ofs-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.ofs-date-editor.ofs-input, .ofs-date-editor.ofs-input__inner {
  width: 220px;
}
.ofs-date-editor--monthrange.ofs-input, .ofs-date-editor--monthrange.ofs-input__inner {
  width: 300px;
}
.ofs-date-editor--daterange.ofs-input, .ofs-date-editor--daterange.ofs-input__inner, .ofs-date-editor--timerange.ofs-input, .ofs-date-editor--timerange.ofs-input__inner {
  width: 350px;
}
.ofs-date-editor--datetimerange.ofs-input, .ofs-date-editor--datetimerange.ofs-input__inner {
  width: 400px;
}
.ofs-date-editor--dates .ofs-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ofs-date-editor .ofs-i-close-circle {
  cursor: pointer;
}
.ofs-date-editor .ofs-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #c0c4cc;
  float: left;
  height: auto;
  line-height: 1;
}
.ofs-date-editor .ofs-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.ofs-date-editor .ofs-range-input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-date-editor .ofs-range-input::placeholder {
  color: #c0c4cc;
}
.ofs-date-editor .ofs-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  font-size: 12px;
  width: 5%;
  color: #303133;
  height: auto;
  line-height: 1;
  box-sizing: content-box;
}
.ofs-date-editor .ofs-range__close-icon {
  font-size: 14px;
  color: #909399;
  width: 25px;
  display: inline-block;
  float: right;
  height: auto;
  line-height: 1;
}
.ofs-range-editor.ofs-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.ofs-range-editor .ofs-range__icon {
  font-size: 20px;
  color: #909399;
}
.ofs-range-editor .ofs-input__clear {
  font-size: 14px;
}
.ofs-range-editor .ofs-range-input {
  line-height: 1;
}
.ofs-range-editor.is-active {
  border-color: #12b48a;
}
.ofs-range-editor.is-active:hover {
  border-color: #12b48a;
}
.ofs-range-editor--medium.ofs-input__inner {
  height: 36px;
}
.ofs-range-editor--medium .ofs-range-separator {
  font-size: 14px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--medium .ofs-range-input {
  font-size: 14px;
}
.ofs-range-editor--small.ofs-input__inner {
  height: 32px;
}
.ofs-range-editor--small .ofs-range-separator {
  font-size: 12px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--small .ofs-range-input {
  font-size: 12px;
}
.ofs-range-editor--mini.ofs-input__inner {
  height: 28px;
}
.ofs-range-editor--mini .ofs-range-separator {
  font-size: 12px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--mini .ofs-range-input {
  font-size: 12px;
}
.ofs-range-editor.is-disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: not-allowed;
}
.ofs-range-editor.is-disabled:hover, .ofs-range-editor.is-disabled:focus {
  border-color: #e4e7ed;
}
.ofs-range-editor.is-disabled input {
  background-color: #f5f7fa;
  color: #606266;
  cursor: not-allowed;
}
.ofs-range-editor.is-disabled input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-range-editor.is-disabled input::placeholder {
  color: #c0c4cc;
}
.ofs-range-editor.is-disabled .ofs-range-separator {
  color: #606266;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-picker-panel {
  color: #606266;
  border: 1px solid #e4e7ed;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.ofs-picker-panel__body::after, .ofs-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.ofs-picker-panel__content {
  position: relative;
  margin: 15px;
}
.ofs-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #ffffff;
  position: relative;
  font-size: 0;
}
.ofs-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 12px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.ofs-picker-panel__shortcut:hover {
  color: #12b48a;
}
.ofs-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #12b48a;
}
.ofs-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.ofs-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}
.ofs-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.ofs-picker-panel__icon-btn:hover {
  color: #12b48a;
}
.ofs-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.ofs-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.ofs-picker-panel__link-btn {
  vertical-align: middle;
}
.ofs-picker-panel *[slot=sidebar],
.ofs-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #ffffff;
  overflow: auto;
}
.ofs-picker-panel *[slot=sidebar] + .ofs-picker-panel__body,
.ofs-picker-panel__sidebar + .ofs-picker-panel__body {
  margin-left: 110px;
}
.ofs-date-picker {
  width: 322px;
}
.ofs-date-picker.has-sidebar.has-time {
  width: 434px;
}
.ofs-date-picker.has-sidebar {
  width: 438px;
}
.ofs-date-picker.has-time .ofs-picker-panel__body-wrapper {
  position: relative;
}
.ofs-date-picker .ofs-picker-panel__content {
  width: 292px;
}
.ofs-date-picker table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ofs-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.ofs-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.ofs-date-picker__header {
  margin: 12px;
  text-align: center;
}
.ofs-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #ebeef5;
}
.ofs-date-picker__header--bordered + .ofs-picker-panel__content {
  margin-top: 0;
}
.ofs-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}
.ofs-date-picker__header-label:hover {
  color: #12b48a;
}
.ofs-date-picker__header-label.active {
  color: #12b48a;
}
.ofs-date-picker__prev-btn {
  float: left;
}
.ofs-date-picker__next-btn {
  float: right;
}
.ofs-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}
.ofs-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-date-range-picker {
  width: 646px;
}
.ofs-date-range-picker.has-sidebar {
  width: 756px;
}
.ofs-date-range-picker table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ofs-date-range-picker .ofs-picker-panel__body {
  min-width: 513px;
}
.ofs-date-range-picker .ofs-picker-panel__content {
  margin: 0;
}
.ofs-date-range-picker__header {
  position: relative;
  text-align: center;
  height: 28px;
}
.ofs-date-range-picker__header [class*=arrow-left], .ofs-date-range-picker__header [class*=i-left] {
  float: left;
}
.ofs-date-range-picker__header [class*=arrow-right], .ofs-date-range-picker__header [class*=i-right] {
  float: right;
}
.ofs-date-range-picker__header div {
  font-size: 16px;
  font-weight: 500;
  margin-right: 50px;
}
.ofs-date-range-picker__content {
  float: left;
  width: 50%;
  box-sizing: border-box;
  margin: 0;
  padding: 16px;
}
.ofs-date-range-picker__content.is-left {
  border-right: 1px solid #e4e4e4;
}
.ofs-date-range-picker__content .ofs-date-range-picker__header div {
  margin-left: 50px;
  margin-right: 50px;
}
.ofs-date-range-picker__editors-wrap {
  box-sizing: border-box;
  display: table-cell;
}
.ofs-date-range-picker__editors-wrap.is-right {
  text-align: right;
}
.ofs-date-range-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.ofs-date-range-picker__time-header > .el-icon-arrow-right {
  font-size: 20px;
  vertical-align: middle;
  display: table-cell;
  color: #303133;
}
.ofs-date-range-picker__time-picker-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.ofs-date-range-picker__time-picker-wrap .ofs-picker-panel {
  position: absolute;
  top: 13px;
  right: 0;
  z-index: 1;
  background: #ffffff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-range-picker {
  width: 354px;
  overflow: visible;
}
.ofs-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}
.ofs-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 49%;
  display: inline-block;
}
.ofs-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}
.ofs-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #e4e7ed;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-panel {
  margin: 5px 0;
  border: solid 1px #e4e7ed;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.ofs-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.ofs-time-panel__content::after, .ofs-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed;
}
.ofs-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.ofs-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.ofs-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.ofs-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}
.ofs-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}
.ofs-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #303133;
}
.ofs-time-panel__btn.confirm {
  font-weight: 800;
  color: #12b48a;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-linear-enter-active,
.ofs-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.ofs-fade-in-linear-enter,
.ofs-fade-in-linear-leave,
.ofs-fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-enter-active,
.ofs-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-fade-in-enter,
.ofs-fade-in-leave-active {
  opacity: 0;
}
.ofs-zoom-in-center-enter-active,
.ofs-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-zoom-in-center-enter,
.ofs-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.ofs-zoom-in-top-enter-active,
.ofs-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.ofs-zoom-in-top-enter,
.ofs-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-bottom-enter-active,
.ofs-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.ofs-zoom-in-bottom-enter,
.ofs-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-left-enter-active,
.ofs-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.ofs-zoom-in-left-enter,
.ofs-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.ofs-list-enter-active,
.ofs-list-leave-active {
  transition: all 1s;
}
.ofs-list-enter,
.ofs-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.ofs-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.ofs-date-editor.ofs-input, .ofs-date-editor.ofs-input__inner {
  width: 220px;
}
.ofs-date-editor--monthrange.ofs-input, .ofs-date-editor--monthrange.ofs-input__inner {
  width: 300px;
}
.ofs-date-editor--daterange.ofs-input, .ofs-date-editor--daterange.ofs-input__inner, .ofs-date-editor--timerange.ofs-input, .ofs-date-editor--timerange.ofs-input__inner {
  width: 350px;
}
.ofs-date-editor--datetimerange.ofs-input, .ofs-date-editor--datetimerange.ofs-input__inner {
  width: 400px;
}
.ofs-date-editor--dates .ofs-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ofs-date-editor .ofs-i-close-circle {
  cursor: pointer;
}
.ofs-date-editor .ofs-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #c0c4cc;
  float: left;
  height: auto;
  line-height: 1;
}
.ofs-date-editor .ofs-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.ofs-date-editor .ofs-range-input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-date-editor .ofs-range-input::placeholder {
  color: #c0c4cc;
}
.ofs-date-editor .ofs-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  font-size: 12px;
  width: 5%;
  color: #303133;
  height: auto;
  line-height: 1;
  box-sizing: content-box;
}
.ofs-date-editor .ofs-range__close-icon {
  font-size: 14px;
  color: #909399;
  width: 25px;
  display: inline-block;
  float: right;
  height: auto;
  line-height: 1;
}
.ofs-range-editor.ofs-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.ofs-range-editor .ofs-range__icon {
  font-size: 20px;
  color: #909399;
}
.ofs-range-editor .ofs-input__clear {
  font-size: 14px;
}
.ofs-range-editor .ofs-range-input {
  line-height: 1;
}
.ofs-range-editor.is-active {
  border-color: #12b48a;
}
.ofs-range-editor.is-active:hover {
  border-color: #12b48a;
}
.ofs-range-editor--medium.ofs-input__inner {
  height: 36px;
}
.ofs-range-editor--medium .ofs-range-separator {
  font-size: 14px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--medium .ofs-range-input {
  font-size: 14px;
}
.ofs-range-editor--small.ofs-input__inner {
  height: 32px;
}
.ofs-range-editor--small .ofs-range-separator {
  font-size: 12px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--small .ofs-range-input {
  font-size: 12px;
}
.ofs-range-editor--mini.ofs-input__inner {
  height: 28px;
}
.ofs-range-editor--mini .ofs-range-separator {
  font-size: 12px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--mini .ofs-range-input {
  font-size: 12px;
}
.ofs-range-editor.is-disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: not-allowed;
}
.ofs-range-editor.is-disabled:hover, .ofs-range-editor.is-disabled:focus {
  border-color: #e4e7ed;
}
.ofs-range-editor.is-disabled input {
  background-color: #f5f7fa;
  color: #606266;
  cursor: not-allowed;
}
.ofs-range-editor.is-disabled input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-range-editor.is-disabled input::placeholder {
  color: #c0c4cc;
}
.ofs-range-editor.is-disabled .ofs-range-separator {
  color: #606266;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-picker-panel {
  color: #606266;
  border: 1px solid #e4e7ed;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.ofs-picker-panel__body::after, .ofs-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.ofs-picker-panel__content {
  position: relative;
  margin: 15px;
}
.ofs-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #ffffff;
  position: relative;
  font-size: 0;
}
.ofs-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 12px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.ofs-picker-panel__shortcut:hover {
  color: #12b48a;
}
.ofs-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #12b48a;
}
.ofs-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.ofs-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}
.ofs-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.ofs-picker-panel__icon-btn:hover {
  color: #12b48a;
}
.ofs-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.ofs-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.ofs-picker-panel__link-btn {
  vertical-align: middle;
}
.ofs-picker-panel *[slot=sidebar],
.ofs-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #ffffff;
  overflow: auto;
}
.ofs-picker-panel *[slot=sidebar] + .ofs-picker-panel__body,
.ofs-picker-panel__sidebar + .ofs-picker-panel__body {
  margin-left: 110px;
}
.ofs-date-picker {
  width: 322px;
}
.ofs-date-picker.has-sidebar.has-time {
  width: 434px;
}
.ofs-date-picker.has-sidebar {
  width: 438px;
}
.ofs-date-picker.has-time .ofs-picker-panel__body-wrapper {
  position: relative;
}
.ofs-date-picker .ofs-picker-panel__content {
  width: 292px;
}
.ofs-date-picker table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ofs-date-picker__editor-wrap {
  position: relative;
  display: table-cell;
  padding: 0 5px;
}
.ofs-date-picker__time-header {
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  font-size: 12px;
  padding: 8px 5px 5px 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
.ofs-date-picker__header {
  margin: 12px;
  text-align: center;
}
.ofs-date-picker__header--bordered {
  margin-bottom: 0;
  padding-bottom: 12px;
  border-bottom: solid 1px #ebeef5;
}
.ofs-date-picker__header--bordered + .ofs-picker-panel__content {
  margin-top: 0;
}
.ofs-date-picker__header-label {
  font-size: 16px;
  font-weight: 500;
  padding: 0 5px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  color: #606266;
}
.ofs-date-picker__header-label:hover {
  color: #12b48a;
}
.ofs-date-picker__header-label.active {
  color: #12b48a;
}
.ofs-date-picker__prev-btn {
  float: left;
}
.ofs-date-picker__next-btn {
  float: right;
}
.ofs-date-picker__time-wrap {
  padding: 10px;
  text-align: center;
}
.ofs-date-picker__time-label {
  float: left;
  cursor: pointer;
  line-height: 30px;
  margin-left: 10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.time-select {
  margin: 5px 0;
  min-width: 0;
}
.time-select .ofs-picker-panel__content {
  max-height: 200px;
  margin: 0;
}
.time-select-item {
  padding: 8px 10px;
  font-size: 14px;
  line-height: 20px;
}
.time-select-item.selected:not(.disabled) {
  color: #12b48a;
  font-weight: bold;
}
.time-select-item.disabled {
  color: #e4e7ed;
  cursor: not-allowed;
}
.time-select-item:hover {
  background-color: #f5f7fa;
  font-weight: bold;
  cursor: pointer;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-linear-enter-active,
.ofs-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.ofs-fade-in-linear-enter,
.ofs-fade-in-linear-leave,
.ofs-fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-enter-active,
.ofs-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-fade-in-enter,
.ofs-fade-in-leave-active {
  opacity: 0;
}
.ofs-zoom-in-center-enter-active,
.ofs-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-zoom-in-center-enter,
.ofs-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.ofs-zoom-in-top-enter-active,
.ofs-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.ofs-zoom-in-top-enter,
.ofs-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-bottom-enter-active,
.ofs-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.ofs-zoom-in-bottom-enter,
.ofs-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-left-enter-active,
.ofs-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.ofs-zoom-in-left-enter,
.ofs-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.ofs-list-enter-active,
.ofs-list-leave-active {
  transition: all 1s;
}
.ofs-list-enter,
.ofs-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.ofs-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-date-editor {
  position: relative;
  display: inline-block;
  text-align: left;
}
.ofs-date-editor.ofs-input, .ofs-date-editor.ofs-input__inner {
  width: 220px;
}
.ofs-date-editor--monthrange.ofs-input, .ofs-date-editor--monthrange.ofs-input__inner {
  width: 300px;
}
.ofs-date-editor--daterange.ofs-input, .ofs-date-editor--daterange.ofs-input__inner, .ofs-date-editor--timerange.ofs-input, .ofs-date-editor--timerange.ofs-input__inner {
  width: 350px;
}
.ofs-date-editor--datetimerange.ofs-input, .ofs-date-editor--datetimerange.ofs-input__inner {
  width: 400px;
}
.ofs-date-editor--dates .ofs-input__inner {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ofs-date-editor .ofs-i-close-circle {
  cursor: pointer;
}
.ofs-date-editor .ofs-range__icon {
  font-size: 14px;
  margin-left: -5px;
  color: #c0c4cc;
  float: left;
  height: auto;
  line-height: 1;
}
.ofs-date-editor .ofs-range-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  display: inline-block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 39%;
  text-align: center;
  font-size: 14px;
  color: #606266;
}
.ofs-date-editor .ofs-range-input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-date-editor .ofs-range-input::placeholder {
  color: #c0c4cc;
}
.ofs-date-editor .ofs-range-separator {
  display: inline-block;
  height: 100%;
  padding: 0 5px;
  margin: 0;
  text-align: center;
  font-size: 12px;
  width: 5%;
  color: #303133;
  height: auto;
  line-height: 1;
  box-sizing: content-box;
}
.ofs-date-editor .ofs-range__close-icon {
  font-size: 14px;
  color: #909399;
  width: 25px;
  display: inline-block;
  float: right;
  height: auto;
  line-height: 1;
}
.ofs-range-editor.ofs-input__inner {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
}
.ofs-range-editor .ofs-range__icon {
  font-size: 20px;
  color: #909399;
}
.ofs-range-editor .ofs-input__clear {
  font-size: 14px;
}
.ofs-range-editor .ofs-range-input {
  line-height: 1;
}
.ofs-range-editor.is-active {
  border-color: #12b48a;
}
.ofs-range-editor.is-active:hover {
  border-color: #12b48a;
}
.ofs-range-editor--medium.ofs-input__inner {
  height: 36px;
}
.ofs-range-editor--medium .ofs-range-separator {
  font-size: 14px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--medium .ofs-range-input {
  font-size: 14px;
}
.ofs-range-editor--small.ofs-input__inner {
  height: 32px;
}
.ofs-range-editor--small .ofs-range-separator {
  font-size: 12px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--small .ofs-range-input {
  font-size: 12px;
}
.ofs-range-editor--mini.ofs-input__inner {
  height: 28px;
}
.ofs-range-editor--mini .ofs-range-separator {
  font-size: 12px;
  height: auto;
  line-height: 1;
}
.ofs-range-editor--mini .ofs-range-input {
  font-size: 12px;
}
.ofs-range-editor.is-disabled {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: not-allowed;
}
.ofs-range-editor.is-disabled:hover, .ofs-range-editor.is-disabled:focus {
  border-color: #e4e7ed;
}
.ofs-range-editor.is-disabled input {
  background-color: #f5f7fa;
  color: #606266;
  cursor: not-allowed;
}
.ofs-range-editor.is-disabled input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-range-editor.is-disabled input::placeholder {
  color: #c0c4cc;
}
.ofs-range-editor.is-disabled .ofs-range-separator {
  color: #606266;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-picker-panel {
  color: #606266;
  border: 1px solid #e4e7ed;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 4px;
  line-height: 30px;
  margin: 5px 0;
}
.ofs-picker-panel__body::after, .ofs-picker-panel__body-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.ofs-picker-panel__content {
  position: relative;
  margin: 15px;
}
.ofs-picker-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  text-align: right;
  background-color: #ffffff;
  position: relative;
  font-size: 0;
}
.ofs-picker-panel__shortcut {
  display: block;
  width: 100%;
  border: 0;
  background-color: transparent;
  line-height: 28px;
  font-size: 12px;
  color: #606266;
  padding-left: 12px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.ofs-picker-panel__shortcut:hover {
  color: #12b48a;
}
.ofs-picker-panel__shortcut.active {
  background-color: #e6f1fe;
  color: #12b48a;
}
.ofs-picker-panel__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.ofs-picker-panel__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}
.ofs-picker-panel__icon-btn {
  font-size: 12px;
  color: #303133;
  border: 0;
  background: transparent;
  cursor: pointer;
  outline: none;
  margin-top: 8px;
}
.ofs-picker-panel__icon-btn:hover {
  color: #12b48a;
}
.ofs-picker-panel__icon-btn.is-disabled {
  color: #bbb;
}
.ofs-picker-panel__icon-btn.is-disabled:hover {
  cursor: not-allowed;
}
.ofs-picker-panel__link-btn {
  vertical-align: middle;
}
.ofs-picker-panel *[slot=sidebar],
.ofs-picker-panel__sidebar {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 110px;
  border-right: 1px solid #e4e4e4;
  box-sizing: border-box;
  padding-top: 6px;
  background-color: #ffffff;
  overflow: auto;
}
.ofs-picker-panel *[slot=sidebar] + .ofs-picker-panel__body,
.ofs-picker-panel__sidebar + .ofs-picker-panel__body {
  margin-left: 110px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-spinner.has-seconds .ofs-time-spinner__wrapper {
  width: 33.3%;
}
.ofs-time-spinner__wrapper {
  max-height: 190px;
  overflow: auto;
  display: inline-block;
  width: 50%;
  vertical-align: top;
  position: relative;
}
.ofs-time-spinner__wrapper .ofs-scrollbar__wrap:not(.ofs-scrollbar__wrap--hidden-default) {
  padding-bottom: 15px;
}
.ofs-time-spinner__wrapper.is-arrow {
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}
.ofs-time-spinner__wrapper.is-arrow .ofs-time-spinner__list {
  transform: translateY(-32px);
}
.ofs-time-spinner__wrapper.is-arrow .ofs-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #ffffff;
  cursor: default;
}
.ofs-time-spinner__arrow {
  font-size: 12px;
  color: #909399;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
.ofs-time-spinner__arrow:hover {
  color: #12b48a;
}
.ofs-time-spinner__arrow.ofs-i-up {
  top: 10px;
}
.ofs-time-spinner__arrow.ofs-i-down {
  bottom: 10px;
}
.ofs-time-spinner__input.ofs-input {
  width: 70%;
}
.ofs-time-spinner__input.ofs-input .ofs-input__inner {
  padding: 0;
  text-align: center;
}
.ofs-time-spinner__list {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.ofs-time-spinner__list::after, .ofs-time-spinner__list::before {
  content: "";
  display: block;
  width: 100%;
  height: 80px;
}
.ofs-time-spinner__item {
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #606266;
}
.ofs-time-spinner__item:hover:not(.disabled):not(.active) {
  background: #f5f7fa;
  cursor: pointer;
}
.ofs-time-spinner__item.active:not(.disabled) {
  color: #303133;
  font-weight: bold;
}
.ofs-time-spinner__item.disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-panel {
  margin: 5px 0;
  border: solid 1px #e4e7ed;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  position: absolute;
  width: 180px;
  left: 0;
  z-index: 1000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  box-sizing: content-box;
}
.ofs-time-panel__content {
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.ofs-time-panel__content::after, .ofs-time-panel__content::before {
  content: "";
  top: 50%;
  position: absolute;
  margin-top: -15px;
  height: 32px;
  z-index: -1;
  left: 0;
  right: 0;
  box-sizing: border-box;
  padding-top: 6px;
  text-align: left;
  border-top: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed;
}
.ofs-time-panel__content::after {
  left: 50%;
  margin-left: 12%;
  margin-right: 12%;
}
.ofs-time-panel__content::before {
  padding-left: 50%;
  margin-right: 12%;
  margin-left: 12%;
}
.ofs-time-panel__content.has-seconds::after {
  left: 66.6666666667%;
}
.ofs-time-panel__content.has-seconds::before {
  padding-left: 33.3333333333%;
}
.ofs-time-panel__footer {
  border-top: 1px solid #e4e4e4;
  padding: 4px;
  height: 36px;
  line-height: 25px;
  text-align: right;
  box-sizing: border-box;
}
.ofs-time-panel__btn {
  border: none;
  line-height: 28px;
  padding: 0 5px;
  margin: 0 5px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
  color: #303133;
}
.ofs-time-panel__btn.confirm {
  font-weight: 800;
  color: #12b48a;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-range-picker {
  width: 354px;
  overflow: visible;
}
.ofs-time-range-picker__content {
  position: relative;
  text-align: center;
  padding: 10px;
}
.ofs-time-range-picker__cell {
  box-sizing: border-box;
  margin: 0;
  padding: 4px 7px 7px;
  width: 49%;
  display: inline-block;
}
.ofs-time-range-picker__header {
  margin-bottom: 5px;
  text-align: center;
  font-size: 14px;
}
.ofs-time-range-picker__body {
  border-radius: 2px;
  border: 1px solid #e4e7ed;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-common-tag--primary {
  color: #3da1ff !important;
}
.ofs-common-tag--success {
  color: #48d164 !important;
}
.ofs-common-tag--warning {
  color: #ff8429 !important;
}
.ofs-common-tag--danger {
  color: #ff3939 !important;
}
.ofs-common-tag--info {
  color: #909399 !important;
}
.ofs-common-tag--primary {
  background: rgba(61, 161, 255, 0.16);
}
.ofs-common-tag--success {
  background: rgba(72, 209, 100, 0.16);
}
.ofs-common-tag--warning {
  background: rgba(255, 132, 41, 0.16);
}
.ofs-common-tag--danger {
  background: rgba(255, 57, 57, 0.16);
}
.ofs-common-tag--info {
  background: rgba(144, 147, 153, 0.16);
}
.ofs-common-tag_color--primary {
  color: #3da1ff !important;
}
.ofs-common-tag_color--success {
  color: #48d164 !important;
}
.ofs-common-tag_color--warning {
  color: #ff8429 !important;
}
.ofs-common-tag_color--danger {
  color: #ff3939 !important;
}
.ofs-common-tag_color--info {
  color: #909399 !important;
}
.ofs-common-tag_bg--primary {
  background: rgba(61, 161, 255, 0.16);
}
.ofs-common-tag_bg--success {
  background: rgba(72, 209, 100, 0.16);
}
.ofs-common-tag_bg--warning {
  background: rgba(255, 132, 41, 0.16);
}
.ofs-common-tag_bg--danger {
  background: rgba(255, 57, 57, 0.16);
}
.ofs-common-tag_bg--info {
  background: rgba(144, 147, 153, 0.16);
}
.ofs-popover {
  position: absolute;
  background: #ffffff;
  min-width: 150px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  padding: 12px;
  z-index: 2000;
  color: #606266;
  line-height: 1.4;
  text-align: justify;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  word-break: break-all;
}
.ofs-popover__title {
  color: #303133;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 12px;
}
.ofs-popover__reference:focus:not(.focusing), .ofs-popover__reference:focus:hover {
  outline-width: 0;
}
.ofs-popover:focus:active, .ofs-popover:focus {
  outline-width: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tooltip:focus:not(.focusing), .ofs-tooltip:focus:hover {
  outline-width: 0;
}
.ofs-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.ofs-tooltip__popper .popper__arrow,
.ofs-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.ofs-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.ofs-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.ofs-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.ofs-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.ofs-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.ofs-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.ofs-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.ofs-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.ofs-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.ofs-tooltip__popper.is-dark {
  background: #303133;
  color: #ffffff;
}
.ofs-tooltip__popper.is-light {
  background: white;
  border: 1px solid #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #e4e7ed;
  border-top-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #e4e7ed;
  border-top-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #e4e7ed;
  border-right-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #e4e7ed;
  border-right-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #e4e7ed;
  border-left-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #ffffff;
  border-left-width: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.v-modal-enter {
  animation: v-modal-in 0.2s ease;
}
.v-modal-leave {
  animation: v-modal-out 0.2s ease forwards;
}
@keyframes v-modal-in {
0% {
    opacity: 0;
}
}
@keyframes v-modal-out {
100% {
    opacity: 0;
}
}
.v-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000000;
}
.ofs-popup-parent--hidden {
  overflow: hidden;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button .ofs-i-down {
  font-size: 12px;
}
.ofs-button .ofs-icon-wrap.ofs-icon {
  font-size: 14px;
  color: inherit;
}
.ofs-button .ofs-icon-wrap.ofs-icon .ofs-icon-item {
  font-size: 14px;
}
.ofs-button + .ofs-button {
  margin-left: 10px;
}
.ofs-button.is-round {
  padding: 12px 20px;
}
.ofs-button:hover, .ofs-button:focus {
  color: #12b48a;
  border-color: rgb(183.9, 232.5, 219.9);
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-button:active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button::-moz-focus-inner {
  border: 0;
}
.ofs-button [class*=ofs-icon-] + span, .ofs-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-button.is-plain:hover, .ofs-button.is-plain:focus {
  background: #ffffff;
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-button.is-plain:active {
  background: #ffffff;
  border-color: rgb(16.2, 162, 124.2);
  color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button.is-active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
}
.ofs-button.is-disabled, .ofs-button.is-disabled:hover, .ofs-button.is-disabled:focus {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
}
.ofs-button.is-disabled.ofs-button--text {
  background-color: transparent;
}
.ofs-button.is-disabled.is-plain, .ofs-button.is-disabled.is-plain:hover, .ofs-button.is-disabled.is-plain:focus {
  background-color: #ffffff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.ofs-button.is-loading {
  position: relative;
  pointer-events: none;
}
.ofs-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.ofs-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}
.ofs-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}
.ofs-button.is-square {
  padding: 11px;
}
.ofs-button.is-red-point {
  position: relative;
}
.ofs-button.is-red-point::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.ofs-button--primary {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-button--primary:hover, .ofs-button--primary:focus {
  background: rgb(65.4, 195, 161.4);
  border-color: rgb(65.4, 195, 161.4);
  color: #ffffff;
}
.ofs-button--primary:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
}
.ofs-button--primary.is-disabled, .ofs-button--primary.is-disabled:hover, .ofs-button--primary.is-disabled:focus, .ofs-button--primary.is-disabled:active {
  color: #ffffff;
  background-color: rgb(136.5, 217.5, 196.5);
  border-color: rgb(136.5, 217.5, 196.5);
}
.ofs-button--primary.is-plain {
  color: #12b48a;
  background: rgb(231.3, 247.5, 243.3);
  border-color: rgb(160.2, 225, 208.2);
}
.ofs-button--primary.is-plain:hover, .ofs-button--primary.is-plain:focus {
  background: #12b48a;
  border-color: #12b48a;
  color: #ffffff;
}
.ofs-button--primary.is-plain:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-plain.is-disabled, .ofs-button--primary.is-plain.is-disabled:hover, .ofs-button--primary.is-plain.is-disabled:focus, .ofs-button--primary.is-plain.is-disabled:active {
  color: rgb(112.8, 210, 184.8);
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
}
.ofs-button--success {
  color: #ffffff;
  background-color: #48d164;
  border-color: #48d164;
}
.ofs-button--success:hover, .ofs-button--success:focus {
  background: rgb(108.6, 218.2, 131);
  border-color: rgb(108.6, 218.2, 131);
  color: #ffffff;
}
.ofs-button--success:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
}
.ofs-button--success.is-disabled, .ofs-button--success.is-disabled:hover, .ofs-button--success.is-disabled:focus, .ofs-button--success.is-disabled:active {
  color: #ffffff;
  background-color: rgb(163.5, 232, 177.5);
  border-color: rgb(163.5, 232, 177.5);
}
.ofs-button--success.is-plain {
  color: #48d164;
  background: rgb(236.7, 250.4, 239.5);
  border-color: rgb(181.8, 236.6, 193);
}
.ofs-button--success.is-plain:hover, .ofs-button--success.is-plain:focus {
  background: #48d164;
  border-color: #48d164;
  color: #ffffff;
}
.ofs-button--success.is-plain:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-plain.is-disabled, .ofs-button--success.is-plain.is-disabled:hover, .ofs-button--success.is-plain.is-disabled:focus, .ofs-button--success.is-plain.is-disabled:active {
  color: rgb(145.2, 227.4, 162);
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
}
.ofs-button--warning {
  color: #ffffff;
  background-color: #ff8429;
  border-color: #ff8429;
}
.ofs-button--warning:hover, .ofs-button--warning:focus {
  background: rgb(255, 156.6, 83.8);
  border-color: rgb(255, 156.6, 83.8);
  color: #ffffff;
}
.ofs-button--warning:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
}
.ofs-button--warning.is-disabled, .ofs-button--warning.is-disabled:hover, .ofs-button--warning.is-disabled:focus, .ofs-button--warning.is-disabled:active {
  color: #ffffff;
  background-color: rgb(255, 193.5, 148);
  border-color: rgb(255, 193.5, 148);
}
.ofs-button--warning.is-plain {
  color: #ff8429;
  background: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 205.8, 169.4);
}
.ofs-button--warning.is-plain:hover, .ofs-button--warning.is-plain:focus {
  background: #ff8429;
  border-color: #ff8429;
  color: #ffffff;
}
.ofs-button--warning.is-plain:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-plain.is-disabled, .ofs-button--warning.is-plain.is-disabled:hover, .ofs-button--warning.is-plain.is-disabled:focus, .ofs-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 181.2, 126.6);
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
}
.ofs-button--danger {
  color: #ffffff;
  background-color: #ff3939;
  border-color: #ff3939;
}
.ofs-button--danger:hover, .ofs-button--danger:focus {
  background: rgb(255, 96.6, 96.6);
  border-color: rgb(255, 96.6, 96.6);
  color: #ffffff;
}
.ofs-button--danger:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
}
.ofs-button--danger.is-disabled, .ofs-button--danger.is-disabled:hover, .ofs-button--danger.is-disabled:focus, .ofs-button--danger.is-disabled:active {
  color: #ffffff;
  background-color: #ff9c9c;
  border-color: #ff9c9c;
}
.ofs-button--danger.is-plain {
  color: #ff3939;
  background: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 175.8, 175.8);
}
.ofs-button--danger.is-plain:hover, .ofs-button--danger.is-plain:focus {
  background: #ff3939;
  border-color: #ff3939;
  color: #ffffff;
}
.ofs-button--danger.is-plain:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-plain.is-disabled, .ofs-button--danger.is-plain.is-disabled:hover, .ofs-button--danger.is-plain.is-disabled:focus, .ofs-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 136.2, 136.2);
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
}
.ofs-button--info {
  color: #ffffff;
  background-color: #909399;
  border-color: #909399;
}
.ofs-button--info:hover, .ofs-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #ffffff;
}
.ofs-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
}
.ofs-button--info.is-disabled, .ofs-button--info.is-disabled:hover, .ofs-button--info.is-disabled:focus, .ofs-button--info.is-disabled:active {
  color: #ffffff;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.ofs-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.ofs-button--info.is-plain:hover, .ofs-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #ffffff;
}
.ofs-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-plain.is-disabled, .ofs-button--info.is-plain.is-disabled:hover, .ofs-button--info.is-plain.is-disabled:focus, .ofs-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}
.ofs-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button--medium.is-round {
  padding: 10px 20px;
}
.ofs-button--medium.is-circle {
  padding: 10px;
}
.ofs-button--medium.is-square {
  padding: 9px;
}
.ofs-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--small.is-round {
  padding: 9px 15px;
}
.ofs-button--small.is-circle {
  padding: 9px;
}
.ofs-button--small.is-square {
  padding: 7px;
}
.ofs-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--mini.is-round {
  padding: 7px 15px;
}
.ofs-button--mini.is-circle {
  padding: 7px;
}
.ofs-button--mini.is-square {
  padding: 5px;
}
.ofs-button--text {
  border-color: transparent;
  color: #12b48a;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ofs-button--text:hover, .ofs-button--text:focus {
  color: rgb(65.4, 195, 161.4);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text:active {
  color: rgb(16.2, 162, 124.2);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text.is-disabled, .ofs-button--text.is-disabled:hover, .ofs-button--text.is-disabled:focus {
  border-color: transparent;
}
.ofs-button-group {
  display: inline-block;
  vertical-align: middle;
}
.ofs-button-group::before,
.ofs-button-group::after {
  display: table;
  content: "";
}
.ofs-button-group::after {
  clear: both;
}
.ofs-button-group > .ofs-button {
  float: left;
  position: relative;
}
.ofs-button-group > .ofs-button + .ofs-button {
  margin-left: 0;
}
.ofs-button-group > .ofs-button.is-disabled {
  z-index: 1;
}
.ofs-button-group > .ofs-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-button-group > .ofs-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-button-group > .ofs-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.ofs-button-group > .ofs-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ofs-button-group > .ofs-button:not(:last-child) {
  margin-right: -1px;
}
.ofs-button-group > .ofs-button:not(.is-disabled):hover, .ofs-button-group > .ofs-button:not(.is-disabled):focus, .ofs-button-group > .ofs-button:not(.is-disabled):active {
  z-index: 1;
}
.ofs-button-group > .ofs-button.is-active {
  z-index: 1;
}
.ofs-button-group > .ofs-dropdown > .ofs-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-icon {
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 16px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.ofs-message-box {
  display: inline-block;
  width: 440px;
  padding-bottom: 20px;
  vertical-align: middle;
  background-color: #ffffff;
  border-radius: 4px;
  font-size: 18px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  text-align: left;
  overflow: hidden;
  backface-visibility: hidden;
}
.ofs-message-box__wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.ofs-message-box__wrapper::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.ofs-message-box__header {
  position: relative;
  padding: 20px;
  padding-bottom: 10px;
}
.ofs-message-box__title {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 25px;
  color: #303133;
}
.ofs-message-box__headerbtn {
  position: absolute;
  top: calc(20px + 1px);
  right: 20px;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
  font-size: 20px;
  cursor: pointer;
}
.ofs-message-box__headerbtn .ofs-message-box__close {
  color: #303133;
}
.ofs-message-box__headerbtn:focus .ofs-message-box__close, .ofs-message-box__headerbtn:hover .ofs-message-box__close {
  color: #12b48a;
}
.ofs-message-box__content {
  padding: 30px 20px;
  color: #606266;
  font-size: 14px;
}
.ofs-message-box__container {
  position: relative;
}
.ofs-message-box__input {
  padding-top: 15px;
}
.ofs-message-box__input input.invalid {
  border-color: #ff3939;
}
.ofs-message-box__input input.invalid:focus {
  border-color: #ff3939;
}
.ofs-message-box__status {
  position: absolute;
  top: 3px;
  font-size: 20px !important;
}
.ofs-message-box__status::before {
  padding-left: 1px;
}
.ofs-message-box__status + .ofs-message-box__message {
  padding-left: 26px;
  padding-right: 12px;
}
.ofs-message-box__status.ofs-icon-success, .ofs-message-box__status.ofs-i-check-circle-solid {
  color: #48d164;
}
.ofs-message-box__status.ofs-icon-info, .ofs-message-box__status.ofs-i-info-solid {
  color: #909399;
}
.ofs-message-box__status.ofs-icon-warning, .ofs-message-box__status.ofs-i-warming-circle-solid {
  color: #ff8429;
}
.ofs-message-box__status.ofs-icon-error, .ofs-message-box__status.ofs-i-close-circle-solid {
  color: #ff3939;
}
.ofs-message-box__message {
  margin: 0;
}
.ofs-message-box__message p {
  margin: 0;
  line-height: 24px;
  font-size: 14px;
}
.ofs-message-box__errormsg {
  color: #ff3939;
  font-size: 12px;
  min-height: 18px;
  margin-top: 2px;
}
.ofs-message-box__btns {
  padding: 10px 20px 0;
  text-align: right;
  font-size: 0;
}
.ofs-message-box__btns button:nth-child(2) {
  margin-left: 24px;
}
.ofs-message-box__btns-reverse {
  flex-direction: row-reverse;
}
.ofs-message-box--center {
  padding-bottom: 30px;
}
.ofs-message-box--center .ofs-message-box__header {
  padding-top: 30px;
}
.ofs-message-box--center .ofs-message-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ofs-message-box--center .ofs-message-box__status {
  position: relative;
  top: auto;
  padding-right: 5px;
  text-align: center;
  transform: translateY(-1px);
}
.ofs-message-box--center .ofs-message-box__message {
  margin-left: 0;
}
.ofs-message-box--center .ofs-message-box__btns, .ofs-message-box--center .ofs-message-box__content {
  text-align: center;
}
.ofs-message-box--center .ofs-message-box__content {
  padding-left: 32px;
  padding-right: 32px;
}
.msgbox-fade-enter-active {
  animation: msgbox-fade-in 0.3s;
}
.msgbox-fade-leave-active {
  animation: msgbox-fade-out 0.3s;
}
@keyframes msgbox-fade-in {
0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}
100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes msgbox-fade-out {
0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-breadcrumb {
  font-size: 14px;
  line-height: 1;
}
.ofs-breadcrumb::before,
.ofs-breadcrumb::after {
  display: table;
  content: "";
}
.ofs-breadcrumb::after {
  clear: both;
}
.ofs-breadcrumb__separator {
  margin: 0 9px;
  font-weight: bold;
  color: #c0c4cc;
}
.ofs-breadcrumb__separator[class*=icon] {
  margin: 0 6px;
  font-weight: normal;
}
.ofs-breadcrumb__item {
  float: left;
}
.ofs-breadcrumb__inner {
  color: #606266;
}
.ofs-breadcrumb__inner.is-link, .ofs-breadcrumb__inner a {
  font-weight: bold;
  text-decoration: none;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: #303133;
}
.ofs-breadcrumb__inner.is-link:hover, .ofs-breadcrumb__inner a:hover {
  color: #12b48a;
  cursor: pointer;
}
.ofs-breadcrumb__item:last-child .ofs-breadcrumb__inner, .ofs-breadcrumb__item:last-child .ofs-breadcrumb__inner:hover,
.ofs-breadcrumb__item:last-child .ofs-breadcrumb__inner a,
.ofs-breadcrumb__item:last-child .ofs-breadcrumb__inner a:hover {
  font-weight: normal;
  color: #606266;
  cursor: text;
}
.ofs-breadcrumb__item:last-child .ofs-breadcrumb__separator {
  display: none;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-form--label-left .ofs-form-item__label {
  text-align: left;
}
.ofs-form--label-top .ofs-form-item__label {
  float: none;
  display: inline-block;
  text-align: left;
  padding: 0 0 10px 0;
}
.ofs-form--inline .ofs-form-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.ofs-form--inline .ofs-form-item__label {
  float: none;
  display: inline-block;
}
.ofs-form--inline .ofs-form-item__content {
  display: inline-block;
  vertical-align: top;
}
.ofs-form--inline.ofs-form--label-top .ofs-form-item__content {
  display: block;
}
.ofs-form-item {
  margin-bottom: 22px;
}
.ofs-form-item::before,
.ofs-form-item::after {
  display: table;
  content: "";
}
.ofs-form-item::after {
  clear: both;
}
.ofs-form-item .ofs-form-item {
  margin-bottom: 0;
}
.ofs-form-item .ofs-input__validateIcon {
  display: none;
}
.ofs-form-item--medium .ofs-form-item__label {
  line-height: 36px;
}
.ofs-form-item--medium .ofs-form-item__content {
  line-height: 36px;
}
.ofs-form-item--small .ofs-form-item__label {
  line-height: 32px;
}
.ofs-form-item--small .ofs-form-item__content {
  line-height: 32px;
}
.ofs-form-item--small.ofs-form-item {
  margin-bottom: 18px;
}
.ofs-form-item--small .ofs-form-item__error {
  padding-top: 2px;
}
.ofs-form-item--mini .ofs-form-item__label {
  line-height: 28px;
}
.ofs-form-item--mini .ofs-form-item__content {
  line-height: 28px;
}
.ofs-form-item--mini.ofs-form-item {
  margin-bottom: 18px;
}
.ofs-form-item--mini .ofs-form-item__error {
  padding-top: 1px;
}
.ofs-form-item__label-wrap {
  float: left;
}
.ofs-form-item__label-wrap .ofs-form-item__label {
  display: inline-block;
  float: none;
}
.ofs-form-item__label {
  text-align: right;
  vertical-align: middle;
  float: left;
  font-size: 12px;
  color: #606266;
  line-height: 40px;
  padding: 0;
  box-sizing: border-box;
}
.ofs-form-item__content {
  line-height: 40px;
  position: relative;
  font-size: 14px;
}
.ofs-form-item__content::before,
.ofs-form-item__content::after {
  display: table;
  content: "";
}
.ofs-form-item__content::after {
  clear: both;
}
.ofs-form-item__content .ofs-input-group {
  vertical-align: top;
}
.ofs-form-item__content .ofs-select,
.ofs-form-item__content .ofs-cascader {
  width: 100%;
}
.ofs-form-item__error {
  color: #ff3939;
  font-size: 12px;
  line-height: 1;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  left: 0;
}
.ofs-form-item__error--inline {
  position: relative;
  top: auto;
  left: auto;
  display: inline-block;
  margin-left: 10px;
}
.ofs-form-item.is-required:not(.is-no-asterisk) > .ofs-form-item__label:before, .ofs-form-item.is-required:not(.is-no-asterisk) .ofs-form-item__label-wrap > .ofs-form-item__label:before {
  content: "*";
  color: #ff3939;
  margin-right: 4px;
}
.ofs-form-item.is-required-content:not(.is-no-asterisk) > .ofs-form-item__content:before {
  content: "*";
  color: #ff3939;
  margin-right: 4px;
}
.ofs-form-item.is-error .ofs-input__inner, .ofs-form-item.is-error .ofs-input__inner:focus, .ofs-form-item.is-error .ofs-textarea__inner, .ofs-form-item.is-error .ofs-textarea__inner:focus {
  border-color: #ff3939;
}
.ofs-form-item.is-error .ofs-input-group__append .ofs-input__inner, .ofs-form-item.is-error .ofs-input-group__prepend .ofs-input__inner {
  border-color: transparent;
}
.ofs-form-item.is-error .ofs-input__validateIcon {
  color: #ff3939;
}
.ofs-form-item--feedback .ofs-input__validateIcon {
  display: inline-block;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tabs__header {
  padding: 0;
  position: relative;
  margin: 0 0 15px;
}
.ofs-tabs__active-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #12b48a;
  z-index: 1;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  list-style: none;
}
.ofs-tabs__new-tab {
  float: right;
  border: 1px solid #d3dce6;
  height: 18px;
  width: 18px;
  line-height: 18px;
  margin: 12px 0 9px 10px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
  color: #d3dce6;
  cursor: pointer;
  transition: all 0.15s;
}
.ofs-tabs__new-tab .ofs-i-plus {
  transform: scale(0.8, 0.8);
}
.ofs-tabs__new-tab:hover {
  color: #12b48a;
}
.ofs-tabs__nav-wrap {
  overflow: hidden;
  margin-bottom: -1px;
  position: relative;
}
.ofs-tabs__nav-wrap::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #e4e7ed;
  z-index: 1;
}
.ofs-tabs__nav-wrap.is-scrollable {
  padding: 0 20px;
  box-sizing: border-box;
}
.ofs-tabs__nav-scroll {
  overflow: hidden;
}
.ofs-tabs__nav-next, .ofs-tabs__nav-prev {
  position: absolute;
  cursor: pointer;
  line-height: 32px;
  font-size: 12px;
  color: #909399;
}
.ofs-tabs__nav-next {
  right: 0;
}
.ofs-tabs__nav-prev {
  left: 0;
}
.ofs-tabs__nav {
  white-space: nowrap;
  position: relative;
  transition: transform 0.3s;
  float: left;
  z-index: 2;
}
.ofs-tabs__nav.is-stretch {
  min-width: 100%;
  display: flex;
}
.ofs-tabs__nav.is-stretch > * {
  flex: 1;
  text-align: center;
}
.ofs-tabs__item {
  padding: 0 20px;
  height: 40px;
  box-sizing: border-box;
  line-height: 40px;
  display: inline-block;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  color: #303133;
  position: relative;
}
.ofs-tabs__item:focus, .ofs-tabs__item:focus:active {
  outline: none;
}
.ofs-tabs__item:focus.is-active.is-focus:not(:active) {
  box-shadow: 0 0 2px 2px #12b48a inset;
  border-radius: 3px;
}
.ofs-tabs__item .ofs-i-close {
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 5px;
}
.ofs-tabs__item .ofs-i-close:before {
  transform: scale(0.9);
  display: inline-block;
}
.ofs-tabs__item .ofs-i-close:hover {
  background-color: #c0c4cc;
  color: #ffffff;
}
.ofs-tabs__item.is-active {
  color: #12b48a;
}
.ofs-tabs__item:hover {
  color: #12b48a;
  cursor: pointer;
}
.ofs-tabs__item.is-disabled {
  color: #c0c4cc;
  cursor: default;
}
.ofs-tabs__content {
  overflow: hidden;
  position: relative;
}
.ofs-tabs--card > .ofs-tabs__header, .ofs-tabs--ladder > .ofs-tabs__header {
  border-bottom: 1px solid #e4e7ed;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__nav-wrap::after, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap::after {
  content: none;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__nav, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav {
  border: 1px solid #e4e7ed;
  border-bottom: none;
  border-radius: 4px 4px 0 0;
  box-sizing: border-box;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__active-bar, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__active-bar {
  display: none;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item .ofs-i-close, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item .ofs-i-close {
  position: relative;
  font-size: 12px;
  width: 0;
  height: 14px;
  vertical-align: middle;
  line-height: 15px;
  overflow: hidden;
  top: -1px;
  right: -2px;
  transform-origin: 100% 50%;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item {
  border-bottom: 1px solid transparent;
  border-left: 1px solid #e4e7ed;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item:first-child, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item:first-child {
  border-left: none;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item.is-closable:hover, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item.is-closable:hover {
  padding-left: 13px;
  padding-right: 13px;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item.is-closable:hover .ofs-i-close, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item.is-closable:hover .ofs-i-close {
  width: 14px;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item.is-active, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item.is-active {
  border-bottom-color: #ffffff;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item.is-active.is-closable, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item.is-active.is-closable {
  padding-left: 20px;
  padding-right: 20px;
}
.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item.is-active.is-closable .ofs-i-close, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item.is-active.is-closable .ofs-i-close {
  width: 14px;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap {
  margin-bottom: -2px;
  height: 41px;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__nav {
  border: none;
  display: flex;
  background-color: white;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__nav-box {
  padding-top: calc(40px - 32px);
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item {
  padding: 0;
  border-left: 0;
  border-right: 0;
  box-sizing: border-box;
  display: inline-flex;
  border-bottom: none;
  height: 32px;
  line-height: 32px;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item.is-top:nth-child(2), .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item.is-bottom:nth-child(2) {
  padding-left: 0;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item.is-top:last-child, .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item.is-bottom:last-child {
  padding-right: 0;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item .ofs-tabs__item-content {
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #dcdfe6;
  background-color: #f5f7fa;
  border-bottom: 1px solid #dcdfe6;
  box-sizing: border-box;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item:not(:first-child) {
  margin-left: -8px;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item.is-active .ofs-tabs__item-content {
  background-color: white;
  border-bottom: none;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__item svg {
  width: calc(20px - (20px - 16px));
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item-seat {
  display: inline-flex;
}
.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item-back {
  transform: rotateY(180deg);
}
.ofs-tabs--border-card {
  background: #ffffff;
  border: 1px solid #dcdfe6;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
}
.ofs-tabs--border-card > .ofs-tabs__content {
  padding: 15px;
}
.ofs-tabs--border-card > .ofs-tabs__header {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4e7ed;
  margin: 0;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__nav-wrap::after {
  content: none;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item {
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  border: 1px solid transparent;
  margin-top: -1px;
  color: #909399;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item:first-child {
  margin-left: -1px;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item + .ofs-tabs__item {
  margin-left: -1px;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item.is-active {
  color: #12b48a;
  background-color: #ffffff;
  border-right-color: #dcdfe6;
  border-left-color: #dcdfe6;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item:not(.is-disabled):hover {
  color: #12b48a;
}
.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item.is-disabled {
  color: #c0c4cc;
}
.ofs-tabs--border-card > .ofs-tabs__header .is-scrollable .ofs-tabs__item:first-child {
  margin-left: 0;
}
.ofs-tabs--top .ofs-tabs__item.is-top:nth-child(2),
.ofs-tabs--top .ofs-tabs__item.is-bottom:nth-child(2), .ofs-tabs--bottom .ofs-tabs__item.is-top:nth-child(2),
.ofs-tabs--bottom .ofs-tabs__item.is-bottom:nth-child(2) {
  padding-left: 0;
}
.ofs-tabs--top .ofs-tabs__item.is-top:last-child,
.ofs-tabs--top .ofs-tabs__item.is-bottom:last-child, .ofs-tabs--bottom .ofs-tabs__item.is-top:last-child,
.ofs-tabs--bottom .ofs-tabs__item.is-bottom:last-child {
  padding-right: 0;
}
.ofs-tabs--top.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item:nth-child(2), .ofs-tabs--top.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item:nth-child(2), .ofs-tabs--top.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item:nth-child(2),
.ofs-tabs--top .ofs-tabs--left > .ofs-tabs__header .ofs-tabs__item:nth-child(2),
.ofs-tabs--top .ofs-tabs--right > .ofs-tabs__header .ofs-tabs__item:nth-child(2), .ofs-tabs--bottom.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item:nth-child(2), .ofs-tabs--bottom.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item:nth-child(2), .ofs-tabs--bottom.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item:nth-child(2),
.ofs-tabs--bottom .ofs-tabs--left > .ofs-tabs__header .ofs-tabs__item:nth-child(2),
.ofs-tabs--bottom .ofs-tabs--right > .ofs-tabs__header .ofs-tabs__item:nth-child(2) {
  padding-left: 20px;
}
.ofs-tabs--top.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item:last-child, .ofs-tabs--top.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item:last-child, .ofs-tabs--top.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item:last-child,
.ofs-tabs--top .ofs-tabs--left > .ofs-tabs__header .ofs-tabs__item:last-child,
.ofs-tabs--top .ofs-tabs--right > .ofs-tabs__header .ofs-tabs__item:last-child, .ofs-tabs--bottom.ofs-tabs--border-card > .ofs-tabs__header .ofs-tabs__item:last-child, .ofs-tabs--bottom.ofs-tabs--card > .ofs-tabs__header .ofs-tabs__item:last-child, .ofs-tabs--bottom.ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item:last-child,
.ofs-tabs--bottom .ofs-tabs--left > .ofs-tabs__header .ofs-tabs__item:last-child,
.ofs-tabs--bottom .ofs-tabs--right > .ofs-tabs__header .ofs-tabs__item:last-child {
  padding-right: 20px;
}
.ofs-tabs--bottom .ofs-tabs__header.is-bottom {
  margin-bottom: 0;
  margin-top: 10px;
}
.ofs-tabs--bottom.ofs-tabs--border-card .ofs-tabs__header.is-bottom {
  border-bottom: 0;
  border-top: 1px solid #dcdfe6;
}
.ofs-tabs--bottom.ofs-tabs--border-card .ofs-tabs__nav-wrap.is-bottom {
  margin-top: -1px;
  margin-bottom: 0;
}
.ofs-tabs--bottom.ofs-tabs--border-card .ofs-tabs__item.is-bottom:not(.is-active) {
  border: 1px solid transparent;
}
.ofs-tabs--bottom.ofs-tabs--border-card .ofs-tabs__item.is-bottom {
  margin: 0 -1px -1px -1px;
}
.ofs-tabs--left, .ofs-tabs--right {
  overflow: hidden;
}
.ofs-tabs--left .ofs-tabs__header.is-left,
.ofs-tabs--left .ofs-tabs__header.is-right,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right,
.ofs-tabs--left .ofs-tabs__nav-scroll, .ofs-tabs--right .ofs-tabs__header.is-left,
.ofs-tabs--right .ofs-tabs__header.is-right,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-left,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right,
.ofs-tabs--right .ofs-tabs__nav-scroll {
  height: 100%;
}
.ofs-tabs--left .ofs-tabs__active-bar.is-left,
.ofs-tabs--left .ofs-tabs__active-bar.is-right, .ofs-tabs--right .ofs-tabs__active-bar.is-left,
.ofs-tabs--right .ofs-tabs__active-bar.is-right {
  top: 0;
  bottom: auto;
  width: 2px;
  height: auto;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right {
  margin-bottom: 0;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-prev,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-next,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-prev,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-next, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-prev,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-next,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-prev,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-next {
  height: 30px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-prev i,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-next i,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-prev i,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-next i, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-prev i,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-next i,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-prev i,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-next i {
  transform: rotateZ(90deg);
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-prev,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-prev, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-prev,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-prev {
  left: auto;
  top: 0;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-next,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-next, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left > .ofs-tabs__nav-next,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right > .ofs-tabs__nav-next {
  right: auto;
  bottom: 0;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left.is-scrollable,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right.is-scrollable, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left.is-scrollable,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right.is-scrollable {
  padding: 30px 0;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left::after,
.ofs-tabs--left .ofs-tabs__nav-wrap.is-right::after, .ofs-tabs--right .ofs-tabs__nav-wrap.is-left::after,
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right::after {
  height: 100%;
  width: 2px;
  bottom: auto;
  top: 0;
}
.ofs-tabs--left .ofs-tabs__nav.is-left,
.ofs-tabs--left .ofs-tabs__nav.is-right, .ofs-tabs--right .ofs-tabs__nav.is-left,
.ofs-tabs--right .ofs-tabs__nav.is-right {
  float: none;
}
.ofs-tabs--left .ofs-tabs__item.is-left,
.ofs-tabs--left .ofs-tabs__item.is-right, .ofs-tabs--right .ofs-tabs__item.is-left,
.ofs-tabs--right .ofs-tabs__item.is-right {
  display: block;
}
.ofs-tabs--left .ofs-tabs__header.is-left {
  float: left;
  margin-bottom: 0;
  margin-right: 10px;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left {
  margin-right: -1px;
}
.ofs-tabs--left .ofs-tabs__nav-wrap.is-left::after {
  left: auto;
  right: 0;
}
.ofs-tabs--left .ofs-tabs__active-bar.is-left {
  right: 0;
  left: auto;
}
.ofs-tabs--left .ofs-tabs__item.is-left {
  text-align: right;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__active-bar.is-left {
  display: none;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__item.is-left {
  border-left: none;
  border-right: 1px solid #e4e7ed;
  border-bottom: none;
  border-top: 1px solid #e4e7ed;
  text-align: left;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__item.is-left:first-child {
  border-right: 1px solid #e4e7ed;
  border-top: none;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__item.is-left.is-active {
  border: 1px solid #e4e7ed;
  border-right-color: #fff;
  border-left: none;
  border-bottom: none;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__item.is-left.is-active:first-child {
  border-top: none;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__item.is-left.is-active:last-child {
  border-bottom: none;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__nav {
  border-radius: 4px 0 0 4px;
  border-bottom: 1px solid #e4e7ed;
  border-right: none;
}
.ofs-tabs--left.ofs-tabs--card .ofs-tabs__new-tab {
  float: none;
}
.ofs-tabs--left.ofs-tabs--border-card .ofs-tabs__header.is-left {
  border-right: 1px solid #dfe4ed;
}
.ofs-tabs--left.ofs-tabs--border-card .ofs-tabs__item.is-left {
  border: 1px solid transparent;
  margin: -1px 0 -1px -1px;
}
.ofs-tabs--left.ofs-tabs--border-card .ofs-tabs__item.is-left.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.ofs-tabs--right .ofs-tabs__header.is-right {
  float: right;
  margin-bottom: 0;
  margin-left: 10px;
}
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right {
  margin-left: -1px;
}
.ofs-tabs--right .ofs-tabs__nav-wrap.is-right::after {
  left: 0;
  right: auto;
}
.ofs-tabs--right .ofs-tabs__active-bar.is-right {
  left: 0;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__active-bar.is-right {
  display: none;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__item.is-right {
  border-bottom: none;
  border-top: 1px solid #e4e7ed;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__item.is-right:first-child {
  border-left: 1px solid #e4e7ed;
  border-top: none;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__item.is-right.is-active {
  border: 1px solid #e4e7ed;
  border-left-color: #fff;
  border-right: none;
  border-bottom: none;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__item.is-right.is-active:first-child {
  border-top: none;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__item.is-right.is-active:last-child {
  border-bottom: none;
}
.ofs-tabs--right.ofs-tabs--card .ofs-tabs__nav {
  border-radius: 0 4px 4px 0;
  border-bottom: 1px solid #e4e7ed;
  border-left: none;
}
.ofs-tabs--right.ofs-tabs--border-card .ofs-tabs__header.is-right {
  border-left: 1px solid #dfe4ed;
}
.ofs-tabs--right.ofs-tabs--border-card .ofs-tabs__item.is-right {
  border: 1px solid transparent;
  margin: -1px -1px -1px 0;
}
.ofs-tabs--right.ofs-tabs--border-card .ofs-tabs__item.is-right.is-active {
  border-color: transparent;
  border-top-color: rgb(209, 219, 229);
  border-bottom-color: rgb(209, 219, 229);
}
.slideInRight-transition,
.slideInLeft-transition {
  display: inline-block;
}
.slideInRight-enter {
  animation: slideInRight-enter 0.3s;
}
.slideInRight-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInRight-leave 0.3s;
}
.slideInLeft-enter {
  animation: slideInLeft-enter 0.3s;
}
.slideInLeft-leave {
  position: absolute;
  left: 0;
  right: 0;
  animation: slideInLeft-leave 0.3s;
}
@keyframes slideInRight-enter {
0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(100%);
}
to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
}
}
@keyframes slideInRight-leave {
0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
}
100% {
    transform-origin: 0 0;
    transform: translateX(100%);
    opacity: 0;
}
}
@keyframes slideInLeft-enter {
0% {
    opacity: 0;
    transform-origin: 0 0;
    transform: translateX(-100%);
}
to {
    opacity: 1;
    transform-origin: 0 0;
    transform: translateX(0);
}
}
@keyframes slideInLeft-leave {
0% {
    transform-origin: 0 0;
    transform: translateX(0);
    opacity: 1;
}
100% {
    transform-origin: 0 0;
    transform: translateX(-100%);
    opacity: 0;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag {
  display: inline-block;
}
.ofs-tag .ofs-tag-ex {
  border: 0;
  border-radius: 12px;
  padding: 0 9px;
  text-align: center;
  font-size: 12px;
}
.ofs-tag .ofs-tag-ex.is-hit {
  border: 1px solid rgba(61, 161, 255, 0.4);
}
.ofs-tag .ofs-tag-ex--success {
  background: rgba(72, 209, 100, 0.1);
  color: #48d164;
}
.ofs-tag .ofs-tag-ex--success.is-hit {
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--success.ofs-tag--dark {
  background: rgba(72, 209, 100, 0.8);
  border-color: rgba(72, 209, 100, 0.4);
}
.ofs-tag .ofs-tag-ex--warning {
  background: rgba(255, 132, 41, 0.1);
  color: #ff8429;
}
.ofs-tag .ofs-tag-ex--warning.is-hit {
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--warning.ofs-tag--dark {
  background: rgba(255, 132, 41, 0.8);
  border-color: rgba(255, 132, 41, 0.4);
}
.ofs-tag .ofs-tag-ex--danger {
  background: rgba(255, 57, 57, 0.1);
  color: #ff3939;
}
.ofs-tag .ofs-tag-ex--danger.is-hit {
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--danger.ofs-tag--dark {
  background: rgba(255, 57, 57, 0.8);
  border-color: rgba(255, 57, 57, 0.4);
}
.ofs-tag .ofs-tag-ex--info {
  background: rgba(144, 147, 153, 0.1);
  color: #909399;
}
.ofs-tag .ofs-tag-ex--info.is-hit {
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--info.ofs-tag--dark {
  background: rgba(144, 147, 153, 0.8);
  border-color: rgba(144, 147, 153, 0.4);
}
.ofs-tag .ofs-tag-ex--dark {
  background: #3da1ff;
  border-color: #3da1ff;
  color: #fff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag-ex {
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
  color: #12b48a;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #12b48a;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.ofs-tag-ex.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex.ofs-tag-ex--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--success {
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--warning {
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--danger {
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex .ofs-i-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.ofs-tag-ex .ofs-i-close::before {
  display: block;
}
.ofs-tag-ex--dark {
  background-color: #12b48a;
  border-color: #12b48a;
  color: white;
}
.ofs-tag-ex--dark.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--dark .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(65.4, 195, 161.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(166.2, 168.6, 173.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--success {
  background-color: #48d164;
  border-color: #48d164;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(108.6, 218.2, 131);
}
.ofs-tag-ex--dark.ofs-tag-ex--warning {
  background-color: #ff8429;
  border-color: #ff8429;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 156.6, 83.8);
}
.ofs-tag-ex--dark.ofs-tag-ex--danger {
  background-color: #ff3939;
  border-color: #ff3939;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 96.6, 96.6);
}
.ofs-tag-ex--plain {
  background-color: white;
  border-color: rgb(160.2, 225, 208.2);
  color: #12b48a;
}
.ofs-tag-ex--plain.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex--plain.ofs-tag-ex--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--success {
  background-color: white;
  border-color: rgb(181.8, 236.6, 193);
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning {
  background-color: white;
  border-color: rgb(255, 205.8, 169.4);
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger {
  background-color: white;
  border-color: rgb(255, 175.8, 175.8);
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex--medium {
  height: 28px;
  line-height: 26px;
}
.ofs-tag-ex--medium .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.ofs-tag-ex--small .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.ofs-tag-ex--mini .ofs-i-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-linear-enter-active,
.ofs-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.ofs-fade-in-linear-enter,
.ofs-fade-in-linear-leave,
.ofs-fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-enter-active,
.ofs-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-fade-in-enter,
.ofs-fade-in-leave-active {
  opacity: 0;
}
.ofs-zoom-in-center-enter-active,
.ofs-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-zoom-in-center-enter,
.ofs-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.ofs-zoom-in-top-enter-active,
.ofs-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.ofs-zoom-in-top-enter,
.ofs-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-bottom-enter-active,
.ofs-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.ofs-zoom-in-bottom-enter,
.ofs-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-left-enter-active,
.ofs-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.ofs-zoom-in-left-enter,
.ofs-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.ofs-list-enter-active,
.ofs-list-leave-active {
  transition: all 1s;
}
.ofs-list-enter,
.ofs-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.ofs-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}
.ofs-tree {
  position: relative;
  cursor: default;
  background: #ffffff;
  color: #606266;
}
.ofs-tree__empty-block {
  position: relative;
  min-height: 60px;
  text-align: center;
  width: 100%;
  height: 100%;
}
.ofs-tree__empty-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #909399;
  font-size: 14px;
}
.ofs-tree__drop-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #12b48a;
}
.ofs-tree-node {
  white-space: nowrap;
  outline: none;
}
.ofs-tree-node:focus {
  /* focus */
}
.ofs-tree-node:focus > .ofs-tree-node__content {
  background-color: #f5f7fa;
}
.ofs-tree-node.is-drop-inner > .ofs-tree-node__content .ofs-tree-node__label {
  background-color: #12b48a;
  color: #fff;
}
.ofs-tree-node__content {
  display: flex;
  align-items: center;
  height: 26px;
  cursor: pointer;
}
.ofs-tree-node__content > .ofs-tree-node__expand-icon {
  padding: 6px;
}
.ofs-tree-node__content > label.ofs-checkbox {
  margin-right: 8px;
}
.ofs-tree-node__content:hover {
  background-color: #f5f7fa;
}
.ofs-tree.is-dragging .ofs-tree-node__content {
  cursor: move;
}
.ofs-tree.is-dragging .ofs-tree-node__content * {
  pointer-events: none;
}
.ofs-tree.is-dragging.is-drop-not-allow .ofs-tree-node__content {
  cursor: not-allowed;
}
.ofs-tree-node__expand-icon {
  cursor: pointer;
  color: #c0c4cc;
  font-size: 12px;
  transform: rotate(0deg);
  transition: transform 0.3s ease-in-out;
}
.ofs-tree-node__expand-icon.expanded {
  transform: rotate(90deg);
}
.ofs-tree-node__expand-icon.is-leaf {
  color: transparent;
  cursor: default;
}
.ofs-tree-node__label {
  font-size: 14px;
}
.ofs-tree-node__loading-icon {
  margin-right: 8px;
  font-size: 14px;
  color: #c0c4cc;
}
.ofs-tree-node > .ofs-tree-node__children {
  overflow: hidden;
  background-color: transparent;
}
.ofs-tree-node.is-expanded > .ofs-tree-node__children {
  display: block;
}
.ofs-tree--highlight-current .ofs-tree-node.is-current > .ofs-tree-node__content {
  background-color: rgb(236.04, 249, 245.64);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-alert {
  width: 100%;
  padding: 8px 16px;
  margin: 0;
  box-sizing: border-box;
  border-radius: 4px;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  opacity: 1;
  display: flex;
  align-items: center;
  transition: opacity 0.2s;
}
.ofs-alert.is-light .ofs-alert__closebtn {
  color: #c0c4cc;
}
.ofs-alert.is-dark .ofs-alert__closebtn {
  color: #ffffff;
}
.ofs-alert.is-dark .ofs-alert__description {
  color: #ffffff;
}
.ofs-alert.is-center {
  justify-content: center;
}
.ofs-alert--success.is-light {
  background-color: rgb(236.7, 250.4, 239.5);
  color: #48d164;
}
.ofs-alert--success.is-light .ofs-alert__description {
  color: #48d164;
}
.ofs-alert--success.is-dark {
  background-color: #48d164;
  color: #ffffff;
}
.ofs-alert--info.is-light {
  background-color: rgb(243.9, 244.2, 244.8);
  color: #909399;
}
.ofs-alert--info.is-dark {
  background-color: #909399;
  color: #ffffff;
}
.ofs-alert--info .ofs-alert__description {
  color: #909399;
}
.ofs-alert--warning.is-light {
  background-color: rgb(255, 242.7, 233.6);
  color: #ff8429;
}
.ofs-alert--warning.is-light .ofs-alert__description {
  color: #ff8429;
}
.ofs-alert--warning.is-dark {
  background-color: #ff8429;
  color: #ffffff;
}
.ofs-alert--error.is-light {
  background-color: rgb(255, 235.2, 235.2);
  color: #ff3939;
}
.ofs-alert--error.is-light .ofs-alert__description {
  color: #ff3939;
}
.ofs-alert--error.is-dark {
  background-color: #ff3939;
  color: #ffffff;
}
.ofs-alert__content {
  display: table-cell;
  padding: 0 8px;
  font-size: 12px;
}
.ofs-alert__icon {
  font-size: 16px;
  width: 16px;
}
.ofs-alert__icon.is-big {
  font-size: 28px;
  width: 28px;
}
.ofs-alert__title {
  font-size: 13px;
  line-height: 18px;
}
.ofs-alert__title.is-bold {
  font-weight: bold;
}
.ofs-alert .ofs-alert__description {
  font-size: 12px;
  margin: 5px 0 0 0;
  line-height: unset;
}
.ofs-alert__closebtn {
  font-size: 12px;
  opacity: 1;
  position: absolute;
  top: 12px;
  right: 15px;
  cursor: pointer;
}
.ofs-alert__closebtn.is-customed {
  font-style: normal;
  font-size: 13px;
  top: 9px;
}
.ofs-alert-fade-enter,
.ofs-alert-fade-leave-active {
  opacity: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-notification {
  display: flex;
  width: 330px;
  padding: 14px 26px 14px 13px;
  border-radius: 8px;
  box-sizing: border-box;
  border: 1px solid #ebeef5;
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: opacity 0.3s, transform 0.3s, left 0.3s, right 0.3s, top 0.4s, bottom 0.3s;
  overflow: hidden;
}
.ofs-notification.is-ms {
  width: 330px;
  padding-right: 16px;
}
.ofs-notification.is-ms .ofs-notification__group {
  margin-right: 0;
}
.ofs-notification__group {
  margin-left: 13px;
  margin-right: 8px;
  width: 100%;
}
.ofs-notification__title {
  font-weight: bold;
  font-size: 16px;
  color: #303133;
  margin: 0;
  line-height: normal;
}
.ofs-notification__content {
  font-size: 14px;
  line-height: 21px;
  margin: 6px 0 0 0;
  color: #606266;
  text-align: justify;
}
.ofs-notification__content p {
  margin: 0;
}
.ofs-notification__icon {
  height: 24px;
  width: 24px;
  font-size: 24px;
}
.ofs-notification__icon > * {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.ofs-notification__closeBtn {
  position: absolute;
  top: 18px;
  right: 15px;
  cursor: pointer;
  color: #909399;
  font-size: 20px;
}
.ofs-notification__closeBtn:hover {
  color: #606266;
}
.ofs-notification .el-icon-success {
  color: #48d164;
}
.ofs-notification .el-icon-error {
  color: #ff3939;
}
.ofs-notification .el-icon-info {
  color: #909399;
}
.ofs-notification .el-icon-warning {
  color: #ff8429;
}
.ofs-notification__scroll-wrap {
  position: fixed;
  transition: all 0.3s;
}
.ofs-notification__scroll-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-notification__scroll-wrap.is-top {
  top: 0px;
}
.ofs-notification__scroll-wrap.is-bottom {
  bottom: 0;
}
.ofs-notification__scroll-wrap.is-bottom .ofs-notification__scroll-content {
  display: flex;
  flex-direction: column-reverse;
}
.ofs-notification__scroll-wrap.is-left {
  left: 16px;
}
.ofs-notification__scroll-wrap.is-left .ofs-notification__scroll-content {
  padding-right: 12px;
}
.ofs-notification__scroll-wrap.is-right {
  right: 0;
}
.ofs-notification__scroll-wrap.is-right .ofs-notification__scroll-content {
  padding: 0 12px;
}
.ofs-notification__scroll-wrap.has-handler {
  padding-top: 10px;
}
.ofs-notification__scroll-wrap.has-handler .ofs-notification__scroll-content {
  max-height: calc(100vh - 32px - 10px - 6px);
  top: 10px;
}
.ofs-notification__scroll-wrap.is-fold .ofs-notification {
  display: none;
}
.ofs-notification__scroll-wrap.is-fold .ofs-notification:nth-last-child(1) {
  display: flex;
  bottom: 30px !important;
}
.ofs-notification__scroll-wrap.is-fold .ofs-notification:nth-last-child(2) {
  display: flex;
  bottom: 20px !important;
  width: calc(330px - 20px);
  left: 20px;
}
.ofs-notification__scroll-wrap.is-fold .ofs-notification:nth-last-child(2) .ofs-notification__content {
  height: 30px;
  overflow: hidden;
}
.ofs-notification__scroll-wrap.is-fold .ofs-notification:nth-last-child(3) {
  display: flex;
  bottom: 10px !important;
  width: calc(330px - 40px);
  left: 30px;
}
.ofs-notification__scroll-wrap.is-fold .ofs-notification:nth-last-child(3) .ofs-notification__content {
  height: 30px;
  overflow: hidden;
}
.ofs-notification__scroll-content {
  position: relative;
  min-width: calc(330px + 24px);
  max-height: 100vh;
  background-color: transparent;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.ofs-notification__scroll-content.is-ms {
  min-width: calc(330px + 24px);
}
.ofs-notification__handler {
  position: relative;
  text-align: right;
  padding-right: 12px;
}
.ofs-notification__handler-item {
  cursor: pointer;
  border: 1px solid #909399;
  background: #909399;
  border-radius: 8px;
  margin-left: 10px;
  height: 32px;
  color: white;
  font-size: 12px;
  padding: 0 12px;
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  transition: all 0.1s;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.ofs-notification__handler-item.is-icon {
  padding: 0 7px;
}
.ofs-notification__handler-item i {
  font-size: 18px;
}
.ofs-notification .ofs-notification__handler-item {
  margin-right: 22px;
  top: 10px;
}
.ofs-notification .ofs-notification__handler-item:hover {
  color: white;
}
.ofs-notification__scroll-content-tail {
  position: absolute;
  width: 1px;
  height: 1px;
  right: -100%;
}
.ofs-notification-fade-enter.right {
  right: 0;
  transform: translateX(100%);
}
.ofs-notification-fade-enter.left {
  left: 0;
  transform: translateX(-100%);
}
.ofs-notification-fade-leave-active {
  opacity: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.ofs-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px;
}
.ofs-input-number .ofs-input {
  display: block;
}
.ofs-input-number .ofs-input.is-left .ofs-input__inner {
  text-align: left;
}
.ofs-input-number .ofs-input.is-center .ofs-input__inner {
  text-align: center;
}
.ofs-input-number .ofs-input.is-right .ofs-input__inner {
  text-align: right;
}
.ofs-input-number .ofs-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.ofs-input-number [class*=ofs-i-],
.ofs-input-number [class*=el-icon-] {
  color: #909399;
}
.ofs-input-number__increase, .ofs-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #f5f7fa;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
}
.ofs-input-number__increase i, .ofs-input-number__decrease i {
  margin: 0;
}
.ofs-input-number__increase:hover, .ofs-input-number__decrease:hover {
  color: #12b48a;
}
.ofs-input-number__increase:hover:not(.is-disabled) ~ .ofs-input .ofs-input__inner:not(.is-disabled), .ofs-input-number__decrease:hover:not(.is-disabled) ~ .ofs-input .ofs-input__inner:not(.is-disabled) {
  border-color: #12b48a;
}
.ofs-input-number__increase.is-disabled, .ofs-input-number__decrease.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #dcdfe6;
}
.ofs-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #dcdfe6;
}
.ofs-input-number__increase i, .ofs-input-number__decrease i {
  position: relative;
  top: -2px;
  font-size: 20px;
  vertical-align: middle;
}
.ofs-input-number.is-disabled .ofs-input-number__increase, .ofs-input-number.is-disabled .ofs-input-number__decrease {
  border-color: #e4e7ed;
  color: #e4e7ed;
}
.ofs-input-number.is-disabled .ofs-input-number__increase:hover, .ofs-input-number.is-disabled .ofs-input-number__decrease:hover {
  color: #e4e7ed;
  cursor: not-allowed;
}
.ofs-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.ofs-input-number--medium .ofs-input-number__increase, .ofs-input-number--medium .ofs-input-number__decrease {
  width: 36px;
  font-size: 14px;
}
.ofs-input-number--medium .ofs-input .ofs-input__inner {
  padding-left: 43px;
  padding-right: 43px;
}
.ofs-input-number--small {
  width: 130px;
  line-height: 30px;
}
.ofs-input-number--small .ofs-input-number__increase, .ofs-input-number--small .ofs-input-number__decrease {
  width: 32px;
  font-size: 12px;
}
.ofs-input-number--small .ofs-input .ofs-input__inner {
  padding-left: 39px;
  padding-right: 39px;
}
.ofs-input-number--mini {
  width: 130px;
  line-height: 26px;
}
.ofs-input-number--mini .ofs-input-number__increase, .ofs-input-number--mini .ofs-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.ofs-input-number--mini .ofs-input-number__increase [class*=ofs-i-],
.ofs-input-number--mini .ofs-input-number__increase [class*=el-icon-], .ofs-input-number--mini .ofs-input-number__decrease [class*=ofs-i-],
.ofs-input-number--mini .ofs-input-number__decrease [class*=el-icon-] {
  font-size: 12px;
  transform: scale(0.8);
}
.ofs-input-number--mini .ofs-input .ofs-input__inner {
  padding-left: 35px;
  padding-right: 35px;
}
.ofs-input-number.is-without-controls .ofs-input .ofs-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}
.ofs-input-number.is-controls-right .ofs-input .ofs-input__inner {
  padding-left: 15px;
  padding-right: 50px;
}
.ofs-input-number.is-controls-right .ofs-input-number__increase, .ofs-input-number.is-controls-right .ofs-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.ofs-input-number.is-controls-right .ofs-input-number__increase [class*=ofs-i-],
.ofs-input-number.is-controls-right .ofs-input-number__increase [class*=el-icon-], .ofs-input-number.is-controls-right .ofs-input-number__decrease [class*=ofs-i-],
.ofs-input-number.is-controls-right .ofs-input-number__decrease [class*=el-icon-] {
  font-size: 14px;
}
.ofs-input-number.is-controls-right .ofs-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #dcdfe6;
}
.ofs-input-number.is-controls-right .ofs-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #dcdfe6;
  border-radius: 0 0 4px 0;
}
.ofs-input-number.is-controls-right[class*=medium] [class*=increase],
.ofs-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.ofs-input-number.is-controls-right[class*=small] [class*=increase],
.ofs-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.ofs-input-number.is-controls-right[class*=mini] [class*=increase],
.ofs-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tooltip:focus:not(.focusing), .ofs-tooltip:focus:hover {
  outline-width: 0;
}
.ofs-tooltip__popper {
  position: absolute;
  border-radius: 4px;
  padding: 10px;
  z-index: 2000;
  font-size: 12px;
  line-height: 1.2;
  min-width: 10px;
  word-wrap: break-word;
}
.ofs-tooltip__popper .popper__arrow,
.ofs-tooltip__popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-tooltip__popper .popper__arrow {
  border-width: 6px;
}
.ofs-tooltip__popper .popper__arrow::after {
  content: " ";
  border-width: 5px;
}
.ofs-tooltip__popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-tooltip__popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.ofs-tooltip__popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -5px;
  border-top-color: #303133;
  border-bottom-width: 0;
}
.ofs-tooltip__popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-tooltip__popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.ofs-tooltip__popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -5px;
  border-top-width: 0;
  border-bottom-color: #303133;
}
.ofs-tooltip__popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-tooltip__popper[x-placement^=right] .popper__arrow {
  left: -6px;
  border-right-color: #303133;
  border-left-width: 0;
}
.ofs-tooltip__popper[x-placement^=right] .popper__arrow::after {
  bottom: -5px;
  left: 1px;
  border-right-color: #303133;
  border-left-width: 0;
}
.ofs-tooltip__popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-tooltip__popper[x-placement^=left] .popper__arrow {
  right: -6px;
  border-right-width: 0;
  border-left-color: #303133;
}
.ofs-tooltip__popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -5px;
  margin-left: -5px;
  border-right-width: 0;
  border-left-color: #303133;
}
.ofs-tooltip__popper.is-dark {
  background: #303133;
  color: #ffffff;
}
.ofs-tooltip__popper.is-light {
  background: white;
  border: 1px solid #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
  border-top-color: #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=top] .popper__arrow::after {
  border-top-color: #e4e7ed;
}
.ofs-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #e4e7ed;
  border-top-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow::after {
  border-bottom-color: #e4e7ed;
  border-top-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
  border-left-color: #e4e7ed;
  border-right-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=left] .popper__arrow::after {
  border-left-color: #e4e7ed;
  border-right-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
  border-right-color: #e4e7ed;
  border-left-width: 0;
}
.ofs-tooltip__popper.is-light[x-placement^=right] .popper__arrow::after {
  border-right-color: #ffffff;
  border-left-width: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-slider::before,
.ofs-slider::after {
  display: table;
  content: "";
}
.ofs-slider::after {
  clear: both;
}
.ofs-slider__runway {
  width: 100%;
  height: 6px;
  margin: 16px 0;
  background-color: #e4e7ed;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
}
.ofs-slider__runway.show-input {
  margin-right: 160px;
  width: auto;
}
.ofs-slider__runway.disabled {
  cursor: default;
}
.ofs-slider__runway.disabled .ofs-slider__bar {
  background-color: #c0c4cc;
}
.ofs-slider__runway.disabled .ofs-slider__button {
  border-color: #c0c4cc;
}
.ofs-slider__runway.disabled .ofs-slider__button-wrapper:hover, .ofs-slider__runway.disabled .ofs-slider__button-wrapper.hover {
  cursor: not-allowed;
}
.ofs-slider__runway.disabled .ofs-slider__button-wrapper.dragging {
  cursor: not-allowed;
}
.ofs-slider__runway.disabled .ofs-slider__button:hover, .ofs-slider__runway.disabled .ofs-slider__button.hover, .ofs-slider__runway.disabled .ofs-slider__button.dragging {
  transform: scale(1);
}
.ofs-slider__runway.disabled .ofs-slider__button:hover, .ofs-slider__runway.disabled .ofs-slider__button.hover {
  cursor: not-allowed;
}
.ofs-slider__runway.disabled .ofs-slider__button.dragging {
  cursor: not-allowed;
}
.ofs-slider__input {
  float: right;
  margin-top: 3px;
  width: 130px;
}
.ofs-slider__input.ofs-input-number--mini {
  margin-top: 5px;
}
.ofs-slider__input.ofs-input-number--medium {
  margin-top: 0;
}
.ofs-slider__input.ofs-input-number--large {
  margin-top: -2px;
}
.ofs-slider__bar {
  height: 6px;
  background-color: #12b48a;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
}
.ofs-slider__button-wrapper {
  height: 36px;
  width: 36px;
  position: absolute;
  z-index: 1001;
  top: -15px;
  transform: translateX(-50%);
  background-color: transparent;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  line-height: normal;
}
.ofs-slider__button-wrapper::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-slider__button-wrapper .ofs-tooltip {
  vertical-align: middle;
  display: inline-block;
}
.ofs-slider__button-wrapper:hover, .ofs-slider__button-wrapper.hover {
  cursor: grab;
}
.ofs-slider__button-wrapper.dragging {
  cursor: grabbing;
}
.ofs-slider__button {
  width: 16px;
  height: 16px;
  border: solid 2px #12b48a;
  background-color: #ffffff;
  border-radius: 50%;
  transition: 0.2s;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-slider__button:hover, .ofs-slider__button.hover, .ofs-slider__button.dragging {
  transform: scale(1.2);
}
.ofs-slider__button:hover, .ofs-slider__button.hover {
  cursor: grab;
}
.ofs-slider__button.dragging {
  cursor: grabbing;
}
.ofs-slider__stop {
  position: absolute;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background-color: #ffffff;
  transform: translateX(-50%);
}
.ofs-slider__marks {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ofs-slider__marks-text {
  position: absolute;
  transform: translateX(-50%);
  font-size: 14px;
  color: #909399;
  margin-top: 15px;
}
.ofs-slider.is-vertical {
  position: relative;
}
.ofs-slider.is-vertical .ofs-slider__runway {
  width: 6px;
  height: 100%;
  margin: 0 16px;
}
.ofs-slider.is-vertical .ofs-slider__bar {
  width: 6px;
  height: auto;
  border-radius: 0 0 3px 3px;
}
.ofs-slider.is-vertical .ofs-slider__button-wrapper {
  top: auto;
  left: -15px;
  transform: translateY(50%);
}
.ofs-slider.is-vertical .ofs-slider__stop {
  transform: translateY(50%);
}
.ofs-slider.is-vertical.ofs-slider--with-input {
  padding-bottom: 58px;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input {
  overflow: visible;
  float: none;
  position: absolute;
  bottom: 22px;
  width: 36px;
  margin-top: 15px;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input .ofs-input__inner {
  text-align: center;
  padding-left: 5px;
  padding-right: 5px;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input .ofs-input-number__decrease,
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input .ofs-input-number__increase {
  top: 32px;
  margin-top: -1px;
  border: 1px solid #c0c4cc;
  line-height: 20px;
  box-sizing: border-box;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input .ofs-input-number__decrease {
  width: 18px;
  right: 18px;
  border-bottom-left-radius: 4px;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input .ofs-input-number__increase {
  width: 19px;
  border-bottom-right-radius: 4px;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input .ofs-input-number__increase ~ .ofs-input .ofs-input__inner {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input:hover .ofs-input-number__decrease,
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input:hover .ofs-input-number__increase {
  border-color: #a1a5ac;
}
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input:active .ofs-input-number__decrease,
.ofs-slider.is-vertical.ofs-slider--with-input .ofs-slider__input:active .ofs-input-number__increase {
  border-color: #12b48a;
}
.ofs-slider.is-vertical .ofs-slider__marks-text {
  margin-top: 0;
  left: 15px;
  transform: translateY(50%);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-loading-parent--relative {
  position: relative !important;
}
.ofs-loading-parent--hidden {
  overflow: hidden !important;
}
.ofs-loading-mask {
  position: absolute;
  z-index: 2000;
  background-color: rgba(255, 255, 255, 0.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.3s;
}
.ofs-loading-mask.is-fullscreen {
  position: fixed;
}
.ofs-loading-mask.is-fullscreen .ofs-loading-spinner {
  margin-top: -25px;
}
.ofs-loading-mask.is-fullscreen .ofs-loading-spinner .circular {
  height: 50px;
  width: 50px;
}
.ofs-loading-spinner {
  top: 50%;
  margin-top: -21px;
  width: 100%;
  text-align: center;
  position: absolute;
}
.ofs-loading-spinner .ofs-loading-text {
  color: #12b48a;
  margin: 3px 0;
  font-size: 14px;
}
.ofs-loading-spinner .circular {
  height: 42px;
  width: 42px;
  animation: loading-rotate 2s linear infinite;
}
.ofs-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90, 150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: #12b48a;
  stroke-linecap: round;
}
.ofs-loading-spinner i {
  color: #12b48a;
}
.ofs-loading-fade-enter,
.ofs-loading-fade-leave-active {
  opacity: 0;
}
@keyframes loading-rotate {
100% {
    transform: rotate(360deg);
}
}
@keyframes loading-dash {
0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -40px;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -120px;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-row {
  position: relative;
  box-sizing: border-box;
}
.ofs-row::before,
.ofs-row::after {
  display: table;
  content: "";
}
.ofs-row::after {
  clear: both;
}
.ofs-row--flex {
  display: flex;
}
.ofs-row--flex::before, .ofs-row--flex::after {
  display: none;
}
.ofs-row--flex.is-justify-center {
  justify-content: center;
}
.ofs-row--flex.is-justify-end {
  justify-content: flex-end;
}
.ofs-row--flex.is-justify-space-between {
  justify-content: space-between;
}
.ofs-row--flex.is-justify-space-around {
  justify-content: space-around;
}
.ofs-row--flex.is-align-top {
  align-items: flex-start;
}
.ofs-row--flex.is-align-middle {
  align-items: center;
}
.ofs-row--flex.is-align-bottom {
  align-items: flex-end;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
[class*=ofs-col-] {
  float: left;
  box-sizing: border-box;
}
.ofs-col-0 {
  display: none;
}
.ofs-col-0 {
  width: 0%;
}
.ofs-col-offset-0 {
  margin-left: 0%;
}
.ofs-col-pull-0 {
  position: relative;
  right: 0%;
}
.ofs-col-push-0 {
  position: relative;
  left: 0%;
}
.ofs-col-1 {
  width: 4.1666666667%;
}
.ofs-col-offset-1 {
  margin-left: 4.1666666667%;
}
.ofs-col-pull-1 {
  position: relative;
  right: 4.1666666667%;
}
.ofs-col-push-1 {
  position: relative;
  left: 4.1666666667%;
}
.ofs-col-2 {
  width: 8.3333333333%;
}
.ofs-col-offset-2 {
  margin-left: 8.3333333333%;
}
.ofs-col-pull-2 {
  position: relative;
  right: 8.3333333333%;
}
.ofs-col-push-2 {
  position: relative;
  left: 8.3333333333%;
}
.ofs-col-3 {
  width: 12.5%;
}
.ofs-col-offset-3 {
  margin-left: 12.5%;
}
.ofs-col-pull-3 {
  position: relative;
  right: 12.5%;
}
.ofs-col-push-3 {
  position: relative;
  left: 12.5%;
}
.ofs-col-4 {
  width: 16.6666666667%;
}
.ofs-col-offset-4 {
  margin-left: 16.6666666667%;
}
.ofs-col-pull-4 {
  position: relative;
  right: 16.6666666667%;
}
.ofs-col-push-4 {
  position: relative;
  left: 16.6666666667%;
}
.ofs-col-5 {
  width: 20.8333333333%;
}
.ofs-col-offset-5 {
  margin-left: 20.8333333333%;
}
.ofs-col-pull-5 {
  position: relative;
  right: 20.8333333333%;
}
.ofs-col-push-5 {
  position: relative;
  left: 20.8333333333%;
}
.ofs-col-6 {
  width: 25%;
}
.ofs-col-offset-6 {
  margin-left: 25%;
}
.ofs-col-pull-6 {
  position: relative;
  right: 25%;
}
.ofs-col-push-6 {
  position: relative;
  left: 25%;
}
.ofs-col-7 {
  width: 29.1666666667%;
}
.ofs-col-offset-7 {
  margin-left: 29.1666666667%;
}
.ofs-col-pull-7 {
  position: relative;
  right: 29.1666666667%;
}
.ofs-col-push-7 {
  position: relative;
  left: 29.1666666667%;
}
.ofs-col-8 {
  width: 33.3333333333%;
}
.ofs-col-offset-8 {
  margin-left: 33.3333333333%;
}
.ofs-col-pull-8 {
  position: relative;
  right: 33.3333333333%;
}
.ofs-col-push-8 {
  position: relative;
  left: 33.3333333333%;
}
.ofs-col-9 {
  width: 37.5%;
}
.ofs-col-offset-9 {
  margin-left: 37.5%;
}
.ofs-col-pull-9 {
  position: relative;
  right: 37.5%;
}
.ofs-col-push-9 {
  position: relative;
  left: 37.5%;
}
.ofs-col-10 {
  width: 41.6666666667%;
}
.ofs-col-offset-10 {
  margin-left: 41.6666666667%;
}
.ofs-col-pull-10 {
  position: relative;
  right: 41.6666666667%;
}
.ofs-col-push-10 {
  position: relative;
  left: 41.6666666667%;
}
.ofs-col-11 {
  width: 45.8333333333%;
}
.ofs-col-offset-11 {
  margin-left: 45.8333333333%;
}
.ofs-col-pull-11 {
  position: relative;
  right: 45.8333333333%;
}
.ofs-col-push-11 {
  position: relative;
  left: 45.8333333333%;
}
.ofs-col-12 {
  width: 50%;
}
.ofs-col-offset-12 {
  margin-left: 50%;
}
.ofs-col-pull-12 {
  position: relative;
  right: 50%;
}
.ofs-col-push-12 {
  position: relative;
  left: 50%;
}
.ofs-col-13 {
  width: 54.1666666667%;
}
.ofs-col-offset-13 {
  margin-left: 54.1666666667%;
}
.ofs-col-pull-13 {
  position: relative;
  right: 54.1666666667%;
}
.ofs-col-push-13 {
  position: relative;
  left: 54.1666666667%;
}
.ofs-col-14 {
  width: 58.3333333333%;
}
.ofs-col-offset-14 {
  margin-left: 58.3333333333%;
}
.ofs-col-pull-14 {
  position: relative;
  right: 58.3333333333%;
}
.ofs-col-push-14 {
  position: relative;
  left: 58.3333333333%;
}
.ofs-col-15 {
  width: 62.5%;
}
.ofs-col-offset-15 {
  margin-left: 62.5%;
}
.ofs-col-pull-15 {
  position: relative;
  right: 62.5%;
}
.ofs-col-push-15 {
  position: relative;
  left: 62.5%;
}
.ofs-col-16 {
  width: 66.6666666667%;
}
.ofs-col-offset-16 {
  margin-left: 66.6666666667%;
}
.ofs-col-pull-16 {
  position: relative;
  right: 66.6666666667%;
}
.ofs-col-push-16 {
  position: relative;
  left: 66.6666666667%;
}
.ofs-col-17 {
  width: 70.8333333333%;
}
.ofs-col-offset-17 {
  margin-left: 70.8333333333%;
}
.ofs-col-pull-17 {
  position: relative;
  right: 70.8333333333%;
}
.ofs-col-push-17 {
  position: relative;
  left: 70.8333333333%;
}
.ofs-col-18 {
  width: 75%;
}
.ofs-col-offset-18 {
  margin-left: 75%;
}
.ofs-col-pull-18 {
  position: relative;
  right: 75%;
}
.ofs-col-push-18 {
  position: relative;
  left: 75%;
}
.ofs-col-19 {
  width: 79.1666666667%;
}
.ofs-col-offset-19 {
  margin-left: 79.1666666667%;
}
.ofs-col-pull-19 {
  position: relative;
  right: 79.1666666667%;
}
.ofs-col-push-19 {
  position: relative;
  left: 79.1666666667%;
}
.ofs-col-20 {
  width: 83.3333333333%;
}
.ofs-col-offset-20 {
  margin-left: 83.3333333333%;
}
.ofs-col-pull-20 {
  position: relative;
  right: 83.3333333333%;
}
.ofs-col-push-20 {
  position: relative;
  left: 83.3333333333%;
}
.ofs-col-21 {
  width: 87.5%;
}
.ofs-col-offset-21 {
  margin-left: 87.5%;
}
.ofs-col-pull-21 {
  position: relative;
  right: 87.5%;
}
.ofs-col-push-21 {
  position: relative;
  left: 87.5%;
}
.ofs-col-22 {
  width: 91.6666666667%;
}
.ofs-col-offset-22 {
  margin-left: 91.6666666667%;
}
.ofs-col-pull-22 {
  position: relative;
  right: 91.6666666667%;
}
.ofs-col-push-22 {
  position: relative;
  left: 91.6666666667%;
}
.ofs-col-23 {
  width: 95.8333333333%;
}
.ofs-col-offset-23 {
  margin-left: 95.8333333333%;
}
.ofs-col-pull-23 {
  position: relative;
  right: 95.8333333333%;
}
.ofs-col-push-23 {
  position: relative;
  left: 95.8333333333%;
}
.ofs-col-24 {
  width: 100%;
}
.ofs-col-offset-24 {
  margin-left: 100%;
}
.ofs-col-pull-24 {
  position: relative;
  right: 100%;
}
.ofs-col-push-24 {
  position: relative;
  left: 100%;
}
@media only screen and (max-width: 767px) {
.ofs-col-xs-0 {
    display: none;
}
.ofs-col-xs-0 {
    width: 0%;
}
.ofs-col-xs-offset-0 {
    margin-left: 0%;
}
.ofs-col-xs-pull-0 {
    position: relative;
    right: 0%;
}
.ofs-col-xs-push-0 {
    position: relative;
    left: 0%;
}
.ofs-col-xs-1 {
    width: 4.1666666667%;
}
.ofs-col-xs-offset-1 {
    margin-left: 4.1666666667%;
}
.ofs-col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
}
.ofs-col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
}
.ofs-col-xs-2 {
    width: 8.3333333333%;
}
.ofs-col-xs-offset-2 {
    margin-left: 8.3333333333%;
}
.ofs-col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
}
.ofs-col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
}
.ofs-col-xs-3 {
    width: 12.5%;
}
.ofs-col-xs-offset-3 {
    margin-left: 12.5%;
}
.ofs-col-xs-pull-3 {
    position: relative;
    right: 12.5%;
}
.ofs-col-xs-push-3 {
    position: relative;
    left: 12.5%;
}
.ofs-col-xs-4 {
    width: 16.6666666667%;
}
.ofs-col-xs-offset-4 {
    margin-left: 16.6666666667%;
}
.ofs-col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
}
.ofs-col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
}
.ofs-col-xs-5 {
    width: 20.8333333333%;
}
.ofs-col-xs-offset-5 {
    margin-left: 20.8333333333%;
}
.ofs-col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
}
.ofs-col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
}
.ofs-col-xs-6 {
    width: 25%;
}
.ofs-col-xs-offset-6 {
    margin-left: 25%;
}
.ofs-col-xs-pull-6 {
    position: relative;
    right: 25%;
}
.ofs-col-xs-push-6 {
    position: relative;
    left: 25%;
}
.ofs-col-xs-7 {
    width: 29.1666666667%;
}
.ofs-col-xs-offset-7 {
    margin-left: 29.1666666667%;
}
.ofs-col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
}
.ofs-col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
}
.ofs-col-xs-8 {
    width: 33.3333333333%;
}
.ofs-col-xs-offset-8 {
    margin-left: 33.3333333333%;
}
.ofs-col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
}
.ofs-col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
}
.ofs-col-xs-9 {
    width: 37.5%;
}
.ofs-col-xs-offset-9 {
    margin-left: 37.5%;
}
.ofs-col-xs-pull-9 {
    position: relative;
    right: 37.5%;
}
.ofs-col-xs-push-9 {
    position: relative;
    left: 37.5%;
}
.ofs-col-xs-10 {
    width: 41.6666666667%;
}
.ofs-col-xs-offset-10 {
    margin-left: 41.6666666667%;
}
.ofs-col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
}
.ofs-col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
}
.ofs-col-xs-11 {
    width: 45.8333333333%;
}
.ofs-col-xs-offset-11 {
    margin-left: 45.8333333333%;
}
.ofs-col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
}
.ofs-col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
}
.ofs-col-xs-12 {
    width: 50%;
}
.ofs-col-xs-offset-12 {
    margin-left: 50%;
}
.ofs-col-xs-pull-12 {
    position: relative;
    right: 50%;
}
.ofs-col-xs-push-12 {
    position: relative;
    left: 50%;
}
.ofs-col-xs-13 {
    width: 54.1666666667%;
}
.ofs-col-xs-offset-13 {
    margin-left: 54.1666666667%;
}
.ofs-col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
}
.ofs-col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
}
.ofs-col-xs-14 {
    width: 58.3333333333%;
}
.ofs-col-xs-offset-14 {
    margin-left: 58.3333333333%;
}
.ofs-col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
}
.ofs-col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
}
.ofs-col-xs-15 {
    width: 62.5%;
}
.ofs-col-xs-offset-15 {
    margin-left: 62.5%;
}
.ofs-col-xs-pull-15 {
    position: relative;
    right: 62.5%;
}
.ofs-col-xs-push-15 {
    position: relative;
    left: 62.5%;
}
.ofs-col-xs-16 {
    width: 66.6666666667%;
}
.ofs-col-xs-offset-16 {
    margin-left: 66.6666666667%;
}
.ofs-col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
}
.ofs-col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
}
.ofs-col-xs-17 {
    width: 70.8333333333%;
}
.ofs-col-xs-offset-17 {
    margin-left: 70.8333333333%;
}
.ofs-col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
}
.ofs-col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
}
.ofs-col-xs-18 {
    width: 75%;
}
.ofs-col-xs-offset-18 {
    margin-left: 75%;
}
.ofs-col-xs-pull-18 {
    position: relative;
    right: 75%;
}
.ofs-col-xs-push-18 {
    position: relative;
    left: 75%;
}
.ofs-col-xs-19 {
    width: 79.1666666667%;
}
.ofs-col-xs-offset-19 {
    margin-left: 79.1666666667%;
}
.ofs-col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
}
.ofs-col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
}
.ofs-col-xs-20 {
    width: 83.3333333333%;
}
.ofs-col-xs-offset-20 {
    margin-left: 83.3333333333%;
}
.ofs-col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
}
.ofs-col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
}
.ofs-col-xs-21 {
    width: 87.5%;
}
.ofs-col-xs-offset-21 {
    margin-left: 87.5%;
}
.ofs-col-xs-pull-21 {
    position: relative;
    right: 87.5%;
}
.ofs-col-xs-push-21 {
    position: relative;
    left: 87.5%;
}
.ofs-col-xs-22 {
    width: 91.6666666667%;
}
.ofs-col-xs-offset-22 {
    margin-left: 91.6666666667%;
}
.ofs-col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
}
.ofs-col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
}
.ofs-col-xs-23 {
    width: 95.8333333333%;
}
.ofs-col-xs-offset-23 {
    margin-left: 95.8333333333%;
}
.ofs-col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
}
.ofs-col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
}
.ofs-col-xs-24 {
    width: 100%;
}
.ofs-col-xs-offset-24 {
    margin-left: 100%;
}
.ofs-col-xs-pull-24 {
    position: relative;
    right: 100%;
}
.ofs-col-xs-push-24 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 768px) {
.ofs-col-sm-0 {
    display: none;
}
.ofs-col-sm-0 {
    width: 0%;
}
.ofs-col-sm-offset-0 {
    margin-left: 0%;
}
.ofs-col-sm-pull-0 {
    position: relative;
    right: 0%;
}
.ofs-col-sm-push-0 {
    position: relative;
    left: 0%;
}
.ofs-col-sm-1 {
    width: 4.1666666667%;
}
.ofs-col-sm-offset-1 {
    margin-left: 4.1666666667%;
}
.ofs-col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
}
.ofs-col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
}
.ofs-col-sm-2 {
    width: 8.3333333333%;
}
.ofs-col-sm-offset-2 {
    margin-left: 8.3333333333%;
}
.ofs-col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
}
.ofs-col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
}
.ofs-col-sm-3 {
    width: 12.5%;
}
.ofs-col-sm-offset-3 {
    margin-left: 12.5%;
}
.ofs-col-sm-pull-3 {
    position: relative;
    right: 12.5%;
}
.ofs-col-sm-push-3 {
    position: relative;
    left: 12.5%;
}
.ofs-col-sm-4 {
    width: 16.6666666667%;
}
.ofs-col-sm-offset-4 {
    margin-left: 16.6666666667%;
}
.ofs-col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
}
.ofs-col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
}
.ofs-col-sm-5 {
    width: 20.8333333333%;
}
.ofs-col-sm-offset-5 {
    margin-left: 20.8333333333%;
}
.ofs-col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
}
.ofs-col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
}
.ofs-col-sm-6 {
    width: 25%;
}
.ofs-col-sm-offset-6 {
    margin-left: 25%;
}
.ofs-col-sm-pull-6 {
    position: relative;
    right: 25%;
}
.ofs-col-sm-push-6 {
    position: relative;
    left: 25%;
}
.ofs-col-sm-7 {
    width: 29.1666666667%;
}
.ofs-col-sm-offset-7 {
    margin-left: 29.1666666667%;
}
.ofs-col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
}
.ofs-col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
}
.ofs-col-sm-8 {
    width: 33.3333333333%;
}
.ofs-col-sm-offset-8 {
    margin-left: 33.3333333333%;
}
.ofs-col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
}
.ofs-col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
}
.ofs-col-sm-9 {
    width: 37.5%;
}
.ofs-col-sm-offset-9 {
    margin-left: 37.5%;
}
.ofs-col-sm-pull-9 {
    position: relative;
    right: 37.5%;
}
.ofs-col-sm-push-9 {
    position: relative;
    left: 37.5%;
}
.ofs-col-sm-10 {
    width: 41.6666666667%;
}
.ofs-col-sm-offset-10 {
    margin-left: 41.6666666667%;
}
.ofs-col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
}
.ofs-col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
}
.ofs-col-sm-11 {
    width: 45.8333333333%;
}
.ofs-col-sm-offset-11 {
    margin-left: 45.8333333333%;
}
.ofs-col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
}
.ofs-col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
}
.ofs-col-sm-12 {
    width: 50%;
}
.ofs-col-sm-offset-12 {
    margin-left: 50%;
}
.ofs-col-sm-pull-12 {
    position: relative;
    right: 50%;
}
.ofs-col-sm-push-12 {
    position: relative;
    left: 50%;
}
.ofs-col-sm-13 {
    width: 54.1666666667%;
}
.ofs-col-sm-offset-13 {
    margin-left: 54.1666666667%;
}
.ofs-col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
}
.ofs-col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
}
.ofs-col-sm-14 {
    width: 58.3333333333%;
}
.ofs-col-sm-offset-14 {
    margin-left: 58.3333333333%;
}
.ofs-col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
}
.ofs-col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
}
.ofs-col-sm-15 {
    width: 62.5%;
}
.ofs-col-sm-offset-15 {
    margin-left: 62.5%;
}
.ofs-col-sm-pull-15 {
    position: relative;
    right: 62.5%;
}
.ofs-col-sm-push-15 {
    position: relative;
    left: 62.5%;
}
.ofs-col-sm-16 {
    width: 66.6666666667%;
}
.ofs-col-sm-offset-16 {
    margin-left: 66.6666666667%;
}
.ofs-col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
}
.ofs-col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
}
.ofs-col-sm-17 {
    width: 70.8333333333%;
}
.ofs-col-sm-offset-17 {
    margin-left: 70.8333333333%;
}
.ofs-col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
}
.ofs-col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
}
.ofs-col-sm-18 {
    width: 75%;
}
.ofs-col-sm-offset-18 {
    margin-left: 75%;
}
.ofs-col-sm-pull-18 {
    position: relative;
    right: 75%;
}
.ofs-col-sm-push-18 {
    position: relative;
    left: 75%;
}
.ofs-col-sm-19 {
    width: 79.1666666667%;
}
.ofs-col-sm-offset-19 {
    margin-left: 79.1666666667%;
}
.ofs-col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
}
.ofs-col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
}
.ofs-col-sm-20 {
    width: 83.3333333333%;
}
.ofs-col-sm-offset-20 {
    margin-left: 83.3333333333%;
}
.ofs-col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
}
.ofs-col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
}
.ofs-col-sm-21 {
    width: 87.5%;
}
.ofs-col-sm-offset-21 {
    margin-left: 87.5%;
}
.ofs-col-sm-pull-21 {
    position: relative;
    right: 87.5%;
}
.ofs-col-sm-push-21 {
    position: relative;
    left: 87.5%;
}
.ofs-col-sm-22 {
    width: 91.6666666667%;
}
.ofs-col-sm-offset-22 {
    margin-left: 91.6666666667%;
}
.ofs-col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
}
.ofs-col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
}
.ofs-col-sm-23 {
    width: 95.8333333333%;
}
.ofs-col-sm-offset-23 {
    margin-left: 95.8333333333%;
}
.ofs-col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
}
.ofs-col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
}
.ofs-col-sm-24 {
    width: 100%;
}
.ofs-col-sm-offset-24 {
    margin-left: 100%;
}
.ofs-col-sm-pull-24 {
    position: relative;
    right: 100%;
}
.ofs-col-sm-push-24 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 992px) {
.ofs-col-md-0 {
    display: none;
}
.ofs-col-md-0 {
    width: 0%;
}
.ofs-col-md-offset-0 {
    margin-left: 0%;
}
.ofs-col-md-pull-0 {
    position: relative;
    right: 0%;
}
.ofs-col-md-push-0 {
    position: relative;
    left: 0%;
}
.ofs-col-md-1 {
    width: 4.1666666667%;
}
.ofs-col-md-offset-1 {
    margin-left: 4.1666666667%;
}
.ofs-col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
}
.ofs-col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
}
.ofs-col-md-2 {
    width: 8.3333333333%;
}
.ofs-col-md-offset-2 {
    margin-left: 8.3333333333%;
}
.ofs-col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
}
.ofs-col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
}
.ofs-col-md-3 {
    width: 12.5%;
}
.ofs-col-md-offset-3 {
    margin-left: 12.5%;
}
.ofs-col-md-pull-3 {
    position: relative;
    right: 12.5%;
}
.ofs-col-md-push-3 {
    position: relative;
    left: 12.5%;
}
.ofs-col-md-4 {
    width: 16.6666666667%;
}
.ofs-col-md-offset-4 {
    margin-left: 16.6666666667%;
}
.ofs-col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
}
.ofs-col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
}
.ofs-col-md-5 {
    width: 20.8333333333%;
}
.ofs-col-md-offset-5 {
    margin-left: 20.8333333333%;
}
.ofs-col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
}
.ofs-col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
}
.ofs-col-md-6 {
    width: 25%;
}
.ofs-col-md-offset-6 {
    margin-left: 25%;
}
.ofs-col-md-pull-6 {
    position: relative;
    right: 25%;
}
.ofs-col-md-push-6 {
    position: relative;
    left: 25%;
}
.ofs-col-md-7 {
    width: 29.1666666667%;
}
.ofs-col-md-offset-7 {
    margin-left: 29.1666666667%;
}
.ofs-col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
}
.ofs-col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
}
.ofs-col-md-8 {
    width: 33.3333333333%;
}
.ofs-col-md-offset-8 {
    margin-left: 33.3333333333%;
}
.ofs-col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
}
.ofs-col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
}
.ofs-col-md-9 {
    width: 37.5%;
}
.ofs-col-md-offset-9 {
    margin-left: 37.5%;
}
.ofs-col-md-pull-9 {
    position: relative;
    right: 37.5%;
}
.ofs-col-md-push-9 {
    position: relative;
    left: 37.5%;
}
.ofs-col-md-10 {
    width: 41.6666666667%;
}
.ofs-col-md-offset-10 {
    margin-left: 41.6666666667%;
}
.ofs-col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
}
.ofs-col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
}
.ofs-col-md-11 {
    width: 45.8333333333%;
}
.ofs-col-md-offset-11 {
    margin-left: 45.8333333333%;
}
.ofs-col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
}
.ofs-col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
}
.ofs-col-md-12 {
    width: 50%;
}
.ofs-col-md-offset-12 {
    margin-left: 50%;
}
.ofs-col-md-pull-12 {
    position: relative;
    right: 50%;
}
.ofs-col-md-push-12 {
    position: relative;
    left: 50%;
}
.ofs-col-md-13 {
    width: 54.1666666667%;
}
.ofs-col-md-offset-13 {
    margin-left: 54.1666666667%;
}
.ofs-col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
}
.ofs-col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
}
.ofs-col-md-14 {
    width: 58.3333333333%;
}
.ofs-col-md-offset-14 {
    margin-left: 58.3333333333%;
}
.ofs-col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
}
.ofs-col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
}
.ofs-col-md-15 {
    width: 62.5%;
}
.ofs-col-md-offset-15 {
    margin-left: 62.5%;
}
.ofs-col-md-pull-15 {
    position: relative;
    right: 62.5%;
}
.ofs-col-md-push-15 {
    position: relative;
    left: 62.5%;
}
.ofs-col-md-16 {
    width: 66.6666666667%;
}
.ofs-col-md-offset-16 {
    margin-left: 66.6666666667%;
}
.ofs-col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
}
.ofs-col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
}
.ofs-col-md-17 {
    width: 70.8333333333%;
}
.ofs-col-md-offset-17 {
    margin-left: 70.8333333333%;
}
.ofs-col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
}
.ofs-col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
}
.ofs-col-md-18 {
    width: 75%;
}
.ofs-col-md-offset-18 {
    margin-left: 75%;
}
.ofs-col-md-pull-18 {
    position: relative;
    right: 75%;
}
.ofs-col-md-push-18 {
    position: relative;
    left: 75%;
}
.ofs-col-md-19 {
    width: 79.1666666667%;
}
.ofs-col-md-offset-19 {
    margin-left: 79.1666666667%;
}
.ofs-col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
}
.ofs-col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
}
.ofs-col-md-20 {
    width: 83.3333333333%;
}
.ofs-col-md-offset-20 {
    margin-left: 83.3333333333%;
}
.ofs-col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
}
.ofs-col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
}
.ofs-col-md-21 {
    width: 87.5%;
}
.ofs-col-md-offset-21 {
    margin-left: 87.5%;
}
.ofs-col-md-pull-21 {
    position: relative;
    right: 87.5%;
}
.ofs-col-md-push-21 {
    position: relative;
    left: 87.5%;
}
.ofs-col-md-22 {
    width: 91.6666666667%;
}
.ofs-col-md-offset-22 {
    margin-left: 91.6666666667%;
}
.ofs-col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
}
.ofs-col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
}
.ofs-col-md-23 {
    width: 95.8333333333%;
}
.ofs-col-md-offset-23 {
    margin-left: 95.8333333333%;
}
.ofs-col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
}
.ofs-col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
}
.ofs-col-md-24 {
    width: 100%;
}
.ofs-col-md-offset-24 {
    margin-left: 100%;
}
.ofs-col-md-pull-24 {
    position: relative;
    right: 100%;
}
.ofs-col-md-push-24 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 1200px) {
.ofs-col-lg-0 {
    display: none;
}
.ofs-col-lg-0 {
    width: 0%;
}
.ofs-col-lg-offset-0 {
    margin-left: 0%;
}
.ofs-col-lg-pull-0 {
    position: relative;
    right: 0%;
}
.ofs-col-lg-push-0 {
    position: relative;
    left: 0%;
}
.ofs-col-lg-1 {
    width: 4.1666666667%;
}
.ofs-col-lg-offset-1 {
    margin-left: 4.1666666667%;
}
.ofs-col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
}
.ofs-col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
}
.ofs-col-lg-2 {
    width: 8.3333333333%;
}
.ofs-col-lg-offset-2 {
    margin-left: 8.3333333333%;
}
.ofs-col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
}
.ofs-col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
}
.ofs-col-lg-3 {
    width: 12.5%;
}
.ofs-col-lg-offset-3 {
    margin-left: 12.5%;
}
.ofs-col-lg-pull-3 {
    position: relative;
    right: 12.5%;
}
.ofs-col-lg-push-3 {
    position: relative;
    left: 12.5%;
}
.ofs-col-lg-4 {
    width: 16.6666666667%;
}
.ofs-col-lg-offset-4 {
    margin-left: 16.6666666667%;
}
.ofs-col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
}
.ofs-col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
}
.ofs-col-lg-5 {
    width: 20.8333333333%;
}
.ofs-col-lg-offset-5 {
    margin-left: 20.8333333333%;
}
.ofs-col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
}
.ofs-col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
}
.ofs-col-lg-6 {
    width: 25%;
}
.ofs-col-lg-offset-6 {
    margin-left: 25%;
}
.ofs-col-lg-pull-6 {
    position: relative;
    right: 25%;
}
.ofs-col-lg-push-6 {
    position: relative;
    left: 25%;
}
.ofs-col-lg-7 {
    width: 29.1666666667%;
}
.ofs-col-lg-offset-7 {
    margin-left: 29.1666666667%;
}
.ofs-col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
}
.ofs-col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
}
.ofs-col-lg-8 {
    width: 33.3333333333%;
}
.ofs-col-lg-offset-8 {
    margin-left: 33.3333333333%;
}
.ofs-col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
}
.ofs-col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
}
.ofs-col-lg-9 {
    width: 37.5%;
}
.ofs-col-lg-offset-9 {
    margin-left: 37.5%;
}
.ofs-col-lg-pull-9 {
    position: relative;
    right: 37.5%;
}
.ofs-col-lg-push-9 {
    position: relative;
    left: 37.5%;
}
.ofs-col-lg-10 {
    width: 41.6666666667%;
}
.ofs-col-lg-offset-10 {
    margin-left: 41.6666666667%;
}
.ofs-col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
}
.ofs-col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
}
.ofs-col-lg-11 {
    width: 45.8333333333%;
}
.ofs-col-lg-offset-11 {
    margin-left: 45.8333333333%;
}
.ofs-col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
}
.ofs-col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
}
.ofs-col-lg-12 {
    width: 50%;
}
.ofs-col-lg-offset-12 {
    margin-left: 50%;
}
.ofs-col-lg-pull-12 {
    position: relative;
    right: 50%;
}
.ofs-col-lg-push-12 {
    position: relative;
    left: 50%;
}
.ofs-col-lg-13 {
    width: 54.1666666667%;
}
.ofs-col-lg-offset-13 {
    margin-left: 54.1666666667%;
}
.ofs-col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
}
.ofs-col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
}
.ofs-col-lg-14 {
    width: 58.3333333333%;
}
.ofs-col-lg-offset-14 {
    margin-left: 58.3333333333%;
}
.ofs-col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
}
.ofs-col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
}
.ofs-col-lg-15 {
    width: 62.5%;
}
.ofs-col-lg-offset-15 {
    margin-left: 62.5%;
}
.ofs-col-lg-pull-15 {
    position: relative;
    right: 62.5%;
}
.ofs-col-lg-push-15 {
    position: relative;
    left: 62.5%;
}
.ofs-col-lg-16 {
    width: 66.6666666667%;
}
.ofs-col-lg-offset-16 {
    margin-left: 66.6666666667%;
}
.ofs-col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
}
.ofs-col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
}
.ofs-col-lg-17 {
    width: 70.8333333333%;
}
.ofs-col-lg-offset-17 {
    margin-left: 70.8333333333%;
}
.ofs-col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
}
.ofs-col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
}
.ofs-col-lg-18 {
    width: 75%;
}
.ofs-col-lg-offset-18 {
    margin-left: 75%;
}
.ofs-col-lg-pull-18 {
    position: relative;
    right: 75%;
}
.ofs-col-lg-push-18 {
    position: relative;
    left: 75%;
}
.ofs-col-lg-19 {
    width: 79.1666666667%;
}
.ofs-col-lg-offset-19 {
    margin-left: 79.1666666667%;
}
.ofs-col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
}
.ofs-col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
}
.ofs-col-lg-20 {
    width: 83.3333333333%;
}
.ofs-col-lg-offset-20 {
    margin-left: 83.3333333333%;
}
.ofs-col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
}
.ofs-col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
}
.ofs-col-lg-21 {
    width: 87.5%;
}
.ofs-col-lg-offset-21 {
    margin-left: 87.5%;
}
.ofs-col-lg-pull-21 {
    position: relative;
    right: 87.5%;
}
.ofs-col-lg-push-21 {
    position: relative;
    left: 87.5%;
}
.ofs-col-lg-22 {
    width: 91.6666666667%;
}
.ofs-col-lg-offset-22 {
    margin-left: 91.6666666667%;
}
.ofs-col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
}
.ofs-col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
}
.ofs-col-lg-23 {
    width: 95.8333333333%;
}
.ofs-col-lg-offset-23 {
    margin-left: 95.8333333333%;
}
.ofs-col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
}
.ofs-col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
}
.ofs-col-lg-24 {
    width: 100%;
}
.ofs-col-lg-offset-24 {
    margin-left: 100%;
}
.ofs-col-lg-pull-24 {
    position: relative;
    right: 100%;
}
.ofs-col-lg-push-24 {
    position: relative;
    left: 100%;
}
}
@media only screen and (min-width: 1920px) {
.ofs-col-xl-0 {
    display: none;
}
.ofs-col-xl-0 {
    width: 0%;
}
.ofs-col-xl-offset-0 {
    margin-left: 0%;
}
.ofs-col-xl-pull-0 {
    position: relative;
    right: 0%;
}
.ofs-col-xl-push-0 {
    position: relative;
    left: 0%;
}
.ofs-col-xl-1 {
    width: 4.1666666667%;
}
.ofs-col-xl-offset-1 {
    margin-left: 4.1666666667%;
}
.ofs-col-xl-pull-1 {
    position: relative;
    right: 4.1666666667%;
}
.ofs-col-xl-push-1 {
    position: relative;
    left: 4.1666666667%;
}
.ofs-col-xl-2 {
    width: 8.3333333333%;
}
.ofs-col-xl-offset-2 {
    margin-left: 8.3333333333%;
}
.ofs-col-xl-pull-2 {
    position: relative;
    right: 8.3333333333%;
}
.ofs-col-xl-push-2 {
    position: relative;
    left: 8.3333333333%;
}
.ofs-col-xl-3 {
    width: 12.5%;
}
.ofs-col-xl-offset-3 {
    margin-left: 12.5%;
}
.ofs-col-xl-pull-3 {
    position: relative;
    right: 12.5%;
}
.ofs-col-xl-push-3 {
    position: relative;
    left: 12.5%;
}
.ofs-col-xl-4 {
    width: 16.6666666667%;
}
.ofs-col-xl-offset-4 {
    margin-left: 16.6666666667%;
}
.ofs-col-xl-pull-4 {
    position: relative;
    right: 16.6666666667%;
}
.ofs-col-xl-push-4 {
    position: relative;
    left: 16.6666666667%;
}
.ofs-col-xl-5 {
    width: 20.8333333333%;
}
.ofs-col-xl-offset-5 {
    margin-left: 20.8333333333%;
}
.ofs-col-xl-pull-5 {
    position: relative;
    right: 20.8333333333%;
}
.ofs-col-xl-push-5 {
    position: relative;
    left: 20.8333333333%;
}
.ofs-col-xl-6 {
    width: 25%;
}
.ofs-col-xl-offset-6 {
    margin-left: 25%;
}
.ofs-col-xl-pull-6 {
    position: relative;
    right: 25%;
}
.ofs-col-xl-push-6 {
    position: relative;
    left: 25%;
}
.ofs-col-xl-7 {
    width: 29.1666666667%;
}
.ofs-col-xl-offset-7 {
    margin-left: 29.1666666667%;
}
.ofs-col-xl-pull-7 {
    position: relative;
    right: 29.1666666667%;
}
.ofs-col-xl-push-7 {
    position: relative;
    left: 29.1666666667%;
}
.ofs-col-xl-8 {
    width: 33.3333333333%;
}
.ofs-col-xl-offset-8 {
    margin-left: 33.3333333333%;
}
.ofs-col-xl-pull-8 {
    position: relative;
    right: 33.3333333333%;
}
.ofs-col-xl-push-8 {
    position: relative;
    left: 33.3333333333%;
}
.ofs-col-xl-9 {
    width: 37.5%;
}
.ofs-col-xl-offset-9 {
    margin-left: 37.5%;
}
.ofs-col-xl-pull-9 {
    position: relative;
    right: 37.5%;
}
.ofs-col-xl-push-9 {
    position: relative;
    left: 37.5%;
}
.ofs-col-xl-10 {
    width: 41.6666666667%;
}
.ofs-col-xl-offset-10 {
    margin-left: 41.6666666667%;
}
.ofs-col-xl-pull-10 {
    position: relative;
    right: 41.6666666667%;
}
.ofs-col-xl-push-10 {
    position: relative;
    left: 41.6666666667%;
}
.ofs-col-xl-11 {
    width: 45.8333333333%;
}
.ofs-col-xl-offset-11 {
    margin-left: 45.8333333333%;
}
.ofs-col-xl-pull-11 {
    position: relative;
    right: 45.8333333333%;
}
.ofs-col-xl-push-11 {
    position: relative;
    left: 45.8333333333%;
}
.ofs-col-xl-12 {
    width: 50%;
}
.ofs-col-xl-offset-12 {
    margin-left: 50%;
}
.ofs-col-xl-pull-12 {
    position: relative;
    right: 50%;
}
.ofs-col-xl-push-12 {
    position: relative;
    left: 50%;
}
.ofs-col-xl-13 {
    width: 54.1666666667%;
}
.ofs-col-xl-offset-13 {
    margin-left: 54.1666666667%;
}
.ofs-col-xl-pull-13 {
    position: relative;
    right: 54.1666666667%;
}
.ofs-col-xl-push-13 {
    position: relative;
    left: 54.1666666667%;
}
.ofs-col-xl-14 {
    width: 58.3333333333%;
}
.ofs-col-xl-offset-14 {
    margin-left: 58.3333333333%;
}
.ofs-col-xl-pull-14 {
    position: relative;
    right: 58.3333333333%;
}
.ofs-col-xl-push-14 {
    position: relative;
    left: 58.3333333333%;
}
.ofs-col-xl-15 {
    width: 62.5%;
}
.ofs-col-xl-offset-15 {
    margin-left: 62.5%;
}
.ofs-col-xl-pull-15 {
    position: relative;
    right: 62.5%;
}
.ofs-col-xl-push-15 {
    position: relative;
    left: 62.5%;
}
.ofs-col-xl-16 {
    width: 66.6666666667%;
}
.ofs-col-xl-offset-16 {
    margin-left: 66.6666666667%;
}
.ofs-col-xl-pull-16 {
    position: relative;
    right: 66.6666666667%;
}
.ofs-col-xl-push-16 {
    position: relative;
    left: 66.6666666667%;
}
.ofs-col-xl-17 {
    width: 70.8333333333%;
}
.ofs-col-xl-offset-17 {
    margin-left: 70.8333333333%;
}
.ofs-col-xl-pull-17 {
    position: relative;
    right: 70.8333333333%;
}
.ofs-col-xl-push-17 {
    position: relative;
    left: 70.8333333333%;
}
.ofs-col-xl-18 {
    width: 75%;
}
.ofs-col-xl-offset-18 {
    margin-left: 75%;
}
.ofs-col-xl-pull-18 {
    position: relative;
    right: 75%;
}
.ofs-col-xl-push-18 {
    position: relative;
    left: 75%;
}
.ofs-col-xl-19 {
    width: 79.1666666667%;
}
.ofs-col-xl-offset-19 {
    margin-left: 79.1666666667%;
}
.ofs-col-xl-pull-19 {
    position: relative;
    right: 79.1666666667%;
}
.ofs-col-xl-push-19 {
    position: relative;
    left: 79.1666666667%;
}
.ofs-col-xl-20 {
    width: 83.3333333333%;
}
.ofs-col-xl-offset-20 {
    margin-left: 83.3333333333%;
}
.ofs-col-xl-pull-20 {
    position: relative;
    right: 83.3333333333%;
}
.ofs-col-xl-push-20 {
    position: relative;
    left: 83.3333333333%;
}
.ofs-col-xl-21 {
    width: 87.5%;
}
.ofs-col-xl-offset-21 {
    margin-left: 87.5%;
}
.ofs-col-xl-pull-21 {
    position: relative;
    right: 87.5%;
}
.ofs-col-xl-push-21 {
    position: relative;
    left: 87.5%;
}
.ofs-col-xl-22 {
    width: 91.6666666667%;
}
.ofs-col-xl-offset-22 {
    margin-left: 91.6666666667%;
}
.ofs-col-xl-pull-22 {
    position: relative;
    right: 91.6666666667%;
}
.ofs-col-xl-push-22 {
    position: relative;
    left: 91.6666666667%;
}
.ofs-col-xl-23 {
    width: 95.8333333333%;
}
.ofs-col-xl-offset-23 {
    margin-left: 95.8333333333%;
}
.ofs-col-xl-pull-23 {
    position: relative;
    right: 95.8333333333%;
}
.ofs-col-xl-push-23 {
    position: relative;
    left: 95.8333333333%;
}
.ofs-col-xl-24 {
    width: 100%;
}
.ofs-col-xl-offset-24 {
    margin-left: 100%;
}
.ofs-col-xl-pull-24 {
    position: relative;
    right: 100%;
}
.ofs-col-xl-push-24 {
    position: relative;
    left: 100%;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-progress {
  position: relative;
  line-height: 1;
}
.ofs-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.ofs-progress__text i {
  vertical-align: middle;
  display: block;
}
.ofs-progress--circle, .ofs-progress--dashboard {
  display: inline-block;
}
.ofs-progress--circle .ofs-progress__text, .ofs-progress--dashboard .ofs-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.ofs-progress--circle .ofs-progress__text i, .ofs-progress--dashboard .ofs-progress__text i {
  vertical-align: middle;
  display: inline-block;
}
.ofs-progress--without-text .ofs-progress__text {
  display: none;
}
.ofs-progress--without-text .ofs-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}
.ofs-progress--text-inside .ofs-progress-bar {
  padding-right: 0;
  margin-right: 0;
}
.ofs-progress.is-success .ofs-progress-bar__inner {
  background-color: #48d164;
}
.ofs-progress.is-success .ofs-progress__text {
  color: #48d164;
}
.ofs-progress.is-warning .ofs-progress-bar__inner {
  background-color: #ff8429;
}
.ofs-progress.is-warning .ofs-progress__text {
  color: #ff8429;
}
.ofs-progress.is-exception .ofs-progress-bar__inner {
  background-color: #ff3939;
}
.ofs-progress.is-exception .ofs-progress__text {
  color: #ff3939;
}
.ofs-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.ofs-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #ebeef5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.ofs-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #12b48a;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.ofs-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}
@keyframes progress {
0% {
    background-position: 0 0;
}
100% {
    background-position: 32px 0;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-upload {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  outline: none;
  /* 照片墙模式 */
}
.ofs-upload__input {
  display: none;
}
.ofs-upload__tip {
  font-size: 12px;
  color: #606266;
  margin-top: 7px;
}
.ofs-upload iframe {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ofs-upload--picture-card {
  background-color: #fbfdff;
  border: 1px dashed #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  cursor: pointer;
  line-height: 146px;
  vertical-align: top;
}
.ofs-upload--picture-card i {
  font-size: 28px;
  color: #8c939d;
}
.ofs-upload--picture-card:hover {
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-upload:focus {
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-upload:focus .ofs-upload-dragger {
  border-color: #12b48a;
}
.ofs-upload-dragger {
  background-color: #fff;
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  box-sizing: border-box;
  width: 360px;
  height: 180px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.ofs-upload-dragger .ofs-i-upload {
  font-size: 67px;
  color: #c0c4cc;
  margin: 40px 0 16px;
  line-height: 50px;
}
.ofs-upload-dragger + .ofs-upload__tip {
  text-align: center;
}
.ofs-upload-dragger ~ .ofs-upload__files {
  border-top: 1px solid #dcdfe6;
  margin-top: 7px;
  padding-top: 5px;
}
.ofs-upload-dragger .ofs-upload__text {
  color: #606266;
  font-size: 14px;
  text-align: center;
}
.ofs-upload-dragger .ofs-upload__text em {
  color: #12b48a;
  font-style: normal;
}
.ofs-upload-dragger:hover {
  border-color: #12b48a;
}
.ofs-upload-dragger.is-dragover {
  background-color: rgba(32, 159, 255, 0.06);
  border: 2px dashed #12b48a;
}
.ofs-upload-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ofs-upload-list__item {
  transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
  font-size: 14px;
  color: #606266;
  line-height: 1.8;
  margin-top: 5px;
  position: relative;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
}
.ofs-upload-list__item .ofs-form .ofs-form-item {
  margin-bottom: 14px;
}
.ofs-upload-list__item .ofs-form .ofs-form-item__content {
  line-height: 1;
  display: flex;
  align-items: center;
}
.ofs-upload-list__item .ofs-form .ofs-form-item__content .ofs-form-item__error {
  padding-top: 0;
}
.ofs-upload-list__item .ofs-progress {
  position: absolute;
  top: 20px;
  width: 100%;
}
.ofs-upload-list__item .ofs-progress__text {
  position: absolute;
  right: 0;
  top: -13px;
}
.ofs-upload-list__item .ofs-progress-bar {
  margin-right: 0;
  padding-right: 0;
}
.ofs-upload-list__item:first-child {
  margin-top: 10px;
}
.ofs-upload-list__item .el-icon-upload-success {
  color: #48d164;
}
.ofs-upload-list__item .ofs-i-close,
.ofs-upload-list__item .ofs-i-edit {
  display: none;
  position: absolute;
  top: 6px;
  right: 5px;
  cursor: pointer;
  opacity: 0.75;
  color: #606266;
}
.ofs-upload-list__item .ofs-i-close:hover,
.ofs-upload-list__item .ofs-i-edit:hover {
  opacity: 1;
}
.ofs-upload-list__item .ofs-i-edit {
  right: 24px;
  display: inline-block;
  color: #12b48a;
}
.ofs-upload-list__item .el-icon-close-tip {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  opacity: 1;
  color: #12b48a;
}
.ofs-upload-list__item:hover:not(.is-edit-name) {
  background-color: #f5f7fa;
}
.ofs-upload-list__item:hover .ofs-i-close {
  display: inline-block;
}
.ofs-upload-list__item:hover .ofs-progress__text {
  display: none;
}
.ofs-upload-list__item.is-success .ofs-upload-list__item-status-label {
  display: block;
}
.ofs-upload-list__item.is-success .ofs-upload-list__item-name:hover,
.ofs-upload-list__item.is-success .ofs-upload-list__item-name:focus {
  color: #12b48a;
  cursor: pointer;
}
.ofs-upload-list__item.is-success:focus:not(:hover) {
  /* 键盘focus */
}
.ofs-upload-list__item.is-success:focus:not(:hover) .el-icon-close-tip {
  display: inline-block;
}
.ofs-upload-list__item.is-success:not(.focusing):focus, .ofs-upload-list__item.is-success:active {
  /* click时 */
  outline-width: 0;
}
.ofs-upload-list__item.is-success:not(.focusing):focus .el-icon-close-tip, .ofs-upload-list__item.is-success:active .el-icon-close-tip {
  display: none;
}
.ofs-upload-list__item.is-success:hover .ofs-upload-list__item-status-label, .ofs-upload-list__item.is-success:focus .ofs-upload-list__item-status-label {
  display: none;
}
.ofs-upload-list.is-disabled .ofs-upload-list__item:hover .ofs-upload-list__item-status-label {
  display: block;
}
.ofs-upload-list__item-name {
  color: #606266;
  display: block;
  margin-right: 40px;
  overflow: hidden;
  padding-left: 4px;
  text-overflow: ellipsis;
  transition: color 0.3s;
  white-space: nowrap;
}
.ofs-upload-list__item-name.ofs-input {
  margin-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-upload-list__item-name.ofs-input .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-upload-list__item-name.ofs-input + .ofs-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-upload-list__item-name [class^=el-icon],
.ofs-upload-list__item-name [class^=ofs-i-] {
  height: 100%;
  margin-right: 7px;
  color: #909399;
  line-height: inherit;
}
.ofs-upload-list__item-status-label {
  position: absolute;
  right: 5px;
  top: 0;
  line-height: inherit;
  display: none;
}
.ofs-upload-list__item-delete {
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 12px;
  color: #606266;
  display: none;
}
.ofs-upload-list__item-delete:hover {
  color: #12b48a;
}
.ofs-upload-list--picture-card {
  margin: 0;
  display: inline;
  vertical-align: top;
}
.ofs-upload-list--picture-card .ofs-upload-list__item {
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  width: 148px;
  height: 148px;
  margin: 0 8px 8px 0;
  display: inline-block;
}
.ofs-upload-list--picture-card .ofs-upload-list__item .el-icon-check,
.ofs-upload-list--picture-card .ofs-upload-list__item .el-icon-circle-check {
  color: #ffffff;
}
.ofs-upload-list--picture-card .ofs-upload-list__item .ofs-i-close {
  display: none;
}
.ofs-upload-list--picture-card .ofs-upload-list__item:hover .ofs-upload-list__item-status-label {
  display: none;
}
.ofs-upload-list--picture-card .ofs-upload-list__item:hover .ofs-progress__text {
  display: block;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-name {
  display: none;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-thumbnail {
  width: 100%;
  height: 100%;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-status-label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.ofs-upload-list--picture-card .ofs-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  cursor: default;
  text-align: center;
  color: #fff;
  opacity: 0;
  font-size: 20px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions span {
  display: none;
  cursor: pointer;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions span + span {
  margin-left: 15px;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions .ofs-upload-list__item-delete {
  position: static;
  font-size: inherit;
  color: inherit;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions:hover {
  opacity: 1;
}
.ofs-upload-list--picture-card .ofs-upload-list__item-actions:hover span {
  display: inline-block;
}
.ofs-upload-list--picture-card .ofs-progress {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: auto;
  width: 126px;
}
.ofs-upload-list--picture-card .ofs-progress .ofs-progress__text {
  top: 50%;
}
.ofs-upload-list--picture .ofs-upload-list__item {
  overflow: hidden;
  z-index: 0;
  background-color: #fff;
  border: 1px solid #c0ccda;
  border-radius: 6px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px 10px 10px 90px;
  height: 92px;
  display: flex;
  align-items: center;
}
.ofs-upload-list--picture .ofs-upload-list__item .el-icon-check,
.ofs-upload-list--picture .ofs-upload-list__item .el-icon-circle-check {
  color: #ffffff;
}
.ofs-upload-list--picture .ofs-upload-list__item .ofs-i-close,
.ofs-upload-list--picture .ofs-upload-list__item .ofs-i-edit {
  top: unset;
}
.ofs-upload-list--picture .ofs-upload-list__item:hover .ofs-upload-list__item-status-label {
  background: transparent;
  box-shadow: none;
  top: -2px;
  right: -12px;
}
.ofs-upload-list--picture .ofs-upload-list__item:hover .ofs-progress__text {
  display: block;
}
.ofs-upload-list--picture .ofs-upload-list__item.is-success .ofs-upload-list__item-name {
  line-height: 70px;
  margin-top: 0;
}
.ofs-upload-list--picture .ofs-upload-list__item.is-success .ofs-upload-list__item-name i {
  display: none;
}
.ofs-upload-list--picture .ofs-upload-list__item-thumbnail {
  vertical-align: middle;
  display: inline-block;
  width: 70px;
  height: 70px;
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -80px;
  background-color: #ffffff;
}
.ofs-upload-list--picture .ofs-upload-list__item-name {
  display: block;
  margin-top: 20px;
}
.ofs-upload-list--picture .ofs-upload-list__item-name i {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 9px;
  top: 10px;
}
.ofs-upload-list--picture .ofs-upload-list__item-status-label {
  position: absolute;
  right: -17px;
  top: -7px;
  width: 46px;
  height: 26px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 1px 1px #ccc;
}
.ofs-upload-list--picture .ofs-upload-list__item-status-label i {
  font-size: 12px;
  margin-top: 12px;
  transform: rotate(-45deg);
}
.ofs-upload-list--picture .ofs-progress {
  position: relative;
  top: -7px;
}
.ofs-upload-cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
  cursor: default;
}
.ofs-upload-cover::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-upload-cover img {
  display: block;
  width: 100%;
  height: 100%;
}
.ofs-upload-cover__label {
  position: absolute;
  right: -15px;
  top: -6px;
  width: 40px;
  height: 24px;
  background: #13ce66;
  text-align: center;
  transform: rotate(45deg);
  box-shadow: 0 0 1pc 1px rgba(0, 0, 0, 0.2);
}
.ofs-upload-cover__label i {
  font-size: 12px;
  margin-top: 11px;
  transform: rotate(-45deg);
  color: #fff;
}
.ofs-upload-cover__progress {
  display: inline-block;
  vertical-align: middle;
  position: static;
  width: 243px;
}
.ofs-upload-cover__progress + .ofs-upload__inner {
  opacity: 0;
}
.ofs-upload-cover__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ofs-upload-cover__interact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center;
}
.ofs-upload-cover__interact .btn {
  display: inline-block;
  color: #ffffff;
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  margin-top: 60px;
}
.ofs-upload-cover__interact .btn i {
  margin-top: 0;
}
.ofs-upload-cover__interact .btn span {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.ofs-upload-cover__interact .btn:not(:first-child) {
  margin-left: 35px;
}
.ofs-upload-cover__interact .btn:hover {
  transform: translateY(-13px);
}
.ofs-upload-cover__interact .btn:hover span {
  opacity: 1;
}
.ofs-upload-cover__interact .btn i {
  color: #ffffff;
  display: block;
  font-size: 24px;
  line-height: inherit;
  margin: 0 auto 5px;
}
.ofs-upload-cover__title {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  height: 36px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
  padding: 0 10px;
  margin: 0;
  line-height: 36px;
  font-size: 14px;
  color: #303133;
}
.ofs-upload-cover + .ofs-upload__inner {
  opacity: 0;
  position: relative;
  z-index: 1;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-progress {
  position: relative;
  line-height: 1;
}
.ofs-progress__text {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  line-height: 1;
}
.ofs-progress__text i {
  vertical-align: middle;
  display: block;
}
.ofs-progress--circle, .ofs-progress--dashboard {
  display: inline-block;
}
.ofs-progress--circle .ofs-progress__text, .ofs-progress--dashboard .ofs-progress__text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.ofs-progress--circle .ofs-progress__text i, .ofs-progress--dashboard .ofs-progress__text i {
  vertical-align: middle;
  display: inline-block;
}
.ofs-progress--without-text .ofs-progress__text {
  display: none;
}
.ofs-progress--without-text .ofs-progress-bar {
  padding-right: 0;
  margin-right: 0;
  display: block;
}
.ofs-progress--text-inside .ofs-progress-bar {
  padding-right: 0;
  margin-right: 0;
}
.ofs-progress.is-success .ofs-progress-bar__inner {
  background-color: #48d164;
}
.ofs-progress.is-success .ofs-progress__text {
  color: #48d164;
}
.ofs-progress.is-warning .ofs-progress-bar__inner {
  background-color: #ff8429;
}
.ofs-progress.is-warning .ofs-progress__text {
  color: #ff8429;
}
.ofs-progress.is-exception .ofs-progress-bar__inner {
  background-color: #ff3939;
}
.ofs-progress.is-exception .ofs-progress__text {
  color: #ff3939;
}
.ofs-progress-bar {
  padding-right: 50px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  margin-right: -55px;
  box-sizing: border-box;
}
.ofs-progress-bar__outer {
  height: 6px;
  border-radius: 100px;
  background-color: #ebeef5;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.ofs-progress-bar__inner {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #12b48a;
  text-align: right;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  transition: width 0.6s ease;
}
.ofs-progress-bar__inner::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-progress-bar__innerText {
  display: inline-block;
  vertical-align: middle;
  color: #ffffff;
  font-size: 12px;
  margin: 0 5px;
}
@keyframes progress {
0% {
    background-position: 0 0;
}
100% {
    background-position: 32px 0;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-time-spinner {
  width: 100%;
  white-space: nowrap;
}
.ofs-spinner {
  display: inline-block;
  vertical-align: middle;
}
.ofs-spinner-inner {
  animation: rotate 2s linear infinite;
  width: 50px;
  height: 50px;
}
.ofs-spinner-inner .path {
  stroke: #ececec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
@keyframes rotate {
100% {
    transform: rotate(360deg);
}
}
@keyframes dash {
0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
}
50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
}
100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-message {
  min-width: 380px;
  box-sizing: border-box;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #ebeef5;
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
  background-color: #edf2fc;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  overflow: hidden;
  padding: 15px 15px 15px 20px;
  display: flex;
  align-items: center;
}
.ofs-message.is-center {
  justify-content: center;
}
.ofs-message.is-closable .ofs-message__content {
  padding-right: 16px;
}
.ofs-message p {
  margin: 0;
}
.ofs-message--info .ofs-message__content {
  color: #909399;
}
.ofs-message--success {
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
}
.ofs-message--success .ofs-message__content {
  color: #48d164;
}
.ofs-message--warning {
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
}
.ofs-message--warning .ofs-message__content {
  color: #ff8429;
}
.ofs-message--error {
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
}
.ofs-message--error .ofs-message__content {
  color: #ff3939;
}
.ofs-message__icon {
  margin-right: 10px;
}
.ofs-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.ofs-message__content:focus {
  outline-width: 0;
}
.ofs-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  color: #c0c4cc;
  font-size: 20px;
}
.ofs-message__closeBtn:focus {
  outline-width: 0;
}
.ofs-message__closeBtn:hover {
  color: #909399;
}
.ofs-message .ofs-icon-success, .ofs-message .ofs-i-check-circle-solid {
  color: #48d164;
}
.ofs-message .ofs-icon-error, .ofs-message .ofs-i-close-circle-solid {
  color: #ff3939;
}
.ofs-message .ofs-icon-info, .ofs-message .ofs-i-info-solid {
  color: #909399;
}
.ofs-message .ofs-icon-warning, .ofs-message .ofs-i-warming-circle-solid {
  color: #ff8429;
}
.ofs-message-fade-enter,
.ofs-message-fade-leave-active {
  opacity: 0;
  transform: translate(-50%, -100%);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}
.ofs-badge__content {
  background-color: #ff3939;
  border-radius: 10px;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ffffff;
}
.ofs-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-50%) translateX(100%);
}
.ofs-badge__content.is-fixed.is-dot {
  right: 5px;
}
.ofs-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}
.ofs-badge__content--primary {
  background-color: #12b48a;
}
.ofs-badge__content--success {
  background-color: #48d164;
}
.ofs-badge__content--warning {
  background-color: #ff8429;
}
.ofs-badge__content--info {
  background-color: #909399;
}
.ofs-badge__content--danger {
  background-color: #ff3939;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-card {
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #ffffff;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
}
.ofs-card.is-always-shadow {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ofs-card.is-hover-shadow:hover, .ofs-card.is-hover-shadow:focus {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ofs-card.is-no-border {
  border: none;
}
.ofs-card__header {
  padding: 18px 20px;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
}
.ofs-card__header.is-no-border {
  border: none;
}
.ofs-card__body {
  padding: 20px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-rate {
  height: 20px;
  line-height: 1;
}
.ofs-rate:focus, .ofs-rate:active {
  outline-width: 0;
}
.ofs-rate__item {
  display: inline-block;
  position: relative;
  font-size: 0;
  vertical-align: middle;
}
.ofs-rate__icon {
  position: relative;
  display: inline-block;
  font-size: 18px;
  margin-right: 6px;
  color: #c0c4cc;
  transition: 0.3s;
}
.ofs-rate__icon.hover {
  transform: scale(1.15);
}
.ofs-rate__icon .path2 {
  position: absolute;
  left: 0;
  top: 0;
}
.ofs-rate__decimal {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
}
.ofs-rate__text {
  font-size: 14px;
  vertical-align: middle;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-steps {
  display: flex;
}
.ofs-steps--simple {
  padding: 13px 8%;
  border-radius: 4px;
  background: #f5f7fa;
}
.ofs-steps--horizontal {
  white-space: nowrap;
}
.ofs-steps--vertical {
  height: 100%;
  flex-flow: column;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-step {
  position: relative;
  flex-shrink: 1;
}
.ofs-step:last-of-type .ofs-step__line {
  display: none;
}
.ofs-step:last-of-type.is-flex {
  flex-basis: auto !important;
  flex-shrink: 0;
  flex-grow: 0;
}
.ofs-step:last-of-type .ofs-step__main, .ofs-step:last-of-type .ofs-step__description {
  padding-right: 0;
}
.ofs-step__head {
  position: relative;
  width: 100%;
}
.ofs-step__head.is-process {
  color: #303133;
  border-color: #303133;
}
.ofs-step__head.is-wait {
  color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-step__head.is-success {
  color: #48d164;
  border-color: #48d164;
}
.ofs-step__head.is-error {
  color: #ff3939;
  border-color: #ff3939;
}
.ofs-step__head.is-finish {
  color: #12b48a;
  border-color: #12b48a;
}
.ofs-step__icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: #ffffff;
  transition: 0.15s ease-out;
}
.ofs-step__icon.is-text {
  border-radius: 50%;
  border: 2px solid;
  border-color: inherit;
}
.ofs-step__icon.is-icon {
  width: 40px;
}
.ofs-step__icon-inner {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}
.ofs-step__icon-inner[class*=ofs-i-]:not(.is-status) {
  font-size: 25px;
  font-weight: normal;
}
.ofs-step__icon-inner.is-status {
  transform: translateY(1px);
}
.ofs-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #c0c4cc;
}
.ofs-step__line-inner {
  display: block;
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  transition: 0.15s ease-out;
  box-sizing: border-box;
  width: 0;
  height: 0;
}
.ofs-step__main {
  white-space: normal;
  text-align: left;
}
.ofs-step__title {
  font-size: 16px;
  line-height: 38px;
}
.ofs-step__title.is-process {
  font-weight: bold;
  color: #303133;
}
.ofs-step__title.is-wait {
  color: #c0c4cc;
}
.ofs-step__title.is-success {
  color: #48d164;
}
.ofs-step__title.is-error {
  color: #ff3939;
}
.ofs-step__title.is-finish {
  color: #12b48a;
}
.ofs-step__description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
}
.ofs-step__description.is-process {
  color: #303133;
}
.ofs-step__description.is-wait {
  color: #c0c4cc;
}
.ofs-step__description.is-success {
  color: #48d164;
}
.ofs-step__description.is-error {
  color: #ff3939;
}
.ofs-step__description.is-finish {
  color: #12b48a;
}
.ofs-step.is-horizontal {
  display: inline-block;
}
.ofs-step.is-horizontal .ofs-step__line {
  height: 2px;
  top: 11px;
  left: 0;
  right: 0;
}
.ofs-step.is-vertical {
  display: flex;
}
.ofs-step.is-vertical .ofs-step__head {
  flex-grow: 0;
  width: 24px;
}
.ofs-step.is-vertical .ofs-step__main {
  padding-left: 10px;
  flex-grow: 1;
}
.ofs-step.is-vertical .ofs-step__title {
  line-height: 24px;
  padding-bottom: 8px;
}
.ofs-step.is-vertical .ofs-step__line {
  width: 2px;
  top: 0;
  bottom: 0;
  left: 11px;
}
.ofs-step.is-vertical .ofs-step__icon.is-icon {
  width: 24px;
}
.ofs-step.is-center .ofs-step__head {
  text-align: center;
}
.ofs-step.is-center .ofs-step__main {
  text-align: center;
}
.ofs-step.is-center .ofs-step__description {
  padding-left: 20%;
  padding-right: 20%;
}
.ofs-step.is-center .ofs-step__line {
  left: 50%;
  right: -50%;
}
.ofs-step.is-simple {
  display: flex;
  align-items: center;
}
.ofs-step.is-simple .ofs-step__head {
  width: auto;
  font-size: 0;
  padding-right: 10px;
}
.ofs-step.is-simple .ofs-step__icon {
  background: transparent;
  width: 16px;
  height: 16px;
  font-size: 12px;
}
.ofs-step.is-simple .ofs-step__icon-inner[class*=ofs-i-]:not(.is-status) {
  font-size: 18px;
}
.ofs-step.is-simple .ofs-step__icon-inner.is-status {
  transform: scale(0.8) translateY(1px);
}
.ofs-step.is-simple .ofs-step__main {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-grow: 1;
}
.ofs-step.is-simple .ofs-step__title {
  font-size: 16px;
  line-height: 20px;
}
.ofs-step.is-simple:not(:last-of-type) .ofs-step__title {
  max-width: 50%;
  word-break: break-all;
}
.ofs-step.is-simple .ofs-step__arrow {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ofs-step.is-simple .ofs-step__arrow::before, .ofs-step.is-simple .ofs-step__arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 15px;
  width: 1px;
  background: #c0c4cc;
}
.ofs-step.is-simple .ofs-step__arrow::before {
  transform: rotate(-45deg) translateY(-4px);
  transform-origin: 0 0;
}
.ofs-step.is-simple .ofs-step__arrow::after {
  transform: rotate(45deg) translateY(4px);
  transform-origin: 100% 100%;
}
.ofs-step.is-simple:last-of-type .ofs-step__arrow {
  display: none;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-carousel {
  position: relative;
}
.ofs-carousel--horizontal {
  overflow-x: hidden;
}
.ofs-carousel--vertical {
  overflow-y: hidden;
}
.ofs-carousel__container {
  position: relative;
  height: 300px;
}
.ofs-carousel__arrow {
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  height: 36px;
  width: 36px;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 50%;
  background-color: rgba(31, 45, 61, 0.11);
  color: #ffffff;
  position: absolute;
  top: 50%;
  z-index: 10;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
}
.ofs-carousel__arrow--left {
  left: 16px;
}
.ofs-carousel__arrow--right {
  right: 16px;
}
.ofs-carousel__arrow:hover {
  background-color: rgba(31, 45, 61, 0.23);
}
.ofs-carousel__arrow i {
  cursor: pointer;
}
.ofs-carousel__indicators {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 2;
}
.ofs-carousel__indicators--horizontal {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ofs-carousel__indicators--vertical {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.ofs-carousel__indicators--outside {
  bottom: 26px;
  text-align: center;
  position: static;
  transform: none;
}
.ofs-carousel__indicators--outside .ofs-carousel__indicator:hover button {
  opacity: 0.64;
}
.ofs-carousel__indicators--outside button {
  background-color: #c0c4cc;
  opacity: 0.24;
}
.ofs-carousel__indicators--labels {
  left: 0;
  right: 0;
  transform: none;
  text-align: center;
}
.ofs-carousel__indicators--labels .ofs-carousel__button {
  height: auto;
  width: auto;
  padding: 2px 18px;
  font-size: 12px;
}
.ofs-carousel__indicators--labels .ofs-carousel__indicator {
  padding: 6px 4px;
}
.ofs-carousel__indicator {
  background-color: transparent;
  cursor: pointer;
}
.ofs-carousel__indicator:hover button {
  opacity: 0.72;
}
.ofs-carousel__indicator--horizontal {
  display: inline-block;
  padding: 12px 4px;
}
.ofs-carousel__indicator--vertical {
  padding: 4px 12px;
}
.ofs-carousel__indicator--vertical .ofs-carousel__button {
  width: 2px;
  height: 15px;
}
.ofs-carousel__indicator.is-active button {
  opacity: 1;
}
.ofs-carousel__button {
  display: block;
  opacity: 0.48;
  width: 30px;
  height: 2px;
  background-color: #ffffff;
  border: none;
  outline: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 0.3s;
}
.carousel-arrow-left-enter,
.carousel-arrow-left-leave-active {
  transform: translateY(-50%) translateX(-10px);
  opacity: 0;
}
.carousel-arrow-right-enter,
.carousel-arrow-right-leave-active {
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-carousel__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}
.ofs-carousel__item.is-active {
  z-index: 2;
}
.ofs-carousel__item.is-animating {
  transition: transform 0.4s ease-in-out;
}
.ofs-carousel__item--card {
  width: 50%;
  transition: transform 0.4s ease-in-out;
}
.ofs-carousel__item--card.is-in-stage {
  cursor: pointer;
  z-index: 1;
}
.ofs-carousel__item--card.is-in-stage:hover .ofs-carousel__mask, .ofs-carousel__item--card.is-in-stage.is-hover .ofs-carousel__mask {
  opacity: 0.12;
}
.ofs-carousel__item--card.is-active {
  z-index: 2;
}
.ofs-carousel__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffffff;
  opacity: 0.24;
  transition: 0.2s;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-linear-enter-active,
.ofs-fade-in-linear-leave-active {
  transition: opacity 200ms linear;
}
.ofs-fade-in-linear-enter,
.ofs-fade-in-linear-leave,
.ofs-fade-in-linear-leave-active {
  opacity: 0;
}
.ofs-fade-in-enter-active,
.ofs-fade-in-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-fade-in-enter,
.ofs-fade-in-leave-active {
  opacity: 0;
}
.ofs-zoom-in-center-enter-active,
.ofs-zoom-in-center-leave-active {
  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-zoom-in-center-enter,
.ofs-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.ofs-zoom-in-top-enter-active,
.ofs-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center top;
}
.ofs-zoom-in-top-enter,
.ofs-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-bottom-enter-active,
.ofs-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center bottom;
}
.ofs-zoom-in-bottom-enter,
.ofs-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.ofs-zoom-in-left-enter-active,
.ofs-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1, 1);
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: top left;
}
.ofs-zoom-in-left-enter,
.ofs-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45, 0.45);
}
.collapse-transition {
  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
}
.ofs-list-enter-active,
.ofs-list-leave-active {
  transition: all 1s;
}
.ofs-list-enter,
.ofs-list-leave-active {
  opacity: 0;
  transform: translateY(-30px);
}
.ofs-opacity-transition {
  transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);
}
.ofs-collapse {
  border-top: 1px solid #ebeef5;
  border-bottom: 1px solid #ebeef5;
}
.ofs-collapse-item.is-disabled .ofs-collapse-item__header {
  color: #bbb;
  cursor: not-allowed;
}
.ofs-collapse-item__header {
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  color: #303133;
  cursor: pointer;
  border-bottom: 1px solid #ebeef5;
  font-size: 13px;
  font-weight: 500;
  transition: border-bottom-color 0.3s;
  outline: none;
}
.ofs-collapse-item__arrow {
  margin: 0 8px 0 auto;
  transition: transform 0.3s;
  font-weight: 300;
}
.ofs-collapse-item__arrow.is-active {
  transform: rotate(90deg);
}
.ofs-collapse-item__header.focusing:focus:not(:hover) {
  color: #12b48a;
}
.ofs-collapse-item__header.is-active {
  border-bottom-color: transparent;
}
.ofs-collapse-item__wrap {
  will-change: height;
  background-color: #ffffff;
  overflow: hidden;
  box-sizing: border-box;
  border-bottom: 1px solid #ebeef5;
}
.ofs-collapse-item__content {
  padding-bottom: 25px;
  font-size: 13px;
  color: #303133;
  line-height: 1.7692307692;
}
.ofs-collapse-item:last-child {
  margin-bottom: -1px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-tag-ex {
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
  color: #12b48a;
  display: inline-block;
  height: 32px;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  color: #12b48a;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  box-sizing: border-box;
  white-space: nowrap;
}
.ofs-tag-ex.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex.ofs-tag-ex--info {
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex.ofs-tag-ex--success {
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex.ofs-tag-ex--warning {
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex.ofs-tag-ex--danger {
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex .ofs-i-close {
  border-radius: 50%;
  text-align: center;
  position: relative;
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  vertical-align: middle;
  top: -1px;
  right: -5px;
}
.ofs-tag-ex .ofs-i-close::before {
  display: block;
}
.ofs-tag-ex--dark {
  background-color: #12b48a;
  border-color: #12b48a;
  color: white;
}
.ofs-tag-ex--dark.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--dark .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(65.4, 195, 161.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--info {
  background-color: #909399;
  border-color: #909399;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(166.2, 168.6, 173.4);
}
.ofs-tag-ex--dark.ofs-tag-ex--success {
  background-color: #48d164;
  border-color: #48d164;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(108.6, 218.2, 131);
}
.ofs-tag-ex--dark.ofs-tag-ex--warning {
  background-color: #ff8429;
  border-color: #ff8429;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 156.6, 83.8);
}
.ofs-tag-ex--dark.ofs-tag-ex--danger {
  background-color: #ff3939;
  border-color: #ff3939;
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: white;
}
.ofs-tag-ex--dark.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: rgb(255, 96.6, 96.6);
}
.ofs-tag-ex--plain {
  background-color: white;
  border-color: rgb(160.2, 225, 208.2);
  color: #12b48a;
}
.ofs-tag-ex--plain.is-hit {
  border-color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close {
  color: #12b48a;
}
.ofs-tag-ex--plain .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #12b48a;
}
.ofs-tag-ex--plain.ofs-tag-ex--info {
  background-color: white;
  border-color: rgb(210.6, 211.8, 214.2);
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info.is-hit {
  border-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close {
  color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--info .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #909399;
}
.ofs-tag-ex--plain.ofs-tag-ex--success {
  background-color: white;
  border-color: rgb(181.8, 236.6, 193);
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success.is-hit {
  border-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close {
  color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--success .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #48d164;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning {
  background-color: white;
  border-color: rgb(255, 205.8, 169.4);
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning.is-hit {
  border-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close {
  color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--warning .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff8429;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger {
  background-color: white;
  border-color: rgb(255, 175.8, 175.8);
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger.is-hit {
  border-color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close {
  color: #ff3939;
}
.ofs-tag-ex--plain.ofs-tag-ex--danger .ofs-tag-ex__close:hover {
  color: #ffffff;
  background-color: #ff3939;
}
.ofs-tag-ex--medium {
  height: 28px;
  line-height: 26px;
}
.ofs-tag-ex--medium .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--small {
  height: 24px;
  padding: 0 8px;
  line-height: 22px;
}
.ofs-tag-ex--small .ofs-i-close {
  transform: scale(0.8);
}
.ofs-tag-ex--mini {
  height: 20px;
  padding: 0 5px;
  line-height: 19px;
}
.ofs-tag-ex--mini .ofs-i-close {
  margin-left: -3px;
  transform: scale(0.7);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.ofs-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  height: 40px;
}
.ofs-radio.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #ebeef5;
}
.ofs-radio.is-bordered + .ofs-radio.is-bordered {
  margin-left: 10px;
}
.ofs-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-radio--medium.is-bordered .ofs-radio__label {
  font-size: 14px;
}
.ofs-radio--medium.is-bordered .ofs-radio__inner {
  height: 14px;
  width: 14px;
}
.ofs-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-radio--small.is-bordered .ofs-radio__label {
  font-size: 12px;
}
.ofs-radio--small.is-bordered .ofs-radio__inner {
  height: 12px;
  width: 12px;
}
.ofs-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-radio--mini.is-bordered .ofs-radio__label {
  font-size: 12px;
}
.ofs-radio--mini.is-bordered .ofs-radio__inner {
  height: 12px;
  width: 12px;
}
.ofs-radio:last-child {
  margin-right: 0;
}
.ofs-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-radio__input.is-disabled .ofs-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
}
.ofs-radio__input.is-disabled .ofs-radio__inner::after {
  cursor: not-allowed;
  background-color: #f5f7fa;
}
.ofs-radio__input.is-disabled .ofs-radio__inner + .ofs-radio__label {
  cursor: not-allowed;
}
.ofs-radio__input.is-disabled.is-checked .ofs-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}
.ofs-radio__input.is-disabled.is-checked .ofs-radio__inner::after {
  background-color: #c0c4cc;
}
.ofs-radio__input.is-disabled + span.ofs-radio__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-radio__input.is-checked .ofs-radio__inner {
  border-color: #12b48a;
  background: #12b48a;
}
.ofs-radio__input.is-checked .ofs-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.ofs-radio__input.is-checked + .ofs-radio__label {
  color: #12b48a;
}
.ofs-radio__input.is-focus .ofs-radio__inner {
  border-color: #12b48a;
}
.ofs-radio__inner {
  border: 1px solid #dcdfe6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.ofs-radio__inner:hover {
  border-color: #12b48a;
}
.ofs-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}
.ofs-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.ofs-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.ofs-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .ofs-radio__inner {
  box-shadow: 0 0 2px 2px #12b48a;
}
.ofs-radio__label {
  font-size: 12px;
  padding-left: 10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.ofs-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 12px;
  min-height: 192px;
}
.ofs-cascader-panel.is-bordered {
  border: solid 1px #e4e7ed;
  border-radius: 4px;
}
.ofs-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #e4e7ed;
}
.ofs-cascader-menu:last-child {
  border-right: none;
}
.ofs-cascader-menu:last-child .ofs-cascader-node {
  padding-right: 20px;
}
.ofs-cascader-menu__virtual-list {
  height: 192px;
  padding: 6px 0px;
  overflow: auto;
}
.ofs-cascader-menu__virtual-list.has-check {
  padding-top: 0;
}
.ofs-cascader-menu__virtual-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ofs-cascader-menu__virtual-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
.ofs-cascader-menu__virtual-list::-webkit-scrollbar-track {
  background: transparent;
}
.ofs-cascader-menu__wrap {
  height: 204px;
}
.ofs-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}
.ofs-cascader-menu__checkbox-wrap {
  height: 24px;
  padding-left: 20px;
}
.ofs-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ofs-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #c0c4cc;
}
.ofs-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.ofs-cascader-node.is-selectable.in-active-path {
  color: #606266;
}
.ofs-cascader-node.in-active-path, .ofs-cascader-node.is-selectable.in-checked-path, .ofs-cascader-node.is-active {
  color: #12b48a;
  font-weight: bold;
}
.ofs-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.ofs-cascader-node:not(.is-disabled):hover, .ofs-cascader-node:not(.is-disabled):focus {
  background: #f5f7fa;
}
.ofs-cascader-node.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-cascader-node__prefix {
  position: absolute;
  left: 10px;
}
.ofs-cascader-node__postfix {
  position: absolute;
  right: 10px;
}
.ofs-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-cascader-node > .ofs-radio {
  margin-right: 0;
}
.ofs-cascader-node > .ofs-radio .ofs-radio__label {
  padding-left: 0;
}
.ofs-cascader {
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 40px;
}
.ofs-cascader:not(.is-disabled):hover .ofs-input__inner {
  cursor: pointer;
  border-color: #a1a5ac;
}
.ofs-cascader .ofs-cascader__tags-wrap {
  display: contents;
}
.ofs-cascader .ofs-input {
  cursor: pointer;
}
.ofs-cascader .ofs-input .ofs-input__inner {
  text-overflow: ellipsis;
}
.ofs-cascader .ofs-input .ofs-input__inner:focus {
  border-color: #12b48a;
}
.ofs-cascader .ofs-input:not(.is-disabled) .ofs-input__suffix .ofs-input__suffix-inner .ofs-i-down {
  color: #606266;
}
.ofs-cascader .ofs-input .ofs-input__suffix .ofs-input__suffix-inner .ofs-i-down {
  color: #c0c4cc;
}
.ofs-cascader .ofs-input .ofs-icon-arrow-down {
  transition: transform 0.3s;
  font-size: 14px;
}
.ofs-cascader .ofs-input .ofs-icon-arrow-down.is-reverse {
  transform: rotateZ(180deg);
}
.ofs-cascader .ofs-input .ofs-icon-circle-close:hover {
  color: #909399;
}
.ofs-cascader .ofs-input.is-focus .ofs-input__inner {
  border-color: #12b48a;
}
.ofs-cascader--medium {
  font-size: 14px;
  line-height: 36px;
}
.ofs-cascader--small {
  font-size: 12px;
  line-height: 32px;
}
.ofs-cascader--mini {
  font-size: 12px;
  line-height: 28px;
}
.ofs-cascader.is-disabled .ofs-cascader__label {
  z-index: 2;
  color: #c0c4cc;
}
.ofs-cascader__dropdown {
  margin: 5px 0;
  font-size: 12px;
  background: #ffffff;
  border: solid 1px #e4e7ed;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ofs-cascader__tags {
  position: absolute;
  left: 0;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-wrap: wrap;
  line-height: normal;
  text-align: left;
  box-sizing: border-box;
}
.ofs-cascader__tags .ofs-tag-ex {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  margin: 2px 0 2px 6px;
  text-overflow: ellipsis;
  background: #f0f2f5;
}
.ofs-cascader__tags .ofs-tag-ex:not(.is-hit) {
  border-color: transparent;
}
.ofs-cascader__tags .ofs-tag-ex > span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-cascader__tags .ofs-tag-ex .ofs-i-close {
  flex: none;
  background-color: #c0c4cc;
  color: #ffffff;
  top: 0;
}
.ofs-cascader__tags .ofs-tag-ex .ofs-i-close:hover {
  background-color: #909399;
}
.ofs-cascader__suggestion-panel {
  border-radius: 4px;
}
.ofs-cascader__suggestion-list {
  max-height: 204px;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
  color: #606266;
  text-align: center;
}
.ofs-cascader__virtual-list-filter {
  height: 192px;
  overflow: auto;
  min-width: 180px;
}
.ofs-cascader__suggestion-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  padding: 0 15px;
  text-align: left;
  outline: none;
  cursor: pointer;
}
.ofs-cascader__suggestion-item:hover, .ofs-cascader__suggestion-item:focus {
  background: #f5f7fa;
}
.ofs-cascader__suggestion-item.is-checked {
  color: #12b48a;
  font-weight: bold;
}
.ofs-cascader__suggestion-item > span {
  margin-right: 10px;
}
.ofs-cascader__empty-text {
  margin: 10px 0;
  color: #c0c4cc;
}
.ofs-cascader__search-input {
  flex: 1;
  height: 24px;
  min-width: 60px;
  margin: 2px 0 2px 15px;
  padding: 0;
  color: #606266;
  border: none;
  outline: none;
  box-sizing: border-box;
}
.ofs-cascader__search-input::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-cascader__search-input::placeholder {
  color: #c0c4cc;
}
.ofs-cascader.is-inline.is-filter.is-focus .ofs-cascader__tags-wrap {
  max-width: 60%;
}
.ofs-cascader.is-inline.is-filter.is-focus .ofs-cascader__search-input {
  width: auto;
}
.ofs-cascader.is-inline.is-filter .ofs-cascader__search-input {
  width: 0;
  min-width: 0;
}
.ofs-cascader.is-inline .ofs-cascader__tags-wrap {
  display: flex;
  max-width: 100%;
}
.ofs-cascader.is-inline .ofs-cascader__tags-wrap .is-tags-pre {
  overflow: hidden;
}
.ofs-cascader.is-inline .ofs-cascader__tags {
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
}
.ofs-cascader__check-all {
  padding: 0px 30px 0px 20px;
  height: 34px;
  min-width: 180px;
  display: inline-block;
  line-height: 34px;
  box-sizing: border-box;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-color-predefine {
  display: flex;
  font-size: 12px;
  margin-top: 8px;
  width: 280px;
}
.ofs-color-predefine__colors {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
}
.ofs-color-predefine__color-selector {
  margin: 0 0 8px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  cursor: pointer;
}
.ofs-color-predefine__color-selector:nth-child(10n+1) {
  margin-left: 0;
}
.ofs-color-predefine__color-selector.selected {
  box-shadow: 0 0 3px 2px #12b48a;
}
.ofs-color-predefine__color-selector > div {
  display: flex;
  height: 100%;
  border-radius: 3px;
}
.ofs-color-predefine__color-selector.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.ofs-color-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background-color: #f00;
  padding: 0 2px;
}
.ofs-color-hue-slider__bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}
.ofs-color-hue-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.ofs-color-hue-slider.is-vertical {
  width: 12px;
  height: 180px;
  padding: 2px 0;
}
.ofs-color-hue-slider.is-vertical .ofs-color-hue-slider__bar {
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
}
.ofs-color-hue-slider.is-vertical .ofs-color-hue-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}
.ofs-color-svpanel {
  position: relative;
  width: 280px;
  height: 180px;
}
.ofs-color-svpanel__white, .ofs-color-svpanel__black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ofs-color-svpanel__white {
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ofs-color-svpanel__black {
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.ofs-color-svpanel__cursor {
  position: absolute;
}
.ofs-color-svpanel__cursor > div {
  cursor: head;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}
.ofs-color-alpha-slider {
  position: relative;
  box-sizing: border-box;
  width: 280px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.ofs-color-alpha-slider__bar {
  position: relative;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 100%;
}
.ofs-color-alpha-slider__thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.ofs-color-alpha-slider.is-vertical {
  width: 20px;
  height: 180px;
}
.ofs-color-alpha-slider.is-vertical .ofs-color-alpha-slider__bar {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.ofs-color-alpha-slider.is-vertical .ofs-color-alpha-slider__thumb {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}
.ofs-color-dropdown {
  width: 300px;
}
.ofs-color-dropdown__main-wrapper {
  margin-bottom: 6px;
}
.ofs-color-dropdown__main-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
.ofs-color-dropdown__btns {
  margin-top: 6px;
  text-align: right;
}
.ofs-color-dropdown__value {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #000000;
  width: 160px;
}
.ofs-color-dropdown__btn {
  border: 1px solid #dcdcdc;
  color: #333;
  line-height: 24px;
  border-radius: 2px;
  padding: 0 20px;
  cursor: pointer;
  background-color: transparent;
  outline: none;
  font-size: 12px;
}
.ofs-color-dropdown__btn[disabled] {
  color: #cccccc;
  cursor: not-allowed;
}
.ofs-color-dropdown__btn:hover {
  color: #12b48a;
  border-color: #12b48a;
}
.ofs-color-dropdown__link-btn {
  cursor: pointer;
  color: #12b48a;
  text-decoration: none;
  padding: 15px;
  font-size: 12px;
}
.ofs-color-dropdown__link-btn:hover {
  color: tint(#12b48a, 20%);
}
.ofs-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  height: 40px;
}
.ofs-color-picker .ofs-i-down {
  margin-left: 0;
}
.ofs-color-picker.is-disabled .ofs-color-picker__trigger {
  cursor: not-allowed;
}
.ofs-color-picker--medium {
  height: 36px;
}
.ofs-color-picker--medium .ofs-color-picker__trigger {
  height: 36px;
  width: 36px;
}
.ofs-color-picker--medium .ofs-color-picker__mask {
  height: 34px;
  width: 34px;
}
.ofs-color-picker--small {
  height: 32px;
}
.ofs-color-picker--small .ofs-color-picker__trigger {
  height: 32px;
  width: 32px;
}
.ofs-color-picker--small .ofs-color-picker__mask {
  height: 30px;
  width: 30px;
}
.ofs-color-picker--small .el-color-picker__icon,
.ofs-color-picker--small .ofs-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.8);
}
.ofs-color-picker--mini {
  height: 28px;
}
.ofs-color-picker--mini .ofs-color-picker__trigger {
  height: 28px;
  width: 28px;
}
.ofs-color-picker--mini .ofs-color-picker__mask {
  height: 26px;
  width: 26px;
}
.ofs-color-picker--mini .el-color-picker__icon,
.ofs-color-picker--mini .ofs-color-picker__empty {
  transform: translate3d(-50%, -50%, 0) scale(0.8);
}
.ofs-color-picker__mask {
  height: 38px;
  width: 38px;
  border-radius: 4px;
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
  cursor: not-allowed;
  background-color: rgba(255, 255, 255, 0.7);
}
.ofs-color-picker__trigger {
  display: inline-block;
  box-sizing: border-box;
  height: 40px;
  width: 40px;
  padding: 4px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  font-size: 0;
  position: relative;
  cursor: pointer;
}
.ofs-color-picker__color {
  position: relative;
  display: block;
  box-sizing: border-box;
  border: 1px solid #999;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ofs-color-picker__color.is-alpha {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.ofs-color-picker__color-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.ofs-color-picker__empty {
  font-size: 12px;
  color: #999;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.ofs-color-picker__icon {
  display: inline-block;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #ffffff;
  text-align: center;
  font-size: 12px;
}
.ofs-color-picker__panel {
  position: absolute;
  z-index: 10;
  padding: 6px;
  box-sizing: content-box;
  background-color: #ffffff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button .ofs-i-down {
  font-size: 12px;
}
.ofs-button .ofs-icon-wrap.ofs-icon {
  font-size: 14px;
  color: inherit;
}
.ofs-button .ofs-icon-wrap.ofs-icon .ofs-icon-item {
  font-size: 14px;
}
.ofs-button + .ofs-button {
  margin-left: 10px;
}
.ofs-button.is-round {
  padding: 12px 20px;
}
.ofs-button:hover, .ofs-button:focus {
  color: #12b48a;
  border-color: rgb(183.9, 232.5, 219.9);
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-button:active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button::-moz-focus-inner {
  border: 0;
}
.ofs-button [class*=ofs-icon-] + span, .ofs-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-button.is-plain:hover, .ofs-button.is-plain:focus {
  background: #ffffff;
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-button.is-plain:active {
  background: #ffffff;
  border-color: rgb(16.2, 162, 124.2);
  color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button.is-active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
}
.ofs-button.is-disabled, .ofs-button.is-disabled:hover, .ofs-button.is-disabled:focus {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
}
.ofs-button.is-disabled.ofs-button--text {
  background-color: transparent;
}
.ofs-button.is-disabled.is-plain, .ofs-button.is-disabled.is-plain:hover, .ofs-button.is-disabled.is-plain:focus {
  background-color: #ffffff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.ofs-button.is-loading {
  position: relative;
  pointer-events: none;
}
.ofs-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.ofs-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}
.ofs-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}
.ofs-button.is-square {
  padding: 11px;
}
.ofs-button.is-red-point {
  position: relative;
}
.ofs-button.is-red-point::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.ofs-button--primary {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-button--primary:hover, .ofs-button--primary:focus {
  background: rgb(65.4, 195, 161.4);
  border-color: rgb(65.4, 195, 161.4);
  color: #ffffff;
}
.ofs-button--primary:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
}
.ofs-button--primary.is-disabled, .ofs-button--primary.is-disabled:hover, .ofs-button--primary.is-disabled:focus, .ofs-button--primary.is-disabled:active {
  color: #ffffff;
  background-color: rgb(136.5, 217.5, 196.5);
  border-color: rgb(136.5, 217.5, 196.5);
}
.ofs-button--primary.is-plain {
  color: #12b48a;
  background: rgb(231.3, 247.5, 243.3);
  border-color: rgb(160.2, 225, 208.2);
}
.ofs-button--primary.is-plain:hover, .ofs-button--primary.is-plain:focus {
  background: #12b48a;
  border-color: #12b48a;
  color: #ffffff;
}
.ofs-button--primary.is-plain:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-plain.is-disabled, .ofs-button--primary.is-plain.is-disabled:hover, .ofs-button--primary.is-plain.is-disabled:focus, .ofs-button--primary.is-plain.is-disabled:active {
  color: rgb(112.8, 210, 184.8);
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
}
.ofs-button--success {
  color: #ffffff;
  background-color: #48d164;
  border-color: #48d164;
}
.ofs-button--success:hover, .ofs-button--success:focus {
  background: rgb(108.6, 218.2, 131);
  border-color: rgb(108.6, 218.2, 131);
  color: #ffffff;
}
.ofs-button--success:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
}
.ofs-button--success.is-disabled, .ofs-button--success.is-disabled:hover, .ofs-button--success.is-disabled:focus, .ofs-button--success.is-disabled:active {
  color: #ffffff;
  background-color: rgb(163.5, 232, 177.5);
  border-color: rgb(163.5, 232, 177.5);
}
.ofs-button--success.is-plain {
  color: #48d164;
  background: rgb(236.7, 250.4, 239.5);
  border-color: rgb(181.8, 236.6, 193);
}
.ofs-button--success.is-plain:hover, .ofs-button--success.is-plain:focus {
  background: #48d164;
  border-color: #48d164;
  color: #ffffff;
}
.ofs-button--success.is-plain:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-plain.is-disabled, .ofs-button--success.is-plain.is-disabled:hover, .ofs-button--success.is-plain.is-disabled:focus, .ofs-button--success.is-plain.is-disabled:active {
  color: rgb(145.2, 227.4, 162);
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
}
.ofs-button--warning {
  color: #ffffff;
  background-color: #ff8429;
  border-color: #ff8429;
}
.ofs-button--warning:hover, .ofs-button--warning:focus {
  background: rgb(255, 156.6, 83.8);
  border-color: rgb(255, 156.6, 83.8);
  color: #ffffff;
}
.ofs-button--warning:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
}
.ofs-button--warning.is-disabled, .ofs-button--warning.is-disabled:hover, .ofs-button--warning.is-disabled:focus, .ofs-button--warning.is-disabled:active {
  color: #ffffff;
  background-color: rgb(255, 193.5, 148);
  border-color: rgb(255, 193.5, 148);
}
.ofs-button--warning.is-plain {
  color: #ff8429;
  background: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 205.8, 169.4);
}
.ofs-button--warning.is-plain:hover, .ofs-button--warning.is-plain:focus {
  background: #ff8429;
  border-color: #ff8429;
  color: #ffffff;
}
.ofs-button--warning.is-plain:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-plain.is-disabled, .ofs-button--warning.is-plain.is-disabled:hover, .ofs-button--warning.is-plain.is-disabled:focus, .ofs-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 181.2, 126.6);
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
}
.ofs-button--danger {
  color: #ffffff;
  background-color: #ff3939;
  border-color: #ff3939;
}
.ofs-button--danger:hover, .ofs-button--danger:focus {
  background: rgb(255, 96.6, 96.6);
  border-color: rgb(255, 96.6, 96.6);
  color: #ffffff;
}
.ofs-button--danger:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
}
.ofs-button--danger.is-disabled, .ofs-button--danger.is-disabled:hover, .ofs-button--danger.is-disabled:focus, .ofs-button--danger.is-disabled:active {
  color: #ffffff;
  background-color: #ff9c9c;
  border-color: #ff9c9c;
}
.ofs-button--danger.is-plain {
  color: #ff3939;
  background: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 175.8, 175.8);
}
.ofs-button--danger.is-plain:hover, .ofs-button--danger.is-plain:focus {
  background: #ff3939;
  border-color: #ff3939;
  color: #ffffff;
}
.ofs-button--danger.is-plain:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-plain.is-disabled, .ofs-button--danger.is-plain.is-disabled:hover, .ofs-button--danger.is-plain.is-disabled:focus, .ofs-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 136.2, 136.2);
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
}
.ofs-button--info {
  color: #ffffff;
  background-color: #909399;
  border-color: #909399;
}
.ofs-button--info:hover, .ofs-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #ffffff;
}
.ofs-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
}
.ofs-button--info.is-disabled, .ofs-button--info.is-disabled:hover, .ofs-button--info.is-disabled:focus, .ofs-button--info.is-disabled:active {
  color: #ffffff;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.ofs-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.ofs-button--info.is-plain:hover, .ofs-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #ffffff;
}
.ofs-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-plain.is-disabled, .ofs-button--info.is-plain.is-disabled:hover, .ofs-button--info.is-plain.is-disabled:focus, .ofs-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}
.ofs-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button--medium.is-round {
  padding: 10px 20px;
}
.ofs-button--medium.is-circle {
  padding: 10px;
}
.ofs-button--medium.is-square {
  padding: 9px;
}
.ofs-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--small.is-round {
  padding: 9px 15px;
}
.ofs-button--small.is-circle {
  padding: 9px;
}
.ofs-button--small.is-square {
  padding: 7px;
}
.ofs-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--mini.is-round {
  padding: 7px 15px;
}
.ofs-button--mini.is-circle {
  padding: 7px;
}
.ofs-button--mini.is-square {
  padding: 5px;
}
.ofs-button--text {
  border-color: transparent;
  color: #12b48a;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ofs-button--text:hover, .ofs-button--text:focus {
  color: rgb(65.4, 195, 161.4);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text:active {
  color: rgb(16.2, 162, 124.2);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text.is-disabled, .ofs-button--text.is-disabled:hover, .ofs-button--text.is-disabled:focus {
  border-color: transparent;
}
.ofs-button-group {
  display: inline-block;
  vertical-align: middle;
}
.ofs-button-group::before,
.ofs-button-group::after {
  display: table;
  content: "";
}
.ofs-button-group::after {
  clear: both;
}
.ofs-button-group > .ofs-button {
  float: left;
  position: relative;
}
.ofs-button-group > .ofs-button + .ofs-button {
  margin-left: 0;
}
.ofs-button-group > .ofs-button.is-disabled {
  z-index: 1;
}
.ofs-button-group > .ofs-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-button-group > .ofs-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-button-group > .ofs-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.ofs-button-group > .ofs-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ofs-button-group > .ofs-button:not(:last-child) {
  margin-right: -1px;
}
.ofs-button-group > .ofs-button:not(.is-disabled):hover, .ofs-button-group > .ofs-button:not(.is-disabled):focus, .ofs-button-group > .ofs-button:not(.is-disabled):active {
  z-index: 1;
}
.ofs-button-group > .ofs-button.is-active {
  z-index: 1;
}
.ofs-button-group > .ofs-dropdown > .ofs-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-icon {
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 16px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}
.ofs-transfer {
  font-size: 14px;
}
.ofs-transfer__buttons {
  display: inline-block;
  vertical-align: middle;
  padding: 0 30px;
}
.ofs-transfer .ofs-transfer-panel__filter {
  width: calc(100% - 30px);
}
.ofs-transfer__button.is-with-texts {
  border-radius: 4px;
}
.ofs-transfer__button:first-child {
  margin-bottom: 10px;
}
.ofs-transfer__button i,
.ofs-transfer__button span {
  font-size: 14px;
}
.ofs-transfer__button [class*=el-icon-] + span {
  margin-left: 0;
}
.ofs-transfer-panel {
  border: 1px solid #ebeef5;
  border-radius: 4px;
  overflow: hidden;
  background: #ffffff;
  display: inline-block;
  vertical-align: middle;
  width: 200px;
  max-height: 100%;
  box-sizing: border-box;
  position: relative;
}
.ofs-transfer-panel__body {
  height: 246px;
}
.ofs-transfer-panel__body.is-with-footer {
  padding-bottom: 40px;
}
.ofs-transfer-panel__list {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  height: 246px;
  overflow: auto;
  box-sizing: border-box;
}
.ofs-transfer-panel__list.is-filterable {
  height: 194px;
  padding-top: 0;
}
.ofs-transfer-panel__item {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  display: block !important;
}
.ofs-transfer-panel__item + .ofs-transfer-panel__item {
  margin-left: 0;
}
.ofs-transfer-panel__item.ofs-checkbox {
  color: #606266;
}
.ofs-transfer-panel__item:hover {
  color: #12b48a;
}
.ofs-transfer-panel__item.ofs-checkbox .ofs-checkbox__label {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  box-sizing: border-box;
  padding-left: 24px;
  line-height: 30px;
}
.ofs-transfer-panel__item .ofs-checkbox__input {
  position: absolute;
  top: 8px;
}
.ofs-transfer-panel__filter {
  text-align: center;
  margin: 15px;
  box-sizing: border-box;
  display: block;
}
.ofs-transfer-panel__filter .ofs-input__inner {
  height: 32px;
  width: 100%;
  font-size: 12px;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 16px;
  padding-right: 10px;
  padding-left: 30px;
}
.ofs-transfer-panel__filter .ofs-input__icon {
  margin-left: 5px;
}
.ofs-transfer-panel__filter .el-icon-circle-close {
  cursor: pointer;
}
.ofs-transfer-panel .ofs-transfer-panel__header {
  height: 40px;
  line-height: 40px;
  background: #f5f7fa;
  margin: 0;
  padding-left: 15px;
  border-bottom: 1px solid #ebeef5;
  box-sizing: border-box;
  color: #000000;
}
.ofs-transfer-panel .ofs-transfer-panel__header .ofs-checkbox {
  display: block;
  line-height: 40px;
}
.ofs-transfer-panel .ofs-transfer-panel__header .ofs-checkbox .ofs-checkbox__label {
  font-size: 16px;
  color: #303133;
  font-weight: normal;
}
.ofs-transfer-panel .ofs-transfer-panel__header .ofs-checkbox .ofs-checkbox__label span {
  position: absolute;
  right: 15px;
  color: #909399;
  font-size: 12px;
  font-weight: normal;
}
.ofs-transfer-panel .ofs-transfer-panel__footer {
  height: 40px;
  background: #ffffff;
  margin: 0;
  padding: 0;
  border-top: 1px solid #ebeef5;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.ofs-transfer-panel .ofs-transfer-panel__footer::after {
  display: inline-block;
  content: "";
  height: 100%;
  vertical-align: middle;
}
.ofs-transfer-panel .ofs-transfer-panel__footer .ofs-checkbox {
  padding-left: 20px;
  color: #606266;
}
.ofs-transfer-panel .ofs-transfer-panel__empty {
  margin: 0;
  height: 30px;
  line-height: 30px;
  padding: 6px 15px 0;
  color: #909399;
  text-align: center;
}
.ofs-transfer-panel .ofs-checkbox__label {
  padding-left: 8px;
}
.ofs-transfer-panel .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
  border-radius: 3px;
}
.ofs-transfer-panel .ofs-checkbox__inner::after {
  height: 6px;
  width: 3px;
  left: 4px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-container {
  display: flex;
  flex-direction: row;
  flex: 1;
  flex-basis: auto;
  box-sizing: border-box;
  min-width: 0;
}
.ofs-container.is-vertical {
  flex-direction: column;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-header {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-aside {
  overflow: auto;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-main {
  display: block;
  flex: 1;
  flex-basis: auto;
  overflow: auto;
  box-sizing: border-box;
  padding: 20px;
}
.ofs-main-layout .logo {
  height: 30px;
  width: auto;
  display: block;
  margin-right: 20px;
}
.ofs-main-layout .ofs-header {
  background-color: #fff;
}
.ofs-main-layout .ofs-header .ofs-row,
.ofs-main-layout .ofs-header .ofs-col {
  height: inherit;
}
.ofs-main-layout .ofs-header__menu-fold {
  box-sizing: border-box;
}
.ofs-main-layout .flex-box {
  display: flex;
}
.ofs-main-layout .flex-box--v-center {
  align-items: center;
}
.ofs-main-layout .flex-box--h-right {
  justify-content: flex-end;
}
.ofs-main-layout .flex-1 {
  flex: 1;
}
.ofs-main-layout .ofs-submenu,
.ofs-main-layout .ofs-menu-item {
  text-align: left;
}
.ofs-main-layout .tool-btns > span,
.ofs-main-layout .tool-btns > .ofs-button {
  margin-left: 10px;
}
.ofs-main-layout .customer-menu .ofs-dropdown {
  min-width: 122px;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #ddd;
}
.ofs-main-layout .ofs-dropdown-menu__item--top {
  width: 224px;
  padding-bottom: 20px;
}
.ofs-main-layout .ofs-dropdown-menu__item--top .customer-name {
  font-weight: 600;
  font-size: 18px;
}
.ofs-main-layout .ofs-dropdown-menu__item--top .real-name,
.ofs-main-layout .ofs-dropdown-menu__item--top .customer-phone {
  font-size: 14px;
  color: #606266;
}
.ofs-main-layout .ofs-dropdown-menu__item--top .customer-company {
  line-height: 1;
  color: #909399;
  font-size: 12px;
}
.ofs-main-layout .avatar-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.ofs-main-layout .avatar-wrapper .customer-avatar {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
.ofs-main-layout .ofs-card-box--export {
  width: 400px;
}
.ofs-main-layout .ofs-card-box--ticket {
  width: 300px;
}
.ofs-main-layout .ofs-card-box--news {
  width: 300px;
}
.ofs-main-layout .ofs-card-box__list__item {
  padding: 20px 0;
  border-bottom: 1px solid #e4e7ed;
}
.ofs-main-layout .ofs-card-box__list__item.is-read .ofs-main-layout .ofs-card-box__list__item__content {
  color: #909399;
}
.ofs-main-layout .ofs-card-box__list__item.is-read .ofs-main-layout .ofs-card-box__list__item__datetime {
  color: #c0c4cc;
}
.ofs-main-layout .ofs-card-box__list__item:first-child {
  border-top: 1px solid #e4e7ed;
}
.ofs-main-layout .ofs-card-box__list__item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.ofs-main-layout .ofs-card-box__list__item__datetime {
  font-size: 12px;
  margin-top: 4px;
  color: #909399;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-footer {
  padding: 0 20px;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-common-tag--primary {
  color: #3da1ff !important;
}
.ofs-common-tag--success {
  color: #48d164 !important;
}
.ofs-common-tag--warning {
  color: #ff8429 !important;
}
.ofs-common-tag--danger {
  color: #ff3939 !important;
}
.ofs-common-tag--info {
  color: #909399 !important;
}
.ofs-common-tag--primary {
  background: rgba(61, 161, 255, 0.16);
}
.ofs-common-tag--success {
  background: rgba(72, 209, 100, 0.16);
}
.ofs-common-tag--warning {
  background: rgba(255, 132, 41, 0.16);
}
.ofs-common-tag--danger {
  background: rgba(255, 57, 57, 0.16);
}
.ofs-common-tag--info {
  background: rgba(144, 147, 153, 0.16);
}
.ofs-common-tag_color--primary {
  color: #3da1ff !important;
}
.ofs-common-tag_color--success {
  color: #48d164 !important;
}
.ofs-common-tag_color--warning {
  color: #ff8429 !important;
}
.ofs-common-tag_color--danger {
  color: #ff3939 !important;
}
.ofs-common-tag_color--info {
  color: #909399 !important;
}
.ofs-common-tag_bg--primary {
  background: rgba(61, 161, 255, 0.16);
}
.ofs-common-tag_bg--success {
  background: rgba(72, 209, 100, 0.16);
}
.ofs-common-tag_bg--warning {
  background: rgba(255, 132, 41, 0.16);
}
.ofs-common-tag_bg--danger {
  background: rgba(255, 57, 57, 0.16);
}
.ofs-common-tag_bg--info {
  background: rgba(144, 147, 153, 0.16);
}
.ofs-timeline {
  margin: 0;
  font-size: 14px;
  list-style: none;
  line-height: 1.4;
  padding-left: 14px;
}
.ofs-timeline--small {
  font-size: 12px;
}
.ofs-timeline--small .ofs-timeline-item .ofs-timeline-item__node {
  left: -2.5px;
  top: 2px;
}
.ofs-timeline--small .ofs-timeline-item .ofs-timeline-item__node .ofs-timeline-item__icon {
  font-size: 14px;
}
.ofs-timeline.is-logistics .ofs-timeline-item:not(.ofs-timeline-item--summary) .ofs-timeline-item__node {
  width: 10px;
  height: 10px;
  left: 0px;
  top: 3px;
  background-color: #e4e7ed;
}
.ofs-timeline.is-logistics .ofs-timeline-item:not(.ofs-timeline-item--summary) .ofs-timeline-item__node .ofs-timeline-item__icon {
  display: none;
  color: #c0c4cc;
  font-size: 14px;
}
.ofs-timeline.is-logistics .ofs-timeline-item:not(.ofs-timeline-item--summary) .ofs-timeline-item__wrapper .ofs-timeline-item__content {
  padding-top: 0;
  color: #c0c4cc;
}
.ofs-timeline.is-logistics .ofs-timeline-item .ofs-timeline-item__content {
  font-weight: bold;
}
.ofs-timeline .ofs-timeline-item:last-child .ofs-timeline-item__tail {
  display: none;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.ofs-timeline-item:last-child {
  padding-bottom: 0px;
}
.ofs-timeline-item.is-active .ofs-timeline-item__content {
  font-weight: bold;
}
.ofs-timeline-item--small {
  padding-bottom: 14px;
}
.ofs-timeline-item--small .ofs-timeline-item__timestamp {
  font-size: 12px;
}
.ofs-timeline-item--small .ofs-timeline-item__timestamp.is-bottom {
  margin-top: 2px;
}
.ofs-timeline-item--small .ofs-timeline-item__wrapper {
  padding-left: 25px;
}
.ofs-timeline-item--small .ofs-timeline-item__wrapper .ofs-timeline-item__content {
  padding-top: 0;
}
.ofs-timeline-item--summary {
  padding-bottom: 8px;
  font-weight: bold;
}
.ofs-timeline-item--summary .ofs-timeline-item__timestamp {
  display: none;
}
.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__node {
  display: none;
}
.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__node .ofs-timeline-item__icon {
  display: none;
}
.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__node .ofs-timeline-item__dot {
  display: none;
}
.ofs-timeline-item__wrapper {
  position: relative;
  padding-left: 28px;
}
.ofs-timeline-item__wrapper.is-nowrap {
  white-space: nowrap;
}
.ofs-timeline-item__tail {
  position: absolute;
  left: 4px;
  top: 3px;
  height: 100%;
  border-left: 2px solid #e4e7ed;
}
.ofs-timeline-item__icon {
  color: #c0c4cc;
  font-size: 24px;
}
.ofs-timeline-item__node {
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ofs-timeline-item__node--normal {
  left: -7px;
  top: 3px;
}
.ofs-timeline-item__node--normal i {
  font-size: 24px;
}
.ofs-timeline-item__node--large {
  left: -7px;
  top: 3px;
}
.ofs-timeline-item__node--large i {
  font-size: 26px;
}
.ofs-timeline-item__node--primary {
  color: #12b48a;
}
.ofs-timeline-item__node--success {
  color: #48d164;
}
.ofs-timeline-item__node--warning {
  color: #ff8429;
}
.ofs-timeline-item__node--danger {
  color: #ff3939;
}
.ofs-timeline-item__node--info {
  color: #909399;
}
.ofs-timeline-item__dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  left: -2px;
  background-color: #ffffff;
}
.ofs-timeline-item__content {
  color: #c0c4cc;
  padding-top: 4px;
}
.ofs-timeline-item__timestamp {
  color: #c0c4cc;
  line-height: 1;
  font-size: 12px;
}
.ofs-timeline-item__timestamp.is-top {
  margin-bottom: 8px;
  padding-top: 6px;
}
.ofs-timeline-item__timestamp.is-bottom {
  margin-top: 8px;
}
.ofs-timeline-item__timestamp.is-top_line {
  display: inline-block;
  padding-left: 10px;
  font-weight: 400;
  overflow-wrap: normal;
}
.ofs-timeline .is-active .ofs-timeline-item__tail {
  border-left: 2px solid #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child .ofs-timeline-item__icon, .ofs-timeline .is-active .ofs-timeline-item__icon {
  color: #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child .ofs-timeline-item__content, .ofs-timeline .is-active .ofs-timeline-item__content {
  color: #12b48a;
  font-weight: bold;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child .ofs-timeline-item__dot, .ofs-timeline .is-active .ofs-timeline-item__dot {
  color: #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child .ofs-timeline-item__timestamp, .ofs-timeline .is-active .ofs-timeline-item__timestamp {
  color: #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__icon, .ofs-timeline .is-active.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__icon {
  color: #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__wrapper .ofs-timeline-item__content, .ofs-timeline .is-active.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__wrapper .ofs-timeline-item__content {
  color: #12b48a;
  padding-top: 0;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__wrapper .ofs-timeline-item__timestamp, .ofs-timeline .is-active.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__wrapper .ofs-timeline-item__timestamp {
  color: #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__dot, .ofs-timeline .is-active.ofs-timeline-item--summary + .ofs-timeline-item .ofs-timeline-item__dot {
  color: #12b48a;
}
.ofs-timeline:not(.is-hasActiveChild) .ofs-timeline-item:first-child.ofs-timeline-item--summary .ofs-timeline-item__wrapper .ofs-timeline-item__content.is-top_line, .ofs-timeline .is-active.ofs-timeline-item--summary .ofs-timeline-item__wrapper .ofs-timeline-item__content.is-top_line {
  color: #12b48a;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-link {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  position: relative;
  text-decoration: none !important;
  outline: none;
  cursor: pointer;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.ofs-link.is-disabled {
  cursor: not-allowed;
}
.ofs-link [class*=ofs-icon-] + span {
  margin-left: 5px;
}
.ofs-link.ofs-link--default {
  color: #606266;
}
.ofs-link.ofs-link--default:hover {
  color: #12b48a;
}
.ofs-link.ofs-link--default:after {
  border-color: #12b48a;
}
.ofs-link.ofs-link--default.is-disabled {
  color: #c0c4cc;
}
.ofs-link.is-underline .ofs-link__line-default:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #12b48a;
          text-decoration-color: #12b48a;
}
.ofs-link.ofs-link--primary {
  color: #12b48a;
}
.ofs-link.ofs-link--primary:hover {
  color: rgb(65.4, 195, 161.4);
}
.ofs-link.ofs-link--primary:after {
  border-color: #12b48a;
}
.ofs-link.ofs-link--primary.is-disabled {
  color: rgb(136.5, 217.5, 196.5);
}
.ofs-link.ofs-link--primary.is-underline:hover:after {
  border-color: #12b48a;
}
.ofs-link.ofs-link--primary.is-underline .ofs-link__line-primary:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #12b48a;
          text-decoration-color: #12b48a;
}
.ofs-link.ofs-link--danger {
  color: #ff3939;
}
.ofs-link.ofs-link--danger:hover {
  color: rgb(255, 96.6, 96.6);
}
.ofs-link.ofs-link--danger:after {
  border-color: #ff3939;
}
.ofs-link.ofs-link--danger.is-disabled {
  color: #ff9c9c;
}
.ofs-link.ofs-link--danger.is-underline:hover:after {
  border-color: #ff3939;
}
.ofs-link.ofs-link--danger.is-underline .ofs-link__line-danger:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #ff3939;
          text-decoration-color: #ff3939;
}
.ofs-link.ofs-link--success {
  color: #48d164;
}
.ofs-link.ofs-link--success:hover {
  color: rgb(108.6, 218.2, 131);
}
.ofs-link.ofs-link--success:after {
  border-color: #48d164;
}
.ofs-link.ofs-link--success.is-disabled {
  color: rgb(163.5, 232, 177.5);
}
.ofs-link.ofs-link--success.is-underline:hover:after {
  border-color: #48d164;
}
.ofs-link.ofs-link--success.is-underline .ofs-link__line-success:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #48d164;
          text-decoration-color: #48d164;
}
.ofs-link.ofs-link--warning {
  color: #ff8429;
}
.ofs-link.ofs-link--warning:hover {
  color: rgb(255, 156.6, 83.8);
}
.ofs-link.ofs-link--warning:after {
  border-color: #ff8429;
}
.ofs-link.ofs-link--warning.is-disabled {
  color: rgb(255, 193.5, 148);
}
.ofs-link.ofs-link--warning.is-underline:hover:after {
  border-color: #ff8429;
}
.ofs-link.ofs-link--warning.is-underline .ofs-link__line-warning:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #ff8429;
          text-decoration-color: #ff8429;
}
.ofs-link.ofs-link--info {
  color: #909399;
}
.ofs-link.ofs-link--info:hover {
  color: rgb(166.2, 168.6, 173.4);
}
.ofs-link.ofs-link--info:after {
  border-color: #909399;
}
.ofs-link.ofs-link--info.is-disabled {
  color: rgb(199.5, 201, 204);
}
.ofs-link.ofs-link--info.is-underline:hover:after {
  border-color: #909399;
}
.ofs-link.ofs-link--info.is-underline .ofs-link__line-info:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #909399;
          text-decoration-color: #909399;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-divider {
  background-color: #dcdfe6;
  position: relative;
}
.ofs-divider--horizontal {
  display: block;
  height: 1px;
  width: 100%;
  margin: 24px 0;
}
.ofs-divider--vertical {
  display: inline-block;
  width: 1px;
  height: 1em;
  margin: 0 8px;
  vertical-align: middle;
  position: relative;
}
.ofs-divider__text {
  position: absolute;
  background-color: #ffffff;
  padding: 0 20px;
  font-weight: 500;
  color: #303133;
  font-size: 14px;
}
.ofs-divider__text.is-left {
  left: 20px;
  transform: translateY(-50%);
}
.ofs-divider__text.is-center {
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.ofs-divider__text.is-right {
  right: 20px;
  transform: translateY(-50%);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-image__error, .ofs-image__placeholder, .ofs-image__inner {
  width: 100%;
  height: 100%;
}
.ofs-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
}
.ofs-image__inner {
  vertical-align: top;
}
.ofs-image__inner--center {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}
.ofs-image__placeholder {
  background: #f5f7fa;
}
.ofs-image__error {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  background: #f5f7fa;
  color: #c0c4cc;
  vertical-align: middle;
}
.ofs-image__preview {
  cursor: pointer;
}
.ofs-image-viewer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ofs-image-viewer__btn {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0.8;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-image-viewer__close {
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
}
.ofs-image-viewer__canvas {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ofs-image-viewer__actions {
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
  width: 282px;
  height: 44px;
  padding: 0 23px;
  background-color: #606266;
  border-color: #fff;
  border-radius: 22px;
}
.ofs-image-viewer__actions__inner {
  width: 100%;
  height: 100%;
  text-align: justify;
  cursor: default;
  font-size: 23px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.ofs-image-viewer__actions__inner i {
  cursor: pointer;
}
.ofs-image-viewer__prev {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  left: 40px;
}
.ofs-image-viewer__next {
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  font-size: 24px;
  color: #fff;
  background-color: #606266;
  border-color: #fff;
  right: 40px;
  text-indent: 2px;
}
.ofs-image-viewer__mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #000;
}
.viewer-fade-enter-active {
  animation: viewer-fade-in 0.3s;
}
.viewer-fade-leave-active {
  animation: viewer-fade-out 0.3s;
}
@keyframes viewer-fade-in {
0% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}
100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
}
@keyframes viewer-fade-out {
0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
100% {
    transform: translate3d(0, -20px, 0);
    opacity: 0;
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  transition: 0.1s;
  font-weight: 500;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button .ofs-i-down {
  font-size: 12px;
}
.ofs-button .ofs-icon-wrap.ofs-icon {
  font-size: 14px;
  color: inherit;
}
.ofs-button .ofs-icon-wrap.ofs-icon .ofs-icon-item {
  font-size: 14px;
}
.ofs-button + .ofs-button {
  margin-left: 10px;
}
.ofs-button.is-round {
  padding: 12px 20px;
}
.ofs-button:hover, .ofs-button:focus {
  color: #12b48a;
  border-color: rgb(183.9, 232.5, 219.9);
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-button:active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button::-moz-focus-inner {
  border: 0;
}
.ofs-button [class*=ofs-icon-] + span, .ofs-button [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-button.is-plain:hover, .ofs-button.is-plain:focus {
  background: #ffffff;
  border-color: #12b48a;
  color: #12b48a;
}
.ofs-button.is-plain:active {
  background: #ffffff;
  border-color: rgb(16.2, 162, 124.2);
  color: rgb(16.2, 162, 124.2);
  outline: none;
}
.ofs-button.is-active {
  color: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
}
.ofs-button.is-disabled, .ofs-button.is-disabled:hover, .ofs-button.is-disabled:focus {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
}
.ofs-button.is-disabled.ofs-button--text {
  background-color: transparent;
}
.ofs-button.is-disabled.is-plain, .ofs-button.is-disabled.is-plain:hover, .ofs-button.is-disabled.is-plain:focus {
  background-color: #ffffff;
  border-color: #ebeef5;
  color: #c0c4cc;
}
.ofs-button.is-loading {
  position: relative;
  pointer-events: none;
}
.ofs-button.is-loading:before {
  pointer-events: none;
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  right: -1px;
  bottom: -1px;
  border-radius: inherit;
  background-color: rgba(255, 255, 255, 0.35);
}
.ofs-button.is-round {
  border-radius: 20px;
  padding: 12px 23px;
}
.ofs-button.is-circle {
  border-radius: 50%;
  padding: 12px;
}
.ofs-button.is-square {
  padding: 11px;
}
.ofs-button.is-red-point {
  position: relative;
}
.ofs-button.is-red-point::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -3px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: red;
}
.ofs-button--primary {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-button--primary:hover, .ofs-button--primary:focus {
  background: rgb(65.4, 195, 161.4);
  border-color: rgb(65.4, 195, 161.4);
  color: #ffffff;
}
.ofs-button--primary:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
}
.ofs-button--primary.is-disabled, .ofs-button--primary.is-disabled:hover, .ofs-button--primary.is-disabled:focus, .ofs-button--primary.is-disabled:active {
  color: #ffffff;
  background-color: rgb(136.5, 217.5, 196.5);
  border-color: rgb(136.5, 217.5, 196.5);
}
.ofs-button--primary.is-plain {
  color: #12b48a;
  background: rgb(231.3, 247.5, 243.3);
  border-color: rgb(160.2, 225, 208.2);
}
.ofs-button--primary.is-plain:hover, .ofs-button--primary.is-plain:focus {
  background: #12b48a;
  border-color: #12b48a;
  color: #ffffff;
}
.ofs-button--primary.is-plain:active {
  background: rgb(16.2, 162, 124.2);
  border-color: rgb(16.2, 162, 124.2);
  color: #ffffff;
  outline: none;
}
.ofs-button--primary.is-plain.is-disabled, .ofs-button--primary.is-plain.is-disabled:hover, .ofs-button--primary.is-plain.is-disabled:focus, .ofs-button--primary.is-plain.is-disabled:active {
  color: rgb(112.8, 210, 184.8);
  background-color: rgb(231.3, 247.5, 243.3);
  border-color: rgb(207.6, 240, 231.6);
}
.ofs-button--success {
  color: #ffffff;
  background-color: #48d164;
  border-color: #48d164;
}
.ofs-button--success:hover, .ofs-button--success:focus {
  background: rgb(108.6, 218.2, 131);
  border-color: rgb(108.6, 218.2, 131);
  color: #ffffff;
}
.ofs-button--success:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
}
.ofs-button--success.is-disabled, .ofs-button--success.is-disabled:hover, .ofs-button--success.is-disabled:focus, .ofs-button--success.is-disabled:active {
  color: #ffffff;
  background-color: rgb(163.5, 232, 177.5);
  border-color: rgb(163.5, 232, 177.5);
}
.ofs-button--success.is-plain {
  color: #48d164;
  background: rgb(236.7, 250.4, 239.5);
  border-color: rgb(181.8, 236.6, 193);
}
.ofs-button--success.is-plain:hover, .ofs-button--success.is-plain:focus {
  background: #48d164;
  border-color: #48d164;
  color: #ffffff;
}
.ofs-button--success.is-plain:active {
  background: rgb(64.8, 188.1, 90);
  border-color: rgb(64.8, 188.1, 90);
  color: #ffffff;
  outline: none;
}
.ofs-button--success.is-plain.is-disabled, .ofs-button--success.is-plain.is-disabled:hover, .ofs-button--success.is-plain.is-disabled:focus, .ofs-button--success.is-plain.is-disabled:active {
  color: rgb(145.2, 227.4, 162);
  background-color: rgb(236.7, 250.4, 239.5);
  border-color: rgb(218.4, 245.8, 224);
}
.ofs-button--warning {
  color: #ffffff;
  background-color: #ff8429;
  border-color: #ff8429;
}
.ofs-button--warning:hover, .ofs-button--warning:focus {
  background: rgb(255, 156.6, 83.8);
  border-color: rgb(255, 156.6, 83.8);
  color: #ffffff;
}
.ofs-button--warning:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
}
.ofs-button--warning.is-disabled, .ofs-button--warning.is-disabled:hover, .ofs-button--warning.is-disabled:focus, .ofs-button--warning.is-disabled:active {
  color: #ffffff;
  background-color: rgb(255, 193.5, 148);
  border-color: rgb(255, 193.5, 148);
}
.ofs-button--warning.is-plain {
  color: #ff8429;
  background: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 205.8, 169.4);
}
.ofs-button--warning.is-plain:hover, .ofs-button--warning.is-plain:focus {
  background: #ff8429;
  border-color: #ff8429;
  color: #ffffff;
}
.ofs-button--warning.is-plain:active {
  background: rgb(229.5, 118.8, 36.9);
  border-color: rgb(229.5, 118.8, 36.9);
  color: #ffffff;
  outline: none;
}
.ofs-button--warning.is-plain.is-disabled, .ofs-button--warning.is-plain.is-disabled:hover, .ofs-button--warning.is-plain.is-disabled:focus, .ofs-button--warning.is-plain.is-disabled:active {
  color: rgb(255, 181.2, 126.6);
  background-color: rgb(255, 242.7, 233.6);
  border-color: rgb(255, 230.4, 212.2);
}
.ofs-button--danger {
  color: #ffffff;
  background-color: #ff3939;
  border-color: #ff3939;
}
.ofs-button--danger:hover, .ofs-button--danger:focus {
  background: rgb(255, 96.6, 96.6);
  border-color: rgb(255, 96.6, 96.6);
  color: #ffffff;
}
.ofs-button--danger:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
}
.ofs-button--danger.is-disabled, .ofs-button--danger.is-disabled:hover, .ofs-button--danger.is-disabled:focus, .ofs-button--danger.is-disabled:active {
  color: #ffffff;
  background-color: #ff9c9c;
  border-color: #ff9c9c;
}
.ofs-button--danger.is-plain {
  color: #ff3939;
  background: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 175.8, 175.8);
}
.ofs-button--danger.is-plain:hover, .ofs-button--danger.is-plain:focus {
  background: #ff3939;
  border-color: #ff3939;
  color: #ffffff;
}
.ofs-button--danger.is-plain:active {
  background: rgb(229.5, 51.3, 51.3);
  border-color: rgb(229.5, 51.3, 51.3);
  color: #ffffff;
  outline: none;
}
.ofs-button--danger.is-plain.is-disabled, .ofs-button--danger.is-plain.is-disabled:hover, .ofs-button--danger.is-plain.is-disabled:focus, .ofs-button--danger.is-plain.is-disabled:active {
  color: rgb(255, 136.2, 136.2);
  background-color: rgb(255, 235.2, 235.2);
  border-color: rgb(255, 215.4, 215.4);
}
.ofs-button--info {
  color: #ffffff;
  background-color: #909399;
  border-color: #909399;
}
.ofs-button--info:hover, .ofs-button--info:focus {
  background: rgb(166.2, 168.6, 173.4);
  border-color: rgb(166.2, 168.6, 173.4);
  color: #ffffff;
}
.ofs-button--info:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
}
.ofs-button--info.is-disabled, .ofs-button--info.is-disabled:hover, .ofs-button--info.is-disabled:focus, .ofs-button--info.is-disabled:active {
  color: #ffffff;
  background-color: rgb(199.5, 201, 204);
  border-color: rgb(199.5, 201, 204);
}
.ofs-button--info.is-plain {
  color: #909399;
  background: rgb(243.9, 244.2, 244.8);
  border-color: rgb(210.6, 211.8, 214.2);
}
.ofs-button--info.is-plain:hover, .ofs-button--info.is-plain:focus {
  background: #909399;
  border-color: #909399;
  color: #ffffff;
}
.ofs-button--info.is-plain:active {
  background: rgb(129.6, 132.3, 137.7);
  border-color: rgb(129.6, 132.3, 137.7);
  color: #ffffff;
  outline: none;
}
.ofs-button--info.is-plain.is-disabled, .ofs-button--info.is-plain.is-disabled:hover, .ofs-button--info.is-plain.is-disabled:focus, .ofs-button--info.is-plain.is-disabled:active {
  color: rgb(188.4, 190.2, 193.8);
  background-color: rgb(243.9, 244.2, 244.8);
  border-color: rgb(232.8, 233.4, 234.6);
}
.ofs-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.ofs-button--medium.is-round {
  padding: 10px 20px;
}
.ofs-button--medium.is-circle {
  padding: 10px;
}
.ofs-button--medium.is-square {
  padding: 9px;
}
.ofs-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--small.is-round {
  padding: 9px 15px;
}
.ofs-button--small.is-circle {
  padding: 9px;
}
.ofs-button--small.is-square {
  padding: 7px;
}
.ofs-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.ofs-button--mini.is-round {
  padding: 7px 15px;
}
.ofs-button--mini.is-circle {
  padding: 7px;
}
.ofs-button--mini.is-square {
  padding: 5px;
}
.ofs-button--text {
  border-color: transparent;
  color: #12b48a;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.ofs-button--text:hover, .ofs-button--text:focus {
  color: rgb(65.4, 195, 161.4);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text:active {
  color: rgb(16.2, 162, 124.2);
  border-color: transparent;
  background-color: transparent;
}
.ofs-button--text.is-disabled, .ofs-button--text.is-disabled:hover, .ofs-button--text.is-disabled:focus {
  border-color: transparent;
}
.ofs-button-group {
  display: inline-block;
  vertical-align: middle;
}
.ofs-button-group::before,
.ofs-button-group::after {
  display: table;
  content: "";
}
.ofs-button-group::after {
  clear: both;
}
.ofs-button-group > .ofs-button {
  float: left;
  position: relative;
}
.ofs-button-group > .ofs-button + .ofs-button {
  margin-left: 0;
}
.ofs-button-group > .ofs-button.is-disabled {
  z-index: 1;
}
.ofs-button-group > .ofs-button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-button-group > .ofs-button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-button-group > .ofs-button:first-child:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-round {
  border-radius: 20px;
}
.ofs-button-group > .ofs-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.ofs-button-group > .ofs-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ofs-button-group > .ofs-button:not(:last-child) {
  margin-right: -1px;
}
.ofs-button-group > .ofs-button:not(.is-disabled):hover, .ofs-button-group > .ofs-button:not(.is-disabled):focus, .ofs-button-group > .ofs-button:not(.is-disabled):active {
  z-index: 1;
}
.ofs-button-group > .ofs-button.is-active {
  z-index: 1;
}
.ofs-button-group > .ofs-dropdown > .ofs-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--primary:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--success:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--warning:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--danger:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:first-child {
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:last-child {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-group .ofs-button--info:not(:first-child):not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
}
.ofs-button-icon {
  padding: 0;
  width: 32px;
  height: 32px;
  font-size: 16px;
}
.ofs-calendar {
  background-color: #fff;
}
.ofs-calendar__header {
  display: flex;
  justify-content: space-between;
  padding: 12px 20px;
  border-bottom: 1px solid #ebeef5;
}
.ofs-calendar__title {
  color: #000000;
  align-self: center;
}
.ofs-calendar__body {
  padding: 12px 20px 35px;
}
.ofs-calendar-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.ofs-calendar-table thead th {
  padding: 12px 0;
  color: #606266;
  font-weight: normal;
}
.ofs-calendar-table:not(.is-range) td.prev,
.ofs-calendar-table:not(.is-range) td.next {
  color: #c0c4cc;
}
.ofs-calendar-table td {
  border-bottom: 1px solid #ebeef5;
  border-right: 1px solid #ebeef5;
  vertical-align: top;
  transition: background-color 0.2s ease;
}
.ofs-calendar-table td.is-selected {
  background-color: #f2f8fe;
}
.ofs-calendar-table td.is-today {
  color: #12b48a;
}
.ofs-calendar-table tr:first-child td {
  border-top: 1px solid #ebeef5;
}
.ofs-calendar-table tr td:first-child {
  border-left: 1px solid #ebeef5;
}
.ofs-calendar-table tr.ofs-calendar-table__row--hide-border td {
  border-top: none;
}
.ofs-calendar-table .ofs-calendar-day {
  box-sizing: border-box;
  padding: 8px;
  height: 85px;
}
.ofs-calendar-table .ofs-calendar-day:hover {
  cursor: pointer;
  background-color: #f2f8fe;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-backtop {
  position: fixed;
  background-color: #ffffff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #12b48a;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  z-index: 5;
}
.ofs-backtop:hover {
  background-color: #f2f6fc;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-page-header {
  display: flex;
  line-height: 24px;
}
.ofs-page-header__left {
  display: flex;
  cursor: pointer;
  margin-right: 40px;
  position: relative;
}
.ofs-page-header__left::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 16px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background-color: #dcdfe6;
}
.ofs-page-header__left .el-icon-back {
  font-size: 18px;
  margin-right: 6px;
  align-self: center;
}
.ofs-page-header__title {
  font-size: 14px;
  font-weight: 500;
}
.ofs-page-header__content {
  font-size: 18px;
  color: #303133;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-right: 30px;
}
.ofs-checkbox.is-bordered {
  padding: 9px 20px 9px 10px;
  border-radius: 4px;
  border: 1px solid #909399;
  box-sizing: border-box;
  line-height: normal;
  height: 40px;
}
.ofs-checkbox.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-checkbox.is-bordered.is-disabled {
  border-color: #ebeef5;
  cursor: not-allowed;
}
.ofs-checkbox.is-bordered + .ofs-checkbox.is-bordered {
  margin-left: 10px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium {
  padding: 7px 20px 7px 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__label {
  line-height: 17px;
  font-size: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--medium .ofs-checkbox__inner {
  height: 14px;
  width: 14px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small {
  padding: 5px 15px 5px 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__label {
  line-height: 15px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--small .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini {
  padding: 3px 15px 3px 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__label {
  line-height: 12px;
  font-size: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner {
  height: 12px;
  width: 12px;
}
.ofs-checkbox.is-bordered.ofs-checkbox--mini .ofs-checkbox__inner::after {
  height: 6px;
  width: 2px;
}
.ofs-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner {
  background-color: #edf2fc;
  border-color: #dcdfe6;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner::after {
  cursor: not-allowed;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled .ofs-checkbox__inner + .ofs-checkbox__label {
  cursor: not-allowed;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-checked .ofs-checkbox__inner::after {
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner {
  background-color: #f2f6fc;
  border-color: #dcdfe6;
}
.ofs-checkbox__input.is-disabled.is-indeterminate .ofs-checkbox__inner::before {
  background-color: #c0c4cc;
  border-color: #c0c4cc;
}
.ofs-checkbox__input.is-disabled + span.ofs-checkbox__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-checked .ofs-checkbox__inner::after {
  transform: rotate(45deg) scaleY(1);
}
.ofs-checkbox__input.is-checked + .ofs-checkbox__label {
  color: #12b48a;
}
.ofs-checkbox__input.is-focus {
  /*focus时 视觉上区分*/
}
.ofs-checkbox__input.is-focus .ofs-checkbox__inner {
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner {
  background-color: #12b48a;
  border-color: #12b48a;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ffffff;
  height: 2px;
  transform: scale(0.5);
  left: 0;
  right: 0;
  top: 5px;
}
.ofs-checkbox__input.is-indeterminate .ofs-checkbox__inner::after {
  display: none;
}
.ofs-checkbox__inner {
  display: inline-block;
  position: relative;
  border: 1px solid #909399;
  border-radius: 2px;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  z-index: 1;
  transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
}
.ofs-checkbox__inner:hover {
  border-color: #12b48a;
}
.ofs-checkbox__inner::after {
  box-sizing: content-box;
  content: "";
  border: 1px solid #ffffff;
  border-left: 0;
  border-top: 0;
  height: 7px;
  left: 4px;
  position: absolute;
  top: 1px;
  transform: rotate(45deg) scaleY(0);
  width: 3px;
  transition: transform 0.15s ease-in 0.05s;
  transform-origin: center;
}
.ofs-checkbox__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  width: 0;
  height: 0;
  z-index: -1;
}
.ofs-checkbox__label {
  display: inline-block;
  padding-left: 10px;
  line-height: 19px;
  font-size: 14px;
}
.ofs-checkbox:last-of-type {
  margin-right: 0;
}
.ofs-checkbox-button {
  position: relative;
  display: inline-block;
}
.ofs-checkbox-button__inner {
  display: inline-block;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #909399;
  border-left: 0;
  color: #606266;
  -webkit-appearance: none;
  text-align: center;
  box-sizing: border-box;
  outline: none;
  margin: 0;
  position: relative;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button__inner.is-round {
  padding: 12px 20px;
}
.ofs-checkbox-button__inner:hover {
  color: #12b48a;
}
.ofs-checkbox-button__inner [class*=el-icon-] {
  line-height: 0.9;
}
.ofs-checkbox-button__inner [class*=el-icon-] + span {
  margin-left: 5px;
}
.ofs-checkbox-button__original {
  opacity: 0;
  outline: none;
  position: absolute;
  margin: 0;
  z-index: -1;
}
.ofs-checkbox-button.is-checked .ofs-checkbox-button__inner {
  color: #ffffff;
  background-color: #12b48a;
  border-color: #12b48a;
  box-shadow: -1px 0 0 0 rgb(112.8, 210, 184.8);
}
.ofs-checkbox-button.is-checked:first-child .ofs-checkbox-button__inner {
  border-left-color: #12b48a;
}
.ofs-checkbox-button.is-disabled .ofs-checkbox-button__inner {
  color: #c0c4cc;
  cursor: not-allowed;
  background-image: none;
  background-color: #ffffff;
  border-color: #ebeef5;
  box-shadow: none;
}
.ofs-checkbox-button.is-disabled:first-child .ofs-checkbox-button__inner {
  border-left-color: #ebeef5;
}
.ofs-checkbox-button:first-child .ofs-checkbox-button__inner {
  border-left: 1px solid #909399;
  border-radius: 4px 0 0 4px;
  box-shadow: none !important;
}
.ofs-checkbox-button.is-focus .ofs-checkbox-button__inner {
  border-color: #12b48a;
}
.ofs-checkbox-button:last-child .ofs-checkbox-button__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.ofs-checkbox-button--medium .ofs-checkbox-button__inner.is-round {
  padding: 10px 20px;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--small .ofs-checkbox-button__inner.is-round {
  padding: 9px 15px;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 0;
}
.ofs-checkbox-button--mini .ofs-checkbox-button__inner.is-round {
  padding: 7px 15px;
}
.ofs-checkbox-group {
  font-size: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-radio {
  color: #606266;
  font-weight: 500;
  line-height: 1;
  position: relative;
  cursor: pointer;
  display: inline-block;
  white-space: nowrap;
  outline: none;
  font-size: 14px;
  margin-right: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.ofs-radio.is-bordered {
  padding: 12px 20px 0 10px;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-sizing: border-box;
  height: 40px;
}
.ofs-radio.is-bordered.is-checked {
  border-color: #12b48a;
}
.ofs-radio.is-bordered.is-disabled {
  cursor: not-allowed;
  border-color: #ebeef5;
}
.ofs-radio.is-bordered + .ofs-radio.is-bordered {
  margin-left: 10px;
}
.ofs-radio--medium.is-bordered {
  padding: 10px 20px 0 10px;
  border-radius: 4px;
  height: 36px;
}
.ofs-radio--medium.is-bordered .ofs-radio__label {
  font-size: 14px;
}
.ofs-radio--medium.is-bordered .ofs-radio__inner {
  height: 14px;
  width: 14px;
}
.ofs-radio--small.is-bordered {
  padding: 8px 15px 0 10px;
  border-radius: 3px;
  height: 32px;
}
.ofs-radio--small.is-bordered .ofs-radio__label {
  font-size: 12px;
}
.ofs-radio--small.is-bordered .ofs-radio__inner {
  height: 12px;
  width: 12px;
}
.ofs-radio--mini.is-bordered {
  padding: 6px 15px 0 10px;
  border-radius: 3px;
  height: 28px;
}
.ofs-radio--mini.is-bordered .ofs-radio__label {
  font-size: 12px;
}
.ofs-radio--mini.is-bordered .ofs-radio__inner {
  height: 12px;
  width: 12px;
}
.ofs-radio:last-child {
  margin-right: 0;
}
.ofs-radio__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-block;
  line-height: 1;
  position: relative;
  vertical-align: middle;
}
.ofs-radio__input.is-disabled .ofs-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  cursor: not-allowed;
}
.ofs-radio__input.is-disabled .ofs-radio__inner::after {
  cursor: not-allowed;
  background-color: #f5f7fa;
}
.ofs-radio__input.is-disabled .ofs-radio__inner + .ofs-radio__label {
  cursor: not-allowed;
}
.ofs-radio__input.is-disabled.is-checked .ofs-radio__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
}
.ofs-radio__input.is-disabled.is-checked .ofs-radio__inner::after {
  background-color: #c0c4cc;
}
.ofs-radio__input.is-disabled + span.ofs-radio__label {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-radio__input.is-checked .ofs-radio__inner {
  border-color: #12b48a;
  background: #12b48a;
}
.ofs-radio__input.is-checked .ofs-radio__inner::after {
  transform: translate(-50%, -50%) scale(1);
}
.ofs-radio__input.is-checked + .ofs-radio__label {
  color: #12b48a;
}
.ofs-radio__input.is-focus .ofs-radio__inner {
  border-color: #12b48a;
}
.ofs-radio__inner {
  border: 1px solid #dcdfe6;
  border-radius: 100%;
  width: 14px;
  height: 14px;
  background-color: #ffffff;
  position: relative;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
}
.ofs-radio__inner:hover {
  border-color: #12b48a;
}
.ofs-radio__inner::after {
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease-in;
}
.ofs-radio__original {
  opacity: 0;
  outline: none;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
}
.ofs-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
  /*获得焦点时 样式提醒*/
}
.ofs-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .ofs-radio__inner {
  box-shadow: 0 0 2px 2px #12b48a;
}
.ofs-radio__label {
  font-size: 12px;
  padding-left: 10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-scrollbar {
  overflow: hidden;
  position: relative;
}
.ofs-scrollbar:hover > .ofs-scrollbar__bar, .ofs-scrollbar:active > .ofs-scrollbar__bar, .ofs-scrollbar:focus > .ofs-scrollbar__bar {
  opacity: 1;
  transition: opacity 340ms ease-out;
}
.ofs-scrollbar__wrap {
  overflow: scroll;
  height: 100%;
}
.ofs-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.ofs-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-scrollbar__thumb {
  position: relative;
  display: block;
  width: 0;
  height: 0;
  cursor: pointer;
  border-radius: inherit;
  background-color: rgba(144, 147, 153, 0.3);
  transition: 0.3s background-color;
}
.ofs-scrollbar__thumb:hover {
  background-color: rgba(144, 147, 153, 0.5);
}
.ofs-scrollbar__bar {
  position: absolute;
  right: 2px;
  bottom: 2px;
  z-index: 1;
  border-radius: 4px;
  opacity: 0;
  transition: opacity 120ms ease-out;
}
.ofs-scrollbar__bar.is-vertical {
  width: 6px;
  top: 2px;
}
.ofs-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.ofs-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.ofs-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.ofs-cascader-panel {
  display: flex;
  border-radius: 4px;
  font-size: 12px;
  min-height: 192px;
}
.ofs-cascader-panel.is-bordered {
  border: solid 1px #e4e7ed;
  border-radius: 4px;
}
.ofs-cascader-menu {
  min-width: 180px;
  box-sizing: border-box;
  color: #606266;
  border-right: solid 1px #e4e7ed;
}
.ofs-cascader-menu:last-child {
  border-right: none;
}
.ofs-cascader-menu:last-child .ofs-cascader-node {
  padding-right: 20px;
}
.ofs-cascader-menu__virtual-list {
  height: 192px;
  padding: 6px 0px;
  overflow: auto;
}
.ofs-cascader-menu__virtual-list.has-check {
  padding-top: 0;
}
.ofs-cascader-menu__virtual-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.ofs-cascader-menu__virtual-list::-webkit-scrollbar-thumb {
  border-radius: 4px;
}
.ofs-cascader-menu__virtual-list::-webkit-scrollbar-track {
  background: transparent;
}
.ofs-cascader-menu__wrap {
  height: 204px;
}
.ofs-cascader-menu__list {
  position: relative;
  min-height: 100%;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  box-sizing: border-box;
}
.ofs-cascader-menu__checkbox-wrap {
  height: 24px;
  padding-left: 20px;
}
.ofs-cascader-menu__hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.ofs-cascader-menu__empty-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #c0c4cc;
}
.ofs-cascader-node {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 30px 0 20px;
  height: 34px;
  line-height: 34px;
  outline: none;
}
.ofs-cascader-node.is-selectable.in-active-path {
  color: #606266;
}
.ofs-cascader-node.in-active-path, .ofs-cascader-node.is-selectable.in-checked-path, .ofs-cascader-node.is-active {
  color: #12b48a;
  font-weight: bold;
}
.ofs-cascader-node:not(.is-disabled) {
  cursor: pointer;
}
.ofs-cascader-node:not(.is-disabled):hover, .ofs-cascader-node:not(.is-disabled):focus {
  background: #f5f7fa;
}
.ofs-cascader-node.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-cascader-node__prefix {
  position: absolute;
  left: 10px;
}
.ofs-cascader-node__postfix {
  position: absolute;
  right: 10px;
}
.ofs-cascader-node__label {
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-cascader-node > .ofs-radio {
  margin-right: 0;
}
.ofs-cascader-node > .ofs-radio .ofs-radio__label {
  padding-left: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-avatar {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  color: #fff;
  background: #c0c4cc;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.ofs-avatar > img {
  display: block;
  height: 100%;
  vertical-align: middle;
}
.ofs-avatar--circle {
  border-radius: 50%;
}
.ofs-avatar--square {
  border-radius: 4px;
}
.ofs-avatar--icon {
  font-size: 18px;
}
.ofs-avatar--large {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ofs-avatar--medium {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.ofs-avatar--small {
  width: 28px;
  height: 28px;
  line-height: 28px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
@keyframes ofs-drawer-fade-in {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes rtl-drawer-in {
0% {
    transform: translate(100%, 0px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes rtl-drawer-out {
0% {
    transform: translate(0px, 0px);
}
100% {
    transform: translate(100%, 0px);
}
}
@keyframes ltr-drawer-in {
0% {
    transform: translate(-100%, 0px);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes ltr-drawer-out {
0% {
    transform: translate(0px, 0px);
}
100% {
    transform: translate(-100%, 0px);
}
}
@keyframes ttb-drawer-in {
0% {
    transform: translate(0px, -100%);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes ttb-drawer-out {
0% {
    transform: translate(0px, 0px);
}
100% {
    transform: translate(0px, -100%);
}
}
@keyframes btt-drawer-in {
0% {
    transform: translate(0px, 100%);
}
100% {
    transform: translate(0px, 0px);
}
}
@keyframes btt-drawer-out {
0% {
    transform: translate(0px, 0);
}
100% {
    transform: translate(0px, 100%);
}
}
.ofs-drawer {
  position: absolute;
  box-sizing: border-box;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  outline: 0;
}
.ofs-drawer.rtl {
  animation: rtl-drawer-out 0.3s;
}
.ofs-drawer__open .ofs-drawer.rtl {
  animation: rtl-drawer-in 0.3s 1ms;
}
.ofs-drawer.ltr {
  animation: ltr-drawer-out 0.3s;
}
.ofs-drawer__open .ofs-drawer.ltr {
  animation: ltr-drawer-in 0.3s 1ms;
}
.ofs-drawer.ttb {
  animation: ttb-drawer-out 0.3s;
}
.ofs-drawer__open .ofs-drawer.ttb {
  animation: ttb-drawer-in 0.3s 1ms;
}
.ofs-drawer.btt {
  animation: btt-drawer-out 0.3s;
}
.ofs-drawer__open .ofs-drawer.btt {
  animation: btt-drawer-in 0.3s 1ms;
}
.ofs-drawer__wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
.ofs-drawer__header {
  align-items: center;
  color: #303133;
  display: flex;
  padding: 20px 20px 26px;
  font-size: 16px;
}
.ofs-drawer__header > :first-child {
  flex: 1;
}
.ofs-drawer__header > * {
  font-size: 1rem;
}
.ofs-drawer__header + .ofs-drawer__body {
  padding-top: 4px;
}
.ofs-drawer__close-btn {
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: inherit;
  background-color: transparent;
  line-height: 23px;
}
.ofs-drawer__body {
  flex: 1;
  overflow: auto;
  padding: 0 20px;
}
.ofs-drawer__body > * {
  box-sizing: border-box;
}
.ofs-drawer__footer {
  padding: 20px;
}
.ofs-drawer__footer > * {
  box-sizing: border-box;
}
.ofs-drawer__footer-left {
  text-align: left;
}
.ofs-drawer__footer-center {
  text-align: center;
}
.ofs-drawer__footer-right {
  text-align: right;
}
.ofs-drawer.ltr, .ofs-drawer.rtl {
  height: 100%;
  top: 0;
  bottom: 0;
}
.ofs-drawer.ttb, .ofs-drawer.btt {
  width: 100%;
  left: 0;
  right: 0;
}
.ofs-drawer.ltr {
  left: 0;
}
.ofs-drawer.rtl {
  right: 0;
}
.ofs-drawer.ttb {
  top: 0;
}
.ofs-drawer.btt {
  bottom: 0;
}
.ofs-drawer__container {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.ofs-drawer-fade-enter-active {
  animation: ofs-drawer-fade-in 0.3s;
}
.ofs-drawer-fade-leave-active {
  animation: ofs-drawer-fade-in 0.3s reverse;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popconfirm__main {
  display: flex;
  align-items: center;
}
.ofs-popconfirm__icon {
  margin-right: 5px;
}
.ofs-popconfirm__action {
  text-align: right;
  margin: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-skeleton__item {
  background: #f2f2f2;
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  width: 100%;
}
.ofs-skeleton__circle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.ofs-skeleton__circle--lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ofs-skeleton__circle--md {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.ofs-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}
.ofs-skeleton__p {
  width: 100%;
}
.ofs-skeleton__p.is-last {
  width: 61%;
}
.ofs-skeleton__p.is-first {
  width: 33%;
}
.ofs-skeleton__text {
  width: 100%;
  height: 13px;
}
.ofs-skeleton__caption {
  height: 12px;
}
.ofs-skeleton__h1 {
  height: 20px;
}
.ofs-skeleton__h3 {
  height: 18px;
}
.ofs-skeleton__h5 {
  height: 16px;
}
.ofs-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.ofs-skeleton__image svg {
  fill: #dcdde0;
  width: 22%;
  height: 22%;
}
@keyframes ofs-skeleton-loading {
0% {
    background-position: 100% 50%;
}
100% {
    background-position: 0 50%;
}
}
.ofs-skeleton {
  width: 100%;
}
.ofs-skeleton__first-line {
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ofs-skeleton__paragraph {
  height: 16px;
  margin-top: 16px;
  background: #f2f2f2;
}
.ofs-skeleton.is-animated .ofs-skeleton__item {
  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  background-size: 400% 100%;
  animation: ofs-skeleton-loading 1.4s ease infinite;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-skeleton__item {
  background: #f2f2f2;
  display: inline-block;
  height: 16px;
  border-radius: 4px;
  width: 100%;
}
.ofs-skeleton__circle {
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.ofs-skeleton__circle--lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.ofs-skeleton__circle--md {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.ofs-skeleton__button {
  height: 40px;
  width: 64px;
  border-radius: 4px;
}
.ofs-skeleton__p {
  width: 100%;
}
.ofs-skeleton__p.is-last {
  width: 61%;
}
.ofs-skeleton__p.is-first {
  width: 33%;
}
.ofs-skeleton__text {
  width: 100%;
  height: 13px;
}
.ofs-skeleton__caption {
  height: 12px;
}
.ofs-skeleton__h1 {
  height: 20px;
}
.ofs-skeleton__h3 {
  height: 18px;
}
.ofs-skeleton__h5 {
  height: 16px;
}
.ofs-skeleton__image {
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.ofs-skeleton__image svg {
  fill: #dcdde0;
  width: 22%;
  height: 22%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 0;
}
.ofs-empty__image {
  width: 360px;
}
.ofs-empty__image img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: contain;
     object-fit: contain;
}
.ofs-empty__image svg {
  fill: #dcdde0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.ofs-empty__description {
  margin-top: 8px;
}
.ofs-empty__description p {
  margin: 0;
  font-size: 14px;
  color: #c0c4cc;
}
.ofs-empty__bottom {
  margin-top: 20px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-descriptions-item__container {
  display: flex;
}
.ofs-descriptions-item__label.has-colon::after {
  content: ":";
  position: relative;
  top: -0.5px;
}
.ofs-descriptions-item__label.is-bordered-label {
  font-weight: bold;
  color: #909399;
  background: #fafafa;
}
.ofs-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}
.ofs-descriptions {
  box-sizing: border-box;
  font-size: 14px;
  color: #303133;
}
.ofs-descriptions__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.ofs-descriptions__title {
  font-size: 16px;
  font-weight: bold;
}
.ofs-descriptions__body {
  color: #606266;
  background-color: #ffffff;
}
.ofs-descriptions__body table {
  display: table;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.ofs-descriptions__body table th,
.ofs-descriptions__body table td {
  box-sizing: border-box;
  text-align: left;
  font-weight: normal;
  line-height: 1.5;
}
.ofs-descriptions__body table th.is-left,
.ofs-descriptions__body table td.is-left {
  text-align: left;
}
.ofs-descriptions__body table th.is-center,
.ofs-descriptions__body table td.is-center {
  text-align: center;
}
.ofs-descriptions__body table th.is-right,
.ofs-descriptions__body table td.is-right {
  text-align: right;
}
.ofs-descriptions .is-bordered {
  table-layout: auto;
}
.ofs-descriptions .is-bordered th,
.ofs-descriptions .is-bordered td {
  border: 1px solid #ebeef5;
  padding: 12px 10px;
}
.ofs-descriptions :not(.is-bordered) th,
.ofs-descriptions :not(.is-bordered) td {
  padding-bottom: 12px;
}
.ofs-descriptions--medium.is-bordered th,
.ofs-descriptions--medium.is-bordered td {
  padding: 10px;
}
.ofs-descriptions--medium:not(.is-bordered) th,
.ofs-descriptions--medium:not(.is-bordered) td {
  padding-bottom: 10px;
}
.ofs-descriptions--small {
  font-size: 12px;
}
.ofs-descriptions--small.is-bordered th,
.ofs-descriptions--small.is-bordered td {
  padding: 8px 10px;
}
.ofs-descriptions--small:not(.is-bordered) th,
.ofs-descriptions--small:not(.is-bordered) td {
  padding-bottom: 8px;
}
.ofs-descriptions--mini {
  font-size: 12px;
}
.ofs-descriptions--mini.is-bordered th,
.ofs-descriptions--mini.is-bordered td {
  padding: 6px 10px;
}
.ofs-descriptions--mini:not(.is-bordered) th,
.ofs-descriptions--mini:not(.is-bordered) td {
  padding-bottom: 6px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-descriptions-item__container {
  display: flex;
}
.ofs-descriptions-item__label.has-colon::after {
  content: ":";
  position: relative;
  top: -0.5px;
}
.ofs-descriptions-item__label.is-bordered-label {
  font-weight: bold;
  color: #909399;
  background: #fafafa;
}
.ofs-descriptions-item__label:not(.is-bordered-label) {
  margin-right: 10px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 30px;
}
.ofs-result__icon svg {
  width: 64px;
  height: 64px;
}
.ofs-result__title {
  margin-top: 20px;
}
.ofs-result__title p {
  margin: 0;
  font-size: 20px;
  color: #303133;
  line-height: 1.3;
}
.ofs-result__subtitle {
  margin-top: 10px;
}
.ofs-result__subtitle p {
  margin: 0;
  font-size: 14px;
  color: #606266;
  line-height: 1.3;
}
.ofs-result__extra {
  margin-top: 30px;
}
.ofs-result .icon-success {
  fill: #48d164;
}
.ofs-result .icon-error {
  fill: #ff3939;
}
.ofs-result .icon-info {
  fill: #909399;
}
.ofs-result .icon-warning {
  fill: #ff8429;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-editor .tox .tox-dialog {
  border-radius: 4px !important;
}
.ofs-editor .tox .tox-dialog .tox-dialog__body {
  padding-top: 16px;
}
.ofs-editor .tox-tinymce {
  border-radius: 3px !important;
  opacity: 1 !important;
  border: 1px solid #d8dce6 !important;
}
.ofs-editor .tox-dialog__title {
  font-size: 18px !important;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__body-content,
.ofs-editor .tox-dialog-inline .tox-dialog__body-content {
  padding-top: 4px !important;
}
.ofs-editor .tox-dialog-wrap .tox-dialog-wrap__backdrop,
.ofs-editor .tox-dialog-inline .tox-dialog-wrap__backdrop {
  background: rgba(0, 0, 0, 0.5) !important;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__header,
.ofs-editor .tox-dialog-inline .tox-dialog__header {
  padding-top: 12px !important;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer,
.ofs-editor .tox-dialog-inline .tox-dialog__footer {
  border-top: none !important;
  padding: 20px !important;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer .tox-dialog__footer-end .tox-button,
.ofs-editor .tox-dialog-inline .tox-dialog__footer .tox-dialog__footer-end .tox-button {
  font-weight: normal;
  background-color: #12b48a;
  border-color: #12b48a;
  color: #fff;
  border-radius: 3px !important;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer .tox-dialog__footer-end .tox-button:hover,
.ofs-editor .tox-dialog-inline .tox-dialog__footer .tox-dialog__footer-end .tox-button:hover {
  background-color: #12b48a;
  border-color: #12b48a;
  opacity: 0.8;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary,
.ofs-editor .tox-dialog-inline .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary {
  background: #fff;
  color: #666666;
  border: 1px solid #ebebf0;
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary:hover,
.ofs-editor .tox-dialog-inline .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary:hover {
  color: #12b48a;
  background: rgba(18, 180, 138, 0.2);
  border-color: rgba(18, 180, 138, 0.6);
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary[disabled],
.ofs-editor .tox-dialog-inline .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary[disabled] {
  color: rgba(34, 47, 62, 0.5);
}
.ofs-editor .tox-dialog-wrap .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary[disabled]:hover,
.ofs-editor .tox-dialog-inline .tox-dialog__footer .tox-dialog__footer-end .tox-button--secondary[disabled]:hover {
  background: #fff;
  border: 1px solid #ebebf0;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button,
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button {
  border-radius: 3px !important;
  font-weight: normal !important;
  background-color: #12b48a !important;
  border-color: #12b48a !important;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button:hover,
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button:hover {
  background-color: #12b48a !important;
  border-color: #12b48a !important;
  opacity: 0.8;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button--secondary,
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button--secondary {
  background: #fff !important;
  color: #666666 !important;
  border: 1px solid #ebebf0 !important;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button--secondary:hover,
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button--secondary:hover {
  color: #12b48a !important;
  background: rgba(18, 180, 138, 0.2) !important;
  border-color: rgba(18, 180, 138, 0.6) !important;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button[disabled],
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button[disabled] {
  opacity: 0.75 !important;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button--secondary[disabled],
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button--secondary[disabled] {
  opacity: 0.75 !important;
}
.ofs-editor .tox-dialog-wrap .tox-image-tools__toolbar .tox-button--secondary[disabled]:hover,
.ofs-editor .tox-dialog-inline .tox-image-tools__toolbar .tox-button--secondary[disabled]:hover {
  background: #fff !important;
  border: 1px solid #ebebf0 !important;
}
.ofs-editor .tox-dialog-wrap .tox-form .tox-form__group,
.ofs-editor .tox-dialog-inline .tox-form .tox-form__group {
  margin-bottom: 12px;
}
.ofs-editor .tox-dialog-wrap .tox-form .tox-form__group .tox-textfield,
.ofs-editor .tox-dialog-inline .tox-form .tox-form__group .tox-textfield {
  height: 32px;
  line-height: 32px;
  font-size: 14px !important;
  border-radius: 3px !important;
}
.ofs-editor .tox-dialog-wrap .tox-form .tox-form__group .tox-textfield:focus,
.ofs-editor .tox-dialog-inline .tox-form .tox-form__group .tox-textfield:focus {
  border-color: #12b48a;
  box-shadow: none !important;
}
.ofs-editor .tox .tox-dialog__body-nav-item--active {
  color: #12b48a !important;
  border-color: #12b48a !important;
}
.ofs-editor.is-disabled {
  position: relative;
  left: 0;
  top: 0;
  opacity: 0.5;
  width: 100%;
  background: #000;
  z-index: 998;
}
.ofs-editor.is-disabled .tox-editor-header {
  pointer-events: none;
  cursor: not-allowed;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
@media only screen and (max-width: 767px) {
.hidden-xs-only {
    display: none !important;
}
}
@media only screen and (min-width: 768px) {
.hidden-sm-and-up {
    display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hidden-sm-only {
    display: none !important;
}
}
@media only screen and (max-width: 991px) {
.hidden-sm-and-down {
    display: none !important;
}
}
@media only screen and (min-width: 992px) {
.hidden-md-and-up {
    display: none !important;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.hidden-md-only {
    display: none !important;
}
}
@media only screen and (max-width: 1199px) {
.hidden-md-and-down {
    display: none !important;
}
}
@media only screen and (min-width: 1200px) {
.hidden-lg-and-up {
    display: none !important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1919px) {
.hidden-lg-only {
    display: none !important;
}
}
@media only screen and (max-width: 1919px) {
.hidden-lg-and-down {
    display: none !important;
}
}
@media only screen and (min-width: 1920px) {
.hidden-xl-only {
    display: none !important;
}
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-flex {
  display: flex;
}
.ofs-flex--dir-col {
  flex-direction: column;
}
.ofs-flex--dir-row-rev {
  flex-direction: row-reverse;
}
.ofs-flex.is-justify-end {
  justify-content: flex-end;
}
.ofs-flex.is-justify-center {
  justify-content: center;
}
.ofs-flex.is-align-center {
  align-items: center;
}
.ofs-flex.is-flex-end {
  justify-content: flex-end;
}
.ofs-flex-1 {
  flex: 1;
}
.ofs-icon-wrap.ofs-icon {
  cursor: pointer;
  display: inline-block;
  color: #555;
}
.ofs-icon-wrap.ofs-icon:focus {
  outline: none;
}
.ofs-icon-wrap.ofs-icon.ofs-icon-svg {
  line-height: 1;
  vertical-align: middle;
}
.ofs-icon-wrap.ofs-icon .ofs-icon-item {
  color: inherit;
  font-size: 18px;
  font-style: normal;
}
.ofs-icon-wrap.ofs-icon[disabled] {
  cursor: not-allowed;
  pointer-events: auto;
}
.ofs-icon-wrap.ofs-icon[disabled] .ofs-icon-item {
  color: #ccc;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-collect {
  color: #311b92;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-freeze {
  color: #2196f3;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-modify {
  color: #fbc02d;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-return {
  color: #ff5252;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-overall {
  color: #c51162;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-report {
  color: #7e57c2;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-unpick {
  color: #ff9100;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-urge {
  color: #d50000;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-sub-order {
  color: #2979ff;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-tariff {
  color: #2e7d32;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-unify {
  color: #303f9f;
  font-size: 20px;
}
.ofs-icon-wrap.ofs-icon .ofs-i-t-red {
  color: #e53935;
  font-size: 20px;
}
.ofs-i-loading3 {
  animation: rotating 2s linear infinite;
}
.ofs-icon--right {
  margin-left: 5px;
}
.ofs-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
0% {
    transform: rotateZ(0deg);
}
100% {
    transform: rotateZ(360deg);
}
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-select-group {
  margin: 0;
  padding: 0;
}
.ofs-select-group__wrap {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ofs-select-group__wrap.is-border + li::before {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  top: 0px;
  height: 1px;
  background: #e4e7ed;
}
.ofs-select-group__wrap:not(:last-of-type) {
  padding-bottom: 24px;
}
.ofs-select-group__wrap:not(:last-of-type)::after {
  content: "";
  position: absolute;
  display: block;
  left: 20px;
  right: 20px;
  bottom: 12px;
  height: 1px;
  background: #e4e7ed;
}
.ofs-select-group__title {
  padding-left: 20px;
  font-size: 12px;
  color: #909399;
  line-height: 30px;
  transition: all 0.2s;
  position: relative;
}
.ofs-select-group__title.is-collapse {
  cursor: pointer;
}
.ofs-select-group__title.is-collapse.is-close + li {
  display: none;
}
.ofs-select-group__title.is-collapse .is-reverse {
  transform: rotateZ(180deg) translateY(50%);
}
.ofs-select-group__title .ofs-i-up {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.ofs-select-group .ofs-select-dropdown__item {
  padding-left: 20px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-select-dropdown__item {
  font-size: 12px;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #606266;
  height: 34px;
  line-height: 34px;
  box-sizing: border-box;
  cursor: pointer;
}
.ofs-select-dropdown__item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-select-dropdown__item.is-disabled:hover {
  background-color: #ffffff;
}
.ofs-select-dropdown__item.hover, .ofs-select-dropdown__item:hover {
  background-color: #f5f7fa;
}
.ofs-select-dropdown__item.selected {
  color: #12b48a;
  font-weight: bold;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.ofs-preview-img-box {
  line-height: unset !important;
}
.ofs-preview-img-box .ofs-popover__reference-wrapper {
  display: inline-block;
  vertical-align: middle;
}
.ofs-preview-img-box .ofs-popover__reference-wrapper > img {
  width: 36px;
  height: 36px;
  display: block;
  border: 1px solid #ebebf0;
}
.ofs-preview-img-box .ofs-popover__reference-wrapper > img:hover {
  cursor: pointer;
}
.ofs-preview-img-box .ofs-popover__reference-wrapper .ofs-preview-img-empty {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 12px;
  color: #606266;
  cursor: default;
}
.ofs-preview-img-popper {
  overflow: hidden;
  border-radius: 8px;
  box-sizing: border-box;
}
.ofs-preview-img-popper.is-array {
  padding: 20px 0;
}
.ofs-preview-img-popper.is-array.is-lock img:not(:last-child) {
  margin-right: 10px;
}
.ofs-preview-img-popper .ofs-preview-img-wrap {
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-height: 254px;
  overflow-y: auto;
  box-sizing: border-box;
}
.ofs-preview-img-popper .preview-img {
  border: 1px solid #ebebf0;
}
.ofs-preview-img-popper .preview-img.has-margin {
  margin-top: 10px;
}
.ofs-preview-img-popper .preview-img.is-small, .ofs-preview-img-popper .preview-img.is-empty {
  width: 120px;
  height: 120px;
}
.ofs-preview-img-popper .preview-img.is-empty {
  border: unset;
}
.ofs-preview-img-popper .preview-img.is-medium {
  width: 200px;
  height: 200px;
}
.ofs-preview-img-popper .preview-img.is-medium:hover, .ofs-preview-img-popper .preview-img.is-small:hover {
  opacity: 0.8;
}
.ofs-price {
  font-size: 12px;
}
.ofs-price .price-big {
  font-size: 16px;
}
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-search {
  background: #ffffff;
  text-align: left;
  min-width: 500px;
}
.ofs-search .ofs-search-box {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.ofs-search .ofs-search-box .ofs-input--small {
  display: flex;
  align-items: center;
}
.ofs-search .ofs-search-box .ofs-input-group__append {
  width: 28px;
  background-color: #ffffff !important;
  padding: 0 !important;
}
.ofs-search .ofs-search-box .ofs-range-editor.ofs-input__inner {
  padding-right: 0px;
  padding: 2px 0px 2px 10px;
}
.ofs-search .ofs-search-box .ofs-empty-btn {
  padding: 0;
  margin: 0;
  height: 30px;
}
.ofs-search .ofs-search-box .ofs-empty-btn .ofs-batch-icon {
  font-size: 20px;
  color: #999999;
  vertical-align: middle;
}
.ofs-search .ofs-search-box .ofs-divider--vertical {
  top: -1px;
  height: 18px;
  margin: 0 2px 0 0;
}
.ofs-search .ofs-search-box .ofs-batch-input .ofs-input__inner {
  border-right: 0;
}
.ofs-search .ofs-search-box .ofs-batch-input .ofs-input__inner:focus {
  border-right: 1px solid #12b48a;
}
.ofs-search .ofs-search-lt {
  width: calc(100% - 142px);
}
.ofs-search .ofs-search-lt .ofs-form {
  font-size: 0;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item {
  margin-right: 20px !important;
  margin-bottom: 10px !important;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-custom .ofs-form-item__content {
  width: 300px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__label {
  font-size: 12px;
  padding-right: 0px !important;
  width: 100px !important;
  float: left;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-custom):not(.is-auto-width) .ofs-form-item__content {
  width: 200px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-custom):not(.is-auto-width) .ofs-form-item__content .ofs-input {
  width: 200px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-custom):not(.is-auto-width) .ofs-form-item__content .ofs-select-rt.ofs-date-editor--daterange.ofs-date-editor {
  width: 200px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-auto-width .ofs-form-item__content {
  width: auto;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-auto-width .ofs-form-item__content .ofs-input {
  width: auto;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-auto-width .ofs-form-item__content .ofs-select-rt.ofs-date-editor--daterange.ofs-date-editor {
  width: auto;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content {
  position: relative;
  display: flex;
  align-items: center;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-i-down {
  font-size: 20px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-search-form-slot {
  position: absolute;
  right: -20px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-search-form-slot i {
  line-height: 32px;
  font-size: 18px;
  cursor: pointer;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-date-editor--datetimerange {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-date-editor--datetimerange:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-date-editor--datetimerange:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-form-item__content .ofs-date-editor--datetimerange.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-side-hove) .ofs-input:not(.is-disabled) .ofs-input__inner {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-side-hove) .ofs-input:not(.is-disabled) .ofs-input__inner:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-side-hove) .ofs-input:not(.is-disabled) .ofs-input__inner:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item:not(.is-side-hove) .ofs-input:not(.is-disabled) .ofs-input__inner.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-select .ofs-input__inner,
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-cascader .ofs-input__inner {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-select .ofs-input__inner:hover,
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-cascader .ofs-input__inner:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-select .ofs-input__inner:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-select .ofs-input__inner.is-active,
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-cascader .ofs-input__inner:focus,
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-cascader .ofs-input__inner.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-select:hover .ofs-input__inner,
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-cascader:hover .ofs-input__inner {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-select .ofs-input.is-focus .ofs-input__inner,
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-cascader .ofs-input.is-focus .ofs-input__inner {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor.ofs-date-editor--daterange {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor.ofs-date-editor--daterange:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor.ofs-date-editor--daterange:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor.ofs-date-editor--daterange.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor:not(.ofs-date-editor--daterange) .ofs-input__inner {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor:not(.ofs-date-editor--daterange) .ofs-input__inner:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor:not(.ofs-date-editor--daterange) .ofs-input__inner:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-date-editor:not(.ofs-date-editor--daterange) .ofs-input__inner.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove.ofs-amount .ofs-form-item__content {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove.ofs-amount .ofs-form-item__content:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove.ofs-amount .ofs-form-item__content:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove.ofs-amount .ofs-form-item__content.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove.ofs-amount.is-active .ofs-form-item__content {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input__inner {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input__inner:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input__inner:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input__inner.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input-group__append {
  border-color: #dcdfe6;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input-group__append:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input-group__append:focus, .ofs-search .ofs-search-lt .ofs-form .ofs-form-item.is-side-hove .ofs-batch-input .ofs-input-group__append.is-active {
  border-color: #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.ofs-select-select-batch .ofs-select-rt .ofs-input__inner {
  border-right: 0;
  border-radius: 0px;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item.ofs-select-select-batch .ofs-select-rt .ofs-input__inner:focus {
  border-right: 1px solid #12b48a;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-batch-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-batch-wrap .ofs-divider--vertical {
  position: absolute;
  left: -2px;
  margin: 0;
  top: unset;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-batch-wrap .ofs-empty-btn {
  border-left: 0;
  height: 32px;
  background-color: white;
  border-color: #dcdfe6;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-form-item .ofs-batch-wrap .ofs-empty-btn:hover {
  border-color: #c0c4cc;
}
.ofs-search .ofs-search-lt .ofs-form .ofs-date-editor--daterange.ofs-input__inner {
  width: 100%;
}
.ofs-search .ofs-search-lt-full {
  width: 100%;
}
.ofs-search .ofs-search-rt {
  width: 142px;
  text-align: right;
}
.ofs-search .ofs-more-icon {
  position: relative;
  top: -1px;
}
.ofs-search .ofs-more-icon .ofs-trapezoid {
  height: 13px;
  width: 120px;
  position: relative;
  z-index: 1;
  margin: auto;
  cursor: pointer;
}
.ofs-search .ofs-more-icon .ofs-trapezoid::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #f2f2f2;
  border-bottom: none;
  z-index: -1;
  transform: scaleY(1.57) perspective(70px) rotateX(50deg);
  transform-origin: bottom;
}
.ofs-search .ofs-more-icon .ofs-trapezoid .ofs-more-icon-box {
  width: 12px;
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  bottom: 0;
  margin: auto;
  transition: all 0.3s;
}
.ofs-search .ofs-more-icon .ofs-trapezoid .ofs-more-icon-box .arrow-top {
  font-size: 0;
  line-height: 0;
  border-width: 6px;
  border-color: #b3b3b3;
  border-top-width: 0;
  border-style: dashed;
  border-bottom-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  position: relative;
  top: -10px;
}
.ofs-search .ofs-more-icon .ofs-trapezoid .ofs-more-icon-box .arrow-bottom {
  font-size: 0;
  line-height: 0;
  border-width: 6px;
  border-color: #4576ff;
  border-bottom-width: 0;
  border-style: dashed;
  border-top-style: solid;
  border-left-color: transparent;
  border-right-color: transparent;
  position: relative;
  top: -5px;
}
.ofs-search .pack-divider-box {
  height: 20px;
}
.ofs-search .pack-divider-box .pack-divider {
  position: relative;
  top: 6px;
  height: 1px;
  background-color: #ebebf0;
  width: 100%;
  transition: all 0.5s ease;
}
.ofs-search .pack-divider-box .pack-divider .pack-trapezoid {
  cursor: pointer;
  height: 8px;
  width: 94px;
  position: relative;
  z-index: 1;
  top: -7px;
  margin: auto;
  background-color: white;
}
.ofs-search .pack-divider-box .pack-divider .pack-trapezoid::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #ebebf0;
  border-bottom: none;
  z-index: -1;
  transform: scaleY(1.57) perspective(70px) rotateX(50deg);
  transform-origin: bottom;
}
.ofs-search .pack-divider-box .pack-divider .pack-text {
  cursor: pointer;
  font-size: 12px;
  position: absolute;
  z-index: 2;
  top: -4px;
  left: 50%;
  margin-left: -20px;
  background-color: white;
  color: #12b48a;
}
.ofs-search .ofs-transition-dom {
  transition: all 0.5s ease;
}
.ofs-search .ofs-select .ofs-form-item__content {
  width: 300px !important;
  line-height: 1;
}
.ofs-search .ofs-select .ofs-form-item__content .ofs-input-group {
  vertical-align: middle;
}
.ofs-search .ofs-select .ofs-form-item__label + .ofs-form-item__content {
  width: 200px !important;
}
.ofs-search .ofs-select .ofs-select-lt {
  width: 100px;
}
.ofs-search .ofs-select .ofs-select-lt .ofs-input__inner {
  padding-left: 8px !important;
  border-radius: 4px 0 0 4px;
}
.ofs-search .ofs-select .ofs-select-lt .ofs-input__suffix {
  right: 0 !important;
}
.ofs-search .ofs-select .ofs-select-lt .ofs-input {
  width: 101px !important;
}
.ofs-search .ofs-select .ofs-select-lt .is-focus {
  z-index: 100;
}
.ofs-search .ofs-select .ofs-select-rt .ofs-input__inner {
  border-radius: 0 4px 4px 0;
}
.ofs-search .ofs-select .ofs-batch .ofs-input__inner {
  border-radius: 0;
}
.ofs-search .ofs-select .ofs-textarea {
  left: 2px;
}
.ofs-search .ofs-select .ofs-textarea__inner {
  width: 200px !important;
}
.ofs-search .ofs-form-item__content .ofs-select-rt.ofs-date-editor--daterange.ofs-date-editor {
  border-radius: 0 4px 4px 0;
  vertical-align: middle;
}
.ofs-search .ofs-date-editor .ofs-i-calendar {
  font-size: 20px;
}
.ofs-search .ofs-date-editor .ofs-range__icon {
  margin-left: -7px;
}
.ofs-search .ofs-date-editor .ofs-range__icon.el-icon-time, .ofs-search .ofs-date-editor .ofs-range__icon.ofs-i-temporary {
  margin-right: 2px;
}
.ofs-search .ofs-date-editor .ofs-range-separator {
  padding: 0 2px;
  padding-right: 3px;
  box-sizing: content-box;
}
.ofs-search .ofs-date-editor .ofs-range__close-icon {
  width: 16px;
}
.ofs-search .ofs-date-editor .ofs-range-input {
  width: 42%;
}
.ofs-search .ofs-search-cascader .ofs-form-item__content .ofs-input--small {
  height: 32px;
}
.ofs-search .ofs-amount {
  height: 30px;
  line-height: 30px;
  transform: all 0.3;
}
.ofs-search .ofs-amount .ofs-form-item__content {
  border: 1px solid #dcdfe6;
  height: 30px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.ofs-search .ofs-amount .ofs-spacing {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #303133;
}
.ofs-search .ofs-amount input {
  border: none;
}
.ofs-search .ofs-amount .ofs-input__suffix {
  width: 20px;
}
.ofs-search .ofs-amount .ofs-amount-input {
  height: 32px;
  width: 92px !important;
}
.ofs-search .ofs-amount .ofs-amount-input input {
  height: 27px;
  line-height: 22px;
  padding-right: 20px;
}
.ofs-search .ofs-amount input::-webkit-outer-spin-button,
.ofs-search .ofs-amount input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.ofs-popper.batch_popover[x-placement^=bottom] {
  margin-top: 13px;
}
.ofs-popper.batch_popover .ofs-batch-textarea .ofs-textarea__inner {
  min-height: 139px !important;
  width: 193px;
  resize: none;
}
.ofs-popper.batch_popover .ofs-batch-textarea-btn {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-popper .popper__arrow,
.ofs-popper .popper__arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.ofs-popper .popper__arrow {
  border-width: 6px;
  filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
}
.ofs-popper .popper__arrow::after {
  content: " ";
  border-width: 6px;
}
.ofs-popper[x-placement^=top] {
  margin-bottom: 12px;
}
.ofs-popper[x-placement^=top] .popper__arrow {
  bottom: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-color: #ebeef5;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=top] .popper__arrow::after {
  bottom: 1px;
  margin-left: -6px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
}
.ofs-popper[x-placement^=bottom] {
  margin-top: 12px;
}
.ofs-popper[x-placement^=bottom] .popper__arrow {
  top: -6px;
  left: 50%;
  margin-right: 3px;
  border-top-width: 0;
  border-bottom-color: #ebeef5;
}
.ofs-popper[x-placement^=bottom] .popper__arrow::after {
  top: 1px;
  margin-left: -6px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.ofs-popper[x-placement^=right] {
  margin-left: 12px;
}
.ofs-popper[x-placement^=right] .popper__arrow {
  top: 50%;
  left: -6px;
  margin-bottom: 3px;
  border-right-color: #ebeef5;
  border-left-width: 0;
}
.ofs-popper[x-placement^=right] .popper__arrow::after {
  bottom: -6px;
  left: 1px;
  border-right-color: #ffffff;
  border-left-width: 0;
}
.ofs-popper[x-placement^=left] {
  margin-right: 12px;
}
.ofs-popper[x-placement^=left] .popper__arrow {
  top: 50%;
  right: -6px;
  margin-bottom: 3px;
  border-right-width: 0;
  border-left-color: #ebeef5;
}
.ofs-popper[x-placement^=left] .popper__arrow::after {
  right: 1px;
  bottom: -6px;
  margin-left: -6px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.ofs-select-dropdown {
  position: absolute;
  z-index: 1001;
  border: solid 1px #e4e7ed;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 5px 0;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected {
  color: #12b48a;
  background-color: #ffffff;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected.is-disabled {
  color: rgb(112.8, 210, 184.8);
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected.hover {
  background-color: #f5f7fa;
}
.ofs-select-dropdown.is-multiple .ofs-select-dropdown__item.selected::after {
  position: absolute;
  right: 10px;
  font-family: "ofs-icons";
  content: "\e653";
  font-size: 12px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ofs-select-dropdown .ofs-scrollbar.is-empty .ofs-select-dropdown__list {
  padding: 0;
}
.ofs-select-dropdown__empty {
  padding: 10px 0;
  margin: 0;
  text-align: center;
  color: #999;
  font-size: 12px;
}
.ofs-select-dropdown__wrap {
  max-height: 274px;
}
.ofs-select-dropdown__list {
  list-style: none;
  padding: 6px 0;
  margin: 0;
  box-sizing: border-box;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-selectTree .ofs-scrollbar .ofs-scrollbar__view .ofs-select-dropdown__item {
  height: auto;
  max-height: 274px;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
}
.ofs-selectTree #tree-option {
  padding: 10px 0;
}
.ofs-selectTree .ofs-select-dropdown__item.selected {
  font-weight: normal;
}
.ofs-selectTree ul li .ofs-tree .ofs-tree-node__content {
  height: auto;
  padding: 0 20px;
}
.ofs-selectTree .ofs-tree-node__label {
  font-weight: normal;
}
.ofs-selectTree .ofs-tree .is-current .ofs-tree-node__label {
  color: #12b48a;
  font-weight: 700;
}
.ofs-selectTree .ofs-tree .is-current .ofs-tree-node__children .ofs-tree-node__label {
  color: #606266;
  font-weight: normal;
}
.ofs-selectTree .selectInput {
  padding: 0 5px;
  box-sizing: border-box;
}
.col-box {
  display: flex;
  flex-direction: column;
}
.col-box .col-item-s {
  flex-shrink: 0;
}
.col-box .col-item-l {
  flex: 1;
  overflow: auto;
}
.has-select {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
}
.has-select h5 {
  margin: 0;
  line-height: 28px;
}
.has-select .has-select-item {
  margin-top: 5px;
  display: flex;
  justify-content: space-between;
}
.has-select .has-select-item:hover {
  background: #f8f8f8;
}
.has-select .has-select-item span {
  font-size: 14px;
  color: #3f4a56;
}
.has-select .has-select-item i {
  cursor: pointer;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-cropper {
  display: flex;
  justify-content: space-between;
}
.ofs-cropper__content--empty {
  border: 1px dashed #d9d9d9;
  text-align: center;
  cursor: pointer;
}
.ofs-cropper__content--empty:hover {
  border-color: #12b48a;
}
.ofs-cropper__content--empty .ofs-i-plus {
  font-size: 28px;
  color: #8c939d;
}
.ofs-cropper__content--bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
}
.ofs-cropper__content--bottom--left {
  color: #12b48a;
  cursor: pointer;
}
.ofs-cropper__content--bottom--left span + span {
  padding-left: 20px;
}
.ofs-cropper__content--bottom--right {
  font-size: 18px;
}
.ofs-cropper__content--bottom--right i {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-cropper__content--bottom--right i + i {
  margin-left: 6px;
}
.ofs-cropper__preview {
  text-align: center;
  font-weight: 400;
}
.ofs-cropper__preview--text {
  padding-top: 10px;
  color: #909399;
}
.ofs-cropper__preview--img {
  width: 120px;
  height: 120px;
  display: block;
  border: 1px solid #d9d9d9;
}
.ofs-cropper__preview--img.is-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #909399;
  cursor: pointer;
}
.ofs-cropper__dialog .ofs-dialog__body {
  margin-bottom: 30px;
}
.ofs-cropper__dialog .ofs-dialog__footer .ofs-button + .ofs-button {
  margin-left: 24px;
}
.ofs-cropper .cropper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  direction: ltr;
  touch-action: none;
  text-align: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}
.ofs-cropper .cropper-wrapper .cropper-box,
.ofs-cropper .cropper-wrapper .cropper-box-canvas,
.ofs-cropper .cropper-wrapper .cropper-drag-box,
.ofs-cropper .cropper-wrapper .cropper-crop-box,
.ofs-cropper .cropper-wrapper .cropper-face {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-cropper .cropper-wrapper .cropper-box-canvas img {
  position: relative;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: none;
  max-width: none;
  max-height: none;
}
.ofs-cropper .cropper-wrapper .cropper-box {
  overflow: hidden;
}
.ofs-cropper .cropper-wrapper .cropper-move {
  cursor: move;
}
.ofs-cropper .cropper-wrapper .cropper-crop {
  cursor: crosshair;
}
.ofs-cropper .cropper-wrapper .cropper-modal {
  background: rgba(0, 0, 0, 0.5);
}
.ofs-cropper .cropper-wrapper .cropper-crop-box {
  cursor: move;
}
.ofs-cropper .cropper-wrapper .cropper-crop-box .cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-cropper .cropper-wrapper .cropper-crop-box .cropper-view-box img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: left;
  max-width: none;
  max-height: none;
}
.ofs-cropper .cropper-wrapper .cropper-face {
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.1;
}
.ofs-cropper .cropper-wrapper .crop-info {
  position: absolute;
  left: 0px;
  min-width: 65px;
  text-align: center;
  color: white;
  line-height: 20px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
}
.ofs-cropper .cropper-wrapper .crop-line {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.ofs-cropper .cropper-wrapper .crop-line.line-w {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize;
}
.ofs-cropper .cropper-wrapper .crop-line.line-a {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize;
}
.ofs-cropper .cropper-wrapper .crop-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize;
}
.ofs-cropper .cropper-wrapper .crop-line.line-d {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize;
}
.ofs-cropper .cropper-wrapper .crop-point {
  position: absolute;
  width: 8px;
  height: 8px;
  opacity: 0.75;
  background-color: #39f;
  border-radius: 100%;
}
.ofs-cropper .cropper-wrapper .crop-point.point1 {
  top: -4px;
  left: -4px;
  cursor: nw-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point2 {
  top: -5px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point3 {
  top: -4px;
  right: -4px;
  cursor: ne-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point4 {
  top: 50%;
  left: -4px;
  margin-top: -3px;
  cursor: w-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point5 {
  top: 50%;
  right: -4px;
  margin-top: -3px;
  cursor: e-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point6 {
  bottom: -5px;
  left: -4px;
  cursor: sw-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point7 {
  bottom: -5px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize;
}
.ofs-cropper .cropper-wrapper .crop-point.point8 {
  bottom: -5px;
  right: -4px;
  cursor: se-resize;
}
@media screen and (max-width: 500px) {
.ofs-cropper .cropper-wrapper .crop-point {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 0.45;
    background-color: #39f;
    border-radius: 100%;
}
.ofs-cropper .cropper-wrapper .crop-point.point1 {
    top: -10px;
    left: -10px;
}
.ofs-cropper .cropper-wrapper .crop-point.point2, .ofs-cropper .cropper-wrapper .crop-point.point4, .ofs-cropper .cropper-wrapper .crop-point.point5, .ofs-cropper .cropper-wrapper .crop-point.point7 {
    display: none;
}
.ofs-cropper .cropper-wrapper .crop-point.point3 {
    top: -10px;
    right: -10px;
}
.ofs-cropper .cropper-wrapper .crop-point.point4 {
    top: 0;
    left: 0;
}
.ofs-cropper .cropper-wrapper .crop-point.point6 {
    bottom: -10px;
    left: -10px;
}
.ofs-cropper .cropper-wrapper .crop-point.point8 {
    bottom: -10px;
    right: -10px;
}
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-excel-import .ofs-row {
  text-align: center;
  margin-top: 30px;
  min-height: 224px;
  overflow: hidden;
  padding: 0 10px;
}
.ofs-excel-import .ofs-col-12 {
  width: calc(50% - 10px);
}
.ofs-excel-import .ofs-form .ofs-form-item {
  margin-bottom: 20px;
}
.ofs-excel-import .ofs-form .ofs-form-item__label {
  width: 100px;
  float: left;
}
.ofs-excel-import__content .ofs-upload {
  display: block;
  text-align: center;
  cursor: pointer;
}
.ofs-excel-import__content .ofs-upload-list {
  width: 200px;
  margin: auto;
}
.ofs-excel-import__content .ofs-upload-list.has-file {
  height: 114px;
  overflow-y: auto;
}
.ofs-excel-import__content .ofs-upload-list__item {
  transition: none;
}
.ofs-excel-import__content .ofs-upload-list__item:first-child {
  margin-top: 0;
}
.ofs-excel-import__title {
  font-weight: 600;
  line-height: 18px;
  color: #303133;
  font-size: 16px;
}
.ofs-excel-import__bottom {
  border: 1px dashed white;
  border-radius: 6px;
  margin-top: 20px;
  padding-bottom: 2px;
  cursor: pointer;
  box-sizing: border-box;
}
.ofs-excel-import__bottom:hover {
  background-color: #fbfdff;
  border-color: #c0ccda;
}
.ofs-excel-import__bottom:hover .ofs-excel-import__handle-item {
  display: inline-block;
}
.ofs-excel-import__bottom:hover .ofs-excel-import__handle-item.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-excel-import__bottom.is-disabled {
  cursor: not-allowed;
}
.ofs-excel-import__bottom.is-disabled .ofs-excel-import__handle-item {
  display: none;
}
.ofs-excel-import__desc {
  line-height: 24px;
  color: #909399;
  font-size: 14px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-excel-import__handle {
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: center;
  padding-bottom: 14px;
  box-sizing: content-box;
}
.ofs-excel-import__handle .ofs-excel-import__handle-item {
  display: none;
  color: #12b48a;
}
.ofs-excel-import__img {
  transition: background-image 0.3s ease;
  box-sizing: border-box;
  margin: 24px auto 0px auto;
  width: 200px;
  height: 100px;
  background-size: cover;
  background-position: center center;
}
.ofs-excel-import__handle .ofs-select .ofs-input__inner {
  width: 202px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #dcdfe6;
}
.ofs-excel-import-dialog .ofs-excel-import_extend {
  padding-top: 12px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-left: 1px solid #dcdfe6;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-alert {
  width: calc(100% - 40px);
  margin-left: 20px;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-alert .ofs-alert__title {
  font-size: 12px;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap {
  flex: 1;
  padding: 10px 10px 10px 30px;
  box-sizing: border-box;
  overflow: auto;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: 10px 30px;
  padding-right: 20px;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-empty {
  padding-bottom: 0;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-empty__image {
  height: 158px;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-excel-import_file-item {
  position: relative;
  display: flex;
  width: 98px;
  height: 98px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border: 1px dashed white;
  border-radius: 4px;
  padding: 0 6px;
  box-sizing: border-box;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-excel-import_file-item:hover {
  cursor: pointer;
  border-color: #dcdfe6;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-excel-import_file-item.is-check {
  border-color: #12b48a;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-excel-import_file-item .ofs-excel-import_file-item-name {
  height: 28px;
  font-size: 12px;
  color: #303133;
  text-align: center;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-excel-import_file-item .ofs-checkbox {
  position: absolute;
  top: -4px;
  right: -1px;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-wrap .ofs-excel-import_file-item img {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.ofs-excel-import-dialog .ofs-excel-import_extend .ofs-excel-import_file-bottom {
  height: 40px;
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1);
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-viewer {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-viewer-zoom-in::before, .ofs-viewer-zoom-out::before, .ofs-viewer-one-to-one::before, .ofs-viewer-reset::before, .ofs-viewer-prev::before, .ofs-viewer-play::before, .ofs-viewer-next::before, .ofs-viewer-rotate-left::before, .ofs-viewer-rotate-right::before, .ofs-viewer-flip-horizontal::before, .ofs-viewer-flip-vertical::before, .ofs-viewer-fullscreen::before, .ofs-viewer-fullscreen-exit::before, .ofs-viewer-close::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}
.ofs-viewer-zoom-in::before {
  background-position: 0 0;
  content: "Zoom In";
}
.ofs-viewer-zoom-out::before {
  background-position: -20px 0;
  content: "Zoom Out";
}
.ofs-viewer-one-to-one::before {
  background-position: -40px 0;
  content: "One to One";
}
.ofs-viewer-reset::before {
  background-position: -60px 0;
  content: "Reset";
}
.ofs-viewer-prev::before {
  background-position: -80px 0;
  content: "Previous";
}
.ofs-viewer-play::before {
  background-position: -100px 0;
  content: "Play";
}
.ofs-viewer-next::before {
  background-position: -120px 0;
  content: "Next";
}
.ofs-viewer-rotate-left::before {
  background-position: -140px 0;
  content: "Rotate Left";
}
.ofs-viewer-rotate-right::before {
  background-position: -160px 0;
  content: "Rotate Right";
}
.ofs-viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}
.ofs-viewer-flip-vertical::before {
  background-position: -200px 0;
  content: "Flip Vertical";
}
.ofs-viewer-fullscreen::before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}
.ofs-viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}
.ofs-viewer-close::before {
  background-position: -260px 0;
  content: "Close";
}
.ofs-viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.ofs-viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}
.ofs-viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}
.ofs-viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}
.ofs-viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}
.ofs-viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  transition: opacity 0.15s;
  width: 30px;
}
.ofs-viewer-list > li:focus, .ofs-viewer-list > li:hover {
  opacity: 0.75;
}
.ofs-viewer-list > li:focus {
  outline: 0;
}
.ofs-viewer-list > li + li {
  margin-left: 1px;
}
.ofs-viewer-list > .viewer-loading {
  position: relative;
}
.ofs-viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}
.ofs-viewer-list > .viewer-active, .ofs-viewer-list > .viewer-active:focus, .ofs-viewer-list > .viewer-active:hover {
  opacity: 1;
}
.ofs-viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.ofs-viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}
.ofs-viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}
.ofs-viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  transition: background-color 0.15s;
  width: 24px;
  font-size: 0;
}
.ofs-viewer-toolbar > ul > li:focus, .ofs-viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ofs-viewer-toolbar > ul > li:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}
.ofs-viewer-toolbar > ul > li::before {
  margin: 2px;
}
.ofs-viewer-toolbar > ul > li + li {
  margin-left: 1px;
}
.ofs-viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}
.ofs-viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}
.ofs-viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}
.ofs-viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}
.ofs-viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}
.ofs-viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}
.ofs-viewer-title:hover {
  opacity: 1;
}
.ofs-viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
  -webkit-app-region: no-drag;
}
.ofs-viewer-button:focus, .ofs-viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.ofs-viewer-button:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
}
.ofs-viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}
.ofs-viewer-fixed {
  position: fixed;
}
.ofs-viewer-open {
  overflow: hidden;
}
.ofs-viewer-show {
  display: block;
}
.ofs-viewer-hide {
  display: none;
}
.ofs-viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.ofs-viewer-invisible {
  visibility: hidden;
}
.ofs-viewer-move {
  cursor: move;
  cursor: grab;
}
.ofs-viewer-fade {
  opacity: 0;
}
.ofs-viewer-in {
  opacity: 1;
}
.ofs-viewer-transition {
  transition: all 0.3s;
}
@keyframes viewer-spinner {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.ofs-viewer-loading::after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}
@media (max-width: 767px) {
.ofs-viewer-hide-xs-down {
    display: none;
}
}
@media (max-width: 991px) {
.ofs-viewer-hide-sm-down {
    display: none;
}
}
@media (max-width: 1199px) {
.ofs-viewer-hide-md-down {
    display: none;
}
}
.ofs-viewer::-moz-selection, .ofs-viewer *::-moz-selection {
  background-color: transparent;
}
.ofs-viewer::selection, .ofs-viewer *::selection {
  background-color: transparent;
}
.ofs-viewer:focus {
  outline: 0;
}
.ofs-viewer img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-table-header-customize {
  height: 100%;
  display: flex;
  font-size: 12px;
}
.ofs-table-header-customize__left-box, .ofs-table-header-customize__right-box {
  overflow: auto;
  border: 1px solid #eaedf0;
  border-radius: 5px;
  padding: 20px 0;
}
.ofs-table-header-customize__left-box::-webkit-scrollbar, .ofs-table-header-customize__right-box::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.ofs-table-header-customize__left-box .ofs-input, .ofs-table-header-customize__right-box .ofs-input {
  position: sticky;
  top: 0;
  z-index: 999;
  background: #fff;
  margin: 0 20px 20px;
  box-sizing: border-box;
  width: calc(100% - 40px);
}
.ofs-table-header-customize__left-box .ofs-input__inner, .ofs-table-header-customize__right-box .ofs-input__inner {
  border-radius: 16px;
  width: 100%;
  box-sizing: border-box;
}
.ofs-table-header-customize__left-box .ofs-input__prefix i, .ofs-table-header-customize__right-box .ofs-input__prefix i {
  font-size: 18px;
}
.ofs-table-header-customize__left-box {
  width: 400px;
  margin-right: 10px;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box {
  padding: 0 20px;
  z-index: 10;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box::-webkit-scrollbar {
  width: 3px;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-alert {
  margin-bottom: 10px;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-alert i {
  font-size: 16px;
  width: 16px;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-alert .ofs-alert__content {
  width: 100%;
  padding-right: 0;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-alert .ofs-alert__description {
  width: 100%;
  margin-top: 0;
  display: inline-flex;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-alert .ofs-alert__description .ofs-link {
  font-size: inherit;
  margin-left: 10px;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-alert .ofs-alert__description .ofs-link .ofs-link--inner {
  line-height: 1;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-checkbox {
  margin-bottom: 10px;
  width: 118px;
  margin-right: 0;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-checkbox.is-tip .ofs-checkbox__label {
  color: #ff8429;
}
.ofs-table-header-customize__left-box .ofs-table-header-customize__checks-box .ofs-checkbox .ofs-checkbox__label {
  font-size: 12px;
  padding-left: 5px;
  overflow: hidden;
  max-width: 84px;
  vertical-align: middle;
}
.ofs-table-header-customize__right-box {
  width: 200px;
  scrollbar-width: thin;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box {
  padding: 0;
  margin: 0;
  z-index: 10;
  height: 100%;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item {
  height: 38px;
  position: relative;
  display: flex;
  align-items: center;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item:hover {
  background: #f8f8f8;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item:hover .ofs-table-header-customize__item-del {
  visibility: visible;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item .ofs-table-header-customize__item-m {
  padding: 0 20px;
  display: flex;
  align-items: center;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item .ofs-table-header-customize__item-move {
  cursor: move;
  font-size: 18px;
  margin-right: 4px;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item .ofs-table-header-customize__item-title {
  display: inline-block;
  overflow: hidden;
  word-break: keep-all;
  text-overflow: ellipsis;
  color: #606266;
  width: 100px;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item .ofs-table-header-customize__item-top {
  position: absolute;
  right: 31px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
  color: #12b48a;
}
.ofs-table-header-customize__right-box .ofs-table-header-customize__drag-box .ofs-table-header-customize__item .ofs-table-header-customize__item-del {
  visibility: hidden;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 14px;
  color: #c0c4cc;
}
.ofs-table-header-customize__box .ofs-table-header-customize__icon {
  padding: 6px;
}
.ofs-table-header-customize__box .ofs-table-header-customize__icon i {
  cursor: pointer;
  display: inline-block;
  color: #909399;
  font-size: 18px;
}
.ofs-table-header-customize__drawer .ofs-drawer__footer {
  display: flex;
}
.ofs-table-header-customize__drawer .ofs-drawer__footer div {
  flex: 1;
}
.ofs-table-header-customize__drawer .ofs-drawer__footer div:first-child {
  text-align: left;
}
.ofs-table-header-customize__drawer .ofs-drawer__footer div .ofs-button + .ofs-button {
  margin-left: 20px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-notice {
  background-color: white;
  width: 100%;
  box-sizing: border-box;
}
.ofs-notice .ofs-timeline-item__title {
  width: 100%;
}
.ofs-notice .ofs-timeline-item__dot {
  left: -1px;
}
.ofs-notice .ofs-timeline-item__dot .anchor-point {
  position: absolute;
  top: -6px;
}
.ofs-notice .ofs-timeline-item__tail {
  border-left-style: dotted !important;
  border-left-color: #dadade !important;
}
.ofs-notice__dot {
  position: relative;
  top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #c0c4cc;
}
.ofs-notice .ofs-timeline-item.is-active .ofs-notice__dot {
  background: #12b48a;
}
.ofs-notice .ofs-timeline .is-active .ofs-timeline-item__content {
  font-weight: normal;
}
.ofs-notice .ofs-collapse-item.is-disabled .ofs-collapse-item__header {
  cursor: unset;
}
.ofs-notice .ofs-collapse-item__header {
  cursor: unset;
}
.ofs-notice .ofs-timeline-item__content {
  padding-top: 0;
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap {
  width: 100%;
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap .ofs-notice-wrap_top {
  display: flex;
  align-items: center;
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap .ofs-notice-wrap_top .ofs-notice_title {
  font-size: 14px;
  color: #606266;
  font-weight: 400;
  padding-right: 20px;
  max-width: calc(100% - 100px);
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap .ofs-notice-wrap_top .ofs-notice_time {
  color: #909399;
  font-size: 14px;
  font-weight: 400;
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap .ofs-link {
  padding-bottom: 12px;
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap .ofs-link .ofs-notice_desc {
  color: #303133;
  font-weight: 600;
  line-height: 22px;
  font-size: 16px;
  width: 100%;
  cursor: pointer;
}
.ofs-notice .ofs-timeline-item__content .ofs-notice-wrap .ofs-link .ofs-notice_desc:hover {
  color: #12b48a;
}
.ofs-notice .ofs-collapse {
  border-top: unset;
  border-bottom: unset;
}
.ofs-notice .ofs-collapse .ofs-collapse-item__wrap {
  border-bottom: none;
}
.ofs-notice .ofs-collapse .ofs-collapse-item__header {
  height: auto;
  line-height: unset;
  border-bottom: none;
}
.ofs-notice .ofs-collapse .ofs-collapse-item__arrow {
  display: none;
}
.ofs-notice .ofs-collapse .ofs-collapse-item__content {
  margin: 12px 0 2px 0;
  padding: 20px;
  background-color: #f8f8fa;
  border: 1px solid #ebebf0;
  border-radius: 4px;
  color: #606266;
  font-size: 14px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
  font-size: 14px;
}
.ofs-textarea__inner {
  display: block;
  resize: vertical;
  padding: 5px 15px;
  line-height: 1.5;
  box-sizing: border-box;
  width: 100%;
  font-size: inherit;
  color: #606266;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea__inner:hover {
  border-color: #a1a5ac;
}
.ofs-textarea__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-textarea .ofs-input__count {
  color: #909399;
  background: #ffffff;
  right: 15px;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-textarea.is-disabled .ofs-textarea__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-disabled .ofs-textarea__inner::placeholder {
  color: #c0c4cc;
}
.ofs-textarea.is-exceed .ofs-textarea__inner {
  border-color: #ff3939;
}
.ofs-textarea.is-exceed .ofs-input__count {
  color: #ff3939;
}
.ofs-input {
  position: relative;
  font-size: 14px;
  display: inline-block;
  width: 100%;
}
.ofs-input::-webkit-scrollbar {
  z-index: 11;
  width: 6px;
}
.ofs-input::-webkit-scrollbar:horizontal {
  height: 6px;
}
.ofs-input::-webkit-scrollbar-thumb {
  border-radius: 5px;
  width: 6px;
  background: #b4bccc;
}
.ofs-input::-webkit-scrollbar-corner {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track {
  background: #fff;
}
.ofs-input::-webkit-scrollbar-track-piece {
  background: #fff;
  width: 6px;
}
.ofs-input [class*=ofs-i-],
.ofs-input [class*=el-icon-] {
  color: #909399;
}
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__suffix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input__prefix i.ofs-input__validateIcon,
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i:not(.ofs-i-close-circle),
.ofs-input:not(.ofs-input--mini) .ofs-input-group__append i.ofs-input__validateIcon {
  font-size: 20px;
}
.ofs-input .ofs-input__suffix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input__prefix i:not(.ofs-input__clear.ofs-i-close-circle),
.ofs-input .ofs-input-group__append i:not(.ofs-input__clear.ofs-i-close-circle) {
  color: #909399;
}
.ofs-input .ofs-input__suffix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input__prefix .ofs-icon-wrap i.ofs-icon-item,
.ofs-input .ofs-input-group__append .ofs-icon-wrap i.ofs-icon-item {
  color: inherit;
}
.ofs-input .ofs-input__clear {
  font-size: 14px;
  cursor: pointer;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ofs-input .ofs-input__clear:hover {
  color: #909399;
}
.ofs-input .ofs-input__count {
  position: absolute;
  height: 100%;
  display: inline-flex;
  align-items: center;
  color: #909399;
  font-size: 12px;
}
.ofs-input .ofs-input__count .ofs-input__count-inner {
  background: #ffffff;
  display: inline-block;
  right: 0;
  position: absolute;
  font-size: 12px;
  bottom: -5px;
  line-height: 12px;
  padding: 0 6px;
}
.ofs-input__inner {
  -webkit-appearance: none;
  background-color: #ffffff;
  background-image: none;
  border-radius: 4px;
  border: 1px solid #c0c4cc;
  box-sizing: border-box;
  color: #606266;
  display: inline-block;
  font-size: inherit;
  height: 40px;
  line-height: 40px;
  outline: none;
  padding: 0 15px;
  transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.ofs-input__inner::-ms-reveal {
  display: none;
}
.ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input__inner:hover {
  border-color: #a1a5ac;
}
.ofs-input__inner:focus {
  outline: none;
  border-color: #12b48a;
}
.ofs-input__suffix {
  position: absolute;
  height: 100%;
  right: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
  pointer-events: none;
}
.ofs-input__suffix-inner {
  pointer-events: all;
}
.ofs-input__prefix {
  position: absolute;
  height: 100%;
  left: 5px;
  top: 0;
  text-align: center;
  color: #c0c4cc;
  transition: all 0.3s;
}
.ofs-input__icon {
  height: 100%;
  width: 25px;
  text-align: center;
  transition: all 0.3s;
  line-height: 40px;
}
.ofs-input__icon:after {
  content: "";
  height: 100%;
  width: 0;
  display: inline-block;
  vertical-align: middle;
}
.ofs-input__validateIcon {
  pointer-events: none;
}
.ofs-input.is-active .ofs-input__inner {
  outline: none;
  border-color: #12b48a;
}
.ofs-input.is-disabled .ofs-input__inner {
  background-color: #f5f7fa;
  border-color: #e4e7ed;
  color: #606266;
  cursor: text;
}
.ofs-input.is-disabled .ofs-input__inner::-moz-placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__inner::placeholder {
  color: #c0c4cc;
}
.ofs-input.is-disabled .ofs-input__icon {
  cursor: not-allowed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend, .ofs-input.is-disabled.is-append-select .ofs-input-group__append {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input.is-disabled.is-append-select .ofs-input-group__append:hover {
  border-color: #e4e7ed;
}
.ofs-input.is-disabled .ofs-input-group__append,
.ofs-input.is-disabled .ofs-input-group__prepend {
  border-color: #e4e7ed;
}
.ofs-input.is-exceed .ofs-input__inner {
  border-color: #ff3939;
}
.ofs-input.is-exceed .ofs-input__suffix .ofs-input__count {
  color: #ff3939;
}
.ofs-input.is-validate-state .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--suffix .ofs-input__inner:not(.hide-padding) {
  padding-right: 30px;
}
.ofs-input--prefix .ofs-input__inner {
  padding-left: 30px;
}
.ofs-input--medium {
  font-size: 14px;
}
.ofs-input--medium .ofs-input__inner {
  height: 36px;
  line-height: 36px;
}
.ofs-input--medium .ofs-input__icon {
  line-height: 36px;
}
.ofs-input--small {
  font-size: 12px;
}
.ofs-input--small .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-input--small .ofs-input__icon {
  line-height: 32px;
}
.ofs-input--small::-webkit-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-ms-input-placeholder {
  font-size: 12px;
}
.ofs-input--small::-moz-input-placeholder {
  font-size: 12px;
}
.ofs-input--mini {
  font-size: 12px;
}
.ofs-input--mini .ofs-input__inner {
  height: 28px;
  line-height: 28px;
}
.ofs-input--mini .ofs-input__icon {
  line-height: 28px;
}
.ofs-input.is-slim {
  /* 适用于大部分现代浏览器 */
  /* 针对 Firefox */
}
.ofs-input.is-slim input[type=number]::-webkit-outer-spin-button,
.ofs-input.is-slim input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ofs-input.is-slim input[type=number] {
  -moz-appearance: textfield;
}
.ofs-input-group {
  line-height: normal;
  display: inline-table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ofs-input-group > .ofs-input__inner {
  vertical-align: middle;
  display: table-cell;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend, .ofs-input-group.is-append-select .ofs-input-group__append {
  border-color: #c0c4cc;
}
.ofs-input-group.is-prepend-select .ofs-input-group__prepend:hover, .ofs-input-group.is-append-select .ofs-input-group__append:hover {
  border-color: #a1a5ac;
}
.ofs-input-group__append, .ofs-input-group__prepend {
  background-color: #f5f7fa;
  color: #909399;
  vertical-align: middle;
  display: table-cell;
  position: relative;
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  padding: 0 20px;
  width: 1px;
  white-space: nowrap;
}
.ofs-input-group__append:focus, .ofs-input-group__prepend:focus {
  outline: none;
}
.ofs-input-group__append .ofs-select,
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-select,
.ofs-input-group__prepend .ofs-button {
  display: inline-block;
  margin: -10px -20px;
}
.ofs-input-group__append button.ofs-button,
.ofs-input-group__append div.ofs-select .ofs-input__inner,
.ofs-input-group__append div.ofs-select:hover .ofs-input__inner, .ofs-input-group__prepend button.ofs-button,
.ofs-input-group__prepend div.ofs-select .ofs-input__inner,
.ofs-input-group__prepend div.ofs-select:hover .ofs-input__inner {
  border-color: transparent;
  background-color: transparent;
  color: inherit;
  border-top: 0;
  border-bottom: 0;
}
.ofs-input-group__append .ofs-button,
.ofs-input-group__append .ofs-input, .ofs-input-group__prepend .ofs-button,
.ofs-input-group__prepend .ofs-input {
  font-size: inherit;
}
.ofs-input-group__append .ofs-button, .ofs-input-group__prepend .ofs-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.ofs-input-group__prepend {
  border-right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group__append {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-input__inner {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-input-group--prepend .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}
.ofs-input-group--append .ofs-input__inner {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ofs-input-group--append .ofs-select .ofs-input.is-focus .ofs-input__inner {
  border-color: transparent;
}

/** disalbe default clear on IE */
.ofs-input__inner::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.ofs-input-number {
  position: relative;
  display: inline-block;
  width: 180px;
  line-height: 38px;
}
.ofs-input-number .ofs-input {
  display: block;
}
.ofs-input-number .ofs-input.is-left .ofs-input__inner {
  text-align: left;
}
.ofs-input-number .ofs-input.is-center .ofs-input__inner {
  text-align: center;
}
.ofs-input-number .ofs-input.is-right .ofs-input__inner {
  text-align: right;
}
.ofs-input-number .ofs-input__inner {
  -webkit-appearance: none;
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
}
.ofs-input-number [class*=ofs-i-],
.ofs-input-number [class*=el-icon-] {
  color: #909399;
}
.ofs-input-number__increase, .ofs-input-number__decrease {
  position: absolute;
  z-index: 1;
  top: 1px;
  width: 40px;
  height: auto;
  text-align: center;
  background: #f5f7fa;
  color: #606266;
  cursor: pointer;
  font-size: 13px;
}
.ofs-input-number__increase i, .ofs-input-number__decrease i {
  margin: 0;
}
.ofs-input-number__increase:hover, .ofs-input-number__decrease:hover {
  color: #12b48a;
}
.ofs-input-number__increase:hover:not(.is-disabled) ~ .ofs-input .ofs-input__inner:not(.is-disabled), .ofs-input-number__decrease:hover:not(.is-disabled) ~ .ofs-input .ofs-input__inner:not(.is-disabled) {
  border-color: #12b48a;
}
.ofs-input-number__increase.is-disabled, .ofs-input-number__decrease.is-disabled {
  color: #c0c4cc;
  cursor: not-allowed;
}
.ofs-input-number__increase {
  right: 1px;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #dcdfe6;
}
.ofs-input-number__decrease {
  left: 1px;
  border-radius: 4px 0 0 4px;
  border-right: 1px solid #dcdfe6;
}
.ofs-input-number__increase i, .ofs-input-number__decrease i {
  position: relative;
  top: -2px;
  font-size: 20px;
  vertical-align: middle;
}
.ofs-input-number.is-disabled .ofs-input-number__increase, .ofs-input-number.is-disabled .ofs-input-number__decrease {
  border-color: #e4e7ed;
  color: #e4e7ed;
}
.ofs-input-number.is-disabled .ofs-input-number__increase:hover, .ofs-input-number.is-disabled .ofs-input-number__decrease:hover {
  color: #e4e7ed;
  cursor: not-allowed;
}
.ofs-input-number--medium {
  width: 200px;
  line-height: 34px;
}
.ofs-input-number--medium .ofs-input-number__increase, .ofs-input-number--medium .ofs-input-number__decrease {
  width: 36px;
  font-size: 14px;
}
.ofs-input-number--medium .ofs-input .ofs-input__inner {
  padding-left: 43px;
  padding-right: 43px;
}
.ofs-input-number--small {
  width: 130px;
  line-height: 30px;
}
.ofs-input-number--small .ofs-input-number__increase, .ofs-input-number--small .ofs-input-number__decrease {
  width: 32px;
  font-size: 12px;
}
.ofs-input-number--small .ofs-input .ofs-input__inner {
  padding-left: 39px;
  padding-right: 39px;
}
.ofs-input-number--mini {
  width: 130px;
  line-height: 26px;
}
.ofs-input-number--mini .ofs-input-number__increase, .ofs-input-number--mini .ofs-input-number__decrease {
  width: 28px;
  font-size: 12px;
}
.ofs-input-number--mini .ofs-input-number__increase [class*=ofs-i-],
.ofs-input-number--mini .ofs-input-number__increase [class*=el-icon-], .ofs-input-number--mini .ofs-input-number__decrease [class*=ofs-i-],
.ofs-input-number--mini .ofs-input-number__decrease [class*=el-icon-] {
  font-size: 12px;
  transform: scale(0.8);
}
.ofs-input-number--mini .ofs-input .ofs-input__inner {
  padding-left: 35px;
  padding-right: 35px;
}
.ofs-input-number.is-without-controls .ofs-input .ofs-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}
.ofs-input-number.is-controls-right .ofs-input .ofs-input__inner {
  padding-left: 15px;
  padding-right: 50px;
}
.ofs-input-number.is-controls-right .ofs-input-number__increase, .ofs-input-number.is-controls-right .ofs-input-number__decrease {
  height: auto;
  line-height: 19px;
}
.ofs-input-number.is-controls-right .ofs-input-number__increase [class*=ofs-i-],
.ofs-input-number.is-controls-right .ofs-input-number__increase [class*=el-icon-], .ofs-input-number.is-controls-right .ofs-input-number__decrease [class*=ofs-i-],
.ofs-input-number.is-controls-right .ofs-input-number__decrease [class*=el-icon-] {
  font-size: 14px;
}
.ofs-input-number.is-controls-right .ofs-input-number__increase {
  border-radius: 0 4px 0 0;
  border-bottom: 1px solid #dcdfe6;
}
.ofs-input-number.is-controls-right .ofs-input-number__decrease {
  right: 1px;
  bottom: 1px;
  top: auto;
  left: auto;
  border-right: none;
  border-left: 1px solid #dcdfe6;
  border-radius: 0 0 4px 0;
}
.ofs-input-number.is-controls-right[class*=medium] [class*=increase],
.ofs-input-number.is-controls-right[class*=medium] [class*=decrease] {
  line-height: 17px;
}
.ofs-input-number.is-controls-right[class*=small] [class*=increase],
.ofs-input-number.is-controls-right[class*=small] [class*=decrease] {
  line-height: 15px;
}
.ofs-input-number.is-controls-right[class*=mini] [class*=increase],
.ofs-input-number.is-controls-right[class*=mini] [class*=decrease] {
  line-height: 13px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-composition-tabs .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item {
  padding: 0 !important;
}
.ofs-composition-tabs .ofs-tabs--ladder > .ofs-tabs__header .ofs-tabs__item:before {
  content: none !important;
}
.ofs-composition-tabs .ofs-tabs__header {
  margin-bottom: 0;
}
.ofs-composition-tabs.hide-table-border .ofs-table {
  border-top: none;
}
.ofs-composition-tabs.align-left .ofs-tabs__nav-wrap {
  justify-content: initial;
}
.ofs-composition-tabs.align-right .ofs-tabs__nav-wrap {
  justify-content: space-between;
}
.ofs-composition-tabs .ofs-tabs .ofs-tabs__nav-wrap {
  padding-top: 3px;
  box-sizing: content-box;
}
.ofs-composition-tabs .ofs-tabs .ofs-tabs__nav-wrap.is-scrollable {
  padding: 0;
}
.ofs-composition-tabs .ofs-tabs .ofs-tabs__nav-wrap.is-scrollable > div:first-child {
  position: relative;
  display: inline-flex;
  box-sizing: border-box;
  padding: 0 20px;
  padding-top: 8px;
}
.ofs-composition-tabs .ofs-tabs .ofs-tabs__nav-wrap .ofs-tabs__nav-scroll {
  display: inline-flex;
  background-color: white;
}
.ofs-composition-tabs.has-header-slot .ofs-tabs {
  position: relative;
}
.ofs-composition-tabs.has-header-slot .ofs-tabs .ofs-tabs__header {
  position: relative;
  z-index: 9;
}
.ofs-composition-tabs.has-header-slot .ofs-tabs .ofs-tabs__content {
  z-index: 1;
}
.ofs-composition-tabs.has-header-slot .ofs-tabs .ofs-tabs__nav-wrap {
  display: flex;
}
.ofs-composition-tabs.has-header-slot .ofs-tabs .ofs-tabs__nav-wrap .ofs-tabs__nav-right {
  display: inline-block;
  text-align: right;
}
.ofs-composition-tabs.has-header-slot .ofs-tabs .ofs-tabs__nav-wrap:not(.is-scrollable) .ofs-tabs__nav-scroll {
  display: inline-grid;
}
.ofs-composition-tabs.all-tabSlot .ofs-tabs__nav-wrap {
  overflow: visible;
}
.ofs-composition-tabs.all-tabSlot .ofs-tabs__nav-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.ofs-composition-tabs.all-tabSlot:not(.is-lonely) .ofs-tabs__nav-right {
  top: 0px;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header {
  border: 0;
  margin-bottom: 12px;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav-wrap {
  height: unset;
  padding-top: 0;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__nav-box {
  padding-top: 0;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav-wrap .ofs-tabs__nav-right {
  margin-top: 0;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav {
  padding: 0;
  border: none;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav .ofs-tabs__item {
  line-height: 20px;
  padding: 0px !important;
  height: auto;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav .ofs-tabs__item .ofs-tabs__item-content {
  border-top: none;
  height: unset;
  background-color: white;
  border-bottom: none;
  line-height: unset;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav .ofs-tabs__item::before {
  display: none;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav .ofs-tabs__item .ms-sub-title {
  margin-bottom: 0;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav .ofs-tabs__item::before {
  border: 0;
}
.ofs-composition-tabs.is-lonely .ofs-tabs .ofs-tabs__header .ofs-tabs__nav .ofs-tabs__item-seat {
  display: none;
}
.ofs-composition-tabs.is-offset .ofs-tabs__content {
  overflow: unset;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
.ofs-search-v2 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ofs-search-v2 .ofs-search-v2__amount {
  border: none;
}
.ofs-search-v2 .ofs-search-v2__amount .ofs-input__inner {
  height: 32px;
  line-height: 32px;
}
.ofs-search-v2 .ofs-search-v2__item:not(.ofs-search-v2__handle) {
  border: 1px solid #c0c4cc;
  border-radius: 4px;
}
.ofs-search-v2 .ofs-search-v2__item.is-focus, .ofs-search-v2 .ofs-search-v2__item.is-active {
  border-color: #12b48a;
}
.ofs-search-v2 .ofs-search-v2__item .ofs-search-v2__label {
  height: 32px;
  line-height: 32px;
  padding-left: 6px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  cursor: pointer;
}
.ofs-search-v2 .ofs-search-v2__item .ofs-input__inner,
.ofs-search-v2 .ofs-search-v2__item .ofs-textarea__inner {
  border: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ofs-search-v2 .ofs-search-v2__item .ofs-date-editor {
  width: 200px;
}
.ofs-search-v2 .ofs-search-v2__item .ofs-date-editor .ofs-range__icon {
  display: none;
}
.ofs-search-v2 .ofs-search-v2__item .ofs-input {
  width: 200px;
}
.ofs-search-v2 .ofs-search-v2__item .ofs-i-close-circle {
  font-size: 14px;
}
.ofs-search-v2__handler {
  display: flex;
  align-items: center;
  gap: 10px;
}
.ofs-search-v2__item {
  position: relative;
  display: flex;
  align-items: center;
  background-color: white;
}
.ofs-search-v2__item:not(.is-active).has-value {
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-search-v2__item:not(.is-active).has-value .ofs-search-v2__label {
  font-weight: 700;
}
.ofs-search-v2__item:not(.is-active).has-value .ofs-search-v2__label,
.ofs-search-v2__item:not(.is-active).has-value .ofs-input__inner,
.ofs-search-v2__item:not(.is-active).has-value .ofs-range-input {
  border-color: rgb(136.5, 217.5, 196.5);
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-search-v2__item .ofs-date-editor .ofs-range-input {
  width: 61%;
}
.ofs-search-v2__item .ofs-select .ofs-input {
  width: 200px;
}
.ofs-search-v2__item.ofs-search-v2__add {
  width: unset;
}
.ofs-search-v2__label {
  text-align: right;
  font-size: 12px;
  text-wrap: nowrap;
  color: #303133;
}
.ofs-search-v2__handle-icon {
  position: absolute;
  cursor: pointer;
  color: #c0c4cc !important;
}
.ofs-search-v2__handle-icon:hover {
  color: #909399 !important;
}
.ofs-search-v2__clear {
  right: 12px;
  top: -8px;
}
.ofs-search-v2__close {
  right: -10px;
  top: -10px;
}
.ofs-search-v2__item-batch {
  width: 200px;
}
.ofs-search-v2__batch-reference {
  display: flex;
}
.ofs-search-v2__item.is-required {
  position: relative;
}
.ofs-search-v2__item.is-required::before {
  content: "*";
  position: absolute;
  color: #ff3939;
  left: -1px;
}
.ofs-search-v2__item.is-error {
  border-color: #ff3939 !important;
}
.ofs-search-v2__add-popover {
  padding-bottom: 6px;
  padding-left: 0;
  padding-right: 0;
}
.ofs-search-v2__add-popover .ofs-input {
  margin: 0 12px;
  width: calc(100% - 24px);
}
.ofs-search-v2__list-wrap {
  max-height: 300px;
  overflow-y: auto;
  padding-top: 6px;
}
.ofs-search-v2__list-item {
  padding: 2px 12px;
  line-height: 24px;
  font-size: 12px;
  cursor: pointer;
}
.ofs-search-v2__list-item:hover {
  background: rgb(231.3, 247.5, 243.3);
  color: #12b48a;
}
.ofs-search-v2__list-empty {
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: auto;
  font-size: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-search-v2__batch-button-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
.ofs-search-v2__edit-left {
  margin-right: 10px;
  width: 100px;
}
.ofs-search-v2__edit-left .ofs-input {
  margin: 0;
}
.ofs-search-v2__edit-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 10px;
  cursor: pointer;
}
.ofs-search-v2__edit-item:not(.is-disabled):hover {
  background: rgb(231.3, 247.5, 243.3);
}
.ofs-search-v2__edit-item.is-disabled .ofs-search-v2__edit-label {
  cursor: not-allowed;
  color: #c0c4cc;
}
.ofs-search-v2__edit-right .ofs-icon:hover {
  color: #12b48a;
}
.ofs-search-v2__spacing {
  display: inline-block;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #303133;
}
.ofs-search-v2__amount-input {
  width: 94px !important;
}
.ofs-search-v2__amount-input .ofs-input__inner {
  padding-right: 20px;
  border: none;
}
.ofs-search-v2__amount-input input::-webkit-outer-spin-button,
.ofs-search-v2__amount-input input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
.ofs-search-v2__amount-input input[type=number] {
  -moz-appearance: textfield;
}
.ofs-search-v2__amount {
  border: 1px solid #c0c4cc;
  border-radius: 4px;
  height: 32px;
  display: inline-block;
}
.ofs-search-v2__amount input.ofs-input__inner {
  height: 30px;
  line-height: 30px;
}
.ofs-search-v2-wrap {
  margin-bottom: 6px;
}
.ofs-search-v2-wrap__plan-new {
  height: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ofs-search-v2-wrap__plan-new:hover {
  background: rgb(231.3, 247.5, 243.3);
  color: #12b48a;
}
.ofs-search-v2-wrap__plan-new i {
  margin-right: 4px;
}
.ofs-search-v2-wrap__plan-new.is-disable {
  cursor: not-allowed;
  color: #c0c4cc;
  background-color: white;
}
.ofs-search-v2-wrap__tool {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 6px 0;
}
.ofs-search-v2-wrap__tool-left {
  flex: 1;
}
.ofs-search-v2-wrap__tool-right {
  display: flex;
  align-items: center;
}
.ofs-search-v2-wrap__plan-wrap {
  font-size: 12px;
}
.ofs-search-v2-wrap__plan-item {
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 2px 12px;
}
.ofs-search-v2-wrap__plan-item.is-select, .ofs-search-v2-wrap__plan-item:hover {
  background: rgb(231.3, 247.5, 243.3);
  color: #12b48a;
}
.ofs-search-v2-wrap__plan-item-label {
  flex: 1;
}
.ofs-search-v2-wrap__plan-item-handler {
  cursor: pointer;
  font-size: 18px;
  margin-left: 6px;
}
.ofs-search-v2-wrap__plan-item-handler:hover {
  background: rgb(231.3, 247.5, 243.3);
  color: #12b48a;
}
.ofs-search-v2-wrap__view-item {
  display: flex;
  margin-bottom: 20px;
}
.ofs-search-v2-wrap__view-item.has-background .ofs-search-v2-wrap__view-item-label {
  padding-top: 2px;
}
.ofs-search-v2-wrap__view-item.has-background .ofs-search-v2-wrap__view-item-content {
  padding: 10px;
  background-color: #f8f8f9;
  box-sizing: border-box;
}
.ofs-search-v2-wrap__view-item-label {
  position: relative;
  width: 64px;
  font-size: 12px;
  padding-top: 8px;
  text-align: right;
  position: relative;
}
.ofs-search-v2-wrap__view-item-label::before {
  content: "*";
  position: absolute;
  color: #ff3939;
  left: -1px;
}
.ofs-search-v2-wrap__view-item-content {
  width: calc(100% - 64px);
}
.ofs-search-v2-wrap__view-item-content .ofs-select {
  width: 100%;
}
.ofs-search-v2-wrap__view-search-item .ofs-search-v2 {
  margin-top: 10px;
}
.ofs-search-v2-wrap__dialog-footer .ofs-checkbox {
  margin-right: 10px;
}
.ofs-search-v2-wrap__dialog-footer .ofs-checkbox__label {
  font-size: 12px;
}
.ofs-search-v2-wrap__popover {
  padding: 12px 0;
}
.ofs-search-v2-wrap__popover .ofs-divider {
  margin: 4px 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-pool .ofs-search-v2 {
  margin-bottom: 6px;
}
.ofs-pool__tool {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
}
.ofs-pool__tool-left {
  flex: 1;
}
.ofs-pool__tool-right {
  display: flex;
  align-items: center;
}
.ofs-pool__setting {
  position: relative;
  height: 32px;
}
.ofs-pool__setting.ofs-button {
  display: inline-block;
  font-size: 18px;
  padding: 6px;
  background: #f8f8fa;
  border: 1px solid #ebebf0;
  opacity: 1;
  border-radius: 3px;
  align-items: center;
  margin-left: 10px;
}
.ofs-pool__setting.is-dot {
  margin-right: 3px;
}
.ofs-pool__setting.is-dot::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ff3939;
  top: -4px;
  right: -4px;
}
.ofs-pool__setting-item {
  cursor: pointer;
  font-size: 12px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-frame {
  position: relative;
  background-color: #ebeef4;
}
.ofs-frame.is-horizontal .ofs-frame__main {
  width: 100%;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar {
  height: unset;
  width: auto;
  padding-top: 0;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal {
  display: flex;
  align-items: center;
  border-bottom: none;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal .ofs-submenu {
  margin-bottom: 0;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal .ofs-submenu.is-active .ofs-submenu__title {
  color: inherit !important;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal .ofs-submenu .ofs-submenu__title:hover {
  color: inherit !important;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal .ofs-frame__sidebar-submenu-title-noDropdown {
  margin-bottom: 0;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal .ofs-frame__sidebar-submenu-title-noDropdown.is-active {
  background-color: #fff !important;
}
.ofs-frame.is-horizontal .ofs-frame__sidebar .ofs-menu--horizontal .ofs-submenu__icon-arrow {
  right: 4px;
}
.ofs-frame.is-wj .ofs-frame__main {
  width: 100%;
}
.ofs-frame__header {
  display: flex;
  align-items: center;
  height: 56px;
  justify-content: space-between;
  border-bottom: 1px solid #ebebf0;
  box-sizing: border-box;
  background-color: #fff;
  font-size: 12px;
}
.ofs-frame__header-left, .ofs-frame__header-right {
  display: flex;
  align-items: center;
  height: 100%;
}
.ofs-frame__header-right .ofs-icon-item {
  font-size: 24px;
}
.ofs-frame__header-right-icon-wrapper {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 16px 0 12px;
}
.ofs-frame__header-right-user-wrapper {
  display: flex;
  align-items: center;
  max-width: 214px;
  height: 100%;
  border-left: 1px solid #ebebf0;
  padding: 0 20px;
  box-sizing: border-box;
  cursor: pointer;
}
.ofs-frame__header-right-user-wrapper .ofs-i-right {
  transition: transform 0.3s;
}
.ofs-frame__header-right-user-wrapper .ofs-i-right.is-active {
  transform: rotate(90deg);
}
.ofs-frame__header-right .ofs-avatar {
  margin-right: 10px;
}
.ofs-frame__search {
  margin-right: 12px;
}
.ofs-frame__user-img {
  width: 28px;
  height: 28px;
  display: inline-block;
}
.ofs-frame__user-dropdown.ofs-popper {
  margin-top: 4px;
}
.ofs-frame__user-dropdown li {
  padding: 0 20px;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item i.ofs-icon-item {
  margin-right: 6px;
  font-size: 16px;
  line-height: 16px;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item.is-full {
  margin-bottom: -10px;
  margin-top: 0;
  display: flex;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item.is-full::before {
  content: none;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item.is-full .ofs-frame__dropdown-list-item {
  height: 60px;
  line-height: 1;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item:hover .ofs-icon {
  color: #12b48a;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item:not(:first-of-type).is-disabled {
  cursor: not-allowed;
}
.ofs-frame__user-dropdown .ofs-dropdown-menu__item:not(:first-of-type).is-disabled .ofs-icon {
  color: #bbb;
  cursor: not-allowed;
}
.ofs-frame__dropdown-list-item {
  height: 40px;
  line-height: 40px;
  display: flex;
  align-items: center;
}
.ofs-frame__dropdown-list-item .ofs-icon {
  line-height: 1;
}
.ofs-frame__user-info {
  padding: 14px 0;
  width: 184px;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-frame__user-info .ofs-dropdown {
  font-size: 12px;
}
.ofs-frame__user-name {
  color: #303133;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 20px;
}
.ofs-frame__user-detail {
  display: flex;
  font-size: 14px;
  margin-bottom: 6px;
  gap: 8px;
  color: #606266;
  line-height: 20px;
}
.ofs-frame__user-mobile {
  line-height: inherit;
}
.ofs-frame__user-real-name {
  max-width: 88px;
  line-height: inherit;
}
.ofs-frame__user-company {
  color: #909399;
  font-size: 12px;
  line-height: 20px;
}
.ofs-frame__body {
  display: flex;
  flex-wrap: wrap;
}
.ofs-frame__main {
  float: left;
  transition: all 0.1s;
  width: calc(100% - 210px);
}
.ofs-frame__main.is-collapse {
  width: calc(100% - 58px);
}
.ofs-frame__sidebar {
  width: 210px;
  min-width: 58px;
  height: calc(100vh - 56px);
  background-color: white;
  padding-top: 30px;
  box-sizing: border-box;
  transition: all 0.1s;
}
.ofs-frame__sidebar .ofs-scrollbar {
  height: 100%;
}
.ofs-frame__sidebar .ofs-scrollbar .ofs-scrollbar__wrap {
  overflow-x: hidden;
}
.ofs-frame__sidebar .ofs-scrollbar__bar {
  display: none;
}
.ofs-frame__sidebar.is-collapse {
  width: 58px;
}
.ofs-frame__sidebar.is-collapse .ofs-submenu .ofs-submenu__title {
  padding-left: 0 !important;
}
.ofs-frame__sidebar.is-collapse .ofs-submenu .ofs-submenu__title .ofs-icon {
  margin: 0 20px;
}
.ofs-frame__sidebar.is-collapse .ofs-submenu .ofs-submenu__title .ofs-submenu__icon-arrow {
  display: none;
}
.ofs-frame__sidebar .ofs-menu {
  border-right: none;
}
.ofs-frame__sidebar .ofs-submenu__title {
  display: flex;
  align-items: center;
}
.ofs-frame__sidebar .ofs-menu-item,
.ofs-frame__sidebar .ofs-submenu__title {
  height: 40px;
  line-height: 40px;
}
.ofs-frame__sidebar .ofs-menu-item {
  color: #999;
}
.ofs-frame__sidebar .ofs-menu-item::before {
  content: "";
  padding-left: 10px;
  height: 0;
}
.ofs-frame__sidebar .ofs-menu-item.is-active {
  color: #12b48a;
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar .ofs-submenu__title:hover,
.ofs-frame__sidebar .ofs-menu-item:hover {
  background-color: white !important;
  color: #12b48a !important;
}
.ofs-frame__sidebar .ofs-submenu__title:hover.is-active,
.ofs-frame__sidebar .ofs-menu-item:hover.is-active {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar .ofs-submenu__title:hover .ofs-icon,
.ofs-frame__sidebar .ofs-menu-item:hover .ofs-icon {
  color: #12b48a;
}
.ofs-frame__sidebar .ofs-submenu__title .ofs-icon,
.ofs-frame__sidebar .ofs-menu-item .ofs-icon {
  margin-right: 12px;
}
.ofs-frame__sidebar .ofs-submenu {
  margin-bottom: 15px;
}
.ofs-frame__sidebar .ofs-submenu.is-active .ofs-submenu__title {
  color: #12b48a !important;
}
.ofs-frame__sidebar .ofs-submenu.is-active .ofs-submenu__title.is-active {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar .ofs-submenu.is-active .ofs-submenu__title .ofs-icon {
  color: #12b48a;
}
.ofs-frame__sidebar .ofs-frame__sidebar-submenu-title-noDropdown {
  margin-bottom: 15px;
  color: #303133;
}
.ofs-frame__sidebar .ofs-frame__sidebar-submenu-title-noDropdown.is-active {
  color: #12b48a !important;
}
.ofs-frame__sidebar .ofs-frame__sidebar-submenu-title-noDropdown.is-active.is-active {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar .ofs-frame__sidebar-submenu-title-noDropdown.is-active .ofs-icon {
  color: #12b48a;
}
.ofs-frame__sidebar .ofs-frame__sidebar-submenu-title-noDropdown::before {
  display: none;
}
.ofs-frame__sidebar .ofs-submenu__title .ofs-icon-item {
  position: relative;
  top: -1px;
}
.ofs-frame__sidebar-simple .ofs-menu-item,
.ofs-frame__sidebar-simple .ofs-submenu__title {
  height: 40px;
  line-height: 40px;
}
.ofs-frame__sidebar-simple .ofs-menu-item {
  color: #999;
}
.ofs-frame__sidebar-simple .ofs-menu-item::before {
  content: "";
  padding-left: 10px;
  height: 0;
}
.ofs-frame__sidebar-simple .ofs-menu-item.is-active {
  color: #12b48a;
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar-simple .ofs-submenu__title:hover,
.ofs-frame__sidebar-simple .ofs-menu-item:hover {
  background-color: white !important;
  color: #12b48a !important;
}
.ofs-frame__sidebar-simple .ofs-submenu__title:hover.is-active,
.ofs-frame__sidebar-simple .ofs-menu-item:hover.is-active {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar-simple .ofs-submenu__title:hover .ofs-icon,
.ofs-frame__sidebar-simple .ofs-menu-item:hover .ofs-icon {
  color: #12b48a;
}
.ofs-frame__sidebar-simple .ofs-submenu__title .ofs-icon,
.ofs-frame__sidebar-simple .ofs-menu-item .ofs-icon {
  margin-right: 12px;
}
.ofs-frame__sidebar-simple .ofs-submenu {
  margin-bottom: 15px;
}
.ofs-frame__sidebar-simple .ofs-submenu.is-active .ofs-submenu__title {
  color: #12b48a !important;
}
.ofs-frame__sidebar-simple .ofs-submenu.is-active .ofs-submenu__title.is-active {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar-simple .ofs-submenu.is-active .ofs-submenu__title .ofs-icon {
  color: #12b48a;
}
.ofs-frame__sidebar-simple .ofs-frame__sidebar-submenu-title-noDropdown {
  margin-bottom: 15px;
  color: #303133;
}
.ofs-frame__sidebar-simple .ofs-frame__sidebar-submenu-title-noDropdown.is-active {
  color: #12b48a !important;
}
.ofs-frame__sidebar-simple .ofs-frame__sidebar-submenu-title-noDropdown.is-active.is-active {
  background-color: rgb(231.3, 247.5, 243.3) !important;
}
.ofs-frame__sidebar-simple .ofs-frame__sidebar-submenu-title-noDropdown.is-active .ofs-icon {
  color: #12b48a;
}
.ofs-frame__sidebar-simple .ofs-frame__sidebar-submenu-title-noDropdown::before {
  display: none;
}
.ofs-frame__sidebar-simple .ofs-submenu__title .ofs-icon-item {
  position: relative;
  top: -1px;
}
.ofs-frame__tags-view {
  flex: 1;
  height: calc(38px - 1px);
  min-width: calc(100% - 210px);
  background-color: white;
  overflow: hidden;
  border-bottom: 1px solid #ebebf0;
  border-left: 1px solid #ebebf0;
}
.ofs-frame__tags-view .ofs-scrollbar__view {
  white-space: nowrap;
}
.ofs-frame__tags-view .ofs-scrollbar__bar {
  display: none;
}
.ofs-frame__tags-view-item {
  position: relative;
  padding: 0 20px;
  box-sizing: border-box;
  display: inline-block;
  font-size: 14px;
  color: #909399;
  cursor: pointer;
  height: 38px;
  line-height: 38px;
  background-color: white;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-right: 1px solid #ebebf0;
}
.ofs-frame__tags-view-item i {
  border-radius: 10px;
  color: #909399;
  font-size: 16px;
}
.ofs-frame__tags-view-item i:hover {
  background-color: rgb(221.7, 222.6, 224.4);
}
.ofs-frame__tags-view-item i {
  margin-left: 10px;
}
.ofs-frame__tags-view-item.is-active {
  color: #12b48a;
  background-color: rgb(231.3, 247.5, 243.3);
}
.ofs-frame__tags-view-item.is-active::before {
  content: "";
  position: absolute;
  height: 2px;
  left: -1px;
  right: -1px;
  bottom: 2px;
  background-color: #12b48a;
}
.ofs-frame__tags-view-item.is-active i {
  color: #12b48a;
}
.ofs-frame__tags-view-item.is-active i:hover {
  background-color: rgb(183.9, 232.5, 219.9);
}
.ofs-frame__container {
  position: relative;
  flex: 1;
  min-width: 1200px;
  box-sizing: border-box;
  margin: 10px 10px 0;
  background-color: white;
  height: calc(100vh - 38px - 56px - 10px);
  overflow-y: auto;
}
.ofs-frame__select .ofs-frame__select-default-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ofs-frame__select .ofs-frame__select-default-wrap .ofs-frame__select-default-text {
  cursor: pointer;
}
.ofs-frame__select .ofs-frame__select-default-wrap .ofs-i-down {
  margin-left: 0;
}
.ofs-frame__select-default-text {
  font-size: 14px;
  max-width: 200px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  color: #606266;
}
.ofs-frame__select-popover.ofs-popover {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 3px;
  margin-top: 8px;
}
.ofs-frame__select-popover .ofs-frame__select-popover-wrap {
  width: 315px;
  max-height: 270px;
  overflow-x: hidden;
  padding: 3px 0px 0 0 !important;
}
.ofs-frame__select-popover .ofs-frame__select-input-wrap {
  margin: 12px 12px 15px;
}
.ofs-frame__select-popover .ofs-frame__select-popover-content {
  cursor: pointer;
  height: 34px;
  line-height: 34px;
  padding-left: 15px;
  padding-right: 0px;
  font-size: 14px;
}
.ofs-frame__select-popover .ofs-frame__select-popover-content.is-active {
  font-weight: bold;
}
.ofs-frame__select-popover .ofs-frame__select-popover-content.is-active, .ofs-frame__select-popover .ofs-frame__select-popover-content:hover {
  color: #12b48a;
  background-color: rgba(236, 236, 236, 0.4);
}
.ofs-frame__select-popover .ofs-frame__select-popover-content span {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-frame__select-icon-0 {
  transition: all linear 0.2s;
  transform: rotate(0deg);
}
.ofs-frame__select-icon-180 {
  transition: all linear 0.2s;
  transform: rotate(180deg);
  margin-top: 0px;
}
.ofs-frame-logo {
  width: 210px;
}
.ofs-frame-logo:not(.is-disabled) {
  cursor: pointer;
}
.ofs-frame-collapse {
  margin: 0 12px 0 10px;
}
.ofs-frame-message {
  margin-left: 12px;
}
.ofs-frame__submit-menu-popper.ofs-menu--horizontal .ofs-menu-item:not(.is-disabled):hover, .ofs-frame__submit-menu-popper.ofs-menu--horizontal .ofs-menu-item:not(.is-disabled):focus {
  color: #12b48a;
  background-color: #fff !important;
}
.ofs-frame__submit-menu-popper .ofs-menu .ofs-menu-item {
  background-color: #fff !important;
  color: #606266;
}
.ofs-frame__submit-menu-popper .ofs-menu .ofs-menu-item.is-active {
  color: #12b48a !important;
}
.ofs-menu--horizontal.ofs-frame__submit-menu-popper .ofs-menu {
  min-width: 110px;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-bill-number {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  width: auto;
}
.ofs-bill-number .ofs-popover__reference-wrapper {
  width: 100%;
}
.ofs-bill-number__dot {
  padding: 0 4px;
}
.ofs-bill-number.is-icon {
  display: flex;
}
.ofs-bill-number.is-icon .ofs-bill-number__content {
  display: flex;
  align-items: center;
}
.ofs-bill-number.is-icon .ofs-bill-number__content > span {
  display: flex;
  flex-shrink: 1;
  overflow: hidden;
}
.ofs-bill-number.is-icon .ofs-bill-number__content .ofs-bill-number__reference {
  display: flex;
  overflow: hidden;
  flex-shrink: 1;
  width: 100%;
}
.ofs-bill-number.is-icon .ofs-bill-number__content .ofs-bill-number__target-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-bill-number__content {
  width: 0;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ofs-bill-number__content .ofs-icon {
  margin-left: 5px;
}
.ofs-bill-number__pre-icon {
  margin-right: 5px;
}
.ofs-bill-number__target.is-link {
  cursor: pointer;
}
.ofs-bill-number__target.is-link:hover {
  text-decoration: underline;
}
.ofs-bill-number__icon {
  display: inline-block;
  flex-shrink: 0;
}

/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
/* Break-points
 -------------------------- */
/* Scrollbar
 -------------------------- */
/* Placeholder
 -------------------------- */
/* BEM
 -------------------------- */
/* ofs-ui 全局变量 */
/* Transition
-------------------------- */
/* Color */
/* tag状态颜色 */
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* Border
-------------------------- */
/*
除搜索组件输入框外的其他表单组件悬浮颜色
*/
/* Table
-------------------------- */
/* Backtop
--------------------------*/
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon */
/* Checkbox
-------------------------- */
/* Link
-------------------------- */
/* Calendar
--------------------------*/
/* Button
-------------------------- */
/* Steps
--------------------------*/
/* Menu
--------------------------*/
/* Rate
--------------------------*/
/* DatePicker
--------------------------*/
/* Pagination */
/* Switch
-------------------------- */
/* Dialog
-------------------------- */
/* Radio
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Loading
--------------------------*/
/* Scrollbar
--------------------------*/
/* Carousel
--------------------------*/
/* Collapse
--------------------------*/
/* Transfer
--------------------------*/
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tag-Ex
-------------------------- */
/* Tree
-------------------------- */
/* Header
--------------------------*/
/* Footer
--------------------------*/
/* Main
--------------------------*/
/* Timeline
--------------------------*/
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Form
-------------------------- */
/* Avatar
--------------------------*/
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
--------------------------*/
/* Svg
--------------- */
/* Result
-------------------------- */
/* Card
--------------------------*/
/* Slider
--------------------------*/
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Break-point
--------------------------*/
.ofs-table-design__drawer ul {
  padding-left: 0;
}
.ofs-table-design__drawer ul li {
  list-style: none;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs.hide-pane .ofs-tabs__header {
  display: none;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs.hide-pane .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize,
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs.hide-pane .ofs-tabs__content .ofs-tab-pane .ofs-default-wrap-box {
  height: calc(100vh - 80px - 80px);
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs.hide-pane .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize .ofs-table-header-customize__left-box {
  border-top: 1px solid #eaedf0;
  border-top-left-radius: 5px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs.hide-pane .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize .ofs-table-header-customize__right-box {
  border-top: 1px solid #eaedf0;
  border-top-right-radius: 5px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__header {
  margin-bottom: 0;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__header .ofs-tabs__item .ofs-i-help {
  color: #c0c4cc;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__header .ofs-tabs__item .ofs-popover__reference-wrapper {
  position: relative;
  top: 1px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__header .ofs-tabs__item .ofs-popover__reference-wrapper .ofs-popover__reference {
  font-size: 18px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-default-wrap-box,
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-wrap-box {
  border: 1px solid #dadade;
  border-top: unset;
  background-color: white;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize,
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-default-wrap-box,
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-wrap-box {
  height: calc(100vh - 80px - 58px - 60px);
  overflow-y: auto;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize .ofs-table-header-customize__left-box,
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize .ofs-table-header-customize__right-box {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-table-header-customize .ofs-table-header-customize__left-box {
  width: 530px;
  margin-right: 0;
  border-right: none;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-form-box {
  padding: 20px 20px 0;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-form-box .ofs-select {
  width: 482px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-checkbox-box {
  padding: 0 20px;
  z-index: 10;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-checkbox-box::-webkit-scrollbar {
  width: 3px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-checkbox-box .ofs-checkbox {
  margin-bottom: 12px;
  width: 118px;
  margin-right: 0;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-tabs .ofs-tabs__content .ofs-tab-pane .ofs-third-checkbox-box .ofs-checkbox .ofs-checkbox__label {
  font-size: 12px;
  padding-left: 10px;
  overflow: hidden;
  max-width: 84px;
  vertical-align: middle;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box {
  background-color: white;
  padding: 0;
  box-sizing: border-box;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-default-wrap-title {
  padding-left: 10px;
  color: #303133;
  position: sticky;
  top: 0px;
  z-index: 10;
  font-size: 12px;
  font-weight: 500;
  background-color: white;
  width: 100%;
  padding: 20px 20px 0;
  box-sizing: border-box;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-default-wrap-title:nth-child(1) {
  z-index: 9;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-default-wrap-title::before {
  content: "";
  background-color: #12b48a;
  position: absolute;
  left: 15px;
  bottom: 2px;
  width: 2px;
  height: 12px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-default-wrap-title.has-padding {
  padding-bottom: 10px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-default-wrap-title.has-padding::before {
  bottom: 12px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap ul {
  margin: 0;
  padding: 0;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 20px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item:hover {
  background-color: #f8f8f8;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item > *:not(:last-child) {
  margin-right: 12px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-input {
  display: flex;
  align-items: center;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-input .ofs-default-wrap-item-label {
  width: 100px;
  text-align: right;
  color: #606266;
  font-size: 12px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-input .ofs-input {
  width: 200px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-input .ofs-input .ofs-input-group__append {
  width: 37px;
  padding: 0 0 4px 0;
  text-align: center;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-radio-group .ofs-radio-button__inner {
  font-size: 18px;
  padding: 6px 0;
  width: 32px;
  text-align: center;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-fixed {
  width: 32px;
  padding: 5.5px 0;
  text-align: center;
  font-size: 18px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-fixed.is-active {
  background-color: #12b48a;
  border-color: #12b48a;
  color: white;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-fixed:not(.is-active):hover {
  color: #12b48a;
  border-color: #dcdfe6;
  background-color: white;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item .ofs-default-wrap-item-move {
  position: absolute;
  right: 20px;
  font-size: 18px;
  display: none;
  margin-left: 10px;
}
.ofs-table-design__drawer .ofs-drawer__body .ofs-default-wrap-box .ofs-table-design-line-item-wrap .ofs-default-wrap-item:hover .ofs-default-wrap-item-move {
  display: block;
  cursor: move;
}
.ofs-table-design__drawer .ofs-drawer__footer {
  display: flex;
}
.ofs-table-design__drawer .ofs-drawer__footer > div {
  flex: 1;
}
.ofs-table-design__drawer .ofs-drawer__footer > div:first-child {
  text-align: left;
}
.ofs-table-design__drawer ::-webkit-scrollbar {
  width: 6px;
}
.ofs-table-design__popover {
  padding: 10px 8px;
  color: #606266;
  font-size: 14px;
  line-height: 20px;
}
.ofs-table-design__popover.ofs-popper[x-placement^=bottom] {
  margin-top: 17px;
}
.ofs-table-design__popover .content-align {
  margin-bottom: 20px;
}
.ofs-table-design__icon {
  position: relative;
}
.ofs-table-design__icon.ofs-button {
  font-size: 18px;
  padding: 6px;
  background: #f8f8fa;
  border: 1px solid #ebebf0;
  opacity: 1;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.ofs-table-design__icon.is-dot {
  margin-right: 3px;
}
.ofs-table-design__icon.is-dot::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #ff3939;
  top: -4px;
  right: -4px;
}
body {
  color: #303133;
  font-family: "Source Han Sans SC" !important;
}
.bg-base {
  background-color: #F1F5FA;
}
.bg-blue {
  background-color: #4576FF;
}
.bg-blue-light {
  background-color: rgba(69, 118, 255, 0.1);
}
body .c-base {
  color: #44566C;
}
body .c-green {
  color: #1F9D4B;
}
body .c-red {
  color: #F56C6C;
}
body .c-blue {
  color: #0081FF;
}
body .c-icon-blue {
  color: #0000FF;
}
body .c-icon-grey {
  color: #627893;
}
body .f-base {
  font-size: 12px;
}
body .f-12 {
  font-size: 12px;
}
body .f-14 {
  font-size: 14px;
}
body .f-16 {
  font-size: 16px;
}
body .f-18 {
  font-size: 18px;
}
body .f-20 {
  font-size: 20px;
}
body .f-22 {
  font-size: 22px;
}
body .f-24 {
  font-size: 24px;
}
body .f-26 {
  font-size: 26px;
}
body .f-28 {
  font-size: 28px;
}
body .f-30 {
  font-size: 30px;
}
body .f-32 {
  font-size: 32px;
}
body .f-34 {
  font-size: 34px;
}
body .f-36 {
  font-size: 36px;
}
body .f-38 {
  font-size: 38px;
}
body .f-40 {
  font-size: 40px;
}
body .f-42 {
  font-size: 42px;
}
body .f-44 {
  font-size: 44px;
}
body .f-46 {
  font-size: 46px;
}
body .f-48 {
  font-size: 48px;
}
body .f-bold {
  font-weight: bold;
}
body .f-light {
  font-weight: 400;
}
body .line-flex {
  display: flex;
  align-items: center;
}
body .align-right {
  text-align: right !important;
}
body .align-left {
  text-align: left;
}
body .align-center {
  text-align: center;
}
.nomal-button {
  cursor: pointer;
  text-align: center;
  box-sizing: border-box;
  color: #666;
  background: #fff;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  height: 30px;
  text-align: center;
  display: inline-block;
  font-size: 14px !important;
  padding: 0 20px;
}
.second-btn {
  margin-left: 18px !important;
}
.setting-page {
  width: 100%;
  height: calc(100vh - 78px);
  padding: 30px 22px 24px 22px;
  box-sizing: border-box;
  background: #fff;
}
.setting-page .setting-title {
  font-size: 18px;
  font-weight: bold;
  color: #333333;
}
.bd-base {
  border: 1px solid #EAEDF0;
}
#app .list_page {
  padding: 20px 20px 10px;
  border-radius: 0px;
  background-color: #fff;
  min-height: calc(100vh - 112px);
}
#app .list_page .list_area {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
}
#app .list_page .list_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 56px;
}
#app .danger-button {
  position: relative;
  top: 1px;
  right: 72px;
  background-color: #fd4f4f;
  width: 73px;
}
#app .position-button {
  position: relative;
  top: 0px;
  right: 56px;
}
#app .position-button .iconfont {
  font-size: 10px;
  margin-right: 4px;
}
#app .position-button .position-txt {
  position: relative;
  top: -1px;
}
.ofs-dialog {
  width: 440px;
}
.ofs-dialog .ofs-dialog__title {
  font-size: 18px;
  font-weight: 400;
  color: #303133;
}
.ofs-dialog .ofs-form-item {
  margin-bottom: 18px;
}
.ofs-dialog .ofs-form-item .ofs-form-item__label {
  font-size: 12px;
}
.ofs-dialog .ofs-input {
  width: 200px;
}
.ofs-dialog .ofs-input .ofs-input__inner {
  font-size: 12px;
  height: 32px;
}
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}
@charset "UTF-8";
/* 改变主题色变量 */
[data-v-b50ef614]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.app-breadcrumb.ofs-breadcrumb[data-v-b50ef614] {
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  margin-left: 8px;
}
.app-breadcrumb.ofs-breadcrumb .no-redirect[data-v-b50ef614] {
  color: #97a8be;
  cursor: text;
}

.hamburger[data-v-4e6f274c] {
  display: inline-block;
  vertical-align: middle;
  transform: rotate(0deg);
  font-size: 20px;
  /* font-weight: bold; */
}
.hamburger.is-active[data-v-4e6f274c] {
  transform: rotate(180deg);
}

@charset "UTF-8";
/* 改变主题色变量 */
[data-v-6494804b]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.sidebarLogoFade-enter-active[data-v-6494804b] {
  transition: opacity 1.5s;
}
.sidebarLogoFade-enter[data-v-6494804b],
.sidebarLogoFade-leave-to[data-v-6494804b] {
  opacity: 0;
}
.sidebar-logo-container[data-v-6494804b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 210px;
  height: 56px;
  line-height: 56px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  border-bottom: 1px solid rgba(3, 49, 75, 0.07);
}
.sidebar-logo-container .sidebar-logo-link[data-v-6494804b] {
  height: 100%;
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.sidebar-logo-container .sidebar-logo-link img[data-v-6494804b] {
  width: 100%;
  height: 100%;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-logo[data-v-6494804b] {
  height: 100%;
  width: 100%;
  vertical-align: middle;
}
.sidebar-logo-container .sidebar-logo-link span[data-v-6494804b] {
  color: black !important;
  font-size: 20px;
  font-weight: bold;
}
.sidebar-logo-container .sidebar-logo-link .sidebar-title[data-v-6494804b] {
  display: inline-block;
  margin: 0;
  color: #fff;
  font-weight: 600;
  line-height: 50px;
  font-size: 14px;
  vertical-align: middle;
}
.sidebar-logo-container.collapse .sidebar-logo[data-v-6494804b] {
  margin-right: 0px;
}
@charset "UTF-8";
/* 改变主题色变量 */
[data-v-d16d6306]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.navbar[data-v-d16d6306] {
  display: flex;
  height: 56px;
  line-height: 56px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 210px;
  right: 0;
  z-index: 1002;
  background: #fff;
}
.navbar .navbar-right[data-v-d16d6306] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.navbar .hamburger-container[data-v-d16d6306] {
  line-height: 56px;
  height: 100%;
  float: left;
  cursor: pointer;
  transition: background 0.3s;
  -webkit-tap-highlight-color: transparent;
}
.navbar .hamburger-container[data-v-d16d6306]:hover {
  background: rgba(0, 0, 0, 0.025);
}
.navbar .breadcrumb-container[data-v-d16d6306] {
  float: left;
}
.navbar .avatar-wrapper[data-v-d16d6306] {
  position: relative;
  margin-right: 10px;
}
.navbar .avatar-wrapper .user-avatar[data-v-d16d6306] {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.navbar .right-menu[data-v-d16d6306] {
  box-sizing: content-box;
  height: 56px;
  line-height: 56px;
  border-left: 1px #ebebf0 solid;
  padding: 0 20px 0 19px;
  display: flex;
  align-items: center;
  cursor: pointer;
  white-space: nowrap;
}
.navbar .right-menu .avatar-wrapper[data-v-d16d6306] {
  position: relative;
  width: 28px;
  height: 56px;
  margin-right: 10px;
  display: inline-block;
}
.navbar .right-menu .avatar-wrapper .user-avatar[data-v-d16d6306] {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.navbar .right-menu .icontixing[data-v-d16d6306] {
  font-size: 20px;
  position: relative;
}
.navbar .right-menu .icontixing[data-v-d16d6306]::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  background-color: #ff3838;
  width: 9px;
  height: 9px;
  border-radius: 5px;
}
.navbar .avatar-uploader .ofs-upload[data-v-d16d6306] {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.navbar .avatar-uploader .ofs-upload[data-v-d16d6306]:hover {
  border-color: #409eff;
}
.navbar .avatar-uploader-icon[data-v-d16d6306] {
  font-size: 28px;
  color: #8c939d;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  background-color: #eee !important;
}
.navbar .avatar[data-v-d16d6306] {
  width: 100px;
  height: 100px;
  display: block;
}
.user-detail-box[data-v-d16d6306] {
  min-width: 224px;
}
.user-detail-box .user-name[data-v-d16d6306] {
  padding: 15px 20px 20px;
  box-sizing: content-box;
  border-bottom: 1px solid #dcdfe6;
}
.user-detail-box .user-name .one[data-v-d16d6306] {
  font-weight: 600;
  font-size: 18px;
  color: #303133;
  margin-bottom: 12px;
}
.user-detail-box .user-name .two[data-v-d16d6306] {
  font-size: 14px;
  color: #606266;
  margin-bottom: 6px;
}
.user-detail-box .user-name .three[data-v-d16d6306] {
  font-size: 12px;
  color: #909399;
}
.user-detail-box .user-check[data-v-d16d6306]  .ofs-i-item {
  font-size: 16px;
  margin-right: unset;
}
.user-detail-box .user-check .user-check-item[data-v-d16d6306] {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 60px;
}
.user-detail-box .user-check .user-check-item .title[data-v-d16d6306] {
  margin-left: 6px;
}
@charset "UTF-8";
/* 改变主题色变量 */
.user-dropdown {
  margin-top: 6px !important;
}
@charset "UTF-8"
/* 改变主题色变量 */

/* 改变主题色变量 */
@charset "UTF-8";
/* 改变主题色变量 */
[data-v-078753dd]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.app-main[data-v-078753dd] {
  width: 100%;
  overflow: auto;
  max-height: 100vh;
  padding: 10px;
  box-sizing: border-box;
}
.app-main .app-main-white[data-v-078753dd] {
  background: #fff;
  min-height: calc(100vh - 112px);
  max-height: calc(100vh - 112px);
}
.fixed-header + .app-main[data-v-078753dd] {
  min-height: calc(100vh - 76px);
}
.hasTagsViewMain.app-main[data-v-078753dd] {
  top: 88px;
  min-height: calc(100vh - 88px);
}

/* fade-transform */
.fade-transform-leave-active[data-v-078753dd],
.fade-transform-enter-active[data-v-078753dd] {
  transition: all 0.35s;
}
.fade-transform-enter[data-v-078753dd] {
  opacity: 0;
  transform: translateX(-30px);
}
.fade-transform-leave-to[data-v-078753dd] {
  opacity: 0;
  transform: translateX(30px);
}
@charset "UTF-8";
/* 改变主题色变量 */
[data-v-be6b7bae]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.scroll-container[data-v-be6b7bae] {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.scroll-container[data-v-be6b7bae]  .ofs-scrollbar__bar {
  bottom: 0px;
}
.scroll-container[data-v-be6b7bae]  .ofs-scrollbar__wrap {
  height: 49px;
}
@charset "UTF-8";
/* 改变主题色变量 */
[data-v-fac8ca64]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.tags-view-container[data-v-fac8ca64] {
  background: #fff;
  border-bottom: 1px solid #ebebf0;
  width: 100%;
  transition: all 0.28s;
  height: 100%;
  margin-top: 56px;
}
.tags-view-container .tags-view-wrapper[data-v-fac8ca64]  .ofs-scrollbar__wrap {
  height: 47px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64] {
  display: inline-block;
  position: relative;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  border-right: 1px solid #ebebf0;
  color: #909399;
  background: #fff;
  padding: 0 20px;
  font-size: 14px;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64]:first-child {
  border-left: 1px solid #ebebf0;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-fac8ca64] {
  background-color: rgba(18, 180, 138, 0.1);
  color: #12B48A;
}
.tags-view-container .tags-view-wrapper .tags-view-item.active[data-v-fac8ca64]::before {
  content: "";
  background: #12B48A;
  width: calc(100% + 2px);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 200;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64]:hover {
  background-color: rgba(18, 180, 138, 0.05);
  color: #12B48A;
}
.tags-view-container .tags-view-wrapper .tags-view-item[data-v-fac8ca64]:hover::before {
  content: "";
  background: rgba(18, 180, 138, 0.8);
  width: calc(100% + 2px);
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: -1px;
  z-index: 200;
}
.tags-view-container .contextmenu[data-v-fac8ca64] {
  margin: 0;
  background: #fff;
  z-index: 3000;
  position: absolute;
  list-style-type: none;
  padding: 5px 0;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #333;
  box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 0.1);
}
.tags-view-container .contextmenu li[data-v-fac8ca64] {
  margin: 0;
  padding: 7px 16px;
  cursor: pointer;
}
.tags-view-container .contextmenu li[data-v-fac8ca64]:hover {
  background: #eee;
}
.tags-view-container[data-v-fac8ca64]  .is-horizontal {
  visibility: hidden;
}
@charset "UTF-8";
/* 改变主题色变量 */
.tags-view-wrapper .tags-view-item .ofs-i-close {
  width: 16px;
  height: 16px;
  line-height: 17px;
  margin-left: 10px;
  border-radius: 50%;
  text-align: center;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transform-origin: 100% 50%;
}
.tags-view-wrapper .tags-view-item .ofs-i-close:before {
  font-size: 14px;
}
.tags-view-wrapper .tags-view-item .ofs-i-close:hover {
  background-color: rgba(18, 180, 138, 0.2);
  color: #909399;
}
.tags-view-wrapper .tags-view-item.active .ofs-i-close:hover {
  background-color: rgba(18, 180, 138, 0.2);
  color: #12B48A;
}
@charset "UTF-8";
/* 改变主题色变量 */
[data-v-13877386]:export {
  menuText: #65686b;
  menuBg: #fff;
  menuHover: #fff;
  subMenuBg: #fff;
  subMenuHoverTxt: #12B48A;
  sideBarWidth: 210px;
}
.shawdow[data-v-13877386] {
  border-bottom: 1px solid #ebebf0;
}
.app-wrapper[data-v-13877386] {
  position: relative;
  height: 100%;
  width: 100%;
}
.app-wrapper[data-v-13877386]:after {
  content: "";
  display: table;
  clear: both;
  height: 0;
  display: none;
}
.app-wrapper.mobile.openSidebar[data-v-13877386] {
  position: fixed;
  top: 0;
}
.drawer-bg[data-v-13877386] {
  background: #000;
  opacity: 0.3;
  width: 100%;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 999;
}
.fixed-header[data-v-13877386] {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 99;
  width: calc(100% - 210px);
  transition: width 0.28s;
}
.hideSidebar .fixed-header[data-v-13877386] {
  width: calc(100% - 54px);
}
.mobile .fixed-header[data-v-13877386] {
  width: 100%;
}
.bottom-text[data-v-13877386] {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  padding-bottom: 25px;
}
.main-breadcrumb[data-v-13877386] {
  width: 100%;
  background: #fff;
  padding: 22px 0 20px 33px;
  box-sizing: border-box;
}
.main-breadcrumb .title[data-v-13877386] {
  font-size: 18px;
  font-weight: bold;
  color: #222222;
  margin-top: 20px;
}
[data-v-13877386] .ofs-breadcrumb__inner.is-link:hover {
  color: #12B48A;
}