@charset "UTF-8";
/* must set vue-js-modal overlay to 2000, the same as element-ui modal */
.v--modal-overlay {
  z-index: 2000 !important; }

.pop-out-enter-active,
.pop-out-leave-active {
  transition: all 0.1s; }

.pop-out-enter,
.pop-out-leave-active {
  opacity: 0;
  transform: translateY(24px); }

.fade-enter-active,
.fade-leave-active {
  transition: opacity .1s; }

.fade-enter,
.fade-leave-to {
  opacity: 0; }

.normalBtn, .normalBtn:focus {
  height: 36px;
  font-weight: normal;
  color: #fff;
  background: linear-gradient(to right, #fea82c, #ff8a06);
  border: 0;
  border-radius: 20px;
  font-size: 14px;
  min-width: 88px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 20px; }

.normalBtn:hover {
  background: linear-gradient(to right, #fc8808, #f46502);
  border: 0;
  color: #fff; }

.normalBtn:active {
  background-color: #f56601;
  border-color: #f56601;
  color: #fff; }

.normalBtn.el-button.is-disabled, .normalBtn.el-button.is-disabled:focus, .normalBtn.el-button.is-disabled:hover {
  background: none;
  background-color: #ffddb3;
  border-color: #ffddb3;
  color: #fff; }

.otherBtn, .otherBtn:focus {
  border: 1px solid #fb9500;
  font-size: 14px;
  height: 36px;
  font-weight: normal;
  color: #fc9400;
  background-color: white;
  border-radius: 20px;
  min-width: 88px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 20px; }

.otherBtn:hover {
  background: linear-gradient(to right, #fc8808, #f46502);
  color: #ffffff;
  border: 1px solid transparent; }

.otherBtn:active {
  color: #ffffff;
  background-color: #f56601;
  border-color: #f56601; }

.otherBtn.el-button.is-disabled, .otherBtn.el-button.is-disabled:focus, .otherBtn.el-button.is-disabled:hover {
  border: 1px solid #fde0b1;
  color: #fde0b1;
  background: none;
  background-color: #ffffff; }

.roundBtn, .roundBtn:focus {
  border: 1px solid #a0a0a0;
  height: 34px;
  line-height: 0;
  font-weight: normal;
  color: #333;
  border-radius: 20px;
  font-size: 14px;
  min-width: 88px;
  padding: 0 20px; }

.roundBtn:hover {
  border-color: #fb9500;
  color: #fb9500; }

.roundBtn:active {
  border-color: #fc8300;
  color: #fc8300; }

.roundBtn.el-button.is-disabled, .roundBtn.el-button.is-disabled:focus, .roundBtn.el-button.is-disabled:hover {
  border-color: #dedede;
  color: #d2d2d2; }

.iconBtn, .iconBtn:focus {
  border: 1px solid #a0a0a0;
  font-size: 13px;
  height: 28px;
  font-weight: normal;
  color: #333;
  background-color: white;
  border-radius: 16px;
  min-width: 70px;
  padding: 0 10px; }
  .iconBtn span, .iconBtn:focus span {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .iconBtn span img, .iconBtn:focus span img {
      margin-right: 8px; }

.iconBtn:hover {
  border-color: #fb9500;
  color: #fb9500; }

.iconBtn:active {
  border-color: #fc8300;
  color: #fc8300; }

.iconBtn.el-button.is-disabled, .iconBtn.el-button.is-disabled:focus, .iconBtn.el-button.is-disabled:hover {
  border-color: #dedede;
  color: #d2d2d2; }

.orangeBtn {
  height: 32px;
  border-color: #f39800;
  color: #fff;
  background-color: #f39800;
  border-radius: 20px;
  min-width: 100px;
  padding: 0 20px; }

.orangeBtn:focus {
  border-color: #e18a00;
  color: #ffffff;
  background-color: #f39800; }

.orangeBtn:hover {
  border-color: #f3b700;
  color: #fff;
  background-color: #f3b700; }

.orangeBtn:active {
  border-color: #e18a00;
  color: #fff;
  background-color: #e18a00; }

.orangeBtn.el-button.is-disabled, .orangeBtn.el-button.is-disabled:focus, .orangeBtn.el-button.is-disabled:hover {
  border-color: #fcedbf;
  color: #fff;
  background-color: #fcedbf; }

.headerClass {
  position: relative;
  height: 42px !important;
  padding: 0 15px;
  font-size: 15px;
  font-weight: 600;
  color: #333;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e1e1e1;
  -webkit-app-region: no-drag; }
  .headerClass #image-button {
    position: absolute;
    right: 15px;
    top: 11px; }

.highlight-underline {
  color: #fb9500;
  cursor: pointer;
  text-decoration: underline; }

.highlight {
  color: #fb9500; }

*::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 8px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px; }

*::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 8px;
  background: #dedede; }

.tab-item-text {
  color: #333; }

.tab-item-border {
  height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 4px solid transparent; }

.v-tab-item-active .tab-item-border, .v-tab-item-hover .tab-item-border {
  border-left: 4px solid #fb9500; }

.v-tab-item-active .tab-item-text, .v-tab-item-hover .tab-item-text {
  color: #fb9400; }

.searchInput input {
  border-radius: 20px; }

.searchInput .el-input__inner {
  transition: .3s; }

.searchInput .el-input__inner:focus {
  padding-left: 10px; }

.virtual-header {
  background-color: #f3e3c5; }
  .virtual-header .virtual-column {
    text-align: left !important; }

.virtual-row:hover {
  background-color: #f9f5ec !important; }

.virtual-table-row-selected {
  background-color: #f9f5ec !important; }

.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #fff; }

.el-checkbox__inner::after {
  border-color: #FB9500; }

.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
  background-color: #FB9500; }

.circle-input .el-input__inner {
  color: #888;
  height: 34px;
  border-radius: 50px; }

.circle-input .el-input.is-active .el-input__inner, .circle-input .el-input__inner:focus {
  color: #333; }

.circle-search-input .el-input__icon, .circle-search-input .el-input__inner {
  line-height: 34px; }

.circle-search-input .el-input__inner {
  transition: .3s;
  padding-left: 34px;
  color: #888;
  height: 34px;
  border-radius: 50px; }

.circle-search-input .el-input.is-active .el-input__inner, .circle-search-input .el-input__inner:focus {
  padding-left: 15px; }

.el-input.is-disabled .el-input__inner {
  background-color: #f8f8f8; }

.el-range-editor.is-disabled.is-active:focus, .el-range-editor.is-disabled.is-active:hover {
  border-color: #E4E7ED !important; }

.el-radio__input.is-checked .el-radio__inner {
  background: #fff; }

.el-radio__inner::after {
  background-color: #fb9500;
  width: 6px;
  height: 6px; }

.common-select .el-input__inner {
  color: #888;
  border-radius: 1px; }

.common-select .el-input__inner {
  height: 28px;
  line-height: 28px; }

.common-select .el-input__icon {
  line-height: 28px; }

.common-select .el-input.is-focus .el-input__inner, .common-select .el-input__inner:focus {
  color: #333; }

.common-select .el-input--mini {
  font-size: 14px; }

.common-select-pop .el-select-dropdown__item {
  font-size: 14px; }

.common-select-pop .el-select-dropdown__item.selected {
  font-weight: 600; }

.common-number-input .el-input__inner {
  height: 28px;
  line-height: 28px;
  color: #888;
  border-radius: 1px; }

.el-input-number {
  width: 220px; }
  .el-input-number .el-input__inner {
    text-align: left; }

.commonInput .el-input__inner {
  color: #888;
  border-radius: 1px; }

.commonInput .el-input.is-active .el-input__inner, .commonInput .el-input__inner:focus {
  /*border-color: #5d5d5d;*/
  color: #333; }

.el-input-number__decrease, .el-input-number__increase {
  color: #000;
  border: 0;
  background: none; }

.el-input-number.is-controls-right .el-input-number__increase {
  border-radius: 1px;
  border-bottom: 0;
  top: 4px; }

.el-input-number.is-controls-right .el-input-number__decrease {
  border-radius: 1px;
  border-left: 0;
  bottom: 4px; }

.moreIcon:hover {
  border-color: #fb9500 !important;
  color: #fb9500; }

.common-progress .el-progress-bar__inner {
  background: linear-gradient(to right, #fb9500, #f56601); }

.common-progress .el-progress__text {
  vertical-align: unset; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none; }

input[type=number] {
  -moz-appearance: textfield; }

.aplayer-bar-wrap {
  padding: 4px 0;
  cursor: pointer;
  flex: 1; }
  .aplayer-bar-wrap:hover .aplayer-thumb {
    display: block !important; }
  .aplayer-bar-wrap .aplayer-bar {
    position: relative;
    height: 2px;
    width: 100%;
    background: #cdcdcd; }
    .aplayer-bar-wrap .aplayer-bar .aplayer-played {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      height: 2px;
      transition: background-color .3s;
      will-change: width;
      background: #fb9500; }
      .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb {
        position: absolute;
        top: 0;
        right: 5px;
        margin-top: -4px;
        margin-right: -14px;
        width: 10px;
        height: 10px;
        background-color: #fb9500;
        transform: scale(0.8);
        will-change: transform;
        transition: transform 300ms, background-color .3s, border-color .3s;
        border-radius: 50%;
        cursor: pointer;
        display: none;
        overflow: hidden; }
        .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb:hover {
          transform: scale(1); }

.tumbColor {
  background-color: #fb9500; }

.upload-progress {
  flex: 1;
  background-color: #e3e3e3;
  border-radius: 6px;
  height: 6px;
  position: relative;
  overflow: hidden; }
  .upload-progress .progress-element {
    position: absolute;
    left: -148px;
    top: 0;
    height: 6px;
    border-radius: 6px;
    width: 148px;
    background: linear-gradient(to right, #fb9500, #f46502);
    animation: progress 2s linear;
    animation-iteration-count: infinite; }

.categorysItemBox:hover {
  border: 1px solid #fb9500; }

.categorysItemBox:hover p {
  color: #fb9500; }

.errLink {
  text-decoration: underline;
  cursor: pointer; }
  .errLink:hover {
    color: #fb9500; }

.convertTableBox th {
  height: 36px;
  line-height: 36px;
  padding: 0;
  background-color: #f3e3c5; }

.tracks-table-row td {
  height: 34px;
  padding: 0; }

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #f9f5ec; }

.has-tracks-content {
  width: calc(100% - 240px); }
  .has-tracks-content .burnCDTableBox th {
    height: 36px;
    line-height: 36px;
    padding: 0;
    background-color: #f3e3c5; }
  .has-tracks-content .tracks-table-row td {
    height: 34px;
    padding: 0; }
  .has-tracks-content .el-table--enable-row-hover .el-table__body tr:hover > td {
    background-color: #f3e3c5; }
  .has-tracks-content .burnCDCellClass {
    border-right: none; }

.duration-container .el-progress-bar__outer {
  background-color: #ededed; }

.duration-container .el-progress-bar__inner {
  background: linear-gradient(to right, #fb9500, #f46502); }

.duration-container .overLimit .el-progress-bar__inner {
  background: linear-gradient(to right, #fb9500, #f56601); }

.ParsingUrlModalMain .ParsingUrlModalTable th {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #4b5f54;
  padding: 0;
  background-color: #f3e3c5; }

.ParsingUrlModalMain .tracks-table-row td {
  height: 40px;
  padding: 0; }

.ParsingUrlModalMain .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: #f9f5ec; }

.ParsingUrlModalMain .convertRightBorder {
  border-right: none; }

.barColor {
  background-color: #fb9500; }

.virtual-sort-active-top {
  border-bottom-color: #fb9500 !important; }

.virtual-sort-active-bottom {
  border-top-color: #fb9500 !important; }

.highlight-text {
  color: #fb9500; }

.barBorderColor {
  border-color: #fb9500; }

.history-aside {
  border-right: 1px solid #ebebeb; }
  .history-aside .el-menu-item {
    height: 40px;
    border-left: 5px solid #fff; }
  .history-aside .el-menu-item.is-active {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #495f54;
    border-left: 5px solid #fb9500 !important;
    background-color: #f9f5ec; }
  .history-aside .el-menu-item:focus, .history-aside .el-menu-item:hover {
    background-color: #f1f9f1;
    border-left: 5px solid #f9f5ec; }

.v-contextmenu .v-contextmenu-item {
  color: #333; }

.v-contextmenu .v-contextmenu-item:hover {
  color: #333; }

.v-contextmenu .v-contextmenu-item.v-contextmenu-item--disabled {
  color: #ccc; }

.select-text {
  color: #666; }

.virtual-header .virtual-column {
  height: 45px !important;
  line-height: 45px !important; }

.history-aside .virtual-column {
  cursor: pointer;
  font-size: 14px;
  color: #333;
  padding-left: 18px !important;
  border-left: 5px solid #fff !important; }

.history-aside .virtual-row:hover .virtual-column {
  border-left: 5px solid #fb9500 !important; }

.history-aside-highlight .virtual-column {
  padding-left: 18px !important;
  border-left: 5px solid #fb9500 !important;
  background-color: #f9f5ec !important;
  font-weight: 700;
  color: #495f54; }
