@charset "UTF-8";
.initiationNav {
  background: #07D1AA;
  color: #ffffff;
}

.center {
  width: 10rem;
  margin: 0 auto;
  background-color: #E9F7FB;
}

/* banner */
.banner {
  height: 3.78646rem;
  width: 100%;
  background-color: #ffffff;
}

.banner .slide {
  height: 3.78646rem;
  background-color: #eee;
}

.banner .slide img {
  width: 100%;
  height: 100%;
}

.banner .swiper-pagination {
  bottom: 0.14062rem !important;
}

.banner .swiper-pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  background-color: #ffffff !important;
  opacity: 1;
}

.banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #FFF841 !important;
}

/* 课程目标 */
.block1 {
  padding: 0.52604rem 0 0.52083rem 0;
}

.block1 .title {
  text-align: center;
  margin: 0 0 0.38542rem 0;
}

.block1 .title .img {
  width: 1.49479rem;
  height: 0.51562rem;
  margin-right: -0.04167rem;
}

.block1 .icons-wrap {
  text-align: center;
}

.block1 .icons-wrap .item {
  display: inline-block;
  vertical-align: top;
  margin: 0 0.05208rem;
  height: 1.78125rem;
  width: 1.45312rem;
  background: #ffffff;
  border-radius: 0.28125rem;
  box-shadow: 0 0.02604rem 0.09375rem 0 #cee8ff;
  text-align: center;
  transition: transform 200ms ease-in-out;
}

.block1 .icons-wrap .item:hover {
  transform: translate3d(0, -12%, 0);
}

.block1 .icons-wrap .item .content {
  display: inline-block;
  margin-top: 0.08854rem;
  width: 1.27083rem;
  height: 1.58854rem;
  border-radius: 0.23438rem;
}

.block1 .icons-wrap .item .content .icon.icon1 {
  width: 0.72464rem;
  height: 0.70199rem;
  margin: 0.26042rem 0 0.22645rem 0;
}

.block1 .icons-wrap .item .content .icon.icon2 {
  width: 0.78351rem;
  height: 0.67482rem;
  margin: 0.28759rem 0 0.22645rem 0;
}

.block1 .icons-wrap .item .content .icon.icon3 {
  width: 0.76087rem;
  height: 0.72464rem;
  margin: 0.23777rem 0 0.22645rem 0;
}

.block1 .icons-wrap .item .content .icon.icon4 {
  width: 0.68841rem;
  height: 0.68841rem;
  margin: 0.274rem 0 0.22645rem 0;
}

.block1 .icons-wrap .item .content .text {
  font-size: 0.11979rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: bold;
  color: #4b2800;
  line-height: 0.20833rem;
}

/* 课程简介 */
.block2 {
  background-image: url(/assets/images/initiation/block2/bg.png);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 0.86979rem;
  position: relative;
}

.block2 .box {
  margin: 0 auto 0.67188rem auto;
  width: 6.35417rem;
  height: 4.19792rem;
  background-image: url(/assets/images/initiation/block2/box.png);
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  position: relative;
  z-index: 10;
}

.block2 .box .title {
  width: 1.49479rem;
  height: 0.51562rem;
  margin: 1.05208rem 0 0.31771rem 0;
}

.block2 .box .text {
  text-align: left;
  font-size: 0.13542rem;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: bold;
  color: #4b2800;
  line-height: 0.22917rem;
  margin: 0 1rem;
}

.block2 .grass1 {
  position: absolute;
  top: 5.06771rem;
  left: 0.85417rem;
  z-index: 1;
  width: 8.38021rem;
  height: 0.63542rem;
}

.block2 .grass2 {
  position: absolute;
  top: 4.20312rem;
  left: 0.4375rem;
  z-index: 1;
  width: 1.99479rem;
  height: 0.77083rem;
}

.block2 .grass3 {
  position: absolute;
  top: 4.11458rem;
  right: 0.5rem;
  z-index: 1;
  width: 2.125rem;
  height: 0.85938rem;
}

.block2 .rabbit {
  position: absolute;
  top: 3.30729rem;
  left: 1.59896rem;
  z-index: 13;
  width: 1.14583rem;
  height: 2.1875rem;
}

.block2 .flower {
  position: absolute;
  top: 4.24479rem;
  left: 2.57292rem;
  z-index: 12;
  width: 1.1875rem;
  height: 1.25rem;
  animation: up-and-down 2000ms infinite;
}

.block2 .shadow1 {
  position: absolute;
  top: 5.3125rem;
  left: 2.76042rem;
  z-index: 11;
  width: 0.83333rem;
  height: 0.18229rem;
  animation: shadow-fade 2000ms infinite;
}

.block2 .do {
  position: absolute;
  top: 4.50521rem;
  right: 2.61458rem;
  z-index: 13;
  width: 0.77083rem;
  height: 0.98958rem;
  animation: up-and-down 2000ms infinite 500ms;
}

.block2 .shadow2 {
  position: absolute;
  top: 5.29688rem;
  right: 2.53646rem;
  z-index: 11;
  width: 0.92708rem;
  height: 0.21875rem;
  animation: shadow-fade 2000ms infinite 500ms;
}

.block2 .wow {
  position: absolute;
  top: 3.59375rem;
  right: 1.45312rem;
  z-index: 12;
  width: 1.39583rem;
  height: 1.90104rem;
}

.block2 .content-wrap {
  background-color: #DCFFBC;
  padding: 0.38542rem 0 0.52604rem 0;
}

.block2 .content-wrap .content {
  margin: 0 auto;
  width: 6.14062rem;
  height: 3.46875rem;
  border-radius: 0.29167rem;
  position: relative;
  overflow: hidden;
}

.block2 .content-wrap .content .video {
  width: 100%;
  height: 100%;
}

.block2 .content-wrap .content .play {
  cursor: pointer;
  height: 0.38542rem;
  width: 0.38542rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 10;
}

/* 课程规划 */
.block3 {
  position: relative;
  background-image: url(/assets/images/initiation/block3/bg.png);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding: 0.52083rem 0 0.52083rem 0;
  background-color: #E4F7FC;
}

.block3 .wow {
  width: 1.01042rem;
  height: 1.51042rem;
  position: absolute;
  top: 0.86458rem;
  left: 2.3125rem;
}

.block3 .star1 {
  width: 0.85938rem;
  height: 1.04688rem;
  position: absolute;
  top: 1.9375rem;
  left: 1.5rem;
}

.block3 .star2 {
  width: 0.94271rem;
  height: 1.09375rem;
  position: absolute;
  right: 1.48958rem;
  bottom: 1.10938rem;
}

.block3 .content {
  width: 5.98958rem;
  height: 4.83333rem;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 0.4375rem;
  box-shadow: 0 0.02083rem 0.08854rem 0 #cee8ff;
  padding: 0.09375rem;
}

.block3 .content .box {
  width: 5.98958rem;
  height: 4.51042rem;
  margin: 0 auto;
  background-color: #fffbe5;
  border-radius: 0.39583rem;
  padding-top: 0.32292rem;
}

.block3 .content .box .title {
  display: block;
  margin: 0 auto 0.20312rem auto;
  width: 1.81771rem;
  height: 0.52604rem;
}

.block3 .content .box .table {
  width: 5.14062rem;
  height: 3.44792rem;
  margin: 0 auto;
}

.block3 .content .box .table .tr {
  display: flex;
  align-items: end;
  margin-bottom: 0.04688rem;
}

.block3 .content .box .table .tr:nth-child(2) {
  margin-bottom: 0.04427rem;
}

.block3 .content .box .table .tr .td {
  flex: 1;
  margin-right: 0.04688rem;
  color: #ffffff;
  font-size: 0.10417rem;
}

.block3 .content .box .table .tr .td .large {
  font-size: 0.13021rem;
}

.block3 .content .box .table .tr .td .orange {
  color: #F77622;
  font-weight: bold;
}

.block3 .content .box .table .tr .td:first-child {
  flex: none;
  width: 0.67708rem;
}

.block3 .content .box .table .tr .td:last-child {
  margin-right: 0;
}

.block3 .content .box .table .tr .top1 {
  height: 0.34896rem;
  line-height: 0.35938rem;
  font-size: 0.16667rem;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(180deg, #fcdc4a, #f8b624);
  border-radius: 0.20833rem 0.20833rem 0.04167rem 0.04167rem;
}

.block3 .content .box .table .tr .top2 {
  height: 0.53125rem;
  line-height: 0.54167rem;
  font-size: 0.16667rem;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(180deg, #fcc727, #f79511);
  border-radius: 0.23438rem 0.23438rem 0.04167rem 0.04167rem;
}

.block3 .content .box .table .tr .top3 {
  height: 0.67188rem;
  line-height: 0.68229rem;
  font-size: 0.16667rem;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(180deg, #fcae47, #f77622);
  border-radius: 0.26042rem 0.26042rem 0.04167rem 0.04167rem;
}

.block3 .content .box .table .tr .left1 {
  height: 0.41146rem;
  line-height: 0.42188rem;
  text-align: center;
  font-weight: bold;
  background: #add74a;
  border-radius: 0.4375rem 0.11458rem 0.11458rem 0.4375rem;
}

.block3 .content .box .table .tr .left2 {
  height: 0.26042rem;
  line-height: 0.27083rem;
  text-align: center;
  font-weight: bold;
  background: #add74a;
  border-radius: 0.4375rem 0.11458rem 0.11458rem 0.4375rem;
}

.block3 .content .box .table .tr .left3 {
  height: 0.30729rem;
  line-height: 0.31771rem;
  text-align: center;
  font-weight: bold;
  background: #add74a;
  border-radius: 0.4375rem 0.11458rem 0.11458rem 0.4375rem;
}

.block3 .content .box .table .tr .left4 {
  height: 0.92188rem;
  line-height: 0.93229rem;
  text-align: center;
  font-weight: bold;
  background: #add74a;
  border-radius: 0.4375rem 0.04167rem 0.04167rem 0.4375rem;
}

.block3 .content .box .table .tr .mid1 {
  height: 0.32292rem;
  line-height: 0.11979rem;
  font-weight: bold;
  font-size: 0.08333rem;
  padding: 0.08854rem 0.10417rem 0 0.10417rem;
  text-align: justify;
  background: #f8b624;
  border-radius: 0.04167rem;
}

.block3 .content .box .table .tr .mid2 {
  height: 0.32292rem;
  line-height: 0.11979rem;
  font-weight: bold;
  font-size: 0.08333rem;
  padding: 0.08854rem 0.10417rem 0 0.10417rem;
  text-align: justify;
  background: #f79511;
  border-radius: 0.04167rem;
}

.block3 .content .box .table .tr .mid3 {
  height: 0.32292rem;
  line-height: 0.11979rem;
  font-weight: bold;
  font-size: 0.08333rem;
  padding: 0.08854rem 0.10417rem 0 0.10417rem;
  text-align: justify;
  background: #f77622;
  border-radius: 0.04167rem;
}

.block3 .content .box .table .tr .mid4 {
  height: 0.26042rem;
  line-height: 0.26042rem;
  text-align: center;
  color: #1E1E1E;
  background: #ffffff;
  border-radius: 0.04167rem;
}

.block3 .content .box .table .tr .mid5 {
  height: 0.29167rem;
  line-height: 0.29167rem;
  text-align: center;
  color: #1E1E1E;
  background: #ffffff;
  border-radius: 0.04167rem;
}

.block3 .content .box .table .tr .mid6 {
  height: 0.85417rem;
  font-size: 0.11458rem;
  line-height: 0.14583rem;
  color: #1E1E1E;
  padding: 0.06771rem 0.21354rem 0 0.21354rem;
  background: #ffffff;
  border-radius: 0.04167rem;
}

.block3 .content .box .table .tr .mid6 .text {
  margin-bottom: 0.05729rem;
}

.block3 .content .box .table .tr .link {
  height: 0.34896rem;
  line-height: 0.34896rem;
  font-size: 0.11979rem;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  flex: 1;
  background: #add74a;
  border-radius: 0.4375rem 0.11458rem 0.11458rem 0.4375rem;
}

.block3 .content .box .table .tr .link .arrow {
  width: 0.14062rem;
  height: 0.14062rem;
  display: inline-block;
  vertical-align: text-bottom;
}

/* 课程特色 */
.block4 {
  background-color: #E0F6FB;
  padding: 0 0 0.51562rem 0;
  position: relative;
}

.block4 .title {
  display: block;
  margin: 0 auto 0.38021rem auto;
  height: 0.51562rem;
  width: 1.77083rem;
}

.block4 .star1 {
  width: 1.15104rem;
  height: 1.98438rem;
  position: absolute;
  top: 1.39062rem;
  left: 0.41667rem;
}

.block4 .star2 {
  width: 0.98438rem;
  height: 1.86979rem;
  position: absolute;
  bottom: 0.55729rem;
  right: 0.55208rem;
}

.block4 .cards .row {
  display: flex;
  justify-content: center;
}

.block4 .cards .row .card {
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  margin: 0 0.06771rem 0.125rem 0.06771rem;
  width: 3.10417rem;
  height: 3.14062rem;
  overflow: hidden;
  transition: transform 300ms ease-in-out;
}

.block4 .cards .row .card:hover {
  transform: scale(1.06);
}

.block4 .cards .row .card.card1 {
  background-image: url(/assets/images/initiation/block4/bg1.png);
}

.block4 .cards .row .card.card1 .tag {
  background: #f9c550;
  box-shadow: 0 0.01042rem 0.04167rem 0 rgba(255, 255, 255, 0.5) inset;
}

.block4 .cards .row .card.card2 {
  background-image: url(/assets/images/initiation/block4/bg2.png);
}

.block4 .cards .row .card.card2 .tag {
  background: #F9B458;
  box-shadow: 0 0.01042rem 0.04167rem 0 rgba(255, 255, 255, 0.5) inset;
}

.block4 .cards .row .card.card3 {
  background-image: url(/assets/images/initiation/block4/bg3.png);
}

.block4 .cards .row .card.card3 .tag {
  background: #F99F64;
  box-shadow: 0 0.01042rem 0.04167rem 0 rgba(255, 255, 255, 0.5) inset;
}

.block4 .cards .row .card.card4 {
  background-image: url(/assets/images/initiation/block4/bg4.png);
}

.block4 .cards .row .card.card4 .tag {
  background: #BDDF6E;
  box-shadow: 0 0.01042rem 0.04167rem 0 rgba(255, 255, 255, 0.5) inset;
}

.block4 .cards .row .card .tag {
  width: 1rem;
  height: 0.26042rem;
  line-height: 0.25rem;
  text-align: center;
  font-size: 0.14583rem;
  color: #ffffff;
  font-weight: bold;
  margin: 0.64583rem auto 0.11458rem auto;
  border-radius: 0.13021rem;
}

.block4 .cards .row .card .text {
  text-align: center;
  font-size: 0.13021rem;
  line-height: 0.1875rem;
  color: #1E1E1E;
  margin-bottom: 0.13542rem;
}

.block4 .cards .row .card .content {
  width: 2.57292rem;
  height: 1.51042rem;
  background: #f2f2f2;
  border-radius: 0.23438rem;
  margin: 0 auto;
}

.block4 .cards .row .card .content img {
  width: 100%;
  height: 100%;
}

/* 课程亮点 */
.block5 {
  height: 6.14062rem;
  position: relative;
  overflow: hidden;
  background-color: #DDF5FC;
  background-image: url(/assets/images/initiation/block5/bg.png);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.block5.animate1 .effect1 {
  top: 2.58333rem;
  left: 2.72396rem;
  opacity: 1;
  transform: scale(1);
}

.block5.animate2 .effect2 {
  top: 2.4375rem;
  right: 2.58333rem;
  opacity: 1;
  transform: scale(1);
}

.block5 .title {
  display: block;
  margin: 1.03646rem auto 0 auto;
  width: 1.77083rem;
  height: 0.51562rem;
}

.block5 .circle {
  position: absolute;
  top: 2.90104rem;
  left: 3.625rem;
  width: 2.73958rem;
  height: 2.73958rem;
}

.block5 .wow1 {
  position: absolute;
  top: 2.02083rem;
  left: 4.84896rem;
  width: 1.17708rem;
  height: 1.48958rem;
}

.block5 .wow2 {
  position: absolute;
  top: 2.67708rem;
  left: 3.94271rem;
  width: 0.82292rem;
  height: 0.84375rem;
}

.block5 .effect1 {
  position: absolute;
  top: 3.10417rem;
  left: 3.24479rem;
  width: 0.82292rem;
  height: 0.69792rem;
  opacity: 0;
  transform: scale(0.5);
  transition: all 500ms ease-in-out;
}

.block5 .effect2 {
  position: absolute;
  top: 2.95833rem;
  right: 3.10417rem;
  width: 1.11458rem;
  height: 1.09375rem;
  opacity: 0;
  transform: scale(0.5);
  transition: all 500ms ease-in-out;
}

.block5 .effect3 {
  position: absolute;
  top: 2.07292rem;
  left: 3.53646rem;
  width: 1.11458rem;
  height: 0.53646rem;
}

.block5 .effect4 {
  position: absolute;
  top: 2.26562rem;
  right: 3.39062rem;
  width: 0.46354rem;
  height: 0.45833rem;
}

.block5 .cards {
  position: absolute;
  z-index: 100;
  top: 3.70312rem;
  left: 0;
  right: 0;
  text-align: center;
  background-image: url(/assets/images/initiation/block5/line.png);
  background-size: 4.6875rem;
  background-position: center top;
  background-repeat: no-repeat;
}

.block5 .cards .card {
  display: inline-block;
  width: 1.3125rem;
  height: 1.84896rem;
  background: #ffffff;
  border-radius: 1.40625rem 1.40625rem 0.375rem 0.375rem;
  box-shadow: 0 0.02604rem 0.10417rem 0 #cee8ff;
  margin: 0 0.14583rem;
  position: relative;
  overflow: hidden;
}

.block5 .cards .card:hover .bg {
  top: 0;
  bottom: 0;
}

.block5 .cards .card .bg {
  position: absolute;
  z-index: 1;
  top: 1.08333rem;
  left: 0;
  right: 0;
  bottom: 0.09375rem;
  transition: all 250ms ease-in-out;
}

.block5 .cards .card.card1 {
  top: -0.17188rem;
}

.block5 .cards .card.card1 .bg {
  background-color: #FFEEF5;
}

.block5 .cards .card.card1 .content .tit {
  color: #FF9BC4;
}

.block5 .cards .card.card1 .content .desp {
  padding: 0 0.10938rem;
}

.block5 .cards .card.card2 {
  top: 0.04688rem;
}

.block5 .cards .card.card2 .bg {
  background-color: #F2FBE5;
}

.block5 .cards .card.card2 .content .tit {
  color: #82DD00;
}

.block5 .cards .card.card2 .content .desp {
  padding: 0 0.10938rem;
}

.block5 .cards .card.card3 {
  top: -0.14583rem;
}

.block5 .cards .card.card3 .bg {
  background-color: #E6EEFF;
}

.block5 .cards .card.card3 .content .tit {
  color: #84ADFF;
}

.block5 .cards .card.card3 .content .desp {
  padding: 0 0.15104rem;
}

.block5 .cards .card.card4 {
  top: -0.36458rem;
}

.block5 .cards .card.card4 .bg {
  background-color: #E6FAF6;
}

.block5 .cards .card.card4 .content .tit {
  color: #07D1AA;
}

.block5 .cards .card.card4 .content .desp {
  padding: 0 0.0625rem 0 0.15625rem;
}

.block5 .cards .card .icon {
  width: 0.73438rem;
  height: 0.73438rem;
  margin: 0.13021rem auto 0.10938rem auto;
  border: 0.05208rem solid #fff;
  border-radius: 50%;
  position: relative;
  z-index: 100;
}

.block5 .cards .card .content {
  height: 0.53125rem;
  padding-top: 0.14583rem;
  position: relative;
  z-index: 100;
}

.block5 .cards .card .content .tit {
  font-size: 0.14062rem;
  line-height: 0.13021rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.06771rem;
}

.block5 .cards .card .content .desp {
  text-align: justify;
  font-size: 0.08333rem;
  line-height: 0.10417rem;
  color: #1E1E1E;
}

/* 研发团队 */
.block6 {
  position: relative;
  background-color: #E0F6FB;
  padding: 0.38542rem 0 0.28125rem 0;
}

.block6 .wow {
  position: absolute;
  top: 0.27083rem;
  right: 2.19271rem;
  width: 1.53646rem;
  height: 1.48958rem;
}

.block6 .cloud1 {
  position: absolute;
  top: 0.20312rem;
  left: 0;
  width: 1.10417rem;
  height: 2.9375rem;
}

.block6 .cloud2 {
  position: absolute;
  right: 0;
  bottom: 0.14583rem;
  width: 1.01042rem;
  height: 2.9375rem;
}

.block6 .star {
  position: absolute;
  bottom: 0;
  left: 1.17708rem;
  width: 1.54167rem;
  height: 1.83854rem;
}

.block6 .box {
  margin: 0 auto;
  width: 6.98438rem;
  height: 3.75rem;
  background-image: url(/assets/images/initiation/block6/box.png);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  overflow: hidden;
}

.block6 .box .title {
  display: block;
  width: 1.77083rem;
  height: 0.51562rem;
  margin: 0.52604rem auto 0.34896rem auto;
}

.block6 .box .content {
  display: flex;
  margin: 0 0.56771rem 0 0.59896rem;
  align-items: center;
}

.block6 .box .content .img {
  width: 2.35417rem;
  height: 1.55729rem;
  background-color: #eeeeee;
  border-radius: 0.23438rem;
  margin-right: 0.1875rem;
  overflow: hidden;
}

.block6 .box .content .img img {
  height: 100%;
  width: 100%;
}

.block6 .box .content .desp {
  flex: 1;
  font-size: 0.125rem;
  line-height: 0.22917rem;
  color: #4B2800;
  font-weight: bold;
}

/* 教学场景 */
.block7 {
  background-color: #fff;
  padding: 0.52083rem 0 0 0;
  background-image: url(/assets/images/initiation/block7/circle.png);
  background-size: 2.1875rem;
  background-position: right 0.63542rem;
  background-repeat: no-repeat;
}

.block7 .title {
  margin: 0 auto 0.38542rem auto;
  display: block;
  width: 1.77083rem;
  height: 0.51562rem;
}

.block7 .swiper-container {
  position: relative;
  margin: 0 1.51042rem;
  padding-bottom: 0.74479rem;
}

.block7 .swiper-container .swiper-slide .row {
  display: flex;
  justify-content: center;
  margin-bottom: 0.11979rem;
}

.block7 .swiper-container .swiper-slide .row:last-child {
  margin-bottom: 0;
}

.block7 .swiper-container .swiper-slide .row .box {
  width: 3rem;
  height: 1.69792rem;
  margin: 0 0.06771rem;
  background-color: #f2f2f2;
  border-radius: 0.23438rem;
  overflow: hidden;
}

.block7 .swiper-container .swiper-slide .row .box img {
  height: 100%;
  width: 100%;
  cursor: pointer;
}

.block7 .swiper-container .swiper-pagination {
  bottom: 0.44271rem;
}

.block7 .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 0.08333rem;
  height: 0.08333rem;
  background-color: #CCE9FF;
  opacity: 1;
}

.block7 .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #9AD3FF;
}

.block7 .swiper-container .button-prev .arrow {
  width: 0.32292rem;
  height: 0.32292rem;
  position: absolute;
  left: 0;
  top: 1.60417rem;
  z-index: 1000;
  cursor: pointer;
}

.block7 .swiper-container .button-next .arrow {
  width: 0.32292rem;
  height: 0.32292rem;
  position: absolute;
  right: 0;
  top: 1.60417rem;
  z-index: 1000;
  cursor: pointer;
}

/* 教学成果 */
.block8 {
  background-color: #fff;
  padding: 0.07812rem 0 0.53125rem 0;
  background-image: url(/assets/images/initiation/block8/circle.png);
  background-size: 1.42188rem;
  background-position: left top;
  background-repeat: no-repeat;
}

.block8 .title {
  margin: 0 auto 0.38542rem auto;
  display: block;
  width: 1.77083rem;
  height: 0.51562rem;
}

.block8 .swiper-container {
  height: 1.5rem;
  margin: 0 15%;
}

.block8 .swiper-container .swiper-slide {
  height: 1.5rem;
  width: 2.67188rem;
  background: #f2f2f2;
  border-radius: 0.23438rem;
  position: relative;
  overflow: hidden;
}

.block8 .swiper-container .swiper-slide img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.block8 .swiper-container .swiper-slide .play {
  cursor: pointer;
  height: 0.38542rem;
  width: 0.38542rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* 服务支持 */
.block9 {
  padding-top: 0.52083rem;
  background-color: #D7F5FE;
  position: relative;
  z-index: 1;
}

.block9 .content {
  width: 6.41146rem;
  height: 3.61458rem;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 0.46875rem;
  box-shadow: 0 0.02604rem 0.09375rem 0 #cee8ff;
  padding: 0.09896rem;
}

.block9 .content .box {
  width: 6.41146rem;
  height: 3.61458rem;
  background-color: #fffbe5;
  border-radius: 0.42188rem;
  overflow: hidden;
}

.block9 .content .box .title {
  margin: 0.51042rem auto 0.38542rem auto;
  display: block;
  width: 1.77083rem;
  height: 0.51562rem;
}

.block9 .content .box .list {
  margin: 0 0.42188rem;
  display: flex;
  justify-content: space-between;
}

.block9 .content .box .list .col:first-child .tag {
  background-color: #ADD74A;
}

.block9 .content .box .list .col:last-child .tag {
  background-color: #F8B624;
}

.block9 .content .box .list .col .text {
  font-size: 0.11979rem;
  line-height: 0.18229rem;
  font-weight: bold;
  color: #4B2800;
  margin-bottom: 0.09896rem;
}

.block9 .content .box .list .col .text .tag {
  display: inline-block;
  text-align: center;
  font-family: PingFangSC;
  margin-right: 0.08854rem;
  width: 0.18229rem;
  height: 0.18229rem;
  border-radius: 50%;
  color: #ffffff;
  font-weight: 400;
}

/* 课程合作 */
.block10 {
  padding: 1.21875rem 0 1.09896rem 0;
  background-color: #D5F5FE;
  background-image: url(/assets/images/initiation/block10/bg.png);
  background-size: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}

.block10 .pop1 {
  position: absolute;
  top: 0.26562rem;
  left: 3.92188rem;
  width: 0.54688rem;
  height: 0.54688rem;
}

.block10 .pop2 {
  position: absolute;
  top: 2.15104rem;
  right: 0.70312rem;
  width: 0.63021rem;
  height: 0.63021rem;
  animation: up-and-down 2000ms infinite 500ms;
}

.block10 .pop3 {
  position: absolute;
  bottom: 1.05208rem;
  left: 0.67188rem;
  width: 0.63021rem;
  height: 0.625rem;
  animation: up-and-down 2000ms infinite;
}

.block10 .shadow {
  position: absolute;
  bottom: 0.84375rem;
  left: 0.67188rem;
  width: 0.63021rem;
  height: 0.21875rem;
  animation: shadow-fade 2000ms infinite;
}

.block10 .mark1 {
  position: absolute;
  top: 0.65625rem;
  right: 2.15625rem;
  width: 0.54688rem;
  height: 0.54688rem;
}

.block10 .mark2 {
  position: absolute;
  top: 1.11979rem;
  left: 0.98958rem;
  width: 1.52083rem;
  height: 0.72917rem;
}

.block10 .wow1 {
  position: absolute;
  bottom: 0.95833rem;
  right: 1.93229rem;
  width: 1.39062rem;
  height: 1.97917rem;
}

.block10 .wow2 {
  position: absolute;
  bottom: 0.97396rem;
  left: 1.94271rem;
  width: 1.20833rem;
  height: 1.29688rem;
}

.block10 .content {
  margin: 0 auto;
  overflow: hidden;
  width: 4.31771rem;
  height: 3.02604rem;
  background-color: #fff;
  border-radius: 0.46875rem;
  box-shadow: 0 0.03646rem 0.08333rem 0 #daefd4;
}

.block10 .content .title {
  display: block;
  margin: 0.23438rem auto 0.24479rem auto;
  width: 1.77083rem;
  height: 0.51562rem;
}

.block10 .content .form {
  margin: 0 0.67708rem;
}

.block10 .content .form .item {
  margin-bottom: 0.16667rem;
  height: 0.43229rem;
  line-height: 0.43229rem;
  background: #fffbe5;
  border-radius: 0.20833rem;
}

.block10 .content .form .item .icon {
  width: 0.28125rem;
  height: 0.28125rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.09896rem 0 0.16146rem;
}

.block10 .content .form .item .input {
  display: inline-block;
  vertical-align: middle;
  height: 0.28125rem;
  line-height: 0.27083rem;
  width: 2.08333rem;
  border: 0;
  background: none;
  font-size: 0.15625rem;
  color: #5A2707;
  font-weight: bold;
}

.block10 .content .form .item .input::-webkit-input-placeholder {
  color: #D5C6AD;
  font-weight: bold;
}

.block10 .button {
  width: 2.96875rem;
  height: 0.45833rem;
  background-image: url(/assets/images/initiation/block10/button.png);
  background-size: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  font-size: 0.19792rem;
  color: #fff;
  line-height: 0.44792rem;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.media-shadow {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999998;
}

.media-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 99999999;
  width: 5rem;
  height: 2.8125rem;
  margin: -1.40625rem 0 0 -2.5rem;
}

.media-dialog .media {
  width: 5rem;
  height: 2.8125rem;
  background: #000;
}

.media-dialog .media:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

.media-dialog .close {
  width: 0.26042rem;
  height: 0.26042rem;
  background: rgba(255, 255, 255, 0.4);
  color: #FFFFFF;
  line-height: 0.23958rem;
  text-align: center;
  font-size: 0.15625rem;
  position: absolute;
  left: 50%;
  top: 2.91667rem;
  margin: 0 0 0 -0.13021rem;
  cursor: pointer;
  border-radius: 50%;
  display: block;
}

.success-tips-dialog {
  width: 530px !important;
  height: 300px !important;
  background: #ffffff;
  text-align: center;
  border-radius: 58px !important;
  overflow: hidden;
}

.success-tips-dialog .p1 {
  font-weight: bold;
  font-size: 42px;
  line-height: 42px;
  color: #F79511;
  padding: 67px 0 40px 0;
}

.success-tips-dialog .p2 {
  font-weight: bold;
  font-size: 25px;
  line-height: 42px;
  color: #787878;
}

@keyframes up-and-down {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, -10%, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shadow-fade {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}