@charset "UTF-8";
/*
    项目通用颜色变量
*/
/*
    zIndex层级
*/
/*
    各种字体大小
*/
/*
    字体颜色
*/
/*
    基础路径
*/
[data-v-7a0fdaeb]:export {
  menuText: #ffffff;
  menuActiveText: #ffffff;
  subMenuActiveText: #ffffff;
  menuBg: #23345E;
  menuHover: #1890FF;
  subMenuBg: #23345E;
  subMenuHover: #1890FF;
  sideBarWidth: 256px;
}
.percentage[data-v-7a0fdaeb] {
  margin: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  display: flex;
  flex-direction: column;
}
.percentage .title[data-v-7a0fdaeb] {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.percentage .cinfo[data-v-7a0fdaeb] {
    position: relative;
    display: flex;
    width: 100%;
    flex: 1;
}
.percentage .cinfo .tr[data-v-7a0fdaeb] {
      margin-left: auto;
      margin-right: auto;
      max-width: 100px;
      /*min-height: 80px;*/
      width: 60%;
      position: relative;
      flex: 1;
      display: inline-block;
      /*border-bottom:1px solid #1d5173;*/
      border-bottom: 1px solid #1d5173;
}
.percentage .cinfo .tr .t[data-v-7a0fdaeb] {
        flex: 1;
}
.percentage .y[data-v-7a0fdaeb] {
    display: flex;
    flex-direction: column;
}
.percentage .y .tr[data-v-7a0fdaeb] {
      position: relative;
      width: 100%;
      display: flex;
}
.percentage .y .tr .text[data-v-7a0fdaeb] {
        font-size: 15px;
        width: -moz-max-content;
        width: max-content;
        text-align: right;
        bottom: 0px;
        position: absolute;
        left: -50%;
}
.percentage .y .tr .t[data-v-7a0fdaeb] {
        background-color: #303659;
        flex: 1;
        position: relative;
}
.percentage .y .tr .t[data-v-7a0fdaeb]:hover {
          box-shadow: 0px 0px 2px 2px #14d7ff;
          z-index: 3;
}
.percentage .y .tr .t .y[data-v-7a0fdaeb] {
          color: #0d143d;
          font-size: 14px;
          width: -moz-max-content;
          width: max-content;
          overflow: hidden;
          text-align: center;
          z-index: 3;
          position: absolute;
          background-color: #fdec0a;
          width: 100%;
          bottom: 0px;
          animation: myfirst-7a0fdaeb 0.5s;
          -moz-animation: myfirst-7a0fdaeb 0.5s;
          /* Firefox */
          -webkit-animation: myfirst-7a0fdaeb 0.5s;
          /* Safari and Chrome */
          -o-animation: myfirst-7a0fdaeb 0.5s;
          /* Opera */
}
@keyframes myfirst-7a0fdaeb {
from {
    height: 0px;
}
}