@import url('./loading.scss');

/* 自定义字体引入 */
@font-face {
  font-family: YSBTH;
  src: url('../fonts/YouSheBiaoTiHei.ttf') format("truetype");
}
@font-face {
  font-family: PFlight;
  src: url('../fonts/PingFangLight.ttf') format("truetype");
}
@font-face {
  font-family: Barlow;
  src: url('../fonts/Barlow-Regular.ttf') format("truetype");
}
@font-face {
  font-family: BarlowBold;
  src: url('../fonts/Barlow-Bold.ttf') format("truetype");
}

ul {
  list-style: none;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width : 4px;
  height: 4px;
}
::-webkit-scrollbar-thumb {
  border-radius: 12px;
  background   : #1d63b3;
}
::-webkit-scrollbar-track {
  border-radius: 12px;
  background   : #20466a;
}

// 默认表格样式
.table-default {
  width: 100%;
  border-collapse: collapse;
  thead {
    tr {
      height: 36px;
    }
    th {
      border: none;
      line-height: 36px;
      padding: 0 5px;
      text-align: left;
      font-size: 14px;
      color: #ddd;
    }
  }
  tbody {
    tr {
      height: 36px;
      &:nth-child(2n-1) {
        background: rgba($color: #00A8FF, $alpha: 0.1);
      }
      td {
        border: none;
        padding: 0 5px;
        font-size: 14px;
        color: #ccc;
        line-height: 36px;
      }
    }
  }
}

// 4行表格样式
.table-row4 {
  width: 100%;
  border-collapse: collapse;
  thead {
    th {
      border: none;
      line-height: 35px;
      padding: 0 5px;
      font-size: 15px;
      font-weight: normal;
      color: rgba($color: #E4F0FF, $alpha: 0.7);
      text-align: left;
    }
  }
  tbody {
    background: url('@/assets/images/bg-table.png') no-repeat;
    background-size: cover;
    background-position: -10px -15px;
    tr {
      height: 34px;
      td {
        border: none;
        padding: 0 5px;
        font-size: 13px;
        color: #A5D2FF;
        line-height: 34px;
      }
    }
  }
}

// 默认按钮样式
.my-button {
  border: none;
  height: 29px;
  padding: 0 9px 0 7px;
  font-weight: 400;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 20px;
  font-style: italic;
  background: url('@/assets/images/bg-button.png') no-repeat;
  background-size: 100% 100% !important;
  cursor: pointer;
  &:hover {
    filter: brightness(1.2);
  }
  &.orange {
    background: url('@/assets/images/bg-button-orange.png');
  }
}

// 弹窗公共样式
.dialog {
  position: absolute;
  display: flex;
  flex-direction: column;
  .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 10px;
    span {
      font-family: YSBTH;
      font-size: 24px;
      color: #ECF4FF;
    }
    i {
      display: block;
      width: 27px;
      height: 27px;
      background: url('@/assets/images/btn-close.png') no-repeat;
      background-size: cover;
      cursor: pointer;
    }
  }
  .main {
    flex: 1;
    height: 0;
    margin: 10px;
    overflow-y: auto;
  }
}