@import "../index.less";
.container {
  background-color: @white;
}
.cul-hd {
  background: #fff url("../../../assets/images/consultant/culstor-bg.png") top no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  height: 249px;
  &-info {
    padding: 66px 0 40px 30px;
    word-break: break-all;
    small {
      display: block;
      .sub-text-mixins();
      font-size: @font-size-11;
      color: @black;
    }
    h1 {
      font-weight: @font-weight-bold;
      font-size: @font-size-32;
      line-height: 45px;
      margin-top: 7px;
    }
    .cr-tag {
      display: block;
      margin: 4px 0 11px;
      width: 75px;
      font-size: @font-size-12;
      background: linear-gradient(
        178deg,
        rgba(114, 114, 114, 1) 0%,
        rgba(0, 0, 0, 1) 100%
      );
      border-radius: 7px 3px 7px 3px;
    }
  }
}
.cul {
  &-card {
    padding-bottom: 0 !important;
  }
  &-contact {
    display: flex;
    justify-content: space-between;
    &-qrcode {
      background: @white;
      border-radius: @border-radius-md;
      box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.09);
      padding: 4px 6px 9px;
      p {
        text-align: center;
        font-size: @font-size-11;
        color: @gray-5;
        line-height: @line-height-sm;
      }
    }
  }
  &-rate {
    flex: 1;
    padding-left: 22px;
    &-item {
      background:@gray-1;
      border-radius: @border-radius-md;
      padding: @padding-md;
      text-align: center;
      &:first-child {
        margin-bottom: 11px;
      }
      h2 {
        font-size: @font-size-20;
        font-weight: @font-weight-bold;
        line-height: 28px;
        color: @black;
      }
      p {
        .sub-text-mixins();
        color: @gray-5;
      }
    }
  }
  &-tel {
    padding: 8px 17px;
    margin: 20px 0 24px;
    background-color: @gray-1;
    border-radius: @border-radius-max;
    display: flex;
    justify-content: space-between;
    align-items: center;
    a {
      color: @black;
      font-weight: @font-weight-bold;
      font-size: @font-size-16;
      line-height: @line-height-md;
      padding-right: 25px;
      border-right: 1px solid #e9e9e9;
    }
    .svg-icon {
      width: 19px;
      height: 19px;
      vertical-align: -4px;
      margin-right: 2px;
    }
  }
  &-time {
    .sub-text-mixins();
  }
  &-slogan {
    text-align: center;
    p {
      font-size: @font-size-14;
      color: @gray-5;
      line-height: @line-height-lg;
    }
  }
  &-entry {
    background: url("../../../assets/images/consultant/card-bg.png") center no-repeat;
    background-size: contain;
    height: 117px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 28px 0 26px;
    &-title {
      color: @white;
      position: relative;
      h3 {
        font-size: 24px;
        font-weight: @font-weight-bold;
        line-height: 33px;
        margin-bottom: 4px;
      }
      small {
        display: block;
        font-size: 11px;
        line-height: 11px;
        letter-spacing: 4px;
      }
      .cr-tag {
        border-radius: 7px 3px !important;
        background-color: rgba(0, 0, 0, 0.2) !important;
        font-size: 12px !important;
        position: absolute;
        top: -3px;
        right: -37px;
      }
    }
    .svg-icon {
      width: 22px;
      height: 22px;
    }
  }
}
