tass-ui/es/style.css

A high quality UI Toolkit built on Vue.js3+.

@charset "UTF-8";
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-col.tas-col-span-0 {
  max-width: 0%;
  flex: 0 0 0%;
}
.tas-col.tas-col-offset-0 {
  margin-left: 0%;
}
.tas-col.tas-col-span-1 {
  max-width: 4.1666666667%;
  flex: 0 0 4.1666666667%;
}
.tas-col.tas-col-offset-1 {
  margin-left: 4.1666666667%;
}
.tas-col.tas-col-span-2 {
  max-width: 8.3333333333%;
  flex: 0 0 8.3333333333%;
}
.tas-col.tas-col-offset-2 {
  margin-left: 8.3333333333%;
}
.tas-col.tas-col-span-3 {
  max-width: 12.5%;
  flex: 0 0 12.5%;
}
.tas-col.tas-col-offset-3 {
  margin-left: 12.5%;
}
.tas-col.tas-col-span-4 {
  max-width: 16.6666666667%;
  flex: 0 0 16.6666666667%;
}
.tas-col.tas-col-offset-4 {
  margin-left: 16.6666666667%;
}
.tas-col.tas-col-span-5 {
  max-width: 20.8333333333%;
  flex: 0 0 20.8333333333%;
}
.tas-col.tas-col-offset-5 {
  margin-left: 20.8333333333%;
}
.tas-col.tas-col-span-6 {
  max-width: 25%;
  flex: 0 0 25%;
}
.tas-col.tas-col-offset-6 {
  margin-left: 25%;
}
.tas-col.tas-col-span-7 {
  max-width: 29.1666666667%;
  flex: 0 0 29.1666666667%;
}
.tas-col.tas-col-offset-7 {
  margin-left: 29.1666666667%;
}
.tas-col.tas-col-span-8 {
  max-width: 33.3333333333%;
  flex: 0 0 33.3333333333%;
}
.tas-col.tas-col-offset-8 {
  margin-left: 33.3333333333%;
}
.tas-col.tas-col-span-9 {
  max-width: 37.5%;
  flex: 0 0 37.5%;
}
.tas-col.tas-col-offset-9 {
  margin-left: 37.5%;
}
.tas-col.tas-col-span-10 {
  max-width: 41.6666666667%;
  flex: 0 0 41.6666666667%;
}
.tas-col.tas-col-offset-10 {
  margin-left: 41.6666666667%;
}
.tas-col.tas-col-span-11 {
  max-width: 45.8333333333%;
  flex: 0 0 45.8333333333%;
}
.tas-col.tas-col-offset-11 {
  margin-left: 45.8333333333%;
}
.tas-col.tas-col-span-12 {
  max-width: 50%;
  flex: 0 0 50%;
}
.tas-col.tas-col-offset-12 {
  margin-left: 50%;
}
.tas-col.tas-col-span-13 {
  max-width: 54.1666666667%;
  flex: 0 0 54.1666666667%;
}
.tas-col.tas-col-offset-13 {
  margin-left: 54.1666666667%;
}
.tas-col.tas-col-span-14 {
  max-width: 58.3333333333%;
  flex: 0 0 58.3333333333%;
}
.tas-col.tas-col-offset-14 {
  margin-left: 58.3333333333%;
}
.tas-col.tas-col-span-15 {
  max-width: 62.5%;
  flex: 0 0 62.5%;
}
.tas-col.tas-col-offset-15 {
  margin-left: 62.5%;
}
.tas-col.tas-col-span-16 {
  max-width: 66.6666666667%;
  flex: 0 0 66.6666666667%;
}
.tas-col.tas-col-offset-16 {
  margin-left: 66.6666666667%;
}
.tas-col.tas-col-span-17 {
  max-width: 70.8333333333%;
  flex: 0 0 70.8333333333%;
}
.tas-col.tas-col-offset-17 {
  margin-left: 70.8333333333%;
}
.tas-col.tas-col-span-18 {
  max-width: 75%;
  flex: 0 0 75%;
}
.tas-col.tas-col-offset-18 {
  margin-left: 75%;
}
.tas-col.tas-col-span-19 {
  max-width: 79.1666666667%;
  flex: 0 0 79.1666666667%;
}
.tas-col.tas-col-offset-19 {
  margin-left: 79.1666666667%;
}
.tas-col.tas-col-span-20 {
  max-width: 83.3333333333%;
  flex: 0 0 83.3333333333%;
}
.tas-col.tas-col-offset-20 {
  margin-left: 83.3333333333%;
}
.tas-col.tas-col-span-21 {
  max-width: 87.5%;
  flex: 0 0 87.5%;
}
.tas-col.tas-col-offset-21 {
  margin-left: 87.5%;
}
.tas-col.tas-col-span-22 {
  max-width: 91.6666666667%;
  flex: 0 0 91.6666666667%;
}
.tas-col.tas-col-offset-22 {
  margin-left: 91.6666666667%;
}
.tas-col.tas-col-span-23 {
  max-width: 95.8333333333%;
  flex: 0 0 95.8333333333%;
}
.tas-col.tas-col-offset-23 {
  margin-left: 95.8333333333%;
}
.tas-col.tas-col-span-24 {
  max-width: 100%;
  flex: 0 0 100%;
}
.tas-col.tas-col-offset-24 {
  margin-left: 100%;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-row {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  box-sizing: border-box;
}
.tas-row.is-justify-center {
  justify-content: center;
}

.tas-row.is-justify-end {
  justify-content: flex-end;
}

.tas-row.is-justify-space-between {
  justify-content: space-between;
}

.tas-row.is-justify-space-around {
  justify-content: space-around;
}

.tas-row.is-justify-space-evenly {
  justify-content: space-evenly;
}

.tas-row.is-align-middle {
  align-items: center;
}

.tas-row.is-align-bottom {
  align-items: flex-end;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  font-weight: 500;
  line-height: 1;
  color: #606266;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dcdfe6;
  border-color: #dcdfe6;
  outline: none;
  vertical-align: middle;
  box-sizing: border-box;
  transition: 0.1s;
  appearance: none;
  user-select: none;
  padding: 12px 20px;
  font-size: 14px;
  border-radius: 4px;
  /* size */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* type */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* text */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* other */
}
.tas-button + .tas-button {
  margin-left: 10px;
}
.tas-button.is-round {
  padding: 12px 20px;
}
.tas-button:hover, .tas-button:focus {
  color: #9090c0;
  background-color: #f4f4f9;
  border-color: #dedeec;
}
.tas-button:active {
  color: #8282ad;
  border-color: #8282ad;
  outline: none;
}
.tas-button::-moz-focus-inner {
  border: 0;
}
.tas-button [class*=tas-icon-] + span {
  margin-left: 5px;
}
.tas-button--medium {
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 4px;
}
.tas-button--medium.is-round {
  padding: 10px 20px;
}
.tas-button--medium.is-circle {
  padding: 10px;
}

.tas-button--small {
  padding: 9px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.tas-button--small.is-round {
  padding: 9px 15px;
}
.tas-button--small.is-circle {
  padding: 9px;
}

.tas-button--mini {
  padding: 7px 15px;
  font-size: 12px;
  border-radius: 3px;
}
.tas-button--mini.is-round {
  padding: 7px 15px;
}
.tas-button--mini.is-circle {
  padding: 7px;
}

.tas-button--tiny {
  padding: 4px 10px;
  font-size: 10px;
  border-radius: 2px;
}
.tas-button--tiny.is-round {
  padding: 4px 10px;
}
.tas-button--tiny.is-circle {
  padding: 4px;
}

.tas-button--primary {
  color: #fff;
  background-color: #9090c0;
  border-color: #9090c0;
}
.tas-button--primary:hover, .tas-button--primary:focus {
  color: #fff;
  background: #a6a6cd;
  border-color: #a6a6cd;
}
.tas-button--primary:active {
  color: #fff;
  background: #8282ad;
  border-color: #8282ad;
  outline: none;
}
.tas-button--primary.is-active {
  color: #fff;
  background: #8282ad;
  border-color: #8282ad;
}
.tas-button--primary.is-disabled, .tas-button--primary.is-disabled:hover, .tas-button--primary.is-disabled:focus, .tas-button--primary.is-disabled:active {
  color: #fff;
  background-color: #c8c8e0;
  border-color: #c8c8e0;
}
.tas-button--primary.is-plain {
  color: #9090c0;
  background: #f4f4f9;
  border-color: #d3d3e6;
}
.tas-button--primary.is-plain:hover, .tas-button--primary.is-plain:focus {
  color: #fff;
  background: #9090c0;
  border-color: #9090c0;
}
.tas-button--primary.is-plain:active {
  color: #fff;
  background: #8282ad;
  border-color: #8282ad;
  outline: none;
}
.tas-button--primary.is-plain.is-disabled, .tas-button--primary.is-plain.is-disabled:hover, .tas-button--primary.is-plain.is-disabled:focus, .tas-button--primary.is-plain.is-disabled:active {
  color: #bcbcd9;
  background-color: #f4f4f9;
  border-color: #e9e9f2;
}

.tas-button--success {
  color: #fff;
  background-color: #67c23a;
  border-color: #67c23a;
}
.tas-button--success:hover, .tas-button--success:focus {
  color: #fff;
  background: #85ce61;
  border-color: #85ce61;
}
.tas-button--success:active {
  color: #fff;
  background: #5daf34;
  border-color: #5daf34;
  outline: none;
}
.tas-button--success.is-active {
  color: #fff;
  background: #5daf34;
  border-color: #5daf34;
}
.tas-button--success.is-disabled, .tas-button--success.is-disabled:hover, .tas-button--success.is-disabled:focus, .tas-button--success.is-disabled:active {
  color: #fff;
  background-color: #b3e19d;
  border-color: #b3e19d;
}
.tas-button--success.is-plain {
  color: #67c23a;
  background: #f0f9eb;
  border-color: #c2e7b0;
}
.tas-button--success.is-plain:hover, .tas-button--success.is-plain:focus {
  color: #fff;
  background: #67c23a;
  border-color: #67c23a;
}
.tas-button--success.is-plain:active {
  color: #fff;
  background: #5daf34;
  border-color: #5daf34;
  outline: none;
}
.tas-button--success.is-plain.is-disabled, .tas-button--success.is-plain.is-disabled:hover, .tas-button--success.is-plain.is-disabled:focus, .tas-button--success.is-plain.is-disabled:active {
  color: #a4da89;
  background-color: #f0f9eb;
  border-color: #e1f3d8;
}

.tas-button--warning {
  color: #fff;
  background-color: #e6a23c;
  border-color: #e6a23c;
}
.tas-button--warning:hover, .tas-button--warning:focus {
  color: #fff;
  background: #ebb563;
  border-color: #ebb563;
}
.tas-button--warning:active {
  color: #fff;
  background: #cf9236;
  border-color: #cf9236;
  outline: none;
}
.tas-button--warning.is-active {
  color: #fff;
  background: #cf9236;
  border-color: #cf9236;
}
.tas-button--warning.is-disabled, .tas-button--warning.is-disabled:hover, .tas-button--warning.is-disabled:focus, .tas-button--warning.is-disabled:active {
  color: #fff;
  background-color: #f3d19e;
  border-color: #f3d19e;
}
.tas-button--warning.is-plain {
  color: #e6a23c;
  background: #fdf6ec;
  border-color: #f5dab1;
}
.tas-button--warning.is-plain:hover, .tas-button--warning.is-plain:focus {
  color: #fff;
  background: #e6a23c;
  border-color: #e6a23c;
}
.tas-button--warning.is-plain:active {
  color: #fff;
  background: #cf9236;
  border-color: #cf9236;
  outline: none;
}
.tas-button--warning.is-plain.is-disabled, .tas-button--warning.is-plain.is-disabled:hover, .tas-button--warning.is-plain.is-disabled:focus, .tas-button--warning.is-plain.is-disabled:active {
  color: #f0c78a;
  background-color: #fdf6ec;
  border-color: #faecd8;
}

.tas-button--danger {
  color: #fff;
  background-color: #f56c6c;
  border-color: #f56c6c;
}
.tas-button--danger:hover, .tas-button--danger:focus {
  color: #fff;
  background: #f78989;
  border-color: #f78989;
}
.tas-button--danger:active {
  color: #fff;
  background: #dd6161;
  border-color: #dd6161;
  outline: none;
}
.tas-button--danger.is-active {
  color: #fff;
  background: #dd6161;
  border-color: #dd6161;
}
.tas-button--danger.is-disabled, .tas-button--danger.is-disabled:hover, .tas-button--danger.is-disabled:focus, .tas-button--danger.is-disabled:active {
  color: #fff;
  background-color: #fab6b6;
  border-color: #fab6b6;
}
.tas-button--danger.is-plain {
  color: #f56c6c;
  background: #fef0f0;
  border-color: #fbc4c4;
}
.tas-button--danger.is-plain:hover, .tas-button--danger.is-plain:focus {
  color: #fff;
  background: #f56c6c;
  border-color: #f56c6c;
}
.tas-button--danger.is-plain:active {
  color: #fff;
  background: #dd6161;
  border-color: #dd6161;
  outline: none;
}
.tas-button--danger.is-plain.is-disabled, .tas-button--danger.is-plain.is-disabled:hover, .tas-button--danger.is-plain.is-disabled:focus, .tas-button--danger.is-plain.is-disabled:active {
  color: #f9a7a7;
  background-color: #fef0f0;
  border-color: #fde2e2;
}

.tas-button--info {
  color: #fff;
  background-color: #909399;
  border-color: #909399;
}
.tas-button--info:hover, .tas-button--info:focus {
  color: #fff;
  background: #a6a9ad;
  border-color: #a6a9ad;
}
.tas-button--info:active {
  color: #fff;
  background: #82848a;
  border-color: #82848a;
  outline: none;
}
.tas-button--info.is-active {
  color: #fff;
  background: #82848a;
  border-color: #82848a;
}
.tas-button--info.is-disabled, .tas-button--info.is-disabled:hover, .tas-button--info.is-disabled:focus, .tas-button--info.is-disabled:active {
  color: #fff;
  background-color: #c8c9cc;
  border-color: #c8c9cc;
}
.tas-button--info.is-plain {
  color: #909399;
  background: #f4f4f5;
  border-color: #d3d4d6;
}
.tas-button--info.is-plain:hover, .tas-button--info.is-plain:focus {
  color: #fff;
  background: #909399;
  border-color: #909399;
}
.tas-button--info.is-plain:active {
  color: #fff;
  background: #82848a;
  border-color: #82848a;
  outline: none;
}
.tas-button--info.is-plain.is-disabled, .tas-button--info.is-plain.is-disabled:hover, .tas-button--info.is-plain.is-disabled:focus, .tas-button--info.is-plain.is-disabled:active {
  color: #bcbec2;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

.tas-button--text {
  padding-right: 0;
  padding-left: 0;
  color: #9090c0;
  background: transparent;
  border-color: transparent;
}
.tas-button--text:hover, .tas-button--text:focus {
  color: #a6a6cd;
  background-color: transparent;
  border-color: transparent;
}
.tas-button--text:active {
  color: #8282ad;
  background-color: transparent;
  border-color: transparent;
}
.tas-button--text.is-disabled, .tas-button--text.is-disabled:hover, .tas-button--text.is-disabled:focus {
  border-color: transparent;
}

.tas-button.is-plain:hover, .tas-button.is-plain:focus {
  color: #9090c0;
  background: #fff;
  border-color: #9090c0;
}
.tas-button.is-plain:active {
  color: #8282ad;
  background: #fff;
  border-color: #8282ad;
  outline: none;
}

.tas-button.is-active {
  color: #8282ad;
  border-color: #8282ad;
}

.tas-button.is-disabled, .tas-button.is-disabled:hover, .tas-button.is-disabled:focus {
  color: #c0c4cc;
  cursor: not-allowed;
  background-color: #fff;
  background-image: none;
  border-color: #ebeef5;
}
.tas-button.is-disabled.el-button--text {
  background-color: transparent;
}
.tas-button.is-disabled.is-plain, .tas-button.is-disabled.is-plain:hover, .tas-button.is-disabled.is-plain:focus {
  color: #c0c4cc;
  background-color: #fff;
  border-color: #ebeef5;
}

.tas-button.is-loading {
  position: relative;
  pointer-events: none;
}
.tas-button.is-loading::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: inherit;
  content: "";
}

.tas-button.is-round {
  padding: 12px 23px;
  border-radius: 20px;
}

.tas-button.is-circle {
  padding: 12px;
  border-radius: 50%;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-checkbox {
  color: #606266;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  user-select: none;
  margin-right: 30px !important;
  height: 14px;
}
.tas-checkbox input[type=checkbox] {
  cursor: pointer;
  position: relative;
  border: none;
  background-color: none;
  appearance: none;
  width: 18px;
  height: 18px;
}
.tas-checkbox input[type=checkbox]::after {
  position: absolute;
  top: 0;
  background-color: #fff;
  color: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: " ";
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
.tas-checkbox input[type=checkbox]:checked::after {
  content: "✓";
  background-color: #9090c0;
  border-color: #9090c0;
  background-color: #9090c0;
}
.tas-checkbox__input {
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  display: inline-flex;
  position: relative;
}

.tas-checkbox.is-disabled, .tas-checkbox.is-disabled:hover, .tas-checkbox.is-disabled:focus {
  cursor: not-allowed;
}
.tas-checkbox.is-disabled input[type=checkbox]::after {
  cursor: not-allowed;
  position: absolute;
  top: 0;
  background-color: rgb(245, 247, 250);
  color: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
  visibility: visible;
  padding-left: 0px;
  text-align: center;
  content: " ";
  border-radius: 2px;
  box-sizing: border-box;
  border: 1px solid #ddd;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-table-default {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tas-table-default table {
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
  border-spacing: 0;
}
.tas-table-default table thead th {
  padding: 14px 12px;
  box-sizing: border-box;
  text-align: left;
  line-height: 20px;
  color: #f0f0f0;
  font-weight: 550;
  font-size: 14px;
  border: 1px solid #f0f0f0;
  border-right: 0;
  background-color: #282858;
}
.tas-table-default table thead th:last-child {
  border-right: 1px solid #f0f0f0;
}
.tas-table-default table tbody tr td {
  padding: 13.5px 12px;
  box-sizing: border-box;
  text-align: left;
  line-height: 20px;
  color: #505050;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #f0f0f0;
  border-right: 0;
  border-top: 0;
}
.tas-table-default table tbody tr td:last-child {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.tas-table-default table tbody tr:hover {
  background: rgba(240, 240, 240, 0.2);
}
.tas-table-small {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tas-table-small table {
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
  border-spacing: 0;
}
.tas-table-small table thead th {
  padding: 10px 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 20px;
  color: #f0f0f0;
  font-weight: 550;
  font-size: 14px;
  border: 1px solid #f0f0f0;
  border-right: 0;
  background-color: #282858;
}
.tas-table-small table thead th:last-child {
  border-right: 1px solid #f0f0f0;
}
.tas-table-small table tbody tr td {
  padding: 9.5px 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 20px;
  color: #505050;
  font-weight: 500;
  font-size: 14px;
  border: 1px solid #f0f0f0;
  border-right: 0;
  border-top: 0;
}
.tas-table-small table tbody tr td:last-child {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.tas-table-small table tbody tr:hover {
  background: rgba(240, 240, 240, 0.2);
}
.tas-table-mini {
  width: 100%;
  height: auto;
  overflow: hidden;
}
.tas-table-mini table {
  width: 100%;
  border-radius: 2px;
  box-sizing: border-box;
  border-spacing: 0;
}
.tas-table-mini table thead th {
  padding: 8px 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 18px;
  color: #f0f0f0;
  font-weight: 550;
  font-size: 12px;
  border: 1px solid #f0f0f0;
  border-right: 0;
  background-color: #282858;
}
.tas-table-mini table thead th:last-child {
  border-right: 1px solid #f0f0f0;
}
.tas-table-mini table tbody tr td {
  padding: 7.5px 10px;
  box-sizing: border-box;
  text-align: left;
  line-height: 18px;
  color: #505050;
  font-weight: 500;
  font-size: 12px;
  border: 1px solid #f0f0f0;
  border-right: 0;
  border-top: 0;
}
.tas-table-mini table tbody tr td:last-child {
  border-bottom: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}
.tas-table-mini table tbody tr:hover {
  background: rgba(240, 240, 240, 0.2);
}
table {
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  display: table;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  border-spacing: 2px;
  border-color: grey;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-alert {
  display: flex;
  align-items: center;
  position: relative;
  padding: 15px 16px;
  margin-bottom: 5px;
  border-radius: 4px;
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
  /* @at-root 表示将内容渲染到根部 而不是嵌套 */
}
.tas-alert .tas-global-ellipsis {
  /*一行省略*/
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tas-alert .tas-alert__content {
  overflow: auto;
  padding-left: 15px;
}
.tas-alert .tas-alert__title {
  margin: 0;
  font-size: 13px;
}
.tas-alert .tas-alert__desc {
  margin: 0px;
  font-size: 12px;
}
.tas-alert .tas-alert__close-btn {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  font-size: 12px;
}
.tas-alert--warning {
  background-color: #fdf6ec;
  color: #e9ab50;
}

.tas-alert--success {
  background-color: #f0f9eb;
  color: #76c84e;
}

.tas-alert--info {
  background-color: #f4f4f5;
  color: #9b9ea3;
}

.tas-alert--error {
  background-color: #fef0f0;
  color: #f67b7b;
}

.is-center {
  justify-content: center;
}

.tas-alert-fade-enter-from,
.tas-alert-fade-leave-to {
  transform: translateX(100px);
  opacity: 0;
}

.tas-alert-fade-enter-to,
.tas-alert-fade-leave-from {
  opacity: 1;
}

.tas-alert-fade-enter-active,
.tas-alert-fade-leave-active {
  transition: all 0.5s;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-dialog {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  user-select: none;
  z-index: 999999;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
}
.tas-dialog .tas-dialog__body {
  display: table-cell;
  width: 100vw;
  height: 100vh;
  text-align: center;
  vertical-align: middle;
}
.tas-dialog .tas-dialog__body .tas-dialog__box {
  display: inline-block;
  padding: 24px 24px 12px 24px;
  background: white;
  text-align: left;
}
.tas-dialog .tas-dialog__body .tas-dialog__header {
  display: flex;
  justify-content: space-between;
  z-index: 2147483647;
}
.tas-dialog .tas-dialog__body .tas-dialog__title {
  margin: 0;
  color: black !important;
  line-height: 30px;
  width: calc(100% - 30px);
}
.tas-dialog .tas-dialog__body .tas-dialog__close {
  color: black;
  cursor: pointer;
}
.tas-dialog .tas-dialog__body .tas-dialog__footer {
  text-align: right;
}

.tas-dialog-fade-enter-from,
.tas-dialog-fade-leave-to {
  opacity: 0;
  transform: translateX(0), translateY(1);
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-------------------------- */
/* Rate
-------------------------- */
/* / height||Other|3 */
/* / margin||Spacing|2 */
/* DatePicker
-------------------------- */
/* Loading
-------------------------- */
/* Scrollbar
-------------------------- */
/* Carousel
-------------------------- */
/* / width||Other|4 */
/* Collapse
-------------------------- */
/* Transfer
-------------------------- */
/* Header
  -------------------------- */
/* Footer
-------------------------- */
/* Main
-------------------------- */
/* Timeline
-------------------------- */
/* Backtop
-------------------------- */
/* Link
-------------------------- */
/* Calendar
-------------------------- */
/* / border||Other|4 */
/* / color||Other|4 */
/* Form
-------------------------- */
/* Avatar
-------------------------- */
/* Empty
-------------------------- */
/* Descriptions
-------------------------- */
/* Skeleton 
-------------------------- */
/* Svg
--------------- */
/* Result
-------------------------- */
/* Break-point
-------------------------- */
.tas-transfer__item {
  display: inline-block;
  width: 200px;
  vertical-align: middle;
  border: 1px solid #ccc;
  border-radius: 10px;
  margin: 0 20px;
}

.tas-transfer__body {
  height: 200px;
  overflow: scroll;
}

.tas-transfer__buttons {
  display: inline-block;
}
/* BEM
 -------------------------- */
/* 拼接命名空间 */
/* Transition
-------------------------- */
/* Color #177DDC
-------------------------- */
/* light */
/*
$color-primary: #1890FF !default;
$color-success: #52C41A !default;
$color-warning: #FAAD14 !default;
$color-danger: #F5222D !default;
*/
/* dark */
/*
$color-primary: #177DDC !default;
$color-success: #49AA19 !default;
$color-warning: #D89614 !default;
$color-danger: #D32029 !default;
$color-info: #7D7D7D !default;
*/
/* 53a8ff */
/* 66b1ff */
/* 79bbff */
/* 8cc5ff */
/* a0cfff */
/* b3d8ff */
/* c6e2ff */
/* d9ecff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* ecf5ff */
/* Link
-------------------------- */
/* Border
-------------------------- */
/* Box-shadow */
/* Fill
-------------------------- */
/* Typography
-------------------------- */
/* Size
-------------------------- */
/* z-index
-------------------------- */
/* Disable base
-------------------------- */
/* Icon
-------------------------- */
/* Checkbox
-------------------------- */
/* Radio
-------------------------- */
/* Select
-------------------------- */
/* Alert
-------------------------- */
/* MessageBox
-------------------------- */
/* Message
-------------------------- */
/* Notification
-------------------------- */
/* Input
-------------------------- */
/* Cascader
-------------------------- */
/* Group
-------------------------- */
/* Tab
-------------------------- */
/* Button
-------------------------- */
/* cascader
-------------------------- */
/* Switch
-------------------------- */
/* height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义 */
/* height||Other|4 */
/* height||Other|4 */
/* Dialog
-------------------------- */
/* / fontLineHeight||LineHeight|2 */
/* Table
-------------------------- */
/* Pagination
-------------------------- */
/* Popup
-------------------------- */
/* Popover
-------------------------- */
/* Tooltip
-------------------------- */
/* Tag
-------------------------- */
/* Tree
-------------------------- */
/* Dropdown
-------------------------- */
/* Badge
-------------------------- */
/* Card
-------------------------- */
/* Slider
-------------------------- */
/* / height|1|Other|4 */
/* Steps
-------------------------- */
/* Menu
-----------