.module-wrap .banner .swiper-slide .banner-img {

  width: 100%;

}



.module-wrap .module.dark .module-title {

  color: #ffffff;

}



.module-wrap .module.dark .module-title::before {

  background-image: linear-gradient(to right, #ffd200 0.53333rem, transparent 0.54667rem, transparent 0.58667rem, #ff802e 0.6rem, #ff802e 1.62667rem, transparent 1.64rem, transparent 1.68rem, #2dd799 1.69333rem, #2dd799);

}



.module-wrap .module.dark .module-dec {

  color: #ffe851;

}



.module-wrap .module .module-title {

  font-size: 0.5333rem;

  font-weight: bold;

  color: #302e2c;

  text-align: center;

  position: relative;

}



.module-wrap .module .module-title .strong {

  color: #416bed;

}



.module-wrap .module .module-dec {

  font-size: 0.3733rem;

  text-align: center;

  color: #538af6;

  margin-top: 0.1333rem;

}



.module-wrap .module .module-btn {

  width: 5.3333rem;

  height: 0.96rem;

  background: linear-gradient(90deg,

      #ff504a 0%,

      #ff3774 100%),

    linear-gradient(#ff802e,

      #ff802e);

  box-shadow: 0px 0px 0.2667rem 0px rgba(240, 131, 96, 0.2);

  border-radius: 0.48rem;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 0.4rem;

  font-weight: 600;

  color: #ffffff;

  margin: 0 auto;

  animation: an2 0.5s linear 0s infinite alternate;

}



.module-wrap .module .module-btn::after {

  content: "";

  width: 0.3733rem;

  height: 0.3733rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/btn.png);

  background-size: 100%;

  margin-left: 0.16rem;

}



.module-wrap .module0 {

  background-color: #f0f7fb;

  padding: 0.7333rem 0;

}



.module0 .module0-con {

  display: flex;



  width: 10rem;

  height: 5.5467rem;

  background: url(./img/0-1.png) no-repeat;

  background-size: 10.1733rem 5.5467rem;

  background-position: center;

  margin: 0 auto;

}



.module0 .module0-con div {

  width: 33.333%;

  text-align: center;

  font-size: 0.2933rem;

  color: #333333;

  padding-top: 3.2rem;

}



.module0 .module0-con div span {

  color: #ff0a3e;

  font-weight: bold;

}



.module10 {

  width: 10rem;

  height: 11.4133rem;

  background: url(./img/10-1.jpg) no-repeat;

  background-size: 10.0533rem 11.4133rem;

  padding-top: 0.6667rem;

}



.module10 .module-btn {

  margin-top: 7.68rem !important;

}



.module-wrap .module1 {

  padding: 0.6667rem 0;

  height: 13.0933rem;

  background: url(./img/1-1.jpg);

}



.module-wrap .module1 .swiper1 {

  padding-top: 1.3067rem;

  margin-bottom: 0.4rem;

}



.module-wrap .module1 .swiper1 .swiper-slide {

  width: 7.3467rem;

  margin: 0 0.17333rem;

  background-color: #ffffff;

  border-radius: 0.1333rem;

  height: 7.8533rem;

}



.module-wrap .module1 .swiper1 .swiper-slide .title {

  width: 6.0267rem;

  height: 0.88rem;

  line-height: 0.88rem;

  background-color: #ed7f39;

  border-radius: 0.4rem 0.4rem 0px 0px;

  position: absolute;

  top: -0.88rem;

  left: 50%;

  transform: translateX(-50%);

  font-size: 0.3467rem;

  font-weight: bold;

  text-align: center;

  color: #ffffff;

}



.module-wrap .module1 .swiper1 .swiper-slide img {

  width: 7.3467rem;

  height: 3.8667rem;

}



.module-wrap .module1 .swiper1 .swiper-slide p {

  width: 6.2533rem;

  font-size: 0.3467rem;

  color: #333333;

  margin: 0.4rem auto 0 auto;

}



.module-wrap .module1 .swiper1 .swiper-slide p span {

  font-weight: bold;

  color: #ed7f39;

}



.module-wrap .module2 {

  padding-top: 0.6133rem;

}



.module-wrap .module2 .list {

  display: grid;

  grid-template-columns: repeat(2, auto);

  -ms-flex-pack: center;

  justify-content: center;

  grid-gap: 0.78667rem 0.30667rem;

  margin-top: 0.92rem;

  margin-bottom: 0.3733rem;

}



.module-wrap .module2 .list .item {

  width: 4.52rem;

  height: 3.7867rem;

  background-color: #ffffff;

  border-radius: 0.1333rem;

  border: solid 1px #d1dcff;

  background: #ffffff;

  position: relative;

  padding-top: 1.1467rem;

}



.module-wrap .module2 .list .item .icon2 {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 1.3067rem;

}



.module-wrap .module2 .list .item .title {

  font-size: 0.4rem;

  text-align: center;

  color: #cb332b;

  font-weight: bold;

}



.module-wrap .module2 .list .item .dec {

  margin-top: 0.2133rem;

  font-size: 0.32rem;

  line-height: 1.5;

  color: #333333;

  text-align: center;

}





.module-wrap .module3 {

  background-color: #edf0f8;

  padding-top: 0.48rem;

  padding-bottom: 0.8rem;

}







.module-wrap .module3 .list .right .dec-list {

  margin-top: 0.4533rem;

  margin-bottom: 0.4rem;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-pack: center;

  justify-content: center;

  grid-gap: 0.24rem 0.2133rem;

}



.module-wrap .module3 .list .right .dec-list .btn {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 2.8933rem;

  height: 0.8rem;

  background-color: #ffffff;

  border-radius: 0.1333rem;

  border: solid 1px #538af6;

  font-size: 0.32rem;

  color: #333333;

}



.module-wrap .module3 .list .right .dec-list .btn img {

  height: 0.4rem;

  margin-right: 0.16rem;

}







.module-wrap .module3 .list .center-item .dec-list .dec {

  display: flex;

  align-items: center;

  width: 9.2rem;

  height: 1.84rem;

  background-color: #ffffff;

  border-radius: 0.1333rem;

  border: solid 1px #96b0e1;

  margin: 0.12rem auto;

}



.module-wrap .module3 .list .center-item .dec-list .dec img {

  width: 1.3733rem;

  margin: 0 0.2133rem 0 0.2667rem;

}



.module-wrap .module3 .list .center-item .dec-list .dec .label div {

  width: 4.2133rem;

  font-size: 0.32rem;

  font-weight: bold;

  color: #333333;

}



.module-wrap .module3 .list .center-item .dec-list .dec .label p {



  font-size: 0.4667rem;

  font-weight: bold;

  color: #ca322b;

}



.module-wrap .module3 .list .center-item .dec-list .dec .label p span {

  font-size: 0.2667rem;

}



.module-wrap .module3 .list .center-item .dec-list .dec a {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 2.68rem;

  height: 0.64rem;

  background: linear-gradient(90deg,

      #ff504a 0%,

      #ff3774 100%),

    linear-gradient(#f3b140,

      #f3b140);

  background-blend-mode: normal,

    normal;

  box-shadow: 0px 0px 0.2667rem 0px rgba(240, 131, 96, 0.2);

  border-radius: 0.1333rem;

  font-size: 0.2933rem;

  font-weight: bold;

  color: #ffffff;

}



.module-wrap .module3 .list .center-item .dec-list .dec a::after {

  content: "";

  width: 0.3067rem;

  height: 0.3067rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/btn.png);

  background-size: 100% 100%;

  margin-left: 0.0533rem;

}



.module-wrap .module3 .dec-from {

  font-size: 0.24rem;

  color: #222222;

  opacity: 0.5;

  margin: 0.2667rem auto;

  text-align: center;

}



.module-wrap .module4 {

  background-image: url(./img/4-1.png);

  background-size: 100%;

  height: 7.3467rem;

  padding-top: 1.4667rem;

}



.module-wrap .module4 .left-item .title {

  margin: 0 auto;

  width: 5.41333rem;

  line-height: 0.73333rem;

  background: linear-gradient(-90deg, #458bff, #006dff);

  border-radius: 0.36rem;

  font-size: 0.41333rem;

  font-weight: 400;

  color: #ffffff;

  text-align: center;

}







.module-wrap .module4 .form {

  margin-top: 0.50667rem;

}



.module-wrap .module4 .form .input-wrap {

  display: -ms-flexbox;

  display: flex;

  padding-left: 0.52rem;

}



.module-wrap .module4 .form .input-wrap+.input-wrap {

  margin-top: 0.25333rem;

}



.module-wrap .module4 .form .input-wrap .img-icon {

  width: 1.06667rem;

  margin-right: 0.25333rem;

}



.module-wrap .module4 .form .input-wrap input {

  width: 7.70667rem;

  height: 1.04rem;

  background: #2551d0;

  border: 0.02667rem solid #5aa7ff;

  font-size: 0.33333rem;

  font-weight: 400;

  color: #ffffff;

  padding-left: 0.29333rem;

}



.module-wrap .module4 .form .input-wrap input::-moz-placeholder {

  color: #ffffff;

}



.module-wrap .module4 .form .input-wrap input:-ms-input-placeholder {

  color: #ffffff;

}



.module-wrap .module4 .form .input-wrap input::placeholder {

  color: #ffffff;

}



.module-wrap .module4 .submit {

  width: 4.0533rem;

  height: 0.96rem;

  margin: 0.6667rem auto 0;

  animation: an2 0.5s linear 0s infinite alternate;

  display: block;

}



.course-syllabus {

  padding: 0.6667rem 0 0 0;

}



.course-syllabus .stage-nav {

  display: flex;

  width: 9.2667rem;

  margin: 0.3333rem auto 0 auto;

  background-color: #0c3289;

  border-radius: 0.1333rem 0.1333rem 0px 0px;

  overflow: hidden;

}



.course-syllabus .stage-nav .stage-item {

  width: 20%;

  font-size: 0.3467rem;

  font-weight: bold;

  color: #ffffff;

  height: 1.2267rem;

  line-height: 1.2267rem;

  text-align: center;

}



.course-syllabus .stage-nav .stage-item.active {

  background-color: #1462cf;

}



.content-area {

  display: none;

  width: 9.2667rem;

  height: 9.3333rem;

  background-color: #eaf0fe;

  border-radius: 0px 0px 0.2667rem 0.2667rem;

  border: solid 1px #095ffc;

  margin: -0.0133rem auto 0.48rem auto;

  padding-top: 0.2933rem;

  overflow-y: auto;

}



.content-area.active {

  display: block;

}





.content-area .content-card {

  display: flex;

  width: 8.6133rem;

  height: 1.3333rem;

  background-color: #ffffff;

  border-radius: 0.2667rem;

  margin: 0 auto 0.2rem auto;

}



.content-area .content-card h4 {

  width: 1.8667rem;

  height: 100%;

  background-color: #3570f6;

  font-size: 0.32rem;

  font-weight: bold;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #ffffff;

  text-align: center;

}



.content-area .content-card p {

  width: 6.7467rem;

  position: relative;

  font-size: 0.32rem;

  display: flex;

  align-items: center;

  color: #180e3b;

  padding-left: 0.64rem;

}



.content-area .content-card p::before {

  content: "";

  left: 0.4533rem;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  border-left: 0.1467rem solid #ffaf50;

  border-top: 0.1467rem solid transparent;

  border-bottom: 0.1467rem solid transparent;

}





.module-wrap .module7 {

  margin-top: 0.26667rem;

  padding-top: 0.56rem;

  background-color: #fff;

  padding-bottom: 0.45333rem;

}



.module-wrap .module7 .tab-list {

  display: -ms-flexbox;

  display: flex;

  grid-gap: 0.41333rem;

  -ms-flex-pack: center;

  justify-content: center;

  margin-bottom: 0.4rem;

}



.module-wrap .module7 .tab-list .tab {

  width: 1.2267rem;

  height: 1.2267rem;

  background-color: #e3e2ff;

  border-radius: 50%;

  overflow: hidden;

}



.module-wrap .module7 .tab-list .tab.active {

  background-color: #5d57d3;

  border: solid 4px #ff465b;

}



.module-wrap .module7 .tab-list .tab img {

  width: 100%;

}



.module-wrap .module7 .swiper7 {

  padding-top: 0.58667rem;

  padding-bottom: 0.50667rem;

}







.module-wrap .module7 .swiper7 .swiper-slide .item {

  width: 9.0667rem;

  margin: 0 auto;

  display: flex;

}



.module-wrap .module7 .swiper7 .swiper-slide .item .icon {

  width: 2.6133rem;

  height: 6.8267rem;

  margin-right: 0.0267rem;

}



.module-wrap .module7 .swiper7 .swiper-slide .item .des {

  width: 6.4933rem;

  height: 6.8267rem;

  background-color: #0f4bb9;

  color: rgba(255, 255, 255, 0.7);

  padding: 0.5333rem 0.1333rem 0.2667rem 0.5333rem;

}





.module-wrap .module7 .swiper7 .swiper-slide .item .title {

  font-size: 0.5333rem;

  font-weight: bold;

  color: rgba(255, 255, 255, 1);

}



.module-wrap .module7 .swiper7 .swiper-slide .item .title span {

  margin-left: 0.3733rem;

  font-weight: normal;

  font-size: 0.32rem;

}



.module-wrap .module7 .swiper7 .swiper-slide .item .label {

  width: 3.0933rem;

  padding: 0.1067rem 0;

  text-align: center;

  font-size: 0.3067rem;

  color: rgba(247, 205, 91, 1);

  border: solid 1px rgba(247, 205, 91, 1);

  margin: 0.08rem 0 0.3333rem 0;

}



.module-wrap .module7 .swiper7 .swiper-slide .item .des p {

  font-size: 0.24rem;

}



.module-wrap .module8 {

  position: relative;

  padding-top: 0.8533rem;

}



.module-wrap .module8::before {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  content: "";

  height: 0.2667rem;

  background-color: rgba(245, 245, 245, 1);

}



.module-wrap .module8 .list {

  display: grid;

  grid-gap: 0.34667rem 0.64rem;

  grid-template-columns: repeat(2, auto);

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 0 0.41333rem 0 0.92rem;

  margin-top: 0.56rem;

}



.module-wrap .module8 .list .item {

  position: relative;

  width: 4.01333rem;

  height: 3.38667rem;

  background: #ffffff;

  border: 0.01333rem solid #0069f9;

  border-radius: 0.13333rem;

  position: relative;

  padding-top: 0.38667rem;

}



.module-wrap .module8 .list .item::before {

  content: "";

  right: 0;

  top: 0.10667rem;

  width: 0.86667rem;

  height: 1.36rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/icon8.png);

  background-size: 100% 100%;

  position: absolute;

}



.module-wrap .module8 .list .item .icon8 {

  width: 1.01333rem;

  position: absolute;

  top: 0.33333rem;

  left: 0;

  transform: translateX(-50%);

}



.module-wrap .module8 .list .item .title {

  margin-left: 0.77333rem;

  font-size: 0.37333rem;

  font-weight: 700;

  color: #383b4e;

  line-height: 0.4rem;

}



.module-wrap .module8 .list .item .dec {

  font-size: 0.29333rem;

  width: 2.8rem;

  font-weight: 400;

  color: #666666;

  line-height: 0.4rem;

  margin-top: 0.13333rem;

  margin-left: 0.8rem;

}



.module-wrap .module8 .list .item .btn {

  position: absolute;

  width: 2.2rem;

  line-height: 0.66667rem;

  text-align: center;

  background-image: linear-gradient(90deg,

      rgba(152, 186, 249, 1) 0%,

      rgba(51, 77, 245, 1) 100%,

      rgba(146, 64, 129, 1) 100%,

      rgba(240, 51, 12, 1) 100%),

    linear-gradient(rgba(238, 122, 58, 1),

      rgba(238, 122, 58, 1));

  border-radius: 0.13333rem;

  display: block;

  font-size: 0.26667rem;

  font-weight: 400;

  color: #ffffff;

  top: 2.2933rem;

  left: 0.8rem;

}



.module-wrap .module9 {

  background-image: url(./img/9-1.png);

  background-size: 100% 12.4133rem;

  height: 12.4133rem;

  padding-top: 5.3333rem;

}



.module-wrap .module9 .form {

  width: 8.4933rem;

  height: 6.1733rem;

  background-image: url(./img/9-22.png);

  background-size: 100%;

  margin: 0 auto;

  padding-top: 1.6933rem;

}







.module-wrap .module9 .form .input-wrap {

  width: 6.68rem;

  height: 0.88rem;

  background-color: rgba(255, 255, 255, 1);

  border-radius: 0.44rem;

  border: solid 1px rgba(222, 234, 255, 1);

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  margin: 0 auto;

  padding-left: 0.54667rem;

}



.module-wrap .module9 .form .input-wrap+.input-wrap {

  margin-top: 0.32rem;

}



.module-wrap .module9 .form .input-wrap .label {

  font-size: 0.32rem;

  font-weight: 400;

  color: #333333;

  line-height: 0.37333rem;

}



.module-wrap .module9 .form .input-wrap input {

  border: none;

  font-size: 0.32rem;

  font-weight: 400;

  color: #333333;

  -ms-flex: 1;

  flex: 1;

}



.module-wrap .module9 .form .submit {

  width: 3.84rem;

  height: 0.84rem;

  background: linear-gradient(90deg,

      rgba(255, 80, 74, 1) 0%,

      rgba(255, 55, 116, 1) 100%),

    linear-gradient(rgba(255, 128, 46, 1),

      rgba(255, 128, 46, 1));

  border-radius: 0.4133rem;

  font-size: 0.36rem;

  font-weight: 400;

  color: #ffffff;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

  align-items: center;

  -ms-flex-pack: center;

  justify-content: center;

  margin: 0.54667rem auto 0;

  cursor: pointer;

}



.module-wrap .module9 .form .submit::after {

  content: "";

  display: block;

  width: 0.33333rem;

  animation: an1 0.5s linear 0s infinite alternate;

  height: 0.52rem;

  background-image: url(https://www.embedtrain.org/public/jt-h5/images/btn9.png);

  background-size: 100% 100%;

  margin-left: 0.18667rem;

}



@keyframes an1 {

  from {

    opacity: 1;

  }



  to {

    opacity: 0;

  }

}



@keyframes an2 {

  from {

    transform: scale(0.98);

  }



  to {

    transform: scale(1.02);

  }

}



@keyframes an3 {

  0% {

    transform: translateY(-0.04rem);

  }



  20% {

    transform: translateY(0.01333rem);

  }



  40% {

    transform: translateY(-0.04rem);

  }



  100% {

    transform: translateY(-0.04rem);

  }

}