/* kaffi-2026.5.18新增-start */
.ys-modal-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
.ys-modal {
  background: transparent;
}
.ys-cont1500 {
  width: 85vw;
  max-width: 1500px;
  margin: auto;
  --place: calc(50vw - 750px);
  --cont: 1500px;
}
@media screen and (max-width: 1835px) {
  .ys-cont1500 {
    --place: 7.5vw;
    --cont: 85vw;
  }
}

.red-main {
  width: 100vw;
  /* font-family: "Gothambook", "HYDaSongJ", sans-serif !important; */
}
.red-main .ys-hd-pc {
  width: 100vw;
}
.red-main h1 {
  text-transform: none;
  font-size: var(--font64);
  font-weight: bold;
}

.red-main .ys-hd-pc::before {
  background: #b71111;
}
.about-cont-box p {
  line-height: var(--line15);
  color: rgba(51, 51, 51, 0.9);
  margin-bottom: 26px;
  font-size: var(--font18);
}
.about-cont {
  padding: 100px 0;
}
.chldn-page .ys-ban-title {
  color: var(--colorfff);
  font-family: var(--gobold);
  font-weight: bold;
}
.chldn-page .ys-ban-title span {
  padding-left: 230px;
  position: relative;
}
.chldn-page .ys-ban-title span::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 224px;
  height: 4px;
  background: var(--colorfff);
}
.chldn-page .alumni-welcome {
  padding-top: 100px;
  padding-bottom: 200px;
  background: #e5d96e;
  overflow: visible;
}
.alumni-welcome-icon {
  position: absolute;
  top: -290px;
  width: 260px;
  right: 0;
}
.alumni-welcome-icon img {
  width: 100%;
}
.chldn-page .alumni-welcome-box {
  position: relative;
}
.chldn-page .awbt-le-tit {
  color: #b71111;
  margin-bottom: 0;
  line-height: 1.5;
  padding-right: 20px;
}
.chldn-page .awbt-ri-icon {
  margin-right: -133px;
  flex: none;
}
.chldn-page .alumni-welcome-bj {
  width: 8.2%;
  bottom: auto;
  top: 100px;
}
.chldn-page .awbb-par,
.chldn-page .awbb-par p {
  color: rgba(51, 51, 51, 0.9);
  /* font-family: var(--gobook); */
}
.chldn-page .alumni-welcome-box-top {
  margin-bottom: 40px;
  align-items: center;
}
.chldn-page .awbb-par p {
  margin-bottom: 50px;
}
.chldn-page .awbb-par {
  margin-bottom: 70px;
}
.awbb-tour {
  display: flex;
}
.awbb-tour-link-nub {
  padding: 0 30px;
  color: #e3d46d;
  position: relative;
  line-height: 1.2;
  /* font-family: "HYDaSongJ"; */
}
.awbb-tour-link-nub::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  background: #e3d46d;
  width: 5px;
  height: 80%;
}
.awbb-tour-link-nub:last-child:after {
  display: none;
}
.awbb-tour-link {
  display: flex;
  background: #b71111;
  border-radius: 200px;
  padding: 16px 37px 17px 26px;
}
.mod-ph {
  display: none;
}
.cawn-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.cawn-box-tit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 35px 36px;
}
.cawn-box-tit,
.cawn-box-tit p {
  color: var(--colorfff);
  font-weight: bold;
  line-height: var(--line12);
}
.chldn-about-wrap {
  display: flex;
  flex-wrap: wrap;
}
.chldn-about-wrap-nub {
  width: 33.333333%;
}
.chldn-about {
  position: relative;
  z-index: 3;
  overflow: visible;
  background: #e5e5e5;
}
.chldn-about .ys-cont1500 {
  position: relative;
  top: -100px;
}
.chldn-about-bot {
  width: 100%;
  margin-top: -100px;
}
.chldn-about-bot img {
  width: 100%;
}
.chldn-page .alumni-video {
  background: #ededed;
}
.chldn-page .alumni-video-bxo {
  padding: 20px;
  background: #e5d96e;
  margin-bottom: 40px;
}
.abvp-pic-icon {
  width: 74px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.abvp-pic-icon img {
  width: 100%;
}
.alumni-video-box-bot {
  display: flex;
  justify-content: flex-end;
}
.awbb-link {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #b71111;
  display: flex;
  justify-content: center;
  align-items: center;
}
.awbb-link img {
  width: 14px;
}
.red-main h2 {
  text-transform: none;
}
.chldn-story {
  position: relative;
  background: #ccbb45;
  padding-top: 100px;
  padding-bottom: 66px;
}
.chldn-story::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 61%;
  content: "";
  background: #e5d86f;
  z-index: 1;
}
.chldn-story .ys-cont1500 {
  position: relative;
  z-index: 3;
}
.red-main ul,
.red-main ol {
  padding-left: 0;
}
.clcl-tit {
  font-weight: bold;
}
.cssi-link-cont-le .std-text18,
.cssi-link-cont-le .std-text18 p {
  color: var(--color666);
  transition: all 0.36s;
}
.cssi-link-cont {
  padding: 22px 20px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  flex-grow: 1;
}
.cssi-link-cont-le {
  padding-right: 33px;
  height: 100%;
}
.cssi-link {
  background: var(--colorfff);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.chldn-story-slick-item {
  padding: 0 20px;
}
.chldn-story-slick {
  margin: 0 -20px 60px;
}
.cssi-link .ys-imgbox-cover img {
  object-fit: cover;
}
.clcl-tit {
  color: #b71111;
  margin-bottom: 10px;
}
.cssi-link-cont-ri {
  flex: none;
  width: 34px;
}
.cssi-link-cont-ri img {
  width: 100%;
}
.mod-switch {
  display: flex;
}
.mod-switch-btn {
  width: 40px;
  cursor: pointer;
  transition: all 0.36s ease;
}
.mod-switch-btn-le {
  margin-right: 10px;
}
.chldn-story .alumni-welcome-box-top {
  align-items: flex-end;
}
.chldn-story .mod-switch {
  margin-bottom: 14px;
  flex: none;
}
.mod-switch-btn.slick-disabled img:nth-child(2) {
  opacity: 0;
}
.mod-switch-btn.slick-disabled {
  opacity: 1;
}
.chldn-contact {
  padding-top: 100px;
  background: #ccbb45;
  padding-bottom: 112px;
}
.chldn-contact .std-font60 {
  color: #b71111;
}
.ccbl-tit {
  margin-bottom: 83px;
}
.ccbl-mail img,
.ccbl-mail a {
  display: block;
}
.ccbl-mail {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.ccbl-mail img {
  width: 50px;
}
.ccbl-mail p {
  padding-left: 24px;
  font-weight: bold;
  line-height: var(--line15);
  font-size: var(--font32);
  color: #000;
  margin: 0;
}
.chldn-contact-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.chldn-contact-box-le {
  margin-bottom: 66px;
  width: 22%;
}
.chldn-contact-box-le .std-font24,
.chldn-contact-box-le .std-font24 p {
  color: #000;
  line-height: 1.2;
}
.chldn-contact-box-le .std-font24 p {
  margin-bottom: 0;
}
.chldn-contact-box-le .std-font24 {
  margin-bottom: 27px;
}
.ccbl-link a {
  line-height: 1.5;
  font-size: 18px;
}
.ccbr-cont-img {
  width: 218px;
  flex: none;
}
.ccbr-box {
  width: calc(100% - 218px);
}
.ccbr-cont-img img {
  width: 100%;
}
.ccbr-box-link a {
  color: #b71111;
  line-height: var(--line15);
  font-size: var(--font24);
  font-weight: bold;
}
.ccbr-cont {
  display: flex;
  flex-wrap: wrap;
}
.ccbr-box {
  padding-left: 25px;
}
.ccbr-cont-icon {
  position: absolute;
  bottom: 0;
  left: calc(100% + 59px);
  width: 80px;
}
.chldn-contact-box-ri {
  width: 52%;
  position: relative;
  display: flex;
  align-items: flex-end;
}
.cbwn-link a,
.cbwn-link p {
  color: var(--color666);
  margin-bottom: 0;
  line-height: var(--line15);
  font-size: var(--font20);
}
.ccbr-box .std-font24 p {
  margin-bottom: 0;
  font-weight: bold;
}
.ccbr-box .std-font24 {
  margin-bottom: 31px;
}
.ccbr-box-wrap {
  margin-bottom: 14px;
}
.about-cont-btn-img,
.about-cont-btn-img img {
  width: 100%;
}
.about-cont-btn {
  position: relative;
  margin: 65px 0;
  cursor: pointer;
}
.about-cont-btn-icon {
  width: 76px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-cont-btn-icon img {
  width: 100%;
}
.story-cont {
  padding: 100px 0;
}
.silb-tit {
  font-weight: bold;
  line-height: 1.3;
  color: #b71111;
  margin-bottom: 28px;
}
.story-cont-box-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  margin-bottom: 30px;
}
.scbw-item {
  width: 33.333333%;
  padding: 0 20px;
  margin-bottom: 40px;
}
.scbw-item-link-top {
  margin-bottom: 25px;
}
.scbw-item-link-bot .std-text18,
.scbw-item-link-bot .std-text18 span {
  font-size: var(--font18);
  color: #999;
  display: block;
  line-height: 1.2;
}
.scbw-item-link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.scbw-item-link-bot {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.red-main .fenye {
  padding: 0;
}
.ictb-le {
  color: var(--color999);
  padding-right: 20px;
}
.ictb-ri .std-text18 {
  color: var(--color999);
  padding-right: 20px;
}
.info-cont {
  padding: 85px 0 100px;
}
.info-cont h1 {
  color: #b71111;
  font-size: var(--font40);
  margin-bottom: 48px;
}
.ictb-ri {
  display: flex;
  align-items: center;
}
.info-cont-top-box {
  display: flex;
  justify-content: space-between;
}
.ictb-ri .ys-share-img {
  width: 24px;
  border-radius: 2px;
  overflow: hidden;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
.ictb-ri .ys-share-img img {
  width: 100%;
}
.ictb-ri .ys-share {
  margin: 0 -10px;
}
.ictb-ri .ys-share-list {
  padding: 0 10px;
}
.info-cont-top {
  padding-bottom: 27px;
  position: relative;
  margin-bottom: 48px;
}
.info-cont-top::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 2px;
  content: "";
  background: #ccc;
}
.about-cont-box p:last-child {
  margin-bottom: 0;
}
.info-page .about-cont-box {
  margin-bottom: 62px;
}
.rcbw-nub-link {
  padding-bottom: 13px;
  position: relative;
  display: flex;
  text-indent: 0;
  transition: all 0.36s ease;
  font-weight: bold;
}
.rcbw-nub-link::after {
  position: absolute;
  content: "";
  background: #b71111;
  width: 100%;
  height: 4px;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.36s ease;
  opacity: 0;
}
.rcbw-nub {
  padding: 0 22.5px;
}
.reels-cont-box-wrap {
  display: flex;
  justify-content: center;
  margin: 0 -22.5px;
  position: relative;
  margin-bottom: 30px;
}
.reels-cont-box-wrap::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background: #ccc;
  height: 2px;
  width: 100vw;
  z-index: -1;
}
.rcbw-nub.act .rcbw-nub-link {
  color: #b71111;
}
.rcbw-nub.act .rcbw-nub-link::after {
  opacity: 1;
}
.reels-cont {
  padding: 85px 0 100px;
}
.rcbi-wrap-nub-link {
  color: #b71111;
  transition: all 0.36s ease;
  padding: 6px 28px;
  border: 1px solid #b71111;
  border-radius: 22.5px;
  white-space: nowrap;
}
.rcbi-wrap {
  display: flex;
  margin: 0 -8px;
}
.rcbi-wrap-nub {
  padding: 0 8px;
}
.rcbi-wrap-nub.act .rcbi-wrap-nub-link {
  color: #fff;
  background: #b71111;
}
.reels-cont-box-info {
  margin-bottom: 50px;
}
.rcbi-cont,
.rcbi-cont p {
  color: rgba(51, 51, 51, 0.9);
}
.rcbi-cont {
  margin-bottom: 80px;
}
.rcbi-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  margin-bottom: 40px;
}
.rcbi-box-nub {
  width: 33.333333%;
  padding: 0 20px;
  margin-bottom: 40px;
}
.rbnw-top {
  position: relative;
  margin-bottom: 25px;
}
.rbnw-top-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}
.rbnw-top-icon img {
  width: 100%;
}
.rbnw-bot {
  line-height: 1.2;
  margin-bottom: 0;
  min-height: 2.4em;
  color: rgba(183, 17, 17, 0.9);
  font-weight: bold;
}
.reels-modal-cont-tit {
  color: #b71111;
  padding-right: 20px;
  font-weight: bold;
  line-height: var(--line12);
}
.reels-modal-cont-video {
  position: relative;
  cursor: pointer;
}
.rmcv-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 76px;
}
.rmcv-icon img {
  width: 100%;
}
.reels-modal-cont {
  width: 998px;
  padding: 55px 48px 55px 55px;
}
.reels-modal-cont-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 33px;
}
.reels-modal-cont .ys-modal-close {
  margin-top: 5px;
  margin-right: 0;
  position: relative;
  top: auto;
  right: auto;
}
.reels-modal-cont-top .icon-close {
  color: #999;
}
.rmci-slick-item.ys-slick-item {
  width: 100%;
}
.rmci-slick-item {
  padding: 0 20px;
}
.reels-modal-cont-img.swiper-container {
  margin: 0 -20px;
}
.reels-modal-cont-bot .mod-switch-btn-le {
  margin-right: 0;
}
.reels-modal-cont-bot .mod-switch {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  justify-content: space-between;
  pointer-events: none;
  z-index: 3;
  overflow: visible;
}
.reels-modal-cont-bot .mod-switch-btn {
  width: 50px;
  pointer-events: all;
}
.reels-modal-cont-bot {
  position: relative;
}
.reels-modal-cont-bot .mod-switch-btn-le {
  transform: translateX(-25px);
}
.reels-modal-cont-bot .mod-switch-btn-ri {
  transform: translateX(25px);
}
.mod-switch-btn.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.rmci-slick-item-box {
  position: relative;
}
.rsib-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
}
.rsib-icon img {
  width: 100%;
}
.rmcb-icon {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  pointer-events: none;
  cursor: pointer;
}
.rmci-slick-item-img {
  cursor: pointer;
}
.chldn-page .ys-ban-txtbox {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: calc(100% - 100px);
  transform: translate(0, 0);
}
.chldn-page .ys-ban-li.act .ys-ban-title {
  animation: ysfadeInUp 0.8s ease-in-out both;
  animation-delay: 0.4s;
}
.chldn-page .awbb-par p:last-child {
  margin-bottom: 0;
}
.cawn-box-tit,
.cawn-box-tit p {
  margin-bottom: 0;
}
.cssi-link-cont-le .std-text18,
.cssi-link-cont-le .std-text18 p {
  margin-bottom: 0;
}
.reels-cont-box-info {
  display: flex;
}
.chldn-page .chldn-story .awbt-le-tit {
  line-height: var(--line12);
}

.ccbl-link,
.ccbl-link a {
  transition: all 0.36s ease;
  font-family: var(--gobook) !important;
}
.rcbi-cont p:not(:last-child) {
  margin-bottom: 25px;
}
.welcome-modal .ys-modal-content {
    width: 1200px;
    padding: 70px 27px 66px 42px;
    max-height: 785px;
}
/*鼠标效果*/
@media screen and (min-width: 1200px) {
  .mod-switch-btn:hover img:nth-child(2) {
    opacity: 1;
  }
  .mod-switch-btn:hover img:nth-child(1) {
    opacity: 0;
  }
  .rcbi-wrap-nub-link:hover {
    color: #fff;
    background: #b71111;
  }
}
/* kaffi-2026.5.18新增-end */