b,
strong,
h1,
h2,
h3,
h4,
h5,
h6,
th {
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: OPPOSansB;
  src: url(https://m.igo.cn/public/font/OPPOSans-B.ttf);
}

@font-face {
  font-family: OPPOSansR;
  src: url(https://m.igo.cn/public/font/OPPOSans-R.ttf);
}

@font-face {
  font-family: AvantiBold;
  src: url(https://m.igo.cn/public/font/Avanti-Bold.ttf);
}

* {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  display: none;
}
body {
  font-family: OPPOSansR;
  font-size: 0.6rem;
  padding: 2rem 0 2.56rem;
}
.xtp-page{
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  min-height: calc(100vh - 4.6rem);
}
.xtp-page img {
  max-width: 100%;
}

.xtp-page1 {
  background: url(img/page1/1.png) no-repeat;
  background-size: 100%;
  background-position: top center;
  padding-top: 2.1rem !important;
  position: relative;
}

.xtp-page.xtp-hide {
  display: none;
}

.xtp-page1-item {
  display: flex;
  margin-bottom: 1.24rem;
  padding-left: 1.71rem;
  align-items: center;
}

.xtp-page1-item .xtp-icon {
  width: 1.52rem;
  height: 1.52rem;
  flex-shrink: 0;
  background: url(img/page1/icon1.png) no-repeat;
  background-size: auto 100%;
  background-position: center;
}

.xtp-page1-item .xtp-icon2 {
  background-image: url(img/page1/icon2.png);
}

.xtp-page1-item .xtp-icon3 {
  background-image: url(img/page1/icon3.png);
}

.xtp-page1-item .xtp-page1-txt {
  border-left: 1px solid #d9d9d9;
  padding-left: 0.88rem;
  margin-left: 0.75rem;
}

.xtp-page1-item h2 {
  font-family: OPPOSansB;
  font-size: 0.77rem;
  color: #1d60a8;
  margin-bottom: 0.2rem;
}

.xtp-page1-item p {
  font-size: 0.55rem;
  line-height: 0.85rem;
  color: #4d4d4d;
}

.xtp-page1 .xtp-page1-cover {
  background: url(img/page1/2.jpg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 12.4rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.xtp-page2 {
  padding: 0 0.85rem;
}

.xtp-page2-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.2rem;
  margin-bottom: 1.2rem;
}

.xtp-page2-item {
  height: 3.84rem;
  background-image: linear-gradient(60deg,
      #e7f3ff 0%,
      rgba(250, 253, 255, 0.5) 80%,
      #ffffff 100%);
  border-radius: 0.21rem;
  padding: 0.9rem 0 0 0.5rem;
}

.xtp-page2-item .xtp-num {
  font-family: AvantiBold;
  font-size: 1.56rem;
  line-height: 1.16rem;
  color: #073b70;
  margin-bottom: 0.55rem;
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
}

.xtp-page2-item .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.8rem;
  font-style: normal;
  line-height: 0.9rem;
  font-size: 0.7rem;
  font-style: normal;
  line-height: 0.45rem;
}

.xtp-page2-item p {
  font-size: 0.55rem;
  line-height: 0.55rem;
  color: #073b70;
}

.xtp-page2 .xtp-page2-cities > div > p {
  font-family: OPPOSansB;
  font-size: 0.77rem;
  line-height: 0.77rem;
  color: #1d60a8;
  margin-bottom: 0.64rem;
  display: flex;
}

.xtp-page2 .xtp-page2-cities > div > p::before {
  content: "";
  width: 0.15rem;
  height: 0.75rem;
  background-color: #1d60a8;
  border-radius: 0.06rem;
  margin-right: 0.34rem;
}

.xtp-page2 .xtp-page2-cities > div + div {
  margin-top: 1.1rem;
}

.xtp-page2 .xtp-page2-cities > div > ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.4rem;
  margin-bottom: 0.45rem;
}

.xtp-page2 .xtp-page2-cities > div > ul > li {
  font-size: 0.55rem;
  color: #073b70;
  background-color: #e7f3ff;
  border-radius: 0.11rem;
  text-align: center;
  line-height: 1rem;
  height: 1rem;
  
}

.xtp-page2 .xtp-page2-cities > div > ul > li.xtp-active {
  font-family: OPPOSansB;
  background-color: #1d60a8;
  color: #ffffff;
}

.xtp-page3 {
  padding: 0 0.85rem;
}

.xtp-page3-stitle {
  font-family: OPPOSansB;
  font-size: 0.81rem;
  line-height: 0.81rem;
  color: #073b70;
  margin-bottom: 0.62rem;
}

.xtp-page3 .xtp-page3-audience {
  height: 4.97rem;
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.63rem 0.7rem 0.63rem 0;
  display: flex;
  margin-bottom: 0.53rem;
}

.xtp-page3 .xtp-page3-audience .xtp-page3-icon {
  width: 4rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.xtp-page3 .xtp-page3-audience .xtp-icon {
  width: 1.71rem;
  height: 1.71rem;
  background: url(img/page3/icon1.png) no-repeat;
  background-size: 100%;
}

.xtp-page3 .xtp-page3-audience .xtp-icon2 {
  background-image: url(img/page3/icon2.png);
}

.xtp-page3 .xtp-page3-audience .xtp-icon3 {
  background-image: url(img/page3/icon3.png);
}

.xtp-page3 .xtp-page3-audience .xtp-icon4 {
  background-image: url(img/page3/icon4.png);
}

.xtp-page3 .xtp-page3-audience p {
  font-family: OPPOSansB;
  font-size: 0.68rem;
  line-height: 0.68rem;
  color: #073b70;
}

.xtp-page3 .xtp-page3-audience ul {
  width: calc(100% - 4rem);
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.16rem 0.23rem;
  justify-content: space-between;
}

.xtp-page3 .xtp-page3-audience li {
  height: 1.1rem;
  background-color: #ffffff;
  border-radius: 0.11rem;
  font-size: 0.51rem;
  line-height: 1.1rem;
  color: #073b70;
  text-align: center;
}

.xtp-page3 .xtp-page3-audience li.xtp-page3-item-w {
  width: 5.12rem;
  height: 1.68rem;
  line-height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xtp-page3 .xtp-page3-audience li.xtp-page3-item-w2 {
  width: 4.28rem;
  height: 100%;
  line-height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xtp-page4 {
  padding: 0 0.85rem;
}

.xtp-page4-title {
  font-family: OPPOSansB;
  font-size: 0.81rem;
  line-height: 0.81rem;
  color: #073b70;
  margin-bottom: 1rem;
}

.xtp-page4 .xtp-page4-timeline {
  position: relative;
  margin-bottom: 1rem;
}

.xtp-page4 .xtp-page4-timeline::before {
  content: "";
  width: 0.13rem;
  height: 101%;
  background-color: #e7f3ff;
  border-radius: 0.06rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.xtp-page4 li {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 0.4rem;
}

.xtp-page4 .xtp-page4-year {
  position: relative;
  font-family: AvantiBold;
  font-size: 0.77rem;
  color: #073b70;
  flex-shrink: 0;
  margin-right: 0.5rem;
  padding-left: 0.66rem;
  height: 2.2rem;
  line-height: 2.2rem;
}

.xtp-page4 .xtp-page4-year::after {
  content: "";
  width: 0.85rem;
  height: 0.04rem;
  background-color: #e7f3ff;
  position: absolute;
  top: 0;
  left: 0.66rem;
}

.xtp-page4 .xtp-page4-year::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  background-color: #1d60a8;
  border: solid 0.09rem #e7f3ff;
  position: absolute;
  left: -0.15rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 1rem;
  box-sizing: border-box;
}

.xtp-page4 p {
  width: 100%;
  font-size: 0.51rem;
  line-height: 0.85rem;
  color: #073b70;
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.3rem 0.3rem 0.3rem 0.4rem;
  display: flex;
  align-items: center;
}

.xtp-page5 .xtp-page5-resources {
  padding: 0 0.85rem;
  margin-top: 1rem;
}

.xtp-page5 .xtp-page5-resources>div {
  margin-bottom: 1.4rem;
}

.xtp-page5-title {
  font-family: OPPOSansB;
  font-size: 1.28rem;
  line-height: 1.28rem;
  color: #073b70;
  margin-bottom: 0.95rem;
  text-align: center;
}

.xtp-page5-stitle {
  font-family: OPPOSansB;
  font-size: 0.81rem;
  line-height: 0.81rem;
  color: #073b70;
  text-align: center;
  margin-bottom: 0.73rem;
}

.xtp-page5 .xtp-page5-service {
  padding: 0;
}

.xtp-page5 .xtp-page5-service-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.7rem 0rem;
}

.xtp-page5 .xtp-page5-service-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
}

.xtp-page5 .xtp-page5-service-list li:after {
  content: "";
  width: 100%;
  border-bottom: 0.05rem dashed #1d60a8;
  position: absolute;
  right: -70%;
  top: 0.95rem;
  z-index: -1;
}

.xtp-page5 .xtp-page5-service-list li:nth-child(4n)::after,
.xtp-page5 .xtp-page5-service-list li:last-child:after {
  display: none;
}

.xtp-page5 .xtp-page5-service-list li::before {
  content: "";
  border: 0.23rem solid #073b70;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  position: absolute;
  top: 0.76rem;
  right: -0.2rem;
}

.xtp-page5 .xtp-page5-service-list li:nth-child(4n)::before,
.xtp-page5 .xtp-page5-service-list li:last-child:before {
  display: none;
  z-index: 1;
}

.xtp-page5 .xtp-page5-service-list li:nth-child(4)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(5)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(6)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(7)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(13)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(14)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(15)::before,
.xtp-page5 .xtp-page5-service-list li:nth-child(16)::before {
  transform: rotateZ(180deg);
}

.xtp-page5 .xtp-page5-service-list li img {
  width: 1.88rem;
  height: 1.88rem;
}

.xtp-page5 .xtp-page5-service-list li p {
  font-size: 0.51rem;
  line-height: 0.65rem;
  color: #073b70;
  text-align: center;
  margin-top: 0.2rem;
  height: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xtp-page5 .xtp-page5-company {
  background: #e7f3ff url(img/page5/company.png) no-repeat;
  background-size: 100%;
  background-position: bottom center;
  border-radius: 0.21rem;
  padding: 0.9rem 0 5.2rem;
}

.xtp-page5 .xtp-page5-company ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.17rem;
  padding: 0 0.64rem;
}

.xtp-page5 .xtp-page5-company li {
  border-bottom: 0.06rem solid #d90023;
  padding-bottom: 0.35rem;
}

.xtp-page5 .xtp-page5-company ul .xtp-num {
  font-family: AvantiBold;
  font-size: 1.28rem;
  line-height: 0.98rem;
  letter-spacing: 0rem;
  color: #073b70;
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
  justify-content: center;
  font-size: 1.28rem;
  line-height: 0.87rem;
}

.xtp-page5 .xtp-page5-company ul i {
  font-family: OPPOSansB;
  font-size: 0.8rem;
  font-style: normal;
  line-height: 0.6rem;
  font-size: 0.7rem;
  font-style: normal;
  line-height: 0.45rem;
}

.xtp-page5 .xtp-page5-company ul p {
  font-size: 0.51rem;
  line-height: 0.61rem;
  color: #073b70;
  text-align: center;
  height: 1.22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.45rem;
}

.xtp-page5 .xtp-page5-offer {
  display: grid;
  grid-template-columns: 1.1fr 1.2fr;
  gap: 0.45rem;
  align-items: stretch;
}

.xtp-page5 .xtp-page5-offer .xtp-page5-stitle {
  grid-column: 1 / -1;
  margin-bottom: 0.45rem;
}

.xtp-page5 .xtp-page5-offer-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.xtp-page5 .xtp-page5-offer-left .xtp-page5-offer-item {
  border-left: 0.1rem solid #1258a1;
  padding-left: 0.35rem;
}

.xtp-page5 .xtp-page5-offer-left .xtp-num {
  font-family: AvantiBold;
  font-size: 1.28rem;
  line-height: 1rem;
  color: #d90023;
  display: flex;
  align-items: baseline;
  gap: 0.08rem;
}

.xtp-page5 .xtp-page5-offer-left .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.6rem;
  font-style: normal;
  line-height: 0.7rem;
}

.xtp-page5 .xtp-page5-offer-left p {
  font-size: .51rem;
  line-height: .51rem;
  color: #d90023;
  margin-top: 0.28rem;
}

.xtp-page5 .xtp-page5-offer-right {
  padding: 0.55rem 0 0.55rem 0.6rem;
  display: grid;
  gap: 0.4rem 0.6rem;
  grid-template-columns: 1fr 1fr;
  align-content: space-between;
  position: relative;
  z-index: 1;
}

.xtp-page5 .xtp-page5-offer-right::after {
  content: "";
  width: 117%;
  height: 100%;
  background-color: #073b70;
  /* border-radius: 0.21rem; */
  position: absolute;
  right: -0.8rem;
  top: 0;
  z-index: -1;
}

.xtp-page5 .xtp-page5-offer-right .xtp-num {
  font-family: AvantiBold;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
  display: flex;
  align-items: baseline;
  gap: 0.08rem;
}

.xtp-page5 .xtp-page5-offer-right .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.4rem;
  font-style: normal;
  line-height: 0.55rem;
}

.xtp-page5 .xtp-page5-offer-right p {
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #ffffffd6;
  margin-top: 0.14rem;
}

/* ===== 01-05 �?�??� ===== */
.xtp-page5 .xtp-page5-grow .xtp-page5-grow-title {
  font-family: OPPOSansB;
  font-size: 0.81rem;
  line-height: 0.81rem;
  color: #073b70;
  text-align: center;
  margin-bottom: 0.67rem;
}

.xtp-page5 .xtp-page5-grow-title i {
  font-style: normal;
  color: #c70f2d;
  margin-right: 0.13rem;
}

.xtp-page5 .xtp-page5-lead {
  font-size: 0.5rem;
  line-height: 0.96rem;
  color: #6a85a0;
  text-align: justify;
}

.xtp-page5 .xtp-page5-lead strong {
  font-weight: normal;
  font-family: OPPOSansB;
  font-size: 0.5rem;
  color: #073b70;
  line-height: 0.96rem;
}

.xtp-page5 .xtp-page5-card {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.64rem 0.55rem 0.55rem;
}

.xtp-page5-grow1 .xtp-page5-card {
  margin-top: 0.6rem;
}

.xtp-page5-grow3,
.xtp-page5-grow5 {
  padding-top: 0.63rem;
}
.xtp-page5-block{
  margin-bottom: 1rem;
}
.xtp-page5-block:last-child{
  margin-bottom: 0;
}
.xtp-page5 .xtp-tag {
  display: inline-flex;
  align-items: center;
  height: 1.07rem;
  background-color: #c70f2d;
  color: #ffffff;
  font-family: OPPOSansB;
  font-size: 0.64rem;
  padding: 0 0.23rem;
  border-radius: 0.1rem;
}

.xtp-page5 .xtp-page5-row {
  display: flex;
  gap: 0.4rem;
  margin-top: 0.45rem;
}

.xtp-page5 .xtp-page5-row .xtp-page5-row-text {
  flex: 1;
}

.xtp-page5 .xtp-page5-row p {
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #6a85a0;
  text-align: justify;
}

.xtp-page5 .xtp-page5-row p.xtp-red {
  font-family: OPPOSansB;
  color: #073b70;
  margin-top: 0.3rem;
}

.xtp-page5 .xtp-page5-row img {
  width: 2.4rem;
  width: 3.68rem;
  flex-shrink: 0;
  border-radius: 0.13rem;
  align-self: flex-start;
}

.xtp-page5 .xtp-block+.xtp-block {
  border-top: 0.02rem dashed #073b70;
  margin-top: 0.7rem;
  padding-top: 0.7rem;
}

.xtp-page5 .xtp-page5-feats .xtp-page5-feat {
  border-top: 0.03rem dashed #073b70;
  margin-top: 0.6rem;
  padding-top: 0.6rem;
  display: flex;
  align-items: flex-start;
  gap: .7rem;
}

.xtp-page5 .xtp-page5-feat+.xtp-page5-feat {
  border-top: 0.03rem dashed #073b70;
  margin-top: 0.6rem;
  padding-top: 0.6rem;
}

.xtp-page5 .xtp-page5-feat .xtp-page5-row {
  margin-top: 0;
  display: block;
}

.xtp-page5 .xtp-page5-feat img {
  width: 5.68rem;
}

.xtp-page5 .xtp-page5-feat .xtp-page5-row p {
  color: #073b70;
  margin-top: .5rem;
}

.xtp-page5 .xtp-page5-feat .xtp-page5-row p strong {
  font-family: OPPOSansB;
}

.xtp-page5 .xtp-page5-feat>p {
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #073b70;
  text-align: justify;
  margin-top: 0.55rem;
}

.xtp-page5 .xtp-page5-panel p {
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #6a85a0;
  text-align: justify;
  margin-top: 0.28rem;
}

.xtp-page5 .xtp-page5-panel .xtp-page5-panel-title {
  font-family: OPPOSansB;
  color: #073b70;
  margin-top: 0.45rem;
  font-size: 0.55rem;
}

.xtp-page5 .xtp-page5-banner {
  display: block;
  width: 100%;
  border-radius: 0.13rem;
  margin: 0.95rem 0 0.8rem;
}

.xtp-page5 .xtp-page5-stats {
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.3fr;
  gap: 0.6rem 0;
  margin: 0.75rem 0 0.55rem;
}

.xtp-page5 .xtp-page5-stats li {
  border-left: 0.08rem solid #c70f2d;
  padding-left: 0.27rem;
}

.xtp-page5 .xtp-page5-stats .xtp-num {
  font-family: AvantiBold;
  font-size: 1.28rem;
  line-height: 0.97rem;
  color: #073b70;
  display: flex;
  align-items: flex-start;
  /* gap: 0.08rem; */
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
  /* justify-content: center; */
  font-size: 1.28rem;
  line-height: 0.87rem;
}

.xtp-page5 .xtp-page5-stats .xtp-page5-num-alt {
  font-family: OPPOSansB;
  font-size: 0.85rem;
}

.xtp-page5 .xtp-page5-stats .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.6rem;
  font-style: normal;
  line-height: 0.45rem;
}

.xtp-page5 .xtp-page5-stats p {
  font-size: 0.45rem;
  line-height: 0.45rem;
  color: #073b70;
  margin-top: 0.54rem;
}

/* ===== page6 ?�?????� ===== */
.xtp-page6 {
  padding: 0 0.85rem;
}

.xtp-page6-title {
  font-family: OPPOSansB;
  font-size: 1.28rem;
  line-height: 1.28rem;
  color: #073b70;
  text-align: center;
  margin-bottom: 0.95rem;
}

.xtp-page6 .xtp-p6-stitle {
  margin-top: 0.9rem;
  margin-bottom: 0.43rem;
}

.xtp-page6 .xtp-p6-intro {
  font-size: 0.5rem;
  line-height: 0.82rem;
  color: #999999;
  text-align: justify;
  margin-bottom: 0.5rem;
}

.xtp-page6 .xtp-tag,
.xtp-page8 .xtp-tag,
.xtp-page9 .xtp-tag {
  display: inline-flex;
  align-items: center;
  height: 1.07rem;
  background-color: #c70f2d;
  color: #ffffff;
  font-family: OPPOSansB;
  font-size: 0.64rem;
  padding: 0 0.23rem;
  border-radius: 0.1rem;
  line-height: 1.07rem;
}

.xtp-page6 .xtp-page6-card {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.53rem;
  display: flex;
  align-items: flex-start;
  /* gap: 0.3rem; */
  margin-bottom: 0.37rem;
}

.xtp-page6 .xtp-page6-card .xtp-page6-card-text {
  flex: 1;
}

.xtp-page6 .xtp-page6-card .xtp-page6-card-text p {
  /* font-family: OPPOSansB; */
  font-size: 0.5rem;
  line-height: 0.87rem;
  color: #6a85a0;
  margin-top: 0.4rem;
}

.xtp-page6 .xtp-page6-card img {
  width: 4.07rem;
  /* height: 3.23rem; */
  object-fit: page1-cover;
  /* border-radius: 0.13rem; */
  flex-shrink: 0;
}

.xtp-page6 .xtp-page6-feat+.xtp-page6-feat {
  border-top: 0.05rem dashed #cccccc;
  margin-top: 0.65rem;
  padding-top: 0.65rem;
}

.xtp-page6 .xtp-page6-feat-title {
  display: flex;
  align-items: center;
  font-family: OPPOSansB;
  font-size: 0.64rem;
  line-height: 0.64rem;
  color: #073b70;
}

.xtp-page6 .xtp-page6-feat-title::before {
  content: "";
  width: 0.19rem;
  height: 0.19rem;
  border-radius: 50%;
  background-color: #073b70;
  margin-right: 0.16rem;
}

.xtp-page6 .xtp-page6-feat-row {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.64rem;
}

.xtp-page6 .xtp-page6-feat-row p {
  flex: 1;
  font-size: 0.5rem;
  line-height: 0.73rem;
  color: #6a85a0;
  text-align: justify;
}

.xtp-page6 .xtp-page6-feat-row img {
  width: 5.55rem;
  border-radius: 0.13rem;
  flex-shrink: 0;
  align-self: flex-start;
}

/* ===== page7 ???????? ===== */
.xtp-page2-title,
.xtp-page3-title,
.xtp-page4-title,
.xtp-page7-title,
.xtp-page8-title,
.xtp-page9-title,
.xtp-page10-title {
  font-family: OPPOSansB;
  font-size: 1.28rem;
  line-height: 1.28rem;
  color: #073b70;
  text-align: center;
  margin-bottom: 0.95rem;
}

.xtp-page7-wrap {
  padding: 0 0.85rem;
}

.xtp-page7 .xtp-p7-top {
  display: grid;
  grid-template-columns: 1.6fr 5.57rem;
  /* gap: 0.42rem; */
  align-items: center;
}

.xtp-page7 .xtp-p7-intro {
  background-color: #073b70;
  border-radius: 0.21rem;
  padding: 0.53rem 0.8rem 0.53rem;
}

.xtp-page7 .xtp-p7-intro p {
  font-size: 0.51rem;
  line-height: 0.86rem;
  color: #ffffff;
  text-align: justify;
}

.xtp-page7 .xtp-p7-intro strong {
  font-weight: normal;
  font-family: OPPOSansB;
  color: #ffffff;
}

.xtp-page7 .xtp-p7-stats {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.7rem 0.49rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 14.66rem;
  /* width: 5.57rem; */
}

.xtp-page7 .xtp-p7-stats .xtp-num {
  font-family: AvantiBold;
  font-size: 1.28rem;
  line-height: 0.87rem;
  color: #073b70;
  display: flex;
  align-items: flex-start;
  gap: 0.08rem;
}

.xtp-page7 .xtp-p7-stats .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.7rem;
  font-style: normal;
  line-height: 0.45rem;
}

.xtp-page7 .xtp-p7-stats p {
  /* font-family: OPPOSansB; */
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #073b70;
  margin-top: 0.44rem;
}

.xtp-page7 .xtp-p7-card {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.65rem 0.4rem 0.55rem;
  margin-top: 0.7rem;
}

.xtp-page7 .xtp-p7-card .xtp-page5-stitle {
  margin-bottom: 0.6rem;
}

.xtp-page7 .xtp-p7-sub {
  font-family: OPPOSansB;
  font-size: 0.64rem;
  line-height: 0.64rem;
  color: #073b70;
  /* margin-top: 0.95rem; */
}

.xtp-page7 .xtp-p7-sub:first-of-type {
  margin-top: 0;
}

.xtp-page7 .xtp-p7-p {
  font-size: 0.5rem;
  line-height: 0.75rem;
  color: #6a85a0;
  text-align: justify;
  margin-top: 0.35rem;
}

.xtp-page7 .xtp-p7-bold {
  font-family: OPPOSansB;
  font-size: 0.5rem;
  line-height: 0.75rem;
  color: #073b70;
  text-align: justify;
  margin-top: 0.2rem;
}

.xtp-page7 .xtp-p7-card>img {
  display: block;
  width: 100%;
  margin-top: 0.65rem;
  margin-bottom: 1.1rem;
}

.xtp-page7 .xtp-p7-card>img:last-child {
  margin-bottom: 0;
}

.xtp-page7 .xtp-p7-stitle {
  margin-top: 0.95rem;
  margin-bottom: 0.6rem;
}

.xtp-page7 .xtp-p7-coach {
  display: flex;
  gap: 0.37rem;
}

.xtp-page7 .xtp-p7-coach .xtp-p7-txt {
  flex: 1;
}

.xtp-page7 .xtp-p7-coach img {
  width: 4.91rem;
  /* height: 4.83rem; */
  object-fit: page1-cover;
  border-radius: 0.13rem;
  flex-shrink: 0;
}

.xtp-page7 .xtp-p7-red {
  font-family: OPPOSansB;
  font-size: 0.5rem;
  line-height: 0.75rem;
  color: #c8102e;
  margin-top: 0.45rem;
}

.xtp-page7 .xtp-p7-bar {
  background-color: #073b70;
  color: #ffffff;
  font-family: OPPOSansB;
  font-size: 0.64rem;
  height: 1.28rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.21rem;
  margin-top: 0.6rem;
}

.xtp-page7 .xtp-p7-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.1rem;
  margin-top: 0.3rem;
}

.xtp-page7 .xtp-p7-cols .xtp-p7-col-title {
  background-color: #073b70;
  color: #ffffff;
  /* font-family: OPPOSansB; */
  font-size: 0.55rem;
  line-height: 0.65rem;
  text-align: center;
  padding: 0.22rem 0;
  border-radius: 0.13rem 0.13rem 0 0;
  height: 1.86rem;
  height: 1.86rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.xtp-page7 .xtp-p7-cols .xtp-p7-col p {
  background-color: #e7f3ff;
  border-radius: 0 0 0.13rem 0.13rem;
  padding: 0.35rem 0;
  font-size: 0.5rem;
  line-height: 0.8rem;
  color: #073b70;
  text-align: center;
  font-family: OPPOSansB;
  height: calc(100% - 1.86rem);
}

.xtp-page7 .xtp-p7-abroad {
  padding: 0.6rem 0.75rem;
}

.xtp-page7 .xtp-p7-tag {
  display: inline-flex;
  align-items: center;
  height: 1.07rem;
  background-color: #14589c;
  color: #ffffff;
  font-family: OPPOSansB;
  font-size: 0.64rem;
  padding: 0 0.3rem;
  border-radius: 0.08rem;
  margin-top: 0.55rem;
}

.xtp-page7 .xtp-p7-hd {
  font-family: OPPOSansB;
  font-size: 0.55rem;
  line-height: 0.55rem;
  color: #073b70;
  margin-top: 0.45rem;
}

.xtp-page7 .xtp-p7-abroad .xtp-p7-p {
  margin-top: 0.25rem;
}

.xtp-page7 .xtp-p7-abroad>.xtp-p7-p:first-child {
  margin-top: 0;
}

/* ===== page8 ?????�?� ===== */
.xtp-page8-wrap {
  padding: 0 0.85rem;
}

.xtp-page8 .xtp-p8-intro {
  background-color: #073b70;
  border-radius: 0.21rem;
  padding: 0.53rem 0.8rem 0;
  margin-top: 0.1rem;
}

.xtp-page8 .xtp-p8-intro p {
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #ffffff;
  text-align: justify;
}

.xtp-page8 .xtp-p8-stats {
  background-color: #c70f2d;
  border-radius: 0.13rem;
  /* margin: 0.39rem 0.41rem -0.64rem; */
  padding: 0.25rem 0 0.1rem;
  display: grid;
  grid-template-columns: 1fr 1.1fr 1.6fr;
  position: relative;
  z-index: 1;
  height: 2.99rem;
  align-items: center;
  top: 0.7rem;
}

.xtp-page8 .xtp-p8-stats .xtp-num {
  font-family: AvantiBold;
  font-size: 1.28rem;
  line-height: 1.07rem;
  color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.08rem;
  font-size: 1.28rem;
  line-height: 0.87rem;
}

.xtp-page8 .xtp-p8-stats .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.4rem;
  font-style: normal;
  line-height: 0.45rem;
  font-size: 0.7rem;
  font-style: normal;
  line-height: 0.45rem;
}

.xtp-page8 .xtp-p8-stats p {
  /* font-family: OPPOSansB; */
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #ffffff;
  text-align: center;
  margin-top: 0.42rem;
}

.xtp-page8 .xtp-p8-stitle {
  margin-top: 2.3rem;
  margin-bottom: 0.72rem;
}

.xtp-page8 .xtp-p8-honor {
  position: relative;
}

.xtp-page8 .xtp-p8-honor ul {
  position: absolute;
  left: 0;
  top: 0.35rem;
  /* width: 54%; */
}

.xtp-page8 .xtp-p8-honor li {
  position: relative;
  padding-left: 0.45rem;
  /* font-family: OPPOSansB; */
  font-size: 0.5rem;
  line-height: 0.93rem;
  color: #073b70;
}

.xtp-page8 .xtp-p8-honor li::before {
  content: "";
  position: absolute;
  left: 0.05rem;
  top: 0.28rem;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #073b70;
}

.xtp-page8 .xtp-p8-honor li.xtp-gap {
  /* margin-top: 0.91rem; */
}

.xtp-page8 .xtp-p8-honor img {
  display: block;
  width: 100%;
}

.xtp-page8 .xtp-p8-card {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  margin-top: 0.41rem;
  padding: 0.4rem 0.4rem 0.55rem;
}

.xtp-page8 .xtp-p8-sec.xtp-right {
  text-align: right;
}

.xtp-page8 .xtp-p8-sec {
  margin-bottom: 0.5rem;
}

.xtp-page8 .xtp-p8-sec:last-child {
  margin-bottom: 0;
}

.xtp-page8 .xtp-p8-body {
  display: flex;
  gap: 0.37rem;
  margin-top: 0.39rem;
  text-align: left;
}

.xtp-page8 .xtp-p8-body>div {
  flex: 1;
}

.xtp-page8 .xtp-p8-body img {
  width: 4.17rem;
  flex-shrink: 0;
  /* border-radius: 0.13rem; */
  align-self: flex-start;
}

.xtp-page8 .xtp-p8-hd {
  font-family: OPPOSansB;
  font-size: 0.55rem;
  line-height: 0.53rem;
  color: #073b70;
  margin-top: 0.45rem;
}
.xtp-page8 .xtp-p8-hd:nth-child(1){
  margin-top: 0;
}
.xtp-page8 .xtp-p8-hd.xtp-sm {
  font-size: 0.45rem;
  line-height: 0.75rem;
  margin-top: 0.23rem;
}

.xtp-page8 .xtp-p8-body>div>p:first-child {
  margin-top: 0;
  font-size: 0.55rem;
}

.xtp-page8 .xtp-p8-body p {
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #073b70;
  text-align: justify;
  margin-top: 0.23rem;
}

.xtp-page8 .xtp-p8-sub {
  /* font-family: OPPOSansB; */
  font-size: 0.55rem;
  line-height: 0.55rem;
  color: #999999;
  text-align: center;
  /* margin-top: 0.33rem; */
}

.xtp-page8 .xtp-p8-smart {
  display: flex;
  gap: 0.3rem;
  margin-top: 0.75rem;
  align-items: flex-start;
}

.xtp-page8 .xtp-p8-smart-feats {
  width: 5.55rem;
}

.xtp-page8 .xtp-p8-feature {
  width: 5.55rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.xtp-page8 .xtp-p8-feature .xtp-tag {
  display: inline-block;
  width: 5.55rem;
  text-align: center;
}

.xtp-page8 .xtp-p8-feature p {
  font-family: OPPOSansB;
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #6a85a0;
  text-align: center;
  margin-top: 0.3rem;
}

.xtp-page8 .xtp-p8-smart-feats .xtp-p8-feature {
  margin-bottom: 0.55rem;
}

.xtp-page8 .xtp-p8-smart>img {
  width: 7.94rem;
  flex-shrink: 0;
}

.xtp-page8 .xtp-p8-smart2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem;
  margin-top: 0.1rem;
}

.xtp-page8 .xtp-p8-strip {
  display: block;
  width: 13.83rem;
  margin: 0.47rem auto 0;
}

.xtp-page8 .xtp-p8-strip.xtp-p8-strip-top {
  width: 10.63rem;
  margin-top: 1.4rem;
}

.xtp-page8 .xtp-p8-ai-title {
  font-family: OPPOSansB;
  font-size: 0.81rem;
  line-height: 1.11rem;
  color: #073b70;
  text-align: center;
  margin-top: 0.75rem;
}

.xtp-page8 .xtp-p8-ai {
  display: flex;
  gap: 0.3rem;
  margin-top: 0.88rem;
}

.xtp-page8 .xtp-p8-ai-feats {
  flex: 1;
}

.xtp-page8 .xtp-p8-ai-feats p {
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #6a85a0;
  text-align: justify;
  font-family: OPPOSansB;
  margin: 0.2rem 0 0.4rem;
}

.xtp-page8 .xtp-p8-ai-right {
  width: 6.89rem;
  flex-shrink: 0;
}

.xtp-page8 .xtp-p8-ai-right img {
  display: block;
  width: 100%;
}

.xtp-page8 .xtp-p8-ai-right ul {
  display: flex;
  justify-content: space-between;
  gap: 0.1rem;
  margin-top: 0.3rem;
}

.xtp-page8 .xtp-p8-ai-right li {
  flex: 1;
}

.xtp-page8 .xtp-p8-ai-right li p {
  font-size: 0.2rem;
  line-height: 0.24rem;
  color: #999999;
  text-align: center;
}

.xtp-page8 .xtp-p8-ai-right li div {
  background-color: #14589c;
  color: #ffffff;
  font-family: OPPOSansB;
  font-size: 0.28rem;
  line-height: 0.28rem;
  text-align: center;
  padding: 0.12rem 0;
  border-radius: 0.08rem;
  margin-top: 0.08rem;
}

.xtp-page8 .xtp-p8-ai-full {
  font-family: OPPOSansB;
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #6a85a0;
  margin-top: 0.55rem;
}

.xtp-page8 .xtp-p8-ai-line {
  font-family: OPPOSansB;
  font-size: 0.45rem;
  line-height: 0.5rem;
  color: #6a85a0;
  text-align: center;
  margin: 0.55rem 0 0.5rem;
}

/* ===== page9 ???�??? ===== */
.xtp-page9-wrap {
  padding: 0 0.85rem;
}

.xtp-page9 .xtp-p9-stats {
  display: grid;
  grid-template-columns: 1.5fr 1.6fr 1fr;
  gap: 0.2rem;
  margin-top: 0.75rem;
}

.xtp-page9 .xtp-p9-stats2 {
  grid-template-columns: 0.8fr 1.2fr 1.3fr;
  margin-bottom: .94rem;
}

.xtp-page9 .xtp-p9-stats li {
  border-left: 0.07rem solid #c70f2d;
  padding-left: 0.47rem;
}

.xtp-page9 .xtp-p9-stats .xtp-num {
  font-family: AvantiBold;
  font-size: 1.28rem;
  line-height: 0.97rem;
  color: #073b70;
  display: flex;
  align-items: flex-start;
  gap: 0.08rem;
  font-size: 1.28rem;
  line-height: 0.87rem;
  font-size: 1.28rem;
  line-height: 0.87rem;
}

.xtp-page9 .xtp-p9-stats .xtp-num i {
  font-family: OPPOSansB;
  font-size: 0.8rem;
  font-style: normal;
  line-height: 0.45rem;
  font-family: OPPOSansB;
  font-size: 0.8rem;
  font-style: normal;
  line-height: 0.7rem;
  font-size: 0.7rem;
  font-style: normal;
  line-height: 0.45rem;
}

.xtp-page9 .xtp-p9-stats p {
  /* font-family: OPPOSansB; */
  font-size: 0.55rem;
  line-height: 0.55rem;
  color: #073b70;
  margin-top: 0.52rem;
}

.xtp-page9 .xtp-p9-qual {
  display: flex;
  gap: 0.3rem;
  /* align-items: center; */
  margin-top: 0.8rem;
  justify-content: space-between;
}

.xtp-page9 .xtp-p9-qual>ul {
  /* width: 2.6rem; */
  /* flex-shrink: 0; */
  padding-top: 0.3rem;
  padding-left: 0.55rem;
}

.xtp-page9 .xtp-p9-qual li {
  font-family: OPPOSansB;
  font-size: 0.6rem;
  line-height: 1.3rem;
  color: #073b70;
}

.xtp-page9 .xtp-p9-qual>div {
  /* flex: 1; */
  width: 8.11rem;
  flex-shrink: 0;
}

.xtp-page9 .xtp-p9-qual img {
  display: block;
  width: 100%;
}

.xtp-page9 .xtp-p9-qual p {
  font-family: OPPOSansB;
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: #c70f2d;
  text-align: center;
  margin-top: 0.4rem;
}

.xtp-page9 .xtp-p9-experts {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.64rem;
  margin-top: 0.8rem;
}

.xtp-page9 .xtp-p9-experts .xtp-p9-row {
  display: flex;
  gap: 0.35rem;
  /* align-items: center; */
}

.xtp-page9 .xtp-p9-experts .xtp-p9-row+.xtp-p9-row {
  margin-top: 0.8rem;
}

.xtp-page9 .xtp-p9-experts img {
  width: 4.13rem;
  height: 4.13rem;
  /* border-radius: 0.13rem; */
  object-fit: page1-cover;
  flex-shrink: 0;
}

.xtp-page9 .xtp-p9-experts .xtp-p9-name {
  font-family: OPPOSansB;
  font-size: 0.6rem;
  line-height: 0.6rem;
  color: #073b70;
  margin-bottom: 0.2rem;
}

.xtp-page9 .xtp-p9-experts .xtp-p9-row div p {
  font-size: 0.47rem;
  line-height: 0.85rem;
  color: #073b70;
}

.xtp-page9 .xtp-p9-experts .xtp-p9-row div p:nth-child(1) {
  font-size: 0.6rem;
  line-height: 0.6rem;
  margin-bottom: 0.3rem;
}

.xtp-page9 .xtp-p9-experts .xtp-p9-row div p+p {
  /* margin-top: 0.05rem; */
}

.xtp-page9 .xtp-p9-cats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.55rem 0.3rem;
  margin-top: 1.17rem;
}

.xtp-page9 .xtp-p9-cats .xtp-p9-cat-title {
  font-family: OPPOSansB;
  font-size: 0.64rem;
  line-height: 0.64rem;
  color: #073b70;
  margin-bottom: 0.3rem;
}

.xtp-page9 .xtp-p9-cats p {
  border-left: 0.05rem solid #c70f2d;
  padding-left: 0.2rem;
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #999999;
}

.xtp-page9 .xtp-p9-stitle {
  margin-top: 1.9rem;
  margin-bottom: 0.75rem;
}

.xtp-page9 .xtp-p9-card {
  background-color: #e7f3ff;
  border-radius: 0.21rem;
  padding: 0.55rem 0.4rem;
}

.xtp-page9 .xtp-p9-card .xtp-p9-row {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}

.xtp-page9 .xtp-p9-card .xtp-p9-row+.xtp-p9-row {
  margin-top: 1rem;
}

.xtp-page9 .xtp-p9-card img {
  width: 4.7rem;
  height: 4.7rem;
  /* border-radius: 0.13rem; */
  object-fit: page1-cover;
  flex-shrink: 0;
}

.xtp-page9 .xtp-p9-card-text {
  flex: 1;
}

.xtp-page9 .xtp-p9-card-text p {
  font-size: 0.5rem;
  font-family: OPPOSansB;
  line-height: 0.85rem;
  color: #6a85a0;
  text-align: justify;
  margin-top: 0.35rem;
}

/* ===== page10 ???�???? ===== */
.xtp-page10-wrap {
  padding: 0 0.85rem;
}

.xtp-page10 .xtp-p10-section {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.77rem;
}

.xtp-page10 .xtp-p10-section.xtp-rev {
  margin-top: 1.03rem;
}

.xtp-page10 .xtp-p10-head {
  flex: 1 1 55%;
}

.xtp-page10 .xtp-p10-head-title {
  border-left: 0.09rem solid #073b70;
  padding-left: 0.4rem;
  margin-bottom: 0.6rem;
}

.xtp-page10 .xtp-p10-head-title p {
  font-size: 0.68rem;
  line-height: 1.1rem;
  color: #073b70;
}

.xtp-page10 .xtp-p10-head-title p:nth-child(2) {
  font-family: OPPOSansB;
}

.xtp-page10 .xtp-p10-head .xtp-p10-logo {
  display: block;
  margin-top: 0.45rem;
}

.xtp-page10 .xtp-p10-section:not(.xtp-rev) .xtp-p10-logo {
  width: 5.34rem;
}

.xtp-page10 .xtp-p10-section.xtp-rev .xtp-p10-logo {
  width: 4.4rem;
  margin-left: 0.7rem;
}

.xtp-page10 .xtp-p10-section.xtp-rev .xtp-p10-head-title {
  margin-left: 0.7rem;
}

.xtp-page10 .xtp-p10-pic {
  width: 6.09rem;
  /* height: 4.38rem; */
  /* object-fit: page1-cover; */
  border-radius: 0.1rem;
  flex-shrink: 0;
}

.xtp-page10 .xtp-p10-text {
  flex-basis: 100%;
  font-size: 0.5rem;
  line-height: 0.85rem;
  color: #666666;
  text-align: justify;
  margin-top: 0.53rem;
}

.xtp-prev_next {
  height: 2.56rem;
  background-color: #ffffff;
  box-shadow: 0rem -0.21rem 0.85rem 0rem rgba(29, 96, 168, 0.1);
  /* border-radius: 0.64rem 0.64rem 0rem 0rem; */
  position: fixed;
  bottom: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: stretch;
  z-index: 4;
}

.xtp-prev_next .xtp-prev {
  display: flex;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.xtp-prev_next p {
  font-family: OPPOSansB;
  font-size: 0.68rem;
  line-height: 0.68rem;
  color: #073b70;
}

.xtp-prev_next .xtp-menu-btn,
.xtp-prev_next .xtp-prev,
.xtp-prev_next .xtp-next {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .58rem;
}

.xtp-prev_next .xtp-menu-btn img {
  width: 0.66rem;
}

.xtp-prev_next .xtp-prev::before {
  content: "";
  border: .25rem solid #073b70;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.xtp-prev_next .xtp-next::after {
  content: "";
  border: .25rem solid #073b70;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

/* ???????? / ?????? */
/* body {
  padding-bottom: 2.56rem;
} */


.xtp-prev_next .xtp-disabled {
  opacity: 0.4;
}

.xtp-menu-list {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffffff;
  border-radius: 0.64rem 0.64rem 0 0;
  padding: 0.95rem 1.4rem 0.8rem;
  display: none;
  box-shadow: 0 -0.04rem 0.16rem rgba(29, 96, 168, 0.12);
  z-index: 5;
}
.xtp-menu-list:before{
  content:"";
  height: 90%;
  width: .13rem;
  background: #e7f3ff;
  position:absolute;
  left: 1.55rem;
  z-index: 1;
  border-radius: 1rem;
}
.xtp-menu-list.xtp-open {
  display: block;
}

.xtp-menu-list .xtp-menu-group-title {
  font-family: OPPOSansB;
  font-size: 0.76rem;
  line-height: 0.86rem;
  color: #073b70;
  margin: 0.75rem 0 0.45rem;
  display: flex;
  align-items: center;
}

.xtp-menu-list .xtp-menu-group:first-child .xtp-menu-group-title {
  margin-top: 0;
}

.xtp-menu-list .xtp-menu-group-title::before {
  content: "";
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  margin-right: 0.27rem;
  flex-shrink: 0;
  background-color: #073b70;
  z-index: 2;
  background-color: #073b70;
  border: solid 0.09rem #e7f3ff;
}

.xtp-menu-list .xtp-menu-group-title i {
  font-style: normal;
  margin-right: 0.27rem;
}

.xtp-menu-list li {
  font-family: OPPOSansB;
  position: relative;
  padding: 0.32rem 0 0.32rem 1rem;
  font-size: 0.6rem;
  line-height: 0.63rem;
  color: #073b70;
  
}

.xtp-prev_next .xtp-menu-list li::before {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 50%;
  margin-top: -0.08rem;
  width: 0.17rem;
  height: 0.17rem;
  border-radius: 50%;
  background-color: #073b70;
}

.xtp-menu-list li.xtp-on {
  color: #c70f2d;
}

.xtp-menu-list li.xtp-on::before {
  background-color: #c70f2d;
}

.xtp-menu-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 55%);
  z-index: 4;
  display: none;
}

.xtp-menu-mask.xtp-show {
  display: block;
}
.xtp-prev_next .xtp-disabled::before{
  /* border-left-color: #d6ebff; */
}
.xtp-prev_next .xtp-disabled:after{
  /* border-right-color: #d6ebff; */
}

/* ===== page2 ???????�?�???�?????????? ===== */
.xtp-page2-campus {
  margin-top: 0.1rem;
  padding: 0.55rem 0rem 0.6rem 0.55rem;
  background-image: linear-gradient(60deg,
      #e7f3ff 0%,
      rgba(250, 253, 255, 0.6) 80%,
      #ffffff 100%);
  border-radius: 0.21rem;
  min-height: 4rem;
}

.xtp-page2-campus-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.45rem;
}

.xtp-page2-campus-list li {
  font-size: 0.5rem;
  line-height: 0.78rem;
  padding: 0 0.38rem;
  border-radius: 0.5rem;
  border: 1px solid #d6eaff;
  background-color: #ffffff;
  color: #1d60a8;
  
}

.xtp-page2-campus-list li.xtp-active {
  font-family: OPPOSansB;
  border-color: #1d60a8;
  background-color: #1d60a8;
  color: #ffffff;
}

.xtp-campus-loading,
.xtp-campus-empty {
  font-size: 0.45rem;
  line-height: 0.8rem;
  color: #9aa9b8;
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  cursor: default;
}

.xtp-page2-dz .xtp-detail {
  display: none;
}

.xtp-page2-dz .xtp-detail.xtp-active {
  display: block;
}

.xtp-dis-f {
  display: flex;
  align-items: flex-start;
  font-size: 0.46rem;
  line-height: 0.8rem;
  color: #6a85a0;
}

.xtp-dis-f + .xtp-dis-f {
  margin-top: 0.14rem;
}

.xtp-left {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  margin-right: 0.16rem;
  color: #073b70;
  width: 3.1rem;
}

.xtp-left i {
  font-size: 0.5rem;
  line-height: 0.5rem;
  margin-right: 0.12rem;
  color: #1d60a8;
}

.xtp-ad {
  flex: 1;
  color: #6a85a0;
}

/* ===== page2 ?�????? ===== */
.xtp-page2 .sw-form {
  position: relative;
  margin-top: 1rem;
  padding: 0.8rem 0.7rem 0.85rem;
  border-radius: 0.21rem;
  background-image: linear-gradient(135deg,
      #073b70 0%,
      #0d4c8b 55%,
      #1d60a8 100%);
  box-shadow: 0 0.15rem 0.45rem rgba(7, 59, 112, 0.18);
  overflow: hidden;
}

.xtp-page2 .sw-form::before,
.xtp-page2 .sw-form::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.07);
  pointer-events: none;
}

.xtp-page2 .sw-form::before {
  width: 2.4rem;
  height: 2.4rem;
  top: -1.3rem;
  right: -0.9rem;
}

.xtp-page2 .sw-form::after {
  width: 1.5rem;
  height: 1.5rem;
  left: -0.7rem;
  bottom: -0.8rem;
}

.xtp-page2 .sw-form h3 {
  position: relative;
  z-index: 1;
  font-family: OPPOSansB;
  font-size: 0.82rem;
  line-height: 0.9rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 0.75rem;
}

.xtp-page2 .sw-form .sw-form__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.55rem 0.3rem;
}

.xtp-page2 .sw-form .sw-form__field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.xtp-page2 .sw-form .sw-form__label {
  font-size: 0.5rem;
  line-height: 0.5rem;
  color: rgba(255, 255, 255, 0.85);
  padding-left: 0.1rem;
  margin-bottom: 0.34rem;
}

.xtp-page2 .sw-form .sw-form__input {
  width: 100%;
  height: 1.35rem;
  font-family: OPPOSansR;
  font-size: 0.5rem;
  line-height: 1.35rem;
  color: #073b70;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0.12rem;
  padding: 0 0.25rem;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.xtp-page2 .sw-form .sw-form__input::placeholder {
  color: #9aa9b8;
  font-size: 0.46rem;
}

.xtp-page2 .sw-form .sw-form__input:focus {
  border-color: #7fb6f0;
  box-shadow: 0 0 0 0.05rem rgba(127, 182, 240, 0.45);
}

.xtp-page2 .sw-form select.sw-form__input {
  padding-right: 0.6rem;
  color: #073b70;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%231d60a8' d='M5 6 0 0h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.22rem center;
  background-size: 0.38rem auto;
}

.xtp-page2 .sw-form select.sw-form__input option {
  color: #073b70;
  background-color: #ffffff;
}

.xtp-page2 .sw-form .sw-form__message {
  position: relative;
  z-index: 1;
  font-size: 0.46rem;
  line-height: 0.7rem;
  color: #ffd2da;
  text-align: center;
  margin-top: 0.4rem;
}

.xtp-page2 .sw-form .sw-form__message.is-hidden {
  display: none;
}

.xtp-page2 .sw-form .sw-form__submit {
  position: relative;
  z-index: 1;
  width: 37%;
  height: 1.48rem;
  margin: 0.72rem auto 0;
  font-family: OPPOSansB;
  font-size: 0.65rem;
  line-height: 1.48rem;
  color: #ffffff;
  text-align: center;
  border-radius: 1.48rem;
  background-image: linear-gradient(90deg,
      #c70f2d 0%,
      #e2243f 100%);
  box-shadow: 0 0.12rem 0.3rem rgba(199, 15, 45, 0.32);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 0.15s, opacity 0.2s;
}

.xtp-page2 .sw-form .sw-form__submit:active {
  transform: scale(0.98);
  opacity: 0.92;
}