@charset "utf-8";
/*procreat课程 proc2406*/
@-webkit-keyframes aniInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes aniInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.aniInUp {
  -webkit-animation-name: aniInUp;
  animation-name: aniInUp;
}
/* proc2406 */
.container-proc2406 .proc-btn {
  position: relative;
  width: 239px;
  height: 78px;
  background: transparent;
  border: none;
  outline: none;
  white-space: nowrap;
  text-align: left;
  text-indent: 9999px;
  -ms-animation: aniInUp 1s ease;
  -o-animation: aniInUp 1s ease;
  -webkit-animation: aniInUp 1s ease;
  animation: aniInUp 1s ease;
}
.container-proc2406 .proc-btn:before {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;
  content: "";
  -ms-transition: filter 0.2s ease-in-out;
  -o-transition: filter 0.2s ease-in-out;
  -webkit-transition: filter 0.2s ease-in-out;
  transition: filter 0.2s ease-in-out;
  text-decoration-skip: objects;
}
.container-proc2406 .proc-btn.b1:before {
  bottom: -5px;
  left: -19px;
  width: 262px;
  height: 99px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p1-btn.png");
}
.container-proc2406 .proc-btn.b2:before {
  bottom: 0;
  left: 0;
  width: 244px;
  height: 93px;
}
.container-proc2406 .proc-btn.b2.g1:before {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p2-btn.png");
}
.container-proc2406 .proc-btn.b2.g2:before {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p3-btn.png");
}
.container-proc2406 .proc-btn.b2.g3:before {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p4-btn.png");
}
.container-proc2406 .proc-btn.b2.g4:before {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p7-btn.png");
}
.container-proc2406 .proc-btn.b2.g5:before {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p9-btn.png");
}
.container-proc2406 .proc-btn:hover:before {
  filter: brightness(0.92);
}
.container-proc2406 .flex-top-center,
.container-proc2406 .flex-bottom-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container-proc2406 .flex-top-center.w1920_2,
.container-proc2406 .flex-bottom-center.w1920_2 {
  margin-right: -1920px;
  margin-left: -1920px;
}
.container-proc2406 .flex-top-center {
  justify-content: flex-start;
}
.container-proc2406 .flex-bottom-center {
  justify-content: flex-end;
}
.container-proc2406 .trf-scale {
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
@media (min-height: 420px) {
  .container-proc2406 .trf-scale {
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .container-proc2406 .trf-scale {
    -ms-transform: scale(0.56);
    -o-transform: scale(0.56);
    -webkit-transform: scale(0.56);
    transform: scale(0.56);
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .container-proc2406 .trf-scale {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* p1 */
.proc2406-p1 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p1-img.jpg") no-repeat center top;
  background-size: 1920px 942px;
}
.proc2406-p1 .trf-scale {
  height: 942px;
  padding-bottom: 56px;
}
.proc2406-p1 p {
  min-width: 472px;
  margin-top: 28px;
  font-size: 22px;
  font-family: "PingFangSC-Medium";
  font-weight: 500;
  line-height: 34px;
  color: #fff;
  text-align: center;
  background: -moz-linear-gradient(left, rgba(137, 48, 250, 0) 0%, rgba(137, 48, 250, 0) 25%, rgba(137, 48, 250, 0.8) 50%, rgba(137, 48, 250, 0) 75%, rgba(137, 48, 250, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(137, 48, 250, 0) 0%, rgba(137, 48, 250, 0) 25%, rgba(137, 48, 250, 0.8) 50%, rgba(137, 48, 250, 0) 75%, rgba(137, 48, 250, 0) 100%);
  background: linear-gradient(to right, rgba(137, 48, 250, 0) 0%, rgba(137, 48, 250, 0) 25%, rgba(137, 48, 250, 0.8) 50%, rgba(137, 48, 250, 0) 75%, rgba(137, 48, 250, 0) 100%);
}
.proc2406-p1 p strong {
  font-weight: 500;
  color: #00fffe;
}
@media (min-height: 420px) {
  .proc2406-p1 {
    height: 707px;
    background-size: 1440px 707px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p1 {
    height: 527px;
    background-size: 1075px 527px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p1 {
    height: 942px;
    background-size: 1920px 942px;
  }
}
/* p2 */
.proc2406-p2 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p2-img.jpg") no-repeat center top;
  background-size: 1920px 989px;
}
.proc2406-p2 .trf-scale {
  height: 989px;
  padding-bottom: 47px;
}
@media (min-height: 420px) {
  .proc2406-p2 {
    height: 742px;
    background-size: 1440px 742px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p2 {
    height: 554px;
    background-size: 1075px 574px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p2 {
    height: 989px;
    background-size: 1920px 989px;
  }
}
/* p3 */
.proc2406-p3 {
  position: relative;
  background: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p3-img.jpg") no-repeat center top;
  background-size: 1920px 864px;
}
.proc2406-p3 .trf-scale {
  height: 864px;
  padding-top: 216px;
}
.proc2406-p3 .proc-btn {
  position: absolute;
  bottom: 162px;
  left: 50%;
  margin-left: -470px;
}
@media (min-height: 420px) {
  .proc2406-p3 {
    height: 648px;
    background-size: 1440px 648px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p3 {
    height: 484px;
    background-size: 1075px 484px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p3 {
    height: 864px;
    background-size: 1920px 864px;
  }
}
/* p4 */
.proc2406-p4 {
  background: #fff url("https://assets-cdn.lanqb.com/school/proc2406/p4-bg.jpg") no-repeat center top;
  background-size: 1920px 200px;
}
.proc2406-p4 .trf-scale {
  padding-top: 232px;
  padding-bottom: 74px;
}
.proc2406-p4 .proc-btn {
  margin-top: 82px;
}
.proc2406-p4_swiper {
  position: relative;
  width: 100%;
  max-width: 1920px;
}
.proc2406-p4_item {
  position: relative;
  width: 1550px;
  height: 652px;
}
.proc2406-p4_item .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.proc2406-p4_list {
  position: absolute;
  top: 53px;
  left: 114px;
  z-index: 1;
  width: 839px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}
.proc2406-p4_list .proc2406-p4_img {
  position: relative;
  width: 410px;
  height: 261px;
  margin-bottom: 21px;
  cursor: zoom-in;
}
.proc2406-p4_list .proc2406-p4_img:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.proc2406-p4_page {
  position: absolute;
  top: 300px;
  z-index: 2;
  width: 40px;
  height: 40px;
  color: #fff;
  user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.proc2406-p4_page:hover {
  color: rgba(255, 255, 255, 0.85);
}
.proc2406-p4_page .iconfont {
  font-size: 27px;
}
.proc2406-p4_page.prev {
  left: 50%;
  margin-left: -770px;
}
.proc2406-p4_page.next {
  right: 50%;
  margin-right: -770px;
}
.proc2406-p4_page.swiper-button-disabled {
  color: rgba(255, 255, 255, 0.25);
  cursor: default;
}
@media (min-height: 420px) {
  .proc2406-p4 {
    height: 839px;
    background-size: 1440px 150px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p4 {
    height: 626px;
    background-size: 1075px 112px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p4 {
    height: 1118px;
    background-size: 1920px 200px;
  }
}
/* p5 */
.proc2406-p5 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/p5-bg.jpg") no-repeat center top;
  background-size: 1920px 1265px;
}
.proc2406-p5 .trf-scale {
  height: 1265px;
  padding-top: 216px;
}
.proc2406-p5 .proc-btn {
  margin-top: 68px;
}
.proc2406-p5_tabs {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: stretch;
  width: 100%;
  max-width: 1920px;
}
.proc2406-p5_tabs span {
  width: 480px;
  height: 78px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  cursor: pointer;
  white-space: nowrap;
  text-align: left;
  text-indent: 9999px;
}
.proc2406-p5_tabs span.tsy {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p5-5-t1.png");
}
.proc2406-p5_tabs span.ssez {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-2-t1.png");
}
.proc2406-p5_tabs span.hrxs {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-3-t1.png");
}
.proc2406-p5_tabs span.gziii {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-4-t1.png");
}
.proc2406-p5_tabs span.active.tsy {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p5-5-t2.png");
}
.proc2406-p5_tabs span.active.ssez {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-2-t2.png");
}
.proc2406-p5_tabs span.active.hrxs {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-3-t2.png");
}
.proc2406-p5_tabs span.active.gziii {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-4-t2.png");
}
.proc2406-p5_bg {
  width: 100%;
}
.proc2406-p5_list {
  position: relative;
  display: none;
  width: 100%;
  max-width: 1920px;
}
.proc2406-p5_list.active {
  display: block;
}
.proc2406-p5_list .proc2406-p5_item {
  position: absolute;
  z-index: 1;
  cursor: zoom-in;
}
.proc2406-p5_list .proc2406-p5_item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.proc2406-p5_list .proc2406-p5_item.s_1-1 {
  top: 0;
  left: 0;
  width: 28.489583%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-2 {
  top: 0;
  left: 28.697916%;
  width: 14.166666%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-3 {
  top: 0;
  left: 43.072916%;
  width: 14.114583%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-4 {
  top: 0;
  left: 57.447916%;
  width: 14.114583%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-5 {
  top: 0;
  right: 0;
  width: 28.229166%;
  height: 100%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-6 {
  top: 50.33025%;
  left: 0;
  width: 28.489583%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-7 {
  top: 50.33025%;
  left: 28.697916%;
  width: 21.354166%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_1-8 {
  top: 50.33025%;
  left: 50.260416%;
  width: 21.302083%;
  height: 49.669749%;
}
.proc2406-p5_list .proc2406-p5_item.s_2-1 {
  top: 0;
  left: 0;
  width: 20.57291%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_2-2 {
  top: 0;
  left: 20.72916%;
  width: 14.6875%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_2-3 {
  top: 0;
  left: 35.57291%;
  width: 14.53125%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_2-4 {
  top: 50.19815%;
  left: 0;
  width: 20.57291%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_2-5 {
  top: 50.19815%;
  left: 20.72916%;
  width: 14.6875%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_2-6 {
  top: 50.19815%;
  left: 35.57291%;
  width: 14.53125%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_3-1 {
  top: 0;
  left: 50.3125%;
  width: 20.52083%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_3-2 {
  top: 0;
  left: 70.98958%;
  width: 14.6875%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_3-3 {
  top: 0;
  right: 0;
  width: 14.16666%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_3-4 {
  top: 50.19815%;
  left: 50.3125%;
  width: 20.52083%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_3-5 {
  top: 50.19815%;
  left: 70.98958%;
  width: 14.6875%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_3-6 {
  top: 50.19815%;
  right: 0;
  width: 14.16666%;
  height: 49.80184%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-1 {
  top: 0;
  left: 0;
  width: 20.57291667%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-2 {
  top: 0;
  left: 20.72916667%;
  width: 14.6875%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-3 {
  top: 0;
  left: 35.57291667%;
  width: 14.53125%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-4 {
  top: 0;
  left: 50.3125%;
  width: 20.52083333%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-5 {
  top: 0;
  left: 70.98958333%;
  width: 14.6875%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-6 {
  top: 0;
  right: 0;
  width: 14.16666667%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-7 {
  top: 50.19815059%;
  left: 0;
  width: 20.57291667%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-8 {
  top: 50.19815059%;
  left: 20.72916667%;
  width: 14.6875%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-9 {
  top: 50.19815059%;
  left: 35.57291667%;
  width: 14.53125%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-10 {
  top: 50.19815059%;
  left: 50.3125%;
  width: 20.52083333%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-11 {
  top: 50.19815059%;
  left: 70.98958333%;
  width: 14.6875%;
  height: 49.80184941%;
}
.proc2406-p5_list .proc2406-p5_item.s_4-12 {
  top: 50.19815059%;
  right: 0;
  width: 14.16666667%;
  height: 49.80184941%;
}
@media (min-height: 420px) {
  .proc2406-p5 {
    height: 909px;
    background-size: 1440px 949px;
  }
  .proc2406-p5 .trf-scale {
    margin-right: -36%;
    margin-left: -36%;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p5 {
    height: 628px;
    background-size: 1075px 708px;
  }
  .proc2406-p5 .trf-scale {
    margin-right: -51%;
    margin-left: -51%;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p5 {
    height: 1265px;
    background-size: 1920px 1265px;
  }
}
/* p6 */
.proc2406-p6 {
  background: #fff url("https://assets-cdn.lanqb.com/school/proc2406/p6-bg.jpg") no-repeat center top;
  background-size: 1920px 1355px;
}
.proc2406-p6 .trf-scale {
  padding-top: 210px;
  padding-bottom: 88px;
}
.proc2406-p6 .proc-btn {
  margin-top: 72px;
}
.proc2406-p6_con {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1750px;
  padding: 14px;
  background-color: #4a4459;
}
.proc2406-p6_tabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 0 -14px 16px;
}
.proc2406-p6_tabs span {
  width: 247px;
  height: 112px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
  white-space: nowrap;
  text-align: left;
  text-indent: 9999px;
}
.proc2406-p6_tabs span + span {
  margin-left: 2px;
}
.proc2406-p6_tabs span.t1 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-1-t1.png");
}
.proc2406-p6_tabs span.t2 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-2-t1.png");
}
.proc2406-p6_tabs span.t3 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-3-t1.png");
}
.proc2406-p6_tabs span.t4 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-4-t1.png");
}
.proc2406-p6_tabs span.t5 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-5-t1.png");
}
.proc2406-p6_tabs span.t6 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-6-t1.png");
}
.proc2406-p6_tabs span.t7 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-7-t1.png");
}
.proc2406-p6_tabs span.active.t1 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-1-t2.png");
}
.proc2406-p6_tabs span.active.t2 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-2-t2.png");
}
.proc2406-p6_tabs span.active.t3 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-3-t2.png");
}
.proc2406-p6_tabs span.active.t4 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-4-t2.png");
}
.proc2406-p6_tabs span.active.t5 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-5-t2.png");
}
.proc2406-p6_tabs span.active.t6 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-6-t2.png");
}
.proc2406-p6_tabs span.active.t7 {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p6-7-t2.png");
}
.proc2406-p6_imgs {
  position: relative;
  width: 1722px;
  height: 736px;
  padding: 6px;
  border: 2px solid #fff;
  overflow: hidden;
}
.proc2406-p6_imgs img {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 1706px;
  height: 720px;
  opacity: 0;
}
.proc2406-p6_imgs img.active {
  opacity: 1;
}
@media (min-height: 420px) {
  .proc2406-p6 {
    height: 751px;
    background-size: 1440px 1016px;
  }
  .proc2406-p6 .trf-scale {
    padding-top: 260px;
    -ms-transform: scale(0.54);
    -o-transform: scale(0.54);
    -webkit-transform: scale(0.54);
    transform: scale(0.54);
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p6 {
    height: 580px;
    background-size: 1075px 759px;
  }
  .proc2406-p6 .trf-scale {
    padding-top: 260px;
    -ms-transform: scale(0.42);
    -o-transform: scale(0.42);
    -webkit-transform: scale(0.42);
    transform: scale(0.42);
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p6 {
    height: 1340px;
    background-size: 1920px 1355px;
  }
  .proc2406-p6 .trf-scale {
    padding-top: 210px;
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/* p7 */
.proc2406-p7 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/2504/p7-bg.jpg") no-repeat center top;
  background-size: 1920px 3123px;
}
.proc2406-p7 .trf-scale {
  padding-top: 225px;
  padding-bottom: 72px;
}
.proc2406-p7 .proc-btn {
  margin-top: 56px;
}
.proc2406-p7_con {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1318px;
}
.proc2406-p7_tabs {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: stretch;
  width: 100%;
  margin-bottom: 124px;
}
.proc2406-p7_tabs span {
  height: 55px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  cursor: pointer;
  white-space: nowrap;
  text-align: left;
  text-indent: 9999px;
}
.proc2406-p7_tabs span.tsy {
  width: 329px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p5-5-t1.png");
}
.proc2406-p7_tabs span.ssez {
  width: 330px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-2-t1.png");
}
.proc2406-p7_tabs span.hrxs {
  width: 329px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-3-t1.png");
}
.proc2406-p7_tabs span.gziii {
  width: 330px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-4-t1.png");
}
.proc2406-p7_tabs span.active {
  cursor: default;
}
.proc2406-p7_tabs span.active.tsy {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p5-5-t2.png");
}
.proc2406-p7_tabs span.active.ssez {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-2-t2.png");
}
.proc2406-p7_tabs span.active.hrxs {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-3-t2.png");
}
.proc2406-p7_tabs span.active.gziii {
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p5-4-t2.png");
}
.proc2406-p7_outline {
  width: 100%;
}
.proc2406-p7_list {
  position: relative;
  display: none;
  width: 100%;
}
.proc2406-p7_list:before {
  position: absolute;
  bottom: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% 100%;
  content: "";
}
.proc2406-p7_list.tea_tsy {
  height: 2481px;
}
.proc2406-p7_list.tea_tsy:before {
  width: 1318px;
  height: 2526px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p7-5-img.png");
}
.proc2406-p7_list.tea_hrxs {
  height: 2481px;
}
.proc2406-p7_list.tea_hrxs:before {
  width: 1386px;
  height: 2527px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/2504/p7-4-img.png");
}
.proc2406-p7_list.tea_ssez {
  height: 2220px;
}
.proc2406-p7_list.tea_ssez:before {
  width: 1318px;
  height: 2265px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/p7-3-img_n.png");
}
.proc2406-p7_list.tea_gziii {
  height: 2481px;
}
.proc2406-p7_list.tea_gziii:before {
  width: 1318px;
  height: 2510px;
  background-image: url("https://assets-cdn.lanqb.com/school/proc2406/250810/p7-4-img.webp");
}
.proc2406-p7_list.active {
  display: block;
}
@media (min-height: 420px) {
  .proc2406-p7 {
    height: 2181px;
    background-size: 1440px 2342px;
  }
  .proc2406-p7.h3123 {
    height: 2342px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p7 {
    height: 1629px;
    background-size: 1075px 1749px;
  }
  .proc2406-p7.h3123 {
    height: 1749px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p7 {
    height: 2908px;
    background-size: 1920px 3123px;
  }
  .proc2406-p7.h3123 {
    height: 3123px;
  }
}
/* p8 */
.proc2406-p8 {
  background: #fff url("https://assets-cdn.lanqb.com/school/proc2406/251124/p8-img.jpg") no-repeat center top;
  background-size: 1920px 1010px;
}
.proc2406-p8 .trf-scale {
  height: 1010px;
  padding-bottom: 78px;
}
@media (min-height: 420px) {
  .proc2406-p8 {
    height: 758px;
    background-size: 1440px 758px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p8 {
    height: 565px;
    background-size: 1075px 565px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p8 {
    height: 1010px;
    background-size: 1920px 1010px;
  }
}
/* p9 */
.proc2406-p9 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/251124/p9-img.jpg") no-repeat center top;
  background-size: 1920px 967px;
}
.proc2406-p9 .trf-scale {
  height: 967px;
  padding-bottom: 78px;
}
@media (min-height: 420px) {
  .proc2406-p9 {
    height: 725px;
    background-size: 1440px 725px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p9 {
    height: 541px;
    background-size: 1075px 541px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p9 {
    height: 967px;
    background-size: 1920px 967px;
  }
}
/* p10 */
.proc2406-p10 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/p10-bg.jpg") no-repeat center top;
  background-size: 1920px 1203px;
}
.proc2406-p10 .trf-scale {
  padding-top: 246px;
  padding-bottom: 70px;
}
.proc2406-p10_con {
  position: relative;
  display: flex;
  margin-bottom: 86px;
}
.proc2406-p10_bg {
  width: 100%;
  max-width: 1920px;
}
.proc2406-p10_list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.proc2406-p10_item {
  width: 20%;
  height: 33.33333333%;
  cursor: zoom-in;
}
.proc2406-p10_item:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
@media (min-height: 420px) {
  .proc2406-p10 {
    height: 902px;
    background-size: 1440px 902px;
  }
  .proc2406-p10 .trf-scale {
    margin-right: -17%;
    margin-left: -17%;
  }
  .proc2406-p10_con {
    margin-bottom: 64px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p10 {
    height: 674px;
    background-size: 1076px 674px;
  }
  .proc2406-p10 .trf-scale {
    margin-right: -40%;
    margin-left: -40%;
  }
  .proc2406-p10_con {
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p10 {
    height: 1203px;
    background-size: 1920px 1203px;
  }
  .proc2406-p10_con {
    margin-bottom: 86px;
  }
}
/* p11 */
.proc2406-p11 {
  background: #fff url("https://assets-cdn.lanqb.com/school/proc2406/p11-img.jpg") no-repeat center top;
  background-size: 1920px 1175px;
}
.proc2406-p11 .trf-scale {
  height: 1175px;
  padding-bottom: 71px;
}
@media (min-height: 420px) {
  .proc2406-p11 {
    height: 881px;
    background-size: 1440px 881px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p11 {
    height: 658px;
    background-size: 1075px 658px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p11 {
    height: 1175px;
    background-size: 1920px 1175px;
  }
}
/* p12 */
.proc2406-p12 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/2504/p12-img.jpg") no-repeat center top;
  background-size: 1920px 1032px;
}
.proc2406-p12 .trf-scale {
  height: 1032px;
  padding-bottom: 102px;
}
@media (min-height: 420px) {
  .proc2406-p12 {
    height: 774px;
    background-size: 1440px 774px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p12 {
    height: 578px;
    background-size: 1075px 578px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p12 {
    height: 1032px;
    background-size: 1920px 1032px;
  }
}
/* p13 */
.proc2406-p13 {
  background: url("https://assets-cdn.lanqb.com/school/proc2406/p13-img.jpg") no-repeat center top;
  background-size: 1920px 527px;
}
.proc2406-p13 .trf-scale {
  height: 527px;
}
@media (min-height: 420px) {
  .proc2406-p13 {
    height: 395px;
    background-size: 1440px 395px;
  }
}
@media (min-width: 768px) and (min-height: 900px) {
  .proc2406-p13 {
    height: 295px;
    background-size: 1075px 295px;
  }
}
@media (min-width: 1200px) and (min-height: 900px) {
  .proc2406-p13 {
    height: 527px;
    background-size: 1920px 527px;
  }
}