.body[data-v-3ce229be] {
  font-size: 14px;
}
.title[data-v-3ce229be] {
  background: #23292e;
  box-shadow: 0px 3px 10px 0px gainsboro;
}
.select-team[data-v-3ce229be] {
  background-color: #fff;
  height: 40px;
  margin-bottom: 20px;
  padding: 0 30px;
}
.select-team .select-team-value[data-v-3ce229be] {
    font-size: 14px;
    color: #606266;
    margin-left: 12px;
}
.footer[data-v-3ce229be] {
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #fff;
  width: 100%;
  font-size: 12px;
  color: #768390;
  text-align: center;
  line-height: 44px;
}

.el-menu--horizontal > .el-menu-item {
  padding: 0;
  margin: 0 20px !important;
}
.select-team-cascader .el-cascader__label {
  display: none;
}
.select-team-cascader .el-input__inner {
  border: 0 !important;
  padding: 0 !important;
  width: 30px;
}
@charset "UTF-8";
/**** color style ****/
/**** color style ****/
/**** color style ****/
.primary {
  color: #2196f3; }

.success {
  color: #14cab4; }

.warning {
  color: #ffb700; }

.error {
  color: #fb6664; }

/**** click color style ****/
.click {
  cursor: pointer; }
  .click:hover {
    color: #2babf6; }
  .click:active {
    color: #0087dc; }
  .click.active {
    color: #0087dc; }

/**** text color style ****/
.text-primary {
  color: #262626; }

.text-regular {
  color: #333; }

.text-secondary {
  color: #666; }

.text-placeholder {
  color: #959595; }

.text-tip {
  color: #a0a0a0; }

/**** border color style ****/
.border-gray {
  border-color: #e5e5e5; }

/**** background color style ****/
.bg-gray {
  background-color: #f5f5f5; }

.bg-light-gray {
  background-color: #fafafa; }

.bg-extra-light-gray {
  background-color: #fcfcfc; }

/**** default style ****/
.flex {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  /* NEW - Chrome */
  display: flex;
  /* NEW, Spec - Opera 12.1, Firefox 20+ */ }

.fl-left {
  display: block;
  float: left; }

.fl-right {
  display: block;
  float: right; }

.al-left {
  text-align: left; }

.al-center {
  text-align: center; }

.al-right {
  text-align: right; }

.clearfix:after {
  content: "";
  display: block;
  clear: both; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.pointer {
  cursor: pointer; }

.dark-zone {
  padding: 12px 20px;
  background-color: #fafafa;
  border-radius: 4px; }

.wordbreak {
  word-break: break-all;
  word-wrap: break-word; }

/**** font-size style ****/
.fs20 {
  font-size: 20px; }

.fs18 {
  font-size: 18px; }

.fs12 {
  font-size: 12px; }

/**** color style ****/
svg {
  max-width: 100%;
  width: 1.2em;
  height: 1.2em;
  vertical-align: -0.15em;
  overflow: hidden; }
  svg symbol[id*=icon-dui-] > path {
    fill: inherit; }
  svg.icon {
    fill: currentColor; }

/**** color style ****/
/*********** menu **********/
.ai-menu.el-menu {
  border-right: 0; }

.ai-menu .icon {
  margin-right: 10px;
  color: #768390; }

.ai-menu .el-menu-item {
  padding-left: 40px !important; }
  .ai-menu .el-menu-item:hover {
    color: #409eff;
    background-color: #fff; }
    .ai-menu .el-menu-item:hover .icon {
      color: #409eff; }
  .ai-menu .el-menu-item.is-active {
    background-color: #eef5f9;
    border-right: 3px solid #409eff; }
    .ai-menu .el-menu-item.is-active .icon {
      color: #388bfa; }

/********* pagination *********/
.ai-pagination .el-pager li.number,
.ai-pagination .el-pager .btn-quickprev,
.ai-pagination .el-pager .btn-quicknext {
  margin: 0 3px;
  color: #959595;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px; }
  .ai-pagination .el-pager li.number:hover:not(.active),
  .ai-pagination .el-pager .btn-quickprev:hover:not(.active),
  .ai-pagination .el-pager .btn-quicknext:hover:not(.active) {
    color: #48aaf0; }
  .ai-pagination .el-pager li.number.active,
  .ai-pagination .el-pager .btn-quickprev.active,
  .ai-pagination .el-pager .btn-quicknext.active {
    color: #fff;
    background-color: #2babf6;
    border-radius: 11px; }

.ai-pagination .el-pager .more::before {
  line-height: 22px; }

.ai-pagination .btn-prev, .ai-pagination .btn-next {
  font-size: 14px;
  font-weight: 400; }
  .ai-pagination .btn-prev:not(.disabled), .ai-pagination .btn-next:not(.disabled) {
    color: #959595; }
    .ai-pagination .btn-prev:not(.disabled):hover, .ai-pagination .btn-next:not(.disabled):hover {
      color: #48aaf0; }

/********* tabs *********/
.ai-tabs .el-tabs__item {
  font-weight: normal; }

/********* button *********/
.ai-button.el-button {
  padding: 0 15px;
  height: 36px;
  line-height: 35px; }

.ai-button svg.icon {
  margin-right: 3px;
  width: 20px;
  height: 19px;
  vertical-align: -4px; }

.ai-button:not(.el-button--text) {
  min-width: 110px; }

.ai-button.el-button--primary {
  border-color: #2196f3; }
  .ai-button.el-button--primary:not(.is-plain) {
    background-color: #2196f3; }
    .ai-button.el-button--primary:not(.is-plain) svg.icon {
      color: #fff; }
  .ai-button.el-button--primary:hover {
    background-color: #2babf6;
    border-color: #2babf6; }
  .ai-button.el-button--primary:active {
    background-color: #0087dc;
    border-color: #0087dc; }

.ai-button.el-button--text {
  padding-left: 0;
  padding-right: 0;
  color: #0097fa; }
  .ai-button.el-button--text svg.icon {
    height: 17px;
    vertical-align: -3px; }
  .ai-button.el-button--text:hover {
    color: #2babf6; }
    .ai-button.el-button--text:hover svg.icon {
      fill: #2babf6; }
  .ai-button.el-button--text:active {
    color: #0087dc; }
    .ai-button.el-button--text:active svg.icon {
      fill: #0087dc; }

/*********** table **********/
.ai-table.el-table th {
  color: #333;
  font-weight: 400;
  white-space: nowrap;
  background-color: #ebf3f8; }

.ai-table.el-table td {
  height: 52px; }

.ai-table .el-table__body-wrapper::-webkit-scrollbar-track {
  background-color: #efefef;
  /* 滑块背景色 */ }

.ai-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgba(110, 125, 125, 0.3);
  /* 滑块颜色 */ }

.ai-table th > .cell, .ai-table td > .cell {
  padding-left: 7px;
  padding-right: 7px; }

.ai-table th .caret-wrapper, .ai-table td .caret-wrapper {
  margin-right: -24px; }

/******** breadcrumb ********/
.ai-breadcrumb .el-breadcrumb__inner,
.ai-breadcrumb .el-breadcrumb__inner a {
  color: #0097fa;
  font-weight: normal; }
  .ai-breadcrumb .el-breadcrumb__inner:hover,
  .ai-breadcrumb .el-breadcrumb__inner a:hover {
    color: #2babf6; }
  .ai-breadcrumb .el-breadcrumb__inner:active,
  .ai-breadcrumb .el-breadcrumb__inner a:active {
    color: #0087dc; }

/********** dialog ***********/
.ai-dialog .el-dialog {
  padding: 10px 10px 0;
  min-width: 450px; }

/********** radio-group ***********/
.ai-radio-group .el-radio-button.is-active .el-radio-button__inner {
  color: #333;
  background-color: #e4eaec;
  border-color: #e1e1e1; }

.ai-radio-group .el-radio-button__inner {
  padding: 0 15px;
  height: 30px;
  color: #333;
  font-size: 12px;
  line-height: 30px;
  border-color: #e1e1e1; }

.ai-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  box-shadow: -1px 0 0 0 #e1e1e1; }

/********** input **********/
.ai-input.ai-input-nobor .el-input__inner {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0; }

/*** tag ****/
.ai-tag.el-tag {
  padding: 0 7px;
  height: 18px;
  color: #fff;
  font-size: 12px;
  line-height: 18px; }

.ai-tag.el-tag--success {
  background-color: #00B2D6; }

/******************reset style******************/
* {
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-decoration: none;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",  "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  outline: none;
  outline-style: none;
  box-sizing: border-box; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 7px;
  height: 7px; }

/*定义滚动条滑轨背景颜色 内阴影+圆角*/
::-webkit-scrollbar-track {
  background-color: #e5e5e5;
  border-radius: 10px;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0); }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  background-color: rgba(100, 100, 125, 0.3);
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }
  ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(100, 100, 125, 0.5);
    border-radius: 5px; }

/******************layout style******************/
html, body, .body, .topnav, .container {
  width: 100%;
  min-height: 100vh;
  max-width: 100%;
  height: 100%; }

.body {
  background-color: #f4f5f8;
  position: relative; }

.topnav {
  height: 56px;
  min-height: 56px;
  background: #23292e;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1999; }

.container {
  margin: 0 auto;
  padding-top: 76px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  width: 90%;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }
  .container .main {
    width: 100%;
    height: 100%;
    min-height: 100%; }
  .container::-webkit-scrollbar {
    display: none; }

/**** color style ****/
.content {
  padding: 30px;
  color: #333;
  font-size: 14px;
  background-color: #fff;
  min-height: 100%; }
  .content .title {
    font-size: 18px;
    color: #333;
    margin-bottom: 25px; }

.page-header {
  margin-bottom: 15px;
  color: #333;
  font-size: 18px;
  line-height: 25px; }

.widge {
  margin: 10px 0;
  padding: 5px 20px;
  width: 100%;
  color: #333;
  font-size: 14px;
  background-color: #fff; }

.show-more {
  font-size: 16px;
  color: #303133;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer; }

.my-team .team-table .el-table__header-wrapper th {
  padding: 10px 0;
  font-weight: normal;
  background: #EEF5F9;
  color: #253138; }

.my-team .team-table .el-table__body td {
  height: 50px;
  padding: 0;
  box-sizing: border-box; }

.my-team .team-tab .el-tabs__nav {
  padding-left: 16px; }
  .my-team .team-tab .el-tabs__nav .el-tabs__item {
    text-align: center;
    box-sizing: border-box;
    color: #253138;
    font-weight: normal; }
  .my-team .team-tab .el-tabs__nav .el-tabs__active-bar {
    width: 90px !important; }

.my-team .team-tab .el-tabs__nav-wrap::after {
  height: 1px; }

.my-team .member-dialog .el-dialog__title {
  color: #253138; }

.my-team .member-dialog .el-dialog__body {
  padding-top: 10px; }
  .my-team .member-dialog .el-dialog__body .el-table__header-wrapper th {
    padding: 7px 0; }

.my-team .member-manage .el-radio-group .el-radio-button__inner {
  font-weight: normal;
  width: 108px; }
  .my-team .member-manage .el-radio-group .el-radio-button__inner:hover {
    color: #253138; }

.my-team .member-manage .el-radio-group .el-radio-button__orig-radio:checked + .el-radio-button__inner {
  background-color: #E4EAEC;
  border-color: #e1e1e1;
  color: #253138;
  box-shadow: -1px 0 0 0 #E4EAEC; }

.el-table.group-member-table td, .el-table.member-manage-table td {
  padding: 5px 0; }

.el-main {
  padding: 0 !important; }

.el-card__body {
  padding: 0 !important; }

.el-card__header {
  padding: 0 !important; }

.el-collapse-item__arrow {
  float: left !important; }

.el-dropdown-link {
  cursor: pointer; }

.ivu-select-dropdown {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  border-radius: 2px !important; }

.selected-icon {
  width: 13px;
  height: 13px; }

.el-date-editor .el-range-separator {
  width: 6% !important; }

/*!
* by zhangxinxu(.com) 2010-?
* https://github.com/zhangxinxu/zxx.lib.css
* under MIT license
*/
/*
* 2010-07-12 v1.0
* 2010-07-21 v1.1 添加block元素居中之auto属性，增加鼠标手形样式
* 2010-09-17 v1.2 添加z-index层级属性
* 2010-09-29 v1.3 添加break-word属性
* 2010-11-12 v1.4 添加white-space:nowrap;值，去掉Georgia字体
* 2011-01-17 v1.5 去除red颜色，添加cell双栏自适应属性，z样式影响扩至IE7，样式位置以及顺序调整，dib样式忽略Firefox 2，去除Lucida Console字体，添加Verdana字体，添加letter-spacing样式
* 2011-07-28 v1.6 增加vertical-align:bottom属性，增加点点点效果多样
* 2012-01-18 v1.7 点点点效果样式去除-moz-前缀，多余；增加修复cell下连续单词字符换行问题；去除.ovs{overflow:scroll;}
                  去除.vimg{margin-bottom:-3px;}
* 2013-05-24 v2.0 为开源到github上做大改
                  1. 增加margin负值范围
                  2. margin/padding增加15px/30px组
                  3. 中文字体改成英文字符表示，例如“微软雅黑” → "microsoft yahei"
                  4. 新增border系列, background-color系列, width(fixed value/percent value)系列以及.ell以下所有样式
* 2013-07-31 v2.1 inline_any等12px字体大小限制去除，inline_box的-3px间距缩进改成-.25em, 以便适应各种字体大小环境
* 2013-09-13 v2.2 12px字体大小限制修改为1px笔误了，应该为1em, 删除-ms-transition
* 2013-10-11 v2.3 float_seven一直没删除，清掉。增加两个绝对定位隐藏：abs_out和abs_clip
* 2013-11-23 v2.4 add p0, ova, f18. 去除trans中-moz-和-o-私有前缀
* 2014-02-26 v2.5 fix two name mistake
* 2014-02-27 v2.6 add fl
* 2015-02-08 v2.7 具体改动有：
                  1. 添加h0
                  2. 修改 .vn -2px → -4px
                  3. zoom增加webkit重绘修复
                  4. 去除.trans非webkit私有前缀
                  5. loading背景图使用about:blank代替
* 2015-02-09 v2.8 具体改动有：
                  1. 添加.lh0
                  2. 移除.f10, .f13, 添加f28，因为现代web站点字号越来越大
                  3. .n添加white-space: normal声明
                  4. 移除.vn使用具体负值代替，因为图标+不同字号，vertical-align的负值也不同，新增.v-1 ~ .v-5 按钮与文字的垂直对齐也可使用，兼容IE6+
                  5. 移除.z中-webkit-transform: translateZ(0)此声明虽然能修复一些重绘问题，但同时也会带来垂直位置，position:fixed限制，影响overflow对absolute元素限制等一系列问题，移除之~
                  6. 移除cell_bk, 若遭遇不换行问题，使用.cell_ovh代替~
                  7. .trans中时间0.3s → .3s
                  8. .disabled禁用大改造，使适用性更广泛
                  9. 增加.opa0 透明度0
                  10. float percent more accurate for IE8+
* 2016-03-25 v2.9 本次改动有：
                  1. fix w300宽度值为280px的错误
                  2. dib增加div,p等标签的IE7特别处理，之前建议使用inline_any
                  3. add h30, lh30，因为随着大屏普及，页面元素尺寸更大了
                  4. transition时间从.3s → .15s
                  5. pointer-events增加-ms-私有前缀for IE10+
*/
/* ---------------------single CSS----------------------- */
/* display */
.dn {
  display: none; }

.di {
  display: inline; }

.db {
  display: block; }

.dib {
  display: inline-block; }

div.dib {
  *display: inline;
  *zoom: 1; }

/* other block level tag(eg. p, li, h1~h6), using 'inline_any' instead */
/* height */
.h0 {
  height: 0; }

.h16 {
  height: 14px; }

.h16 {
  height: 16px; }

.h18 {
  height: 18px; }

.h20 {
  height: 20px; }

.h22 {
  height: 22px; }

.h24 {
  height: 24px; }

.h30 {
  height: 30px; }

.h34 {
  height: 34px; }

.h36 {
  height: 36px; }

.h44 {
  height: 44px; }

.h47 {
  height: 47px; }

.h64 {
  height: 64px; }

.h90 {
  height: 90px; }

/* width */
/* fixed width value */
.w20 {
  width: 20px; }

.w40 {
  width: 40px; }

.w50 {
  width: 50px; }

.w60 {
  width: 60px; }

.w70 {
  width: 70px; }

.w80 {
  width: 80px; }

.w90 {
  width: 90px; }

.w100 {
  width: 100px; }

.w120 {
  width: 120px; }

.w140 {
  width: 140px; }

.w160 {
  width: 160px; }

.w180 {
  width: 180px; }

.w200 {
  width: 200px; }

.w220 {
  width: 220px; }

.w230 {
  width: 230px; }

.w250 {
  width: 250px; }

.w280 {
  width: 280px; }

.w300 {
  width: 300px; }

.w320 {
  width: 320px; }

.w360 {
  width: 360px; }

.w380 {
  width: 380px; }

.w400 {
  width: 400px; }

.w460 {
  width: 460px; }

.w500 {
  width: 500px; }

.w600 {
  width: 600px; }

.w640 {
  width: 640px; }

.w700 {
  width: 700px; }

/* percent width value */
.pct10 {
  width: 10%; }

.pct15 {
  width: 15%; }

.pct20 {
  width: 20%; }

.pct25 {
  width: 25%; }

.pct30 {
  width: 30%; }

.pct33 {
  width: 33.3%; }

.pct40 {
  width: 40%; }

.pct50 {
  width: 50%; }

.pct60 {
  width: 60%; }

.pct66 {
  width: 66.6%; }

.pct70 {
  width: 70%; }

.pct75 {
  width: 75%; }

.pct80 {
  width: 80%; }

.pct90 {
  width: 90%; }

.pct100 {
  width: 100%; }

/* line-height */
.lh0 {
  line-height: 0; }

.line1 {
  line-height: 1; }

.lh16 {
  line-height: 14px; }

.lh16 {
  line-height: 16px; }

.lh18 {
  line-height: 18px; }

.lh20 {
  line-height: 20px; }

.lh22 {
  line-height: 22px; }

.lh24 {
  line-height: 24px; }

.lh26 {
  line-height: 26px; }

.lh28 {
  line-height: 28px; }

.lh30 {
  line-height: 30px; }

.lh34 {
  line-height: 34px; }

.lh35 {
  line-height: 35px; }

.lh36 {
  line-height: 36px; }

.lh40 {
  line-height: 40px; }

.lh50 {
  line-height: 50px; }

.lh56 {
  line-height: 56px; }

.lh60 {
  line-height: 60px; }

.lh100 {
  line-height: 100px; }

.lh90 {
  line-height: 90px; }

/* margin */
.m0 {
  margin: 0; }

.ml1 {
  margin-left: 1px; }

.ml2 {
  margin-left: 2px; }

.ml5 {
  margin-left: 5px; }

.ml10 {
  margin-left: 10px; }

.ml15 {
  margin-left: 15px; }

.ml20 {
  margin-left: 20px; }

.ml30 {
  margin-left: 30px; }

.mr1 {
  margin-right: 1px; }

.mr2 {
  margin-right: 2px; }

.mr5 {
  margin-right: 5px; }

.mr8 {
  margin-right: 8px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mr18 {
  margin-right: 18px; }

.mr20 {
  margin-right: 20px; }

.mr30 {
  margin-right: 30px; }

.mt1 {
  margin-top: 1px; }

.mt2 {
  margin-top: 2px; }

.mt5 {
  margin-top: 5px; }

.mt8 {
  margin-top: 8px; }

.mt10 {
  margin-top: 10px; }

.mt15 {
  margin-top: 15px; }

.mt20 {
  margin-top: 20px; }

.mt30 {
  margin-top: 30px; }

.mt35 {
  margin-top: 35px; }

.mt50 {
  margin-top: 50px; }

.mt80 {
  margin-top: 80px; }

.mb1 {
  margin-bottom: 1px; }

.mb2 {
  margin-bottom: 2px; }

.mb5 {
  margin-bottom: 5px; }

.mb10 {
  margin-bottom: 10px; }

.mb15 {
  margin-bottom: 15px; }

.mb20 {
  margin-bottom: 20px; }

.mb30 {
  margin-bottom: 30px; }

.mb40 {
  margin-bottom: 40px; }

.mb50 {
  margin-bottom: 50px; }

/* margin negative */
.ml-1 {
  margin-left: -1px; }

.mr-1 {
  margin-right: -1px; }

.mt-1 {
  margin-top: -1px; }

.mb-1 {
  margin-bottom: -1px; }

.ml-3 {
  margin-left: -3px; }

.mr-3 {
  margin-right: -3px; }

.mt-3 {
  margin-top: -3px; }

.mb-3 {
  margin-bottom: -3px; }

.ml-20 {
  margin-left: -20px; }

.mr-20 {
  margin-right: -20px; }

.mt-20 {
  margin-top: -20px; }

.mb-20 {
  margin-bottom: -20px; }

/* padding */
.p0 {
  padding: 0; }

.p1 {
  padding: 1px; }

.pl1 {
  padding-left: 1px; }

.pt1 {
  padding-top: 1px; }

.pr1 {
  padding-right: 1px; }

.pb1 {
  padding-bottom: 1px; }

.p2 {
  padding: 2px; }

.pl2 {
  padding-left: 2px; }

.pt2 {
  padding-top: 2px; }

.pr2 {
  padding-right: 2px; }

.pb2 {
  padding-bottom: 2px; }

.pl3 {
  padding-left: 3px; }

.pt3 {
  padding-top: 3px; }

.pr3 {
  padding-right: 3px; }

.pb3 {
  padding-bottom: 3px; }

.pl5 {
  padding-left: 5px; }

.p5 {
  padding: 5px; }

.pt5 {
  padding-top: 5px; }

.pr5 {
  padding-right: 5px; }

.pb5 {
  padding-bottom: 5px; }

.pb8 {
  padding-bottom: 8px; }

.pb12 {
  padding-bottom: 12px; }

.pl8 {
  padding-left: 8px; }

.pr8 {
  padding-right: 8px; }

.p10 {
  padding: 10px; }

.pl10 {
  padding-left: 10px; }

.pt10 {
  padding-top: 10px; }

.mt12 {
  margin-top: 12px; }

.mb12 {
  margin-bottom: 12px; }

.pr10 {
  padding-right: 10px; }

.pb10 {
  padding-bottom: 10px; }

.p15 {
  padding: 15px; }

.pl15 {
  padding-left: 15px; }

.pt15 {
  padding-top: 15px; }

.pr15 {
  padding-right: 15px; }

.pr25 {
  padding-right: 25px; }

.pb15 {
  padding-bottom: 15px; }

.p20 {
  padding: 20px; }

.pl20 {
  padding-left: 20px; }

.pl25 {
  padding-left: 25px; }

.pl27 {
  padding-left: 27.5px; }

.pr27 {
  padding-right: 27.5px; }

.pt20 {
  padding-top: 20px; }

.pt25 {
  padding-top: 25px; }

.pr20 {
  padding-right: 20px; }

.pb20 {
  padding-bottom: 20px; }

.p30 {
  padding: 30px; }

.pl30 {
  padding-left: 30px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.pt50 {
  padding-top: 50px; }

.pt60 {
  padding-top: 60px; }

.pt75 {
  padding-top: 75px; }

.pr30 {
  padding-right: 30px; }

.pr50 {
  padding-right: 50px; }

.pb25 {
  padding-bottom: 25px; }

.pb30 {
  padding-bottom: 30px; }

.pb40 {
  padding-bottom: 40px; }

.pb45 {
  padding-bottom: 45px; }

.pb60 {
  padding-bottom: 60px; }

/* border-color name rule: border(b)-position(l/r/t/b/d)-width(null/2)-style(null/sh)-color(first one letter/first two letter) |-> All colors are safe color*/
.bdc {
  border: 1px solid #ccc; }

.blc {
  border-left: 1px solid #ccc; }

.brc {
  border-right: 1px solid #ccc; }

.btc {
  border-top: 1px solid #ccc; }

.bbc {
  border-bottom: 1px solid #ccc; }

.bdd {
  border: 1px solid #ddd; }

.bld {
  border-left: 1px solid #ddd; }

.brd {
  border-right: 1px solid #ddd; }

.btd {
  border-top: 1px solid #ddd; }

.bbd {
  border-bottom: 1px solid #ddd; }

.bde {
  border: 1px solid #e1e1e1; }

.ble {
  border-left: 1px solid #eee; }

.bre {
  border-right: 1px solid #eee; }

.bte {
  border-top: 1px solid #e1e1e1; }

.bbe {
  border-bottom: 1px solid #e1e1e1; }

/* background-color name rule: bg - (key word/Hex color) |-> All colors are safe color */
.bgwh {
  background-color: #fff; }

.bgfb {
  background-color: #fbfbfb; }

.bgf5 {
  background-color: #f5f5f5; }

.bgf0 {
  background-color: #f0f0f0; }

.bgeb {
  background-color: #ebebeb; }

.bge0 {
  background-color: #e0e0e0; }

/* safe color */
.g0 {
  color: #000; }

.g2 {
  color: #262626; }

.g3 {
  color: #303133; }

.g6 {
  color: #606266; }

.g9 {
  color: #909399; }

.gc {
  color: #C0C4CC; }

.blue {
  color: #2196f3; }

.wh {
  color: white; }

/* font-size */
.f0 {
  font-size: 0; }

.f12 {
  font-size: 12px; }

.f13 {
  font-size: 13px; }

.f14 {
  font-size: 14px; }

.f15 {
  font-size: 15px; }

.f16 {
  font-size: 16px; }

.f17 {
  font-size: 17px; }

.f18 {
  font-size: 18px; }

.f19 {
  font-size: 19px; }

.f20 {
  font-size: 20px; }

.f22 {
  font-size: 22px; }

.f24 {
  font-size: 24px; }

.f26 {
  font-size: 26px; }

.f28 {
  font-size: 28px; }

.f30 {
  font-size: 30px; }

.f32 {
  font-size: 32px; }

.f34 {
  font-size: 34px; }

/* font-family */
.fa {
  font-family: Arial; }

.ft {
  font-family: Tahoma; }

.fv {
  font-family: Verdana; }

.fs {
  font-family: Simsun; }

.fl {
  font-family: 'Lucida Console'; }

.fw {
  font-family: 'Microsoft Yahei'; }

/* font-style */
.n {
  font-weight: normal;
  font-style: normal;
  white-space: normal; }

.b {
  font-weight: bold; }

.i {
  font-style: italic; }

/* text-align */
.tc {
  text-align: center; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.tj {
  text-align: justify; }

/* text-decoration */
.tdl {
  text-decoration: underline; }

.tdn, .tdn:hover, .tdn a:hover, a.tdl:hover {
  text-decoration: none; }

/* letter-spacing */
.lt-1 {
  letter-spacing: -1px; }

.lt0 {
  letter-spacing: 0; }

.lt1 {
  letter-spacing: 1px; }

/* white-space */
.nowrap {
  white-space: nowrap; }

/* word-wrap */
.bk {
  word-wrap: break-word; }

/* vertical-align */
.vm {
  vertical-align: middle; }

.vtb {
  vertical-align: text-bottom; }

.vb {
  vertical-align: bottom; }

.vt {
  vertical-align: top; }

.v-1 {
  vertical-align: -1px; }

.v-2 {
  vertical-align: -2px; }

.v-3 {
  vertical-align: -3px; }

.v-4 {
  vertical-align: -4px; }

.v-5 {
  vertical-align: -5px; }

/* float */
.l {
  float: left; }

.r {
  float: right; }

/* clear */
.cl {
  clear: both; }

/* position */
.rel {
  position: relative; }

.abs {
  position: absolute; }

/*z-index*/
.zx1 {
  z-index: 1; }

.zx2 {
  z-index: 2; }

/* cursor */
.poi {
  cursor: pointer; }

.def {
  cursor: default; }

/* overflow */
.ovh {
  overflow: hidden; }

.ova {
  overflow: auto; }

/* visibility */
.vh {
  visibility: hidden; }

.vv {
  visibility: visible; }

/* opacity */
.opa0 {
  opacity: 0;
  filer: alpha(opacity=0); }

/* zoom */
.z {
  *zoom: 1; }

/* ------------------- multiply CSS ------------------ */
/* 块状元素水平居中 */
.auto {
  margin-left: auto;
  margin-right: auto; }

/* 清除浮动*/
.fix {
  *zoom: 1; }

.fix:after {
  display: table;
  content: '';
  clear: both; }

/* 基于display:table-cell的自适应布局 */
.cell {
  display: table-cell;
  *display: inline-block;
  width: 2000px;
  *width: auto; }

/* 双栏自适应cell部分连续英文字符换行 */
.cell2 {
  overflow: hidden;
  _display: inline-block; }

/* 单行文字溢出虚点显 示*/
.ell {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

/* css3过渡动画效果 */
.trans {
  -webkit-transition: all .15s;
  transition: all .15s; }

/* 大小不定元素垂直居中 */
.dib_vm {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle; }

/* 无框文本框文本域 */
.bd_none {
  border: 0;
  outline: none; }

/* 绝对定位隐藏 */
.abs_out {
  position: absolute;
  left: -999em;
  top: -999em; }

.abs_clip {
  position: absolute;
  clip: rect(0 0 0 0); }

/*inline-block与float等宽列表*/
.inline_box {
  font-size: 1em;
  letter-spacing: -.25em;
  font-family: Arial; }

.inline_two, .inline_three, .inline_four, .inline_five, .inline_six, .inline_any {
  display: inline-block;
  *display: inline;
  letter-spacing: 0;
  vertical-align: top;
  *zoom: 1; }

.float_two, .float_three, .float_four, .float_five, .float_six {
  float: left; }

.inline_two, .float_two {
  width: 50%;
  *width: 49.9%; }

.inline_three, .float_three {
  width: 33.33333%;
  *width: 33.3%; }

.inline_four, .float_four {
  width: 25%;
  *width: 24.9%; }

.inline_five, .float_five {
  width: 20%;
  *width: 19.9%; }

.inline_six, .float_six {
  width: 16.66666%;
  *width: 16.6%; }

.inline_fix {
  display: inline-block;
  width: 100%;
  height: 0;
  overflow: hidden; }

.center {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  top: 0;
  margin: auto; }

.txtLine2 {
  display: inline-block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 22px;
  max-height: 44px; }

div.el-notification {
  width: 400px; }
  div.el-notification.transferAnnoMsg .el-notification__group {
    width: 100%; }
  div.el-notification.transferAnnoMsg .el-notification__content {
    text-align: left; }
  div.el-notification.transferAnnoMsg p {
    white-space: nowrap; }
/**** color style ****/
/*** table dropdown and operate***/
.el-dropdown-menu {
  max-height: 300px !important;
  overflow: auto !important; }

.ai-table .operate .cell {
  padding: 0; }

.ai-table .btn-operate {
  display: inline-block;
  padding: 0;
  height: 30px;
  line-height: 30px; }
  .ai-table .btn-operate.click {
    padding-left: 20px;
    width: 90px;
    font-size: 13px;
    color: #0097fa; }

.el-dropdown-menu .el-dropdown-menu__item {
  padding-left: 15px;
  padding-right: 15px; }

/*** annotation page ***/
.protect-eye .table-annotation th {
  background-color: #c2e1c7; }

.protect-eye .table-annotation tr {
  background-color: #eff7f1; }

.protect-eye .table-annotation tr.high_light_check {
  background-color: #FFF; }

.protect-eye .table-annotation .el-table__body .success {
  background-color: #d3eaef; }

.protect-eye .table-annotation .el-table__body .correction {
  background-color: #fae5e5; }

.protect-eye .table-annotation .el-table__body tr.disabled td {
  color: #ccc;
  background-color: #f7fbf8; }

.protect-eye .table-annotation .el-table__body tr.disabled td.correction.invalid {
  background-color: #fae5e5; }

.protect-eye .table-annotation .el-table__body tr:hover .success {
  background-color: #d3eaef; }

.protect-eye .table-annotation .el-table__body tr:hover .correction {
  background-color: #fae5e5; }

.protect-eye .table-annotation .el-table__body tr.disabled:hover td {
  background-color: #f5f7fa; }

.protect-eye .table-annotation .el-table__body tr.disabled:hover td.correction.invalid {
  background-color: #fae5e5; }

.protect-eye .table-annotation .el-table__body tr.high_light_check.disabled td {
  color: #99A1AB;
  background-color: #ffeced80; }

.protect-eye .table-annotation .el-table__body tr.high_light_check.disabled:hover td {
  background-color: #f5f7fa; }

.table-annotation.el-table th {
  height: 44px; }

.table-annotation.el-table th, .table-annotation.el-table td {
  padding: 0;
  border-color: #e5e5e5; }
  .table-annotation.el-table th .cell > div, .table-annotation.el-table td .cell > div {
    padding: 0;
    word-break: keep-all;
    white-space: nowrap; }

.table-annotation.el-table .col-text {
  padding: 7px 5px !important;
  margin-left: -7px;
  margin-right: -7px;
  text-align: left; }
  .table-annotation.el-table .col-text:first-child {
    padding-top: 0;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.5; }
  .table-annotation.el-table .col-text:last-child {
    padding-bottom: 0; }
  .table-annotation.el-table .col-text + .col-text {
    border-top: 1px solid #e5e5e5; }

.table-annotation .el-table__body .success {
  color: #333;
  background-color: #e8f8ec; }

.table-annotation .el-table__body .correction {
  background-color: #fae5e5; }

.table-annotation .el-table__body .current {
  background-color: #eaeaea !important; }

.table-annotation .el-table__body .play-audio {
  cursor: pointer; }

.table-annotation .el-table__body tr.disabled td {
  color: #99A1AB;
  background-color: #fff; }

.table-annotation .el-table__body tr.disabled td.correction.invalid {
  background-color: #fae5e5; }

.table-annotation .el-table__body tr.disabled .icon-headphone {
  color: #ccc; }
  .table-annotation .el-table__body tr.disabled .icon-headphone:hover {
    color: #374650; }

.table-annotation .el-table__body tr.hidden_row td {
  display: none; }

.table-annotation .el-table__body tr.high_light td {
  background-color: #ffeced80; }

.table-annotation .el-table__body tr.high_light_check td {
  background-color: #ffeced80; }

.table-annotation .el-table__body tr:hover .correction {
  background-color: #fae5e5; }

.table-annotation .el-table__body tr:hover .success {
  background-color: #e8f8ec; }

.table-annotation .el-table__body tr.disabled:hover td {
  background-color: #f5f7fa; }

.table-annotation .el-table__body tr.disabled:hover td.correction.invalid {
  background-color: #fae5e5; }

.table-annotation .el-table__body tr.hidden_row:hover {
  display: none; }

.table-annotation .el-table__body tr.high_light:hover {
  background-color: #ffeced80; }

.table-annotation .el-table__body tr.high_light_check:hover {
  background-color: #ffeced80; }

.table-annotation .el-input .el-input__inner {
  padding: 3px 5px;
  height: 36px;
  line-height: 36px; }

.table-annotation .el-input.is-disabled .el-input__inner {
  color: #99A1AB; }

.table-annotation .el-radio {
  margin: 3px 7px; }
  .table-annotation .el-radio + .el-radio {
    margin-left: 7px; }
  .table-annotation .el-radio .el-radio__label {
    padding-left: 5px; }

.table-annotation .icon-headphone {
  color: #768390; }
  .table-annotation .icon-headphone:hover {
    color: #374650; }