@import "../../style/var.less";

.rate-container {
  background-color: @white;
}
.rate-head {
  width: 100% !important;
  /deep/ & > div {
    width: 100% !important;
    z-index: 100;
  }
  /deep/ .cr-tabbar {
    font-size: @font-size-16;
    padding: @padding-lg+1 0;
    &-item {
      position: relative;
      &::after {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 26px;
        // transition: width .2s linear;
        content: " ";
        display: block;
        width: 0;
        height: 4px;
        background: @orange-light;
        border-radius: @border-radius-lx;
      }
      &--active {
        font-weight: 600;
        &::after {
          width: 32px;
        }
      }
    }
  }
  .cr-radio-group {
    margin-top: 10px;
  }
}

.rate-body {
  padding: 15px 0;
}
.rate-table {
  margin: 0;
  width: 100%;
  thead {
    th {
      color: @gray-5;
      font-size: @font-size-12;
      font-weight: @font-weight-bold;
      padding: @padding-sm + 2 @padding-md + 2;
      text-align: left;
      background-color: @gray-1;
      &:first-child {
        border-top-left-radius: @border-radius-lg;
        border-bottom-left-radius: @border-radius-lg;
        padding-left: 30px;
      }
      &:last-child {
        border-top-right-radius: @border-radius-lg;
        border-bottom-right-radius: @border-radius-lg;
      }
    }
  }
  tbody {
    th {
      color: @black;
      font-size: @font-size-12;
      font-weight: @font-weight-bold;
      padding: @padding-sm + 2 @padding-md + 2;
      text-align: left;
      padding-left: 30px;
    }
    td {
      color: @black;
      font-size: @font-size-12;
      padding: @padding-sm + 2 @padding-md + 2;
      text-align: left;
    }
  }
}