.baj-sec-title {
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}

.baj-tab-comp {
  padding: 32px 16px;
  background-color: #f5f5f5
}

.baj-tab-comp>.baj-tab-items {
  gap: 16px;
  margin-left: 16px
}

.baj-tab-items>.baj-tab {
  padding: 8px 12px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  font-size: 12px;
  font-weight: 700;
  color: #999
}

.baj-tab-items>.baj-tab.active {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #173555;
  border-bottom: 5px solid #173555;
  transition: all 0.3s ease-out
}

.baj-tab-items>.baj-tab:hover:not(.active) {
  color: #717171
}

.baj-cwards {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-style: none;
  -moz-overflow-style: none;
  cursor: pointer
}

.baj-cwards::-webkit-scrollbar {
  display: none
}

.baj-cwards::-moz-scrollbar {
  display: none
}

.baj-cwards>div {
  gap: 15px
}

.baj-cward {
  width: 419px;
  min-height: 303px;
  background-color: #eeeeee !important;
  padding: 42px 36px;
  overflow: hidden;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.baj-cward * {
  user-drag: none;
  -webkit-user-drag: none
}

.baj-cward-container {
  height: 100%
}

.baj-cward-desc {
  margin-top: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #727272;
  z-index: 1
}

.baj-cward-ee {
  line-height: 12px;
  margin-top: 8px;
  z-index: 1;
  position: relative
}

.baj-cward-ee>small {
  font-size: 8px;
  color: #999
}

.baj-cward-ee>div {
  color: #768899;
  font-weight: 700;
  font-size: 12px
}

.baj-cward-ribbon {
  position: absolute;
  width: 42px;
  top: -42px;
  right: 15px;
  background-color: #d9d9d9;
  z-index: 0
}

.baj-cward-title {
  z-index: 2;
  line-height: 22px;
  font-weight: 700;
  font-size: 24px;
  color: #173555
}

.baj-cward-btn {
  margin-top: 16px;
  flex-grow: 1
}

.baj-cward-btn>a {
  font-size: 10px;
  background-color: #5d90cb;
  border-radius: 5px;
  border: 0;
  overflow: hidden
}

.baj-cward-btn-title {
  flex-grow: 1;
  font-weight: 700;
  padding: 8px 12px;
  text-align: center;
  color: #f1f4f8;
  letter-spacing: .5px
}

.baj-cward-btn-logo {
  background-color: #2a5b98;
  padding: 8px 12px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.baj-cward-btn-logo>svg {
  width: 12px
}

.baj-dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.baj-dot.active,
.baj-dot:hover {
  background-color: #717171
}

.baj-next,
.baj-previous {
  color: #bbb;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

.baj-next:hover,
.baj-previous:hover {
  color: #717171;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none
}

@media screen and (max-width:767px) {
  .baj-cward {
    width: 209px;
    min-height: auto;
    padding: 24px 8px
  }

  .baj-cward-ribbon {
    width: 42px;
    top: -24px;
    left: 15px
  }

  .baj-cward-title {
    font-size: 16px;
    line-height: 16px
  }

  .baj-cward-desc {
    margin-top: 12px;
    font-size: 12px;
    line-height: 12px
  }

  .baj-cward-btn {
    flex-grow: 0
  }

  .baj-cward-btn>a {
    font-size: 8px;
    border-radius: 2px
  }

  .baj-cward-btn-title {
    padding: 2px 10px
  }

  .baj-cward-btn-logo {
    padding: 2px 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
  }

  .baj-cward-btn-logo>svg {
    width: 8px
  }
}