.tui-right .banner .swiper-slide img {
  width: 100%;
  height: 220px;
}
.tui-right .banner-btn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
.tui-right .banner-btn a {
  text-decoration: none;
  color: var(--yg-text-default-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 20px 0;
  border-left: 1px solid lightgray;
}
.tui-right .banner-btn a:first-child {
  border-left: none;
}
.tui-right .banner-btn a img {
  width: 26px;
}
.tui-right .tui-center {
  padding: 10px 40px;
}
.tui-right .exam-tool {
  padding: 10px 40px;
}
.tui-right .exam-tool .label {
  font-size: 24px;
  padding: 10px 0;
  border-bottom: 1px solid lightgray;
}
.tui-right .exam-tool .tool-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 20px;
  padding: 20px 0;
}
.tui-right .exam-tool .tool-box a {
  text-decoration: none;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  color: var(--yg-text-default-color);
  text-align: center;
  font-size: 17px;
  border-right: 1px dashed lightgray;
}
.tui-right .exam-tool .tool-box a:nth-child(4n) {
  border-right: none;
}
.tui-right .exam-tool .tool-box a:last-child {
  border-right: none;
}
.tui-right .exam-tool .tool-box a img {
  width: 96px;
  height: 96px;
}

.tui-bottom {
  border: var(--yg-default-color) 1px dashed;
  border-radius: 10px;
}
.tui-bottom .btn-group {
  display: flex;
  padding: 20px 10px 0;
  border-bottom: 3px solid var(--yg-default-color);
}
.tui-bottom .btn-group .recommend-btn {
  padding: 5px 15px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  cursor: pointer;
}
.tui-bottom .btn-group .recommend-btn-active {
  background-color: var(--yg-default-color);
  color: white;
  font-weight: bold;
}
.tui-bottom .recommend-content {
  display: none;
  padding: 20px;
}
.tui-bottom .recommend-content-active {
  display: block !important;
}