/* common */
@font-face {
  font-family: 'AlibabaPuHuiTi-2-115-Black';
  src: url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-105-Heavy.eot');
  src: url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-115-Black.eot?#iefix')
      format('embedded-opentype'),
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-115-Black.woff')
      format('woff'),
    url('https://info.compassedu.hk/pc/font/AlibabaPuHuiTi-2-115-Black.ttf')
      format('truetype');
}

body {
  overflow-y: scroll;
  overscroll-behavior: none !important;
}

a,
a:active,
a:hover,
a:visited {
  text-decoration: none;
  color: #1890ff;
}

html {
  width: 100vw;
  min-height: 0 !important;
  overflow-y: scroll;
  overflow-x: hidden;
  /* max-width: 7.7rem !important; */
  margin: 0 auto !important;
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.line-2 {
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.line-3 {
  text-overflow: ellipsis;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.am-drawer {
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain !important;
}

.am-drawer::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.my-darwer {
  width: 100%;
  max-width: 7.7rem !important;
  margin: 0 auto !important;
  overscroll-behavior: contain !important;
}

.my-drawer::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.ct {
  color: #262626;
  max-width: 7.7rem !important;
  margin: 0 auto !important;
  box-sizing: border-box;
  background: #f7f9fd;
  padding-bottom: 1.37rem; /* 銵亙倮霂Ｙ�隞嗥�擃睃漲嚗�炏��蹱�𡁜𢆡銝滚�摨閖�� */
  overscroll-behavior: contain !important;
}

.ct::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.new-aboutus-box .common-box {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 0.16rem;
  padding: 0.32rem 0;
  box-sizing: border-box;
  margin-top: 0.24rem;
}

.new-aboutus-box * {
  box-sizing: border-box;
}

/** common-title START */
.new-aboutus-box .common-title {
  font-weight: 600;
  font-size: 0.36rem;
  color: #020e19;
  line-height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-aboutus-box .common-title .common-tile-icon-box {
  width: 0.22rem;
  height: 0.22rem;
  border-radius: 0.05rem;
  position: relative;
  margin-right: 0.16rem;
}
.new-aboutus-box .common-title .common-tile-icon-1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: #2372ff;
  border-radius: 0.05rem;
}
.new-aboutus-box .common-title .common-tile-icon-2 {
  position: absolute;
  left: 0.1rem;
  top: 0.08rem;
  z-index: 1;
  width: 0.18rem;
  height: 0.18rem;
  background: #abc9ff;
  border-radius: 0.05rem;
}
/** common-title END */

/** common-btn START */
.new-aboutus-box .common-more-box {
  margin: 0.24rem auto 0;
  width: 6.74rem;
  height: 0.72rem;
  background: #2372ff;
  border-radius: 0.08rem;
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.new-aboutus-box .common-more-box::after {
  content: 'next';
  font-family: swiper-icons;
  font-size: 14px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  position: absolute;
  right: calc(50% - 1.12rem - 0.28rem);
  bottom: calc(50% - 7px);
}

.new-aboutus-box .culture .common-more-box,
.new-aboutus-box .social .common-more-box {
  margin: -0.02rem auto 0!important;
}
/** common-btn END */

/** common-head END */
/* school */

.head-main {
  position: fixed;
  top: 0;
  z-index: 23;
  width: 100%;
  max-height: 0.8rem;
  max-width: 7.7rem !important;
  margin: 0 auto;
}

.head-main .head-out {
  padding: 0.14rem 0.4rem;
  background: #fff;
  /* border-bottom: 0.01rem solid #e7e7e7; */
}

.head-main .btn-back {
  margin-left: 0.06rem;
  width: 0.2rem;
  height: 0.2rem;
  border-left: 0.05rem solid #303030;
  border-bottom: 0.05rem solid #303030;
  transform: rotate(45deg);
}

.head-main .title {
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.36rem;
  font-weight: 500;
  color: #020e19;
  text-align: center;
  flex: 1;
  margin-left: -0.13rem;
}

.head-main .icon-navigation {
  color: #8c8c8c;
  font-size: 25px;
}

.head-main .dev-ava {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.head-main div.dhang {
  width: 0.5rem;
  height: 0.5rem;
}

.head-main div.dhang .icon-navigation {
  display: block;
  color: #1890ff;
  font-size: 32px;
  margin-top: -0.08rem;
}
/** common-head END */

/** �𠉛頂��睲賑 START */
.new-aboutus-box .contact-us {
  padding: 0.48rem 0 0.3rem;
  margin-top: 0.24rem;
  box-sizing: border-box;
}

.new-aboutus-box .contact-us .company-tabs {
  margin-top: 0.26rem;
  display: flex;
  /* gap: 0 0.2rem; */
  width: 100%;
  justify-content: space-between;
  padding: 0 0.28rem;
}

.new-aboutus-box .contact-us .company-tabs .company-tab {
  height: 0.6rem;
  background: #f9f9f9;
  box-shadow: 0 0.04rem 0.12rem 0 rgba(221, 226, 234, 0.5);
  border-radius: 0.08rem;
  padding: 0.06rem 0.18rem 0.06rem 0.16rem;
  font-size: 0.24rem;
  color: #2c2d2e;
  line-height: 0.48rem;
  text-shadow: 0 0.04rem 0.12rem rgba(221, 226, 234, 0.5);
  box-sizing: border-box;
}

.new-aboutus-box .contact-us .company-tabs .company-tab.active {
  height: 0.6rem;
  background: #f0f5ff;
  box-shadow: 0 0.04rem 0.12rem 0 rgba(221, 226, 234, 0.5);
  border-radius: 0.08rem;
  padding: 0.06rem 0.2rem 0.06rem 0.14rem;
  font-weight: 600;
  font-size: 0.24rem;
  color: #2372ff;
  line-height: 0.48rem;
  text-shadow: 0 0.04rem 0.12rem rgba(221, 226, 234, 0.5);
  box-sizing: border-box;
}

.new-aboutus-box .contact-us .company-card {
  margin-top: 0.26rem;
  position: relative;
  width: 100%;
  padding: 0 0.28rem;
}

.new-aboutus-box .contact-us .company-card .company-card-img {
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.new-aboutus-box .contact-us .company-card .company-card-img img {
  width: 100%;
  height: auto;
}

.new-aboutus-box .contact-us .company-card .company-card-title {
  font-weight: 600;
  font-size: 0.36rem;
  color: #060606;
  line-height: 0.5rem;
  margin-top: 0.04rem;
}

.new-aboutus-box .contact-us .company-card .company-card-desc {
  font-size: 0.28rem;
  color: #68727d;
  line-height: 0.4rem;
  display: flex;
  align-items: flex-start;
  margin-top: 0.1rem;
  text-align: justify;
}

.new-aboutus-box .contact-us .company-card .company-card-desc.address {
  letter-spacing: 0.03rem;
}

.new-aboutus-box .contact-us .company-card .company-card-icon {
  width: 0.3rem;
  height: 0.34rem;
  margin-right: 0.14rem;
  margin-top: 0.04rem;
}

.new-aboutus-box .contact-us .company-card .company-card-btn {
  position: absolute;
  right: 0.3rem;
  bottom: 0;
  width: 1.54rem;
  height: 0.48rem;
  background: #2372ff;
  border-radius: 0.08rem;
  font-weight: 500;
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.34rem;
  display: flex;
  align-items: center;
  padding-left: 0.18rem;
  box-sizing: border-box;
}

.new-aboutus-box .contact-us .company-card .company-card-btn:after {
  content: 'next';
  font-family: swiper-icons;
  font-size: 10px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  position: absolute;
  right: 12px;
  bottom: calc(0.2rem - 3.5px);
}
.new-aboutus-box .contact-us .company-card .company-card-btn:before {
  content: 'next';
  font-family: swiper-icons;
  font-size: 10px;
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  position: absolute;
  right: 6px;
  color: rgba(255, 255, 255, 0.5);
  bottom: calc(0.2rem - 3.5px);
}

.new-aboutus-box .contact-us .consultation-box {
  margin-top: 0.26rem;
  padding: 0 0.28rem;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card {
  width: 100%;
  height: 2rem;
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.34rem;
  padding: 0.36rem 0 0 0.24rem;
  box-sizing: border-box;
  margin-bottom: 0.2rem;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card:last-child {
  margin-bottom: 0;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card-1 {
  background: url(https://info.compassedu.hk/mobile/aboutus/contact/liuxue-bg.png)
    no-repeat;
  background-size: 100% 100%;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card-2 {
  background: url(https://info.compassedu.hk/mobile/aboutus/contact/haiwai-bg.png)
    no-repeat;
  background-size: 100% 100%;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card-3 {
  background: url(https://info.compassedu.hk/mobile/aboutus/contact/shangwu-bg.png)
    no-repeat;
  background-size: 100% 100%;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card-title {
  font-weight: 500;
  font-size: 0.36rem;
  color: #ffffff;
  line-height: 0.5rem;
  margin-bottom: 0.06rem;
}

.new-aboutus-box .contact-us .consultation-box .consultation-card-desc1 {
  margin-bottom: 0.06rem;
}

.new-aboutus-box .contact-us .consultation-box .consult-card-button {
  width: 1.62rem;
  height: 0.62rem;
  /* padding: 0.12rem .38rem .1rem .4rem; */
  background: #ff9c16;
  border-radius: 0.08rem;
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.4rem;
  margin-top: 0.08rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.new-aboutus-box #contact-company-swiper {
  width: 100%;
  height: auto;
}
/** �𠉛頂��睲賑 END */

/* �砍虬蝞�隞� START */
.new-aboutus-box .intro-box {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 0.26rem;
}

.new-aboutus-box .intro-box .num-box {
  position: absolute;
  top: 4.46rem;
  left: calc((100% - 6.94rem) / 2);
  width: 6.94rem;
  height: 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  overflow: hidden;
  border: 0.02rem solid;
  background: rgba(248, 250, 254, 0.86);
  opacity: 0.88;
  border-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 1)
    )
    2 2;
  /* clip-path: inset(0 round 0.16rem); */
  -webkit-mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 1) 100%,
    rgba(0, 0, 0, 0) 100%
  );
  mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 1) 100%,
    rgba(0, 0, 0, 0) 100%
  );
  border-radius: 0.16rem;
}

.new-aboutus-box .intro-box .glass {
  position: absolute;
  top: 4.48rem;
  left: calc((100% - 6.9rem) / 2);
  width: 6.9rem;
  height: 1.34rem;
  z-index: 1;
  background: rgba(248, 250, 254, 0.1);
  opacity: 0.88;
  border-radius: 0.16rem;
  filter: blur(1px);
}

.new-aboutus-box .intro-box .num-box .per {
  width: 1.3rem;
  height: 0.82rem;
  margin-left: 0.96rem;
}

.new-aboutus-box .intro-box .num-box .per.p1 {
  margin-left: 0;
}

.new-aboutus-box .intro-box .num-box .per .num {
  font-size: 0.32rem;
  color: #2372ff;
  height: 0.44rem;
  font-weight: 400;
  font-size: 0.24rem;
  margin-bottom: 0.04rem;
  display: flex;
  align-items: end;
}

.new-aboutus-box .intro-box .num-box .per .num .hl {
  font-size: 0.32rem;
  font-weight: 600;
}

.new-aboutus-box .intro-box .num-box .per.p1 .normal {
  margin-left: 0.1rem;
}

.new-aboutus-box .intro-box .num-box .per.p2 .normal {
  margin-left: 0.06rem;
}

.new-aboutus-box .intro-box .num-box .per.p3 .normal {
  margin-left: 0.04rem;
}

.new-aboutus-box .intro-box .num-box .per .text {
  font-weight: 400;
  font-size: 0.24rem;
  color: #121414;
}

.new-aboutus-box .intro-box .header {
  width: 100%;
  height: auto;
}

.new-aboutus-box .intro-box .content {
  width: calc(100% - 0.56rem);
  height: auto;
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.28rem;
  color: #020e19;
  line-height: 0.4rem;
  margin: auto;
  text-align: justify;
  margin-bottom: 0.4rem;
  text-indent: 0.56rem;
}

.new-aboutus-box .intro-box .content.c1 {
  margin-top: 0.2rem;
}

.new-aboutus-box .intro-box .content.c4 {
  margin-bottom: 0.2rem;
}

.new-aboutus-box .intro-box .intro-img-box {
  width: calc(100% - 0.56rem);
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-aboutus-box .intro-box .intro-img-box .intro-img {
  width: calc((100% - 0.4rem) / 3);
  height: auto;
}
/* �砍虬蝞�隞� END */

/* ��穃�訫�蝔� START */
.new-aboutus-box .development-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.32rem 0.3rem;
}

.new-aboutus-box .development-box .dev-box {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 0.24rem;
  display: flex;
  flex-direction: column;
  padding-left: 0.28rem;
  font-family: PingFangSC, PingFang SC;
  opacity: 0;
  transition: all 1s ease-in-out;
}

.new-aboutus-box .development-box .dev-box.d1 {
  margin-top: 0.2rem;
}

.new-aboutus-box .development-box .dev-box.fadein {
  opacity: 1;
}

.new-aboutus-box .development-box .dev-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.18rem;
  width: 0.1rem;
  height: 0.1rem;
  background-color: #fff;
  border: 0.04rem solid #2372ff;
  border-radius: 50%;
}

.new-aboutus-box .development-box .dev-box::after {
  content: '';
  position: absolute;
  top: 0.35rem;
  left: 0.07rem;
  width: 0.04rem;
  height: calc(100% - 0.18rem);
  background: repeating-linear-gradient(
    to bottom,
    #2372ff,
    #2372ff 5px,
    transparent 5px,
    transparent 7px
  );
}

.new-aboutus-box .development-box .dev-box .time-box {
  width: 100%;
  height: 0.44rem;
  display: flex;
  align-items: end;
  color: #2372ff;
  margin-bottom: 0.12rem;
}

.new-aboutus-box .development-box .dev-box .time-box .year {
  font-weight: 600;
  font-size: 0.32rem;
}

.new-aboutus-box .development-box .dev-box .time-box .tip {
  font-size: 0.24rem;
  line-height: 0.36rem;
}

.new-aboutus-box .development-box .dev-box .c-box {
  width: 6.62rem;
  height: auto;
  min-height: 0.48rem;
  background: linear-gradient(282deg, #f4f7ff 0%, #f7f9ff 100%);
  border-radius: 0.08rem;
  border: 0.02rem solid;
  border-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 1),
      rgba(239, 245, 255, 1)
    )
    2 2;
  padding: 0.16rem 0.2rem 0.16rem 0.22rem;
}

.new-aboutus-box .development-box .dev-box .c-box .hl-box {
  width: 5.62rem;
  height: 0.6rem;
  background: linear-gradient(270deg, rgba(252, 249, 247, 0) 0%, #fff4ea 100%);
  border-radius: 0.16rem;
  padding-left: 0.14rem;
  margin-top: 0.08rem;
}

.new-aboutus-box .development-box .dev-box.d1 .c-box .hl-box {
  margin-bottom: 0.16rem;
}

.new-aboutus-box .development-box .dev-box .c-box .hl-box .normal {
  font-weight: 400;
  font-size: 0.24rem;
  color: #595959;
}

.new-aboutus-box .development-box .dev-box .c-box .hl-box .hl-num {
  color: #ffab23;
  font-weight: 600;
  font-size: 0.4rem;
}

.new-aboutus-box .development-box .dev-box .c-box .hl-box .hl-num.big {
  margin-left: -0.03rem;
  margin-right: -0.1rem;
}

.new-aboutus-box .development-box .dev-box .c-box .hl-box .hl-num.small {
  font-size: 0.24rem;
  margin-right: -0.08rem;
}

.new-aboutus-box .development-box .dev-box .c-box .content {
  position: relative;
  padding-left: 0.22rem;
  height: auto;
  line-height: 0.48rem;
  min-height: 0.48rem;
  color: #4f5153;
  font-size: 0.28rem;
}

.new-aboutus-box .development-box .dev-box .c-box .content::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.19rem;
  width: 0.1rem;
  height: 0.1rem;
  background: #d8d8d8;
  border-radius: 50%;
}

.new-aboutus-box .development-box .dev-box .c-box .content.tag {
  height: 0.65rem;
  line-height: 0.65rem;
}

.new-aboutus-box .development-box .dev-box .c-box .content.tag .tag-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 2.95rem;
  height: 0.65rem;
  margin-left: 0.16rem;
}

.new-aboutus-box .development-box .dev-box .c-box .content.tag span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 0.65rem;
  padding-left: calc(0.5rem + 0.16rem);
}

.new-aboutus-box .development-box .dev-box.d3 .c-box .hl-box.hl1 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.new-aboutus-box .development-box .dev-box.d3 .c-box .hl-box.hl2 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}

.new-aboutus-box .development-box .dev-box.d12 {
  padding-bottom: 0;
}

.new-aboutus-box .development-box .dev-box.d12::after {
  height: calc(100% - 0.5rem);
}
/* ��穃�訫�蝔� END */

/* ��鈭�之靽嗪�� START */
.new-aboutus-box .promise-box {
  margin-top: 0.24rem;
}

.new-aboutus-box .promise-box .promise-flex-box {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.35rem;
  margin-top: 0.42rem;
}

.new-aboutus-box .promise-box .promise-flex-box .per {
  width: 2.16rem;
  height: 1.49rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin-left: calc((100% - 6.48rem) / 2);
}

.new-aboutus-box .promise-box .promise-flex-box .per:nth-child(n + 4) {
  margin-top: 0.653rem;
}

.new-aboutus-box .promise-box .promise-flex-box .per:nth-child(3n + 1) {
  margin-left: 0;
}

.new-aboutus-box .promise-box .promise-flex-box .per .icon {
  width: 0.94rem;
  height: 1.02rem;
}

.new-aboutus-box .promise-box .promise-flex-box .per .title {
  font-weight: 600;
  font-size: 0.22rem;
  color: #262626;
  line-height: 0.22rem;
}

.new-aboutus-box .promise-box .promise-jump-btn {
  position: relative;
  width: 3.08rem;
  height: 0.56rem;
  background-color: #f1f4fb;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.48rem auto 0;
}

.new-aboutus-box .promise-box .promise-jump-btn .text {
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 0.24rem;
  color: #68727d;
}

.new-aboutus-box .promise-box .promise-jump-btn .arrow-right {
  position: relative;
  margin-left: 0.1rem;
}

.new-aboutus-box .promise-box .promise-jump-btn .arrow-right::after {
  content: '';
  position: absolute;
  top: -0.05rem;
  right: -0.1rem;
  width: 0.1rem;
  height: 0.1rem;
  border-top: 0.02rem solid #68727d;
  border-right: 0.02rem solid #68727d;
  transform: rotate(45deg);
}

.new-aboutus-box .promise-box .common-more-box::after {
  right: calc(50% - 1.53rem)!important;
}
/* ��鈭�之靽嗪�� END */

/* �鍂���藁蝣� START */
.new-aboutus-box .reputation-box {
  width: 100%;
  padding: 0.32rem 0.14rem 0;
  margin-top: 0.24rem;
}

.new-aboutus-box .reputation-box .container {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 0.36rem;
  padding-bottom: 0.4rem;
}

.new-aboutus-box .reputation-box .container .desc {
  position: absolute;
  width: auto;
  padding: 0.1rem 0.4rem;
  height: 0.6rem;
  line-height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  border-radius: 0.32rem;
  background-color: #2372ff;
  font-weight: 600;
  font-size: 0.28rem;
  color: #fff;
  box-shadow: 0 0.04rem 0.22rem 0 rgba(186, 197, 209, 0.6);
  z-index: 99;
}

.new-aboutus-box .reputation-box .container .desc.d1 {
  top: 1.62rem;
  left: 0;
}

.new-aboutus-box .reputation-box .container .desc.d2 {
  top: 3.5rem;
  right: 0.48rem;
  background-color: #ff6b23;
}

.new-aboutus-box .reputation-box .container .desc.d3 {
  top: 5.38rem;
  left: 0;
}

.new-aboutus-box .reputation-box .container #reputation-swiper {
  width: 100%;
  height: 10.19rem;
}

.new-aboutus-box .reputation-box .container #reputation-swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.new-aboutus-box .reputation-box .container #reputation-swiper .swiper-slide {
  position: relative;
  width: 4.75rem;
  height: 10.19rem;
  transform: scale(0.8);
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide
  .bg-1 {
  position: absolute;
  top: -0.25rem;
  left: -0.85rem;
  width: 5.38rem;
  height: 10.8rem;
  z-index: 1;
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide
  .content-box {
  position: absolute;
  left: calc((100% - 4.46rem) / 2);
  top: calc((100% - 9.85rem) / 2);
  width: 4.46rem;
  height: 9.9rem;
  overflow: hidden;
  z-index: 2;
  border-radius: 0.5rem;
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide-active
  .content-box {
  overflow: auto;
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide
  .content-box
  img {
  width: 100%;
  height: auto;
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide
  .bg-2 {
  position: absolute;
  top: 0.15rem;
  left: calc((100% - 1.37rem) / 2);
  width: 1.37rem;
  height: 0.35rem;
  z-index: 3;
}

.new-aboutus-box .reputation-box .container #reputation-swiper .swiper-slide {
  opacity: 0;
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide-active,
.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide-duplicate-active {
  transform: scale(1);
  opacity: 1;
}

.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide-prev,
.new-aboutus-box
  .reputation-box
  .container
  #reputation-swiper
  .swiper-slide-next {
  opacity: 0.1;
}

.new-aboutus-box .reputation-box .container .swiper-pagination {
  position: relative;
  margin-top: 0.1rem;
  background-color: #fff;
}

.new-aboutus-box .reputation-box .container .swiper-pagination-bullet,
.new-aboutus-box .flag-box .container .swiper-pagination-bullet {
  width: 15px;
  height: 7px;
  background: #d1d3e3 !important;
  border-radius: 2px;
  transform: skew(-20deg);
  margin: 0 0 0 3px !important;
}

.new-aboutus-box
  .reputation-box
  .container
  .swiper-pagination-bullet.swiper-pagination-bullet-active,
.new-aboutus-box
  .flag-box
  .container
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 26px;
  background: #2372ff !important;
}

.new-aboutus-box
  .reputation-box
  .container
  .swiper-pagination-bullet:first-of-type,
.new-aboutus-box
  .reputation-box
  .container
  .swiper-pagination-bullet:last-of-type,
.new-aboutus-box .flag-box .container .swiper-pagination-bullet:first-of-type,
.new-aboutus-box .flag-box .container .swiper-pagination-bullet:last-of-type {
  clip-path: polygon(0 0, 100% 0, 92% 100%, 0 100%);
  transform: skew(0) !important;
}

.new-aboutus-box .reputation-box .container .mirror-box {
  position: relative;
  width: 5.04rem;
  height: 0.43rem;
  background-size: 100% 100%;
  background-image: url(https://info.compassedu.hk/mobile/aboutus/praise/praise-bg-2.png);
  background-repeat: no-repeat;
  overflow: hidden;
  margin: 0 auto;
}

.new-aboutus-box .reputation-box .container .mirror-box .container {
  position: relative;
  width: 4.95rem;
  height: 9.9rem;
  margin: 0.12rem auto 0;
  overflow: auto;
  border-radius: 1rem;
  transform: rotateX(180deg);
  overflow: hidden;
  padding: 0;
}

.new-aboutus-box .reputation-box .container .mirror-box .mirror-img {
  position: absolute;
  top: 0.2rem;
  left: 0.275rem;
  width: 4.46rem;
  height: auto;
  border-radius: 1rem;
  opacity: 0.1;
}
/* �鍂���藁蝣� END */

/* 憟質��釺��� START */
.new-aboutus-box .flag-box {
  width: 100%;
  padding: 0.28rem 0.48rem 0.26rem;
}

.new-aboutus-box .flag-box .container {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 0.34rem;
}

.new-aboutus-box .flag-box .container #flag-swiper {
  width: 100%;
  height: 5.86rem;
}

.new-aboutus-box .flag-box .container #flag-swiper .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.new-aboutus-box .flag-box .container #flag-swiper .swiper-slide {
  position: relative;
  width: 5.04rem;
  height: 5.86rem;
  transform: scale(0.8);
  border-radius: 0.03rem;
  opacity: 0;
}

.new-aboutus-box .flag-box .container #flag-swiper .swiper-slide .flag-icon {
  position: absolute;
  left: calc((100% - 5.04rem) / 2);
  top: calc((100% - 5.86rem) / 2);
  width: 5.04rem !important;
  height: 5.86rem;
  object-fit: cover;
  border-radius: 0.03rem;
}

.new-aboutus-box .flag-box .container #flag-swiper .swiper-slide-active,
.new-aboutus-box
  .flag-box
  .container
  #flag-swiper
  .swiper-slide-duplicate-active {
  transform: scale(1);
  opacity: 1;
}

.new-aboutus-box .flag-box .container #flag-swiper .swiper-slide-prev,
.new-aboutus-box .flag-box .container #flag-swiper .swiper-slide-next {
  opacity: 0.5;
}

.new-aboutus-box .flag-box .container .swiper-pagination {
  position: relative;
  margin-top: 0.46rem;
}
/* 憟質��釺��� END */

/* ����𡑒����𠉛弦�堺 START */
.new-aboutus-box .researchinst-box,
.new-aboutus-box .overseas-box,
.new-aboutus-box .zhinanzhe-box {
  padding: 0.22rem 0.28rem 0.3rem;
  box-sizing: border-box;
  margin-top: 0.24rem;
}
.new-aboutus-box .researchinst-box .researchinst-bg,
.new-aboutus-box .overseas-box .overseas-bg,
.new-aboutus-box .zhinanzhe-box .zhinanzhe-bg {
  width: 100%;
  height: 2.3rem;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
  padding: 0.28rem 0 0 0.24rem;
}

.new-aboutus-box .researchinst-box .researchinst-bg {
  background: url(https://info.compassedu.hk/mobile/aboutus/academy/academy-bg.png)
    no-repeat;
  background-size: 100% 100%;
}

.new-aboutus-box .overseas-box .overseas-bg {
  background: url(https://info.compassedu.hk/mobile/aboutus/academy/haiwai-service-bg.png)
    no-repeat;
  background-size: 100% 100%;
}

.new-aboutus-box .zhinanzhe-box .zhinanzhe-bg {
  background: url(https://info.compassedu.hk/mobile/aboutus/academy/zhinanzhe-bg.png)
    no-repeat;
  background-size: 100% 100%;
}

.new-aboutus-box .researchinst-box .researchinst-title,
.new-aboutus-box .overseas-box .researchinst-title,
.new-aboutus-box .zhinanzhe-box .researchinst-title {
  font-family: AlibabaPuHuiTi-2-115-Black;
  font-size: 0.52rem;
  color: #063e8b;
  line-height: 0.74rem;
}

.new-aboutus-box .researchinst-box .researchinst-desc,
.new-aboutus-box .overseas-box .researchinst-desc,
.new-aboutus-box .zhinanzhe-box .researchinst-desc {
  font-size: 0.24rem;
  color: #353e47;
  line-height: 0.28rem;
}

.new-aboutus-box .researchinst-box .researchinst-btn,
.new-aboutus-box .overseas-box .researchinst-btn,
.new-aboutus-box .zhinanzhe-box .researchinst-btn {
  margin-top: 0.08rem;
  background: #2372ff;
  border-radius: 0.06rem;
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.34rem;
  padding: 0.06rem 0.54rem 0.08rem;
  display: block;
  margin-top: 0.22rem;
}

.new-aboutus-box .ct-researchinst-list {
  background: #f7f7f7;
}

.new-aboutus-box .researchinst-list {
  background: #ffffff;
  padding-top: 0.8rem;
}

.new-aboutus-box .researchinst-report-list {
  background: #ffffff;
  /* padding-top: 0.8rem; */
  padding-top: 0.96rem;
  min-height: 100vh;
}

.new-aboutus-box .researchinst-report-list .researchinst-content {
  margin-top: 0 !important;
}

.new-aboutus-box .researchinst-list .researchinst-header {
  background: url(https://info.compassedu.hk/mobile/aboutus/academy/header-bg.png)
    no-repeat;
  background-size: 100% auto;
  font-weight: 500;
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.64rem;
  padding: 0.2rem 0.24rem 0 0.32rem;
  text-indent: 0.56rem;
}

.researchinst-header-tips {
  text-indent: 0;
}

.new-aboutus-box .ct-overseas-list .researchinst-list .researchinst-header {
  background: url(https://info.compassedu.hk/mobile/aboutus/overseas/header-bg-new.png)
    no-repeat;
  background-size: 100% auto;
  font-weight: 500;
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.64rem;
  padding: 0.32rem 0.28rem 0 0.26rem;
}

.new-aboutus-box .ct-overseas-list .researchinst-list .researchinst-header .researchinst-header-tips {
  margin-top: 0.14rem;
}

.new-aboutus-box .researchinst-list .researchinst-header-tips {
  margin-top: 0.28rem;
  width: 6.94rem;
  height: 2.1rem;
  background: linear-gradient(
    282deg,
    rgba(248, 250, 254, 0.83) 0%,
    rgba(252, 253, 255, 0.94) 100%
  );
  box-shadow: 0 0 0.26rem 0 rgba(152, 171, 180, 0.28);
  border-radius: 0.08rem;
  /* border: 0.02rem solid;
  border-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 1),
      rgba(239, 245, 255, 1)
    )
    2 2; */
  /* mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 1) 100%,
    rgba(0, 0, 0, 0) 100%
  );
  -webkit-mask-image: radial-gradient(
    circle,
    rgba(0, 0, 0, 1) 100%,
    rgba(0, 0, 0, 0) 100%
  ); */
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  font-size: 0.28rem;
  color: #00225f;
  line-height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.48rem;
}

.new-aboutus-box .researchinst-list .researchinst-header-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.new-aboutus-box .researchinst-list .researchinst-header-item img {
  height: 0.54rem;
  width: auto;
 
}

.new-aboutus-box .ct-overseas-list .researchinst-list .researchinst-header-item img {
   margin-bottom: 0.1rem;
}

.new-aboutus-box .researchinst-list .researchinst-header-item .text {
  text-indent: 0;
  margin-top: 0.18rem;
}

.new-aboutus-box .researchinst-list .researchinst-content {
  margin-top: 0.24rem;
  padding: 0 0 0.24rem 0;
}

.new-aboutus-box .ct-overseas-list .researchinst-list .researchinst-content {
  margin-top: 0.42rem;
}

.new-aboutus-box .researchinst-list .researchinst-content .researchinst-title {
  position: relative;
  z-index: 0;
  text-align: center;
  font-weight: 600;
  font-size: 0.32rem;
  color: #060606;
  line-height: 0.44rem;
  margin: 0 auto 0.32rem;
}

.new-aboutus-box
  .researchinst-list
  .researchinst-content
  .researchinst-title
  .researchinst-title-line {
  width: 3.98rem;
  height: 0.26rem;
  background: #d4e3ff;
  position: absolute;
  z-index: -1;
  bottom: -0.06rem;
  left: calc(50% - 1.99rem);
}

.new-aboutus-box .researchinst-list .researchinst-tabs {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  justify-content: center;
}

.new-aboutus-box .researchinst-list .researchinst-tab {
  width: 1.6rem;
  height: 0.6rem;
  background: #f9f9f9;
  box-shadow: 0 0.04rem 0.12rem 0 rgba(221, 226, 234, 0.5);
  border-radius: 0.08rem;
  font-size: 0.24rem;
  color: #2c2d2e;
  line-height: 0.48rem;
  text-shadow: 0 0.04rem 0.12rem rgba(221, 226, 234, 0.5);
  text-align: center;
  line-height: 0.6rem;
}

.new-aboutus-box .researchinst-list .researchinst-tab.active {
  background: #f0f5ff;
  font-weight: 600;
  color: #2372ff;
}

.new-aboutus-box .researchinst-list .researchinst {
  margin-top: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.22rem;
  width: calc(3.36rem * 2 + 0.22rem);
  margin: 0.24rem auto 0;
}

.new-aboutus-box .researchinst-list .researchinst-item-box {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1),
    rgba(239, 245, 255, 1)
  );
  width: 3.36rem;
  height: 3.54rem;
  border-radius: 0.09rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.new-aboutus-box .researchinst-list .researchinst-item {
  background: linear-gradient(282deg, #f4f7ff 0%, #f7f9ff 100%);
  border-radius: 0.09rem;
  width: calc(100% - 0.04rem);
  height: calc(100% - 0.04rem);
  position: relative;
}

.new-aboutus-box .researchinst-list .researchinst-item-tag {
  background: rgba(30, 36, 72, 0.58);
  border-radius: 0.05rem;
  padding: 0.02rem 0.12rem 0.06rem 0.06rem;
  font-size: 0.2rem;
  color: #ffffff;
  line-height: 0.28rem;
  position: absolute;
  left: 0.1rem;
  top: 0.12rem;
}

.new-aboutus-box .researchinst-list .researchinst-item-cover {
  width: 100%;
  height: calc(2.68rem - 0.74rem);
  overflow: hidden;
  border-radius: 0.09rem 0.09rem 0 0;
}

.new-aboutus-box .researchinst-list .researchinst-item-cover img {
  width: 100%;
  height: auto;
}

.new-aboutus-box .researchinst-list .researchinst-item-title {
  font-weight: 600;
  font-size: 0.28rem;
  color: #060606;
  line-height: 0.32rem;
  height: 0.64rem;
  margin-top: calc(2.14rem - 2.68rem + 0.74rem);
  margin-left: 0.12rem;
  margin-right: 0.14rem;
}

.new-aboutus-box .researchinst-list .researchinst-item-time {
  margin-top: 0.24rem;
  font-size: 0.24rem;
  color: #2372ff;
  line-height: 0.34rem;
  margin-left: 0.12rem;
  margin-right: 0.14rem;
}

.new-aboutus-box .researchinst-list .researchinst-ercode-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.24rem auto 0;
  width: calc(100% - 0.56rem);
  height: 2.18rem;
  background: url(https://info.compassedu.hk/mobile/aboutus/academy/blue-bg.png)
    no-repeat;
  background-size: 100% 100%;
  border-radius: 0.08rem;
  padding: 0.28rem;
}

.new-aboutus-box .researchinst-list .researchinst-ercode-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.new-aboutus-box .researchinst-list .researchinst-ercode-title {
  font-size: 0.24rem;
  color: #ffffff;
  line-height: 0.4rem;
}

.new-aboutus-box .researchinst-list .researchinst-ercode-email {
  font-size: 0.28rem;
  color: #ffffff;
  line-height: 0.4rem;
}

.new-aboutus-box .researchinst-list .researchinst-ercode-right {
  position: absolute;
  top: 0.28rem;
  right: 0.28rem;
  width: 1.56rem;
  height: 1.62rem;
  border-radius: 0.1rem;
}

.new-aboutus-box .researchinst-list .researchinst-ercode-right img {
  width: 100%;
  height: 100%;
  border-radius: 0.1rem;
}
/* ����𡑒����𠉛弦�堺 END */

/* 瘚瑕�𡝗�滚𦛚 START */
.new-aboutus-box .ct-overseas-list {
  background: #f7f7f7;
}

.new-aboutus-box
  .ct-overseas-list
  .researchinst-list
  .researchinst-content
  .researchinst-title
  .researchinst-title-line {
  width: 2.56rem;
  left: calc(50% - 1.28rem);
}

.new-aboutus-box
  .ct-overseas-list
  .researchinst-list
  .researchinst-content
  .researchinst-title-1 {
    margin-bottom: 0.28rem;
  }

.new-aboutus-box
  .ct-overseas-list
  .researchinst-list
  .researchinst-content
  .researchinst-title-1
  .researchinst-title-line {
  width: 2.26rem;
  left: calc(50% - 1.12rem);
}

.new-aboutus-box
  .ct-overseas-list
  .researchinst-list
  .researchinst-content
  .researchinst-title-2 {
    margin-bottom: 0.3rem;
  }

  .new-aboutus-box
  .ct-overseas-list
  .researchinst-list
  .researchinst-content
  .researchinst-title-2
  .researchinst-title-line {
  width: 3.52rem;
  left: calc(50% - 1.76rem);
}

.new-aboutus-box .ct-overseas-list  .researchinst-list  .researchinst-content .researchinst-company-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .24rem 0;
  padding: 0 .26rem;
  margin-bottom: .24rem;
}

.new-aboutus-box .ct-overseas-list  .researchinst-list  .researchinst-content .researchinst-company-list .researchinst-company-img {
  width: 1.63rem;
  height: 1.6rem;
  box-shadow: 0.06rem 0.12rem 0.2rem 0rem rgba(128,153,212,0.12);
}

.new-aboutus-box .ct-overseas-list .researchinst-list .overseas {
  /* margin-top: 0.24rem; */
  /* gap: 0.24rem; */
  gap: 0.24rem;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  width: calc(3.36rem * 2 + 0.24rem);
  margin: 0 auto;
}

.new-aboutus-box .ct-overseas-list .researchinst-list .researchinst-content {
  padding: 0 0 0.26rem 0;
}

.new-aboutus-box .ct-overseas-list .overseas-report-list .researchinst-content {
  padding: 0 0 0.4rem 0;
}

.new-aboutus-box .ct-overseas-list .overseas-item {
  width: 3.36rem;
  height: 3.66rem;
  background: #ffffff;
  box-shadow: 0rem 0.02rem 0.18rem 0rem rgba(211, 216, 225, 0.62);
  border-radius: 0.09rem;
}

.new-aboutus-box .ct-overseas-list .overseas-item-cover {
  width: 3.36rem;
  height: calc(2.15rem - 0.09rem);
  border-radius: 0.09rem 0.09rem 0 0;
  overflow: hidden;
}

.new-aboutus-box .ct-overseas-list .overseas-item-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.new-aboutus-box .ct-overseas-list .overseas-item-title {
  font-weight: 600;
  font-size: 0.2rem;
  color: #060606;
  line-height: 0.28rem;
  margin: 0.12rem 0.16rem 0 0.14rem;
  height: calc(3 * 0.28rem);
  font-family: PingFangSC, PingFang SC;
  text-align: justify;
}

.new-aboutus-box .ct-overseas-list .overseas-item-time {
  font-size: 0.2rem;
  color: #68727d;
  line-height: 0.28rem;
  margin: 0.16rem 0.16rem 0 0.14rem;
}

.new-aboutus-box .overseas-report-list {
  background: #ffffff;
  padding-top: 0.96rem;
  min-height: 100vh;
}

.new-aboutus-box .overseas-report-list .researchinst-content {
  margin-top: 0 !important;
}
/* 瘚瑕�𡝗�滚𦛚 END */

/* ����堒�穃� START */
.new-aboutus-box .guide-publish {
  width: 100%;
  background: #ffffff;
  border-radius: 0.16rem;
  padding: 0.32rem 0.24rem 0.32rem 0.32rem;
  margin-top: 0.24rem;
}

.new-aboutus-box .guide-publish-list {
  margin-top: 0.2rem;
}

.new-aboutus-box .guide-publish-list .guide-publish-item:last-child {
  margin-bottom: 0;
  border-bottom: none !important;
}

.new-aboutus-box .guide-publish-item {
  display: flex;
  width: 6.94rem;
  height: 1.8rem;
  background: #ffffff;
  border-radius: 0.08rem;
  margin-bottom: 0.22rem;
  padding-right: 0.22rem;
}

.new-aboutus-box .guide-publish-img {
  width: 1.86rem;
  height: 1.82rem;
  background: #d8d8d8;
  border-radius: 0.08rem;
  margin-right: 0.2rem;
  flex-shrink: 0;
  object-fit: cover;
}

.new-aboutus-box .guide-publish-img img {
  width: 100%;
  height: 100%;
  border-radius: 0.08rem;
  object-fit: cover;
}

.new-aboutus-box .publish-item-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
}

.new-aboutus-box .publish-item-title {
  margin-top: 0.14rem;
  font-size: 0.28rem;
  color: #020e19;
  line-height: 0.4rem;
  word-break: break-all;
  font-weight: 400;
  text-align: justify;
}

.new-aboutus-box .publish-item-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.18rem;
}

.new-aboutus-box .publish-time {
  font-size: 0.24rem;
  color: #020e19;
  line-height: 0.34rem;
}

.new-aboutus-box .publish-item-read {
  font-size: 0.24rem;
  color: #9a9fa3;
  line-height: 0.32rem;
  display: flex;
  align-items: center;
}

.new-aboutus-box .publish-item-read .icon-view {
  margin-right: 0.02rem;
}
/* ����堒�穃� END */

/* 隡�銝𡁏���� + 隡�銝𡁶冗隡朞提隞� START */
.new-aboutus-box .guide-publish.culture-index {
  padding: 0.32rem 0 !important;
}

.new-aboutus-box .guide-publish.culture .guide-publish-list {
  padding: 0 0.28rem !important;
}

.new-aboutus-box .guide-publish.social .guide-publish-list {
  margin-top: 0.34rem !important;
}

.new-aboutus-box .guide-publish .researchinst-tabs {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  justify-content: center;
  margin-top: 0.2rem;
}

/* .new-aboutus-box .guide-publish.article .researchinst-tabs {
  margin-top: 0;
} */

.new-aboutus-box .guide-publish.culture .researchinst-tabs {
  justify-content: space-between;
  padding: 0 0.28rem;
}

.new-aboutus-box .guide-publish.culture .guide-publish-item,
.new-aboutus-box .guide-publish.social .guide-publish-item {
  padding-right: 0 !important;
  height: 1.78rem !important;
  padding-bottom: 0.26rem;
  border-bottom: 0.01rem solid #f0f0f0;
}

.new-aboutus-box .guide-publish .guide-publish-item:nth-child(5) {
  border-bottom: none !important;
}

.new-aboutus-box .guide-publish.culture .guide-publish-item .guide-publish-img,
.new-aboutus-box .guide-publish.social .guide-publish-item .guide-publish-img {
  width: 1.56rem !important;
  height: 1.52rem !important;
}

.new-aboutus-box .guide-publish.culture .guide-publish-item .publish-item-title,
.new-aboutus-box .guide-publish.social .guide-publish-item .publish-item-title {
  margin-top: 0 !important;
}

.new-aboutus-box
  .guide-publish.culture
  .guide-publish-item
  .publish-item-bottom,
.new-aboutus-box
  .guide-publish.social
  .guide-publish-item
  .publish-item-bottom {
  margin-bottom: 0.02rem !important;
}

.new-aboutus-box .guide-publish .researchinst-tab {
  width: 2.18rem;
  height: 0.6rem;
  background: #f9f9f9;
  box-shadow: 0 0.04rem 0.12rem 0 rgba(221, 226, 234, 0.5);
  border-radius: 0.08rem;
  font-size: 0.26rem;
  color: #2c2d2e;
  line-height: 0.6rem;
  text-shadow: 0rem 0.04rem 0.12rem rgba(221, 226, 234, 0.5);
  text-align: center;
}

.new-aboutus-box .guide-publish .researchinst-tab.active {
  background: #f0f5ff;
  font-weight: 600;
  color: #2372ff;
}

.new-aboutus-box .guide-publish #culture-swiper {
  width: 100%;
  height: auto;
}
/* 隡�銝𡁏���� + 隡�銝𡁶冗隡朞提隞� END */

/** �揻隤㕑�韐� START */
.new-aboutus-box .qualification-box {
  margin-top: 0.24rem;
  height: auto;
  padding: 0.3rem 0.28rem 0.4rem 0.42rem;
  background: #ffffff;
}

.new-aboutus-box .qualification-box .qualification-list {
  width: 100%;
  height: auto;
  /* min-height: 3.4rem; */
  display: flex;
  flex-direction: column;
  margin-top: 0.3rem;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line {
  position: relative;
  width: 100%;
  height: calc(3rem + 1.2rem - 0.24rem);
  display: flex;
  margin-top: 0.1rem;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line:first-of-type {
  margin-top: 0;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.2rem;
  background-image: url(https://info.compassedu.hk/mobile/aboutus/honor-stage-bg.png);
  background-size: 100% 100%;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 2;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-img {
  position: relative;
  width: 100%;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-img
  img {
  max-width: 3.36rem;
  height: 3rem;
  /* object-fit: scale-down; */
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-info {
  position: relative;
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 0.2rem;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-info::before,
.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-info::after {
  content: '';
  position: absolute;
  top: 0rem;
  width: 0.26rem;
  height: 0.32rem;
  background-size: 100% 100%;
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-info::before {
  left: -0.26rem;
  background-image: url(https://info.compassedu.hk/mobile/aboutus/overseas/left-icon.png);
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-info::after {
  right: -0.26rem;
  background-image: url(https://info.compassedu.hk/mobile/aboutus/overseas/right-icon.png);
}

.new-aboutus-box
  .qualification-box
  .qualification-list
  .per-qualification-line
  .per-box
  .qualification-info
  .from {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.24rem;
  color: #b67504;
  line-height: 0.34rem;
}
/* �揻隤㕑�韐� END */

/* 韏�霈航祕�� START */
.new-aboutus-box .guide-publish.article {
  margin-top: 0;
  padding-top: 0.8rem;
  padding: 0.8rem 0 0.32rem;
}

/* 韏�霈航祕�� END */