gp-designer 1.0.52 → 1.0.54

package/dist/spa/topic/css/common.css

@@ -1,631 +1,652 @@
-
 /* 主题色 */
 :root {
-    --main-color: #3574e6;
-    /* 默认颜色 */
-  }
-  
-  .theme_text {
-    color: var(--main-color) !important;
-  }
-  
-  .theme_bg {
-    background: var(--main-color) !important;
-    color: #fff;
-  }
-  
-  .theme_border {
-    border-color: var(--main-color) !important;
-  }
-  
-  .danger_color {
-    color: #f01d1d;
-  }
-  
-  .danger_bg {
-    background: rgba(240, 29, 29, 0.8) !important;
-  }
-  
-  .danger_border {
-    border-color: #f01d1d !important;
-  }
-  
-  .mb40 {
-    margin-bottom: 40px;
-  }
-  
-  img {
-    object-fit: cover;
-  }
-  
-  /* flex public */
-  .add_modules .iconfont,
-  .add_modules span,
-  .top_box,
-  .top_logo,
-  .intro_cate,
-  .service_tip,
-  .module1_content,
-  .module2_content,
-  .aidition,
-  .aidition_right,
-  .module2_content2,
-  .module2_content3,
-  .cont_aidition,
-  .course_box2,
-  .course_box3 {
-    display: flex;
-    flex-direction: row;
-  }
-  
-  .web_top,
-  .course_box,
-  .top_service,
-  .module1,
-  .module2,
-  .module3,
-  .module3_content,
-  .content_top,
-  .intro_left,
-  .year,
-  .recruit,
-  .teachers,
-  .course_box2_txt,
-  .course_box3_txt,
-  .txt_box {
-    display: flex;
-    flex-direction: column;
-  }
-  
-  /* 模块样式 */
-  .add_modules {
-    display: none;
-    position: absolute;
-    bottom: -40px;
-    left: 0;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 40px;
-    background: #eeeeee;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 20;
-    color: #333;
-    cursor: pointer;
-  }
-  
-  .add_modules .iconfont,
-  .add_modules span {
-    height: 14px;
-    align-items: center;
-    justify-content: center;
-  }
-  
-  .add_modules .iconfont {
-    height: 14px;
-    margin: 6px;
-  }
-  
-  /* 添加 图标 */
-  .icon_gray_add {
-    display: none;
-    justify-content: center;
-    align-items: center;
-    position: absolute;
-    right: -36px;
-    top: 50%;
-    color: #999;
-    font-size: 35px !important;
-    width: 35px;
-    height: 35px;
-    cursor: pointer;
-  }
-  
-  .icon_gray_add:hover {
-    color: #666;
-  }
-  
-  .course_box2 .icon_gray_add,
-  .course_box3 .icon_gray_add {
-    right: -50px;
-  }
-  
-  .cont_aidition {
-    /* display: none; */
-    background: white;
-    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
-    padding: 8px 12px;
-    position: absolute;
-    top: -38px;
-    right: 0px;
-    column-gap: 24px;
-    height: 32px;
-    align-items: center;
-  }
-  
-  .cont_aidition span {
-    color: #999;
-    cursor: pointer;
-  }
-  
-  .cont_aidition span:hover {
-    color: #666;
-  }
-  
-  .goodschool {
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    color: #333333;
-    background: #eff1f7;
-  }
-  
-  .goodschool_web {
-    flex: 1;
-    height: 100%;
-    /* overflow-y: auto; */
-  }
-  
-  /* 头部 */
-  .web_top {
-    padding: 10px 140px;
-    background: white;
-    position: relative;
-  }
-  
-  .top_box {
-    width: 100%;
-    /* height: 80px; */
-    /* padding: 0 140px; */
-    justify-content: space-between;
-    align-items: center;
-  }
-  
-  /* 左边logo */
-  .top_logo {
-    position: relative;
-    align-items: center;
-    column-gap: 16px;
-  }
-  
-  .school_logo {
-    width: 60px;
-    height: 60px;
-  }
-  
-  .school_name {
-    font-size: 28px;
-    font-weight: 700;
-  }
-  
-  /* 右边热线 */
-  .top_service {
-    align-items: end;
-  }
-  
-  .service_hot_line {
-    font-size: 24px;
-    font-weight: 700;
-    line-height: 32px;
-  }
-  
-  .service_tip {
-    position: relative;
-    align-items: center;
-    column-gap: 8px;
-  }
-  
-  .service_tip .iconfont {
-    font-size: 20px;
-  }
-  
-  .tip_text {
-    font-size: 16px;
-  }
-  
-  /* banner */
-  .top_banner {
-    position: relative;
-  }
-  
-  .top_banner img {
-    width: 100%;
-    height: 460px;
-  }
-  
-  /* 内容 */
-  .module1,
-  .module2,
-  .module3 {
-    /* padding: 0 140px; */
-    background: white;
-    position: relative;
-  }
-  
-  .module1,
-  .module2,
-  .content_top {
-    align-items: center;
-  }
-  
-  .module1 {
-    padding: 0 140px 110px;
-  }
-  
-  .content_top {
-    position: relative;
-    width: 100%;
-    padding-bottom: 32px;
-  }
-  
-  .content_title {
-    font-size: 44px;
-    font-weight: 700;
-    margin-top: 52px;
-  }
-  
-  .title_border {
-    height: 14px;
-    width: 80px;
-    border-bottom: 2px solid #333;
-  }
-  
-  .content_desc {
-    font-size: 20px;
-    color: #666;
-    line-height: 28px;
-    padding-top: 16px;
-  }
-  
-  .module1_content,
-  .module2_content,
-  .module3_content {
-    width: 100%;
-    align-items: center;
-  }
-  
-  /* 顶部操作条 */
-  .aidition {
-    display: none;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    height: 40px;
-    background: rgba(0, 0, 0, 0.6);
-    color: white;
-    font-size: 14px;
-    position: absolute;
-    top: 0;
-    left: 0;
-    padding: 0 48px;
-  }
-  
-  .aidition_right {
-    column-gap: 24px;
-  }
-  
-  .aidition_right span {
-    cursor: pointer;
-  }
-  
-  /* 模块1 */
-  .module1_content {
-    position: relative;
-    justify-content: space-between;
-    padding: 60px 0 0;
-  }
-  
-  .intro_left {
-    flex: 1;
-    align-items: start;
-    margin-right: 80px;
-  }
-  
-  .intro_title {
-    font-size: 30px;
-    font-weight: 700;
-    line-height: 36px;
-  }
-  
-  .title_desc {
-    font-size: 20px;
-    line-height: 28px;
-    color: #dddddd;
-    margin-left: 12px;
-  }
-  
-  .intro_desc {
-    margin-top: 32px;
-    font-size: 16px;
-    line-height: 30px;
-    word-break: break-all;
-  }
-  
-  .intro_line {
-    color: #dddddd;
-    font-size: 28px;
-    font-weight: 100;
-  }
-  
-  .intro_cate {
-    width: 100%;
-    margin-top: 60px;
-    align-items: center;
-    justify-content: space-evenly;
-  }
-  
-  .year,
-  .recruit,
-  .teachers {
-    align-items: center;
-    justify-content: center;
-    font-size: 42px;
-    font-weight: 700;
-  }
-  
-  .year_suffix,
-  .recruit_suffix,
-  .teachers_suffix {
-    font-size: 14px;
-  }
-  
-  .year_desc,
-  .recruit_desc,
-  .teachers_desc {
-    font-size: 16px;
-    color: #666;
-    font-weight: 500;
-    line-height: 24px;
-    margin-top: 2px;
-  }
-  
-  .intro_img,
-  .intro_img_box,
-  .intro_img_bg {
-    width: 380px;
-    height: 507px;
-    border-radius: 4px;
-  }
-  
-  .intro_img_box {
-    position: relative;
-  }
-  
-  .intro_img_bg {
-    position: absolute;
-    top: 30px;
-    left: 30px;
-  }
-  
-  .intro_img {
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-  
-  /* 模块2 */
-  .module2 {
-    padding: 0 140px 90px;
-  }
-  
-  .module2_content,
-  .module2_content2,
-  .module2_content3 {
-    /* width: 100%; */
-    position: relative;
-    flex-wrap: wrap;
-    /* display: grid; */
-  }
-  
-  .module2_content2 {
-    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
-  }
-  
-  .module2_content3 {
-    /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
-  }
-  
-  .module2_content {
-    padding: 50px 0 0;
-  }
-  
-  .course_box,
-  .module2_content2 .course_box {
-    position: relative;
-    justify-content: start;
-    align-items: center;
-    /* margin: 10px; */
-    padding-bottom: 40px;
-    box-shadow: 0 4px 24px 0 #00000014;
-    /* overflow: hidden; */
-    border-radius: 4px;
-    /* max-width: 380px; */
-  }
-  
-  .module2_content2 .course_box:nth-child(1),
-  .module2_content2 .course_box:nth-child(2) {
-    /* max-width: 580px; */
-  }
-  
-  .course_box:hover {
-    margin: 0 5px 2px;
-    box-shadow: 0 4px 24px 0 #00000029;
-  
-    .course_consult {
-      background: var(--main-color);
-      color: #fff !important;
-    }
-  }
-  
-  .course_box img {
-    border-top-right-radius: 4px;
-    border-top-left-radius: 4px;
-    width: 100%;
-    height: 100px;
-  }
-  
-  .course_title {
-    font-size: 24px;
-    line-height: 32px;
-    font-weight: 700;
-    margin-top: 24px;
-  }
-  
-  .course_desc {
-    word-break: break-all;
-    font-size: 14px;
-    line-height: 24px;
-    margin-top: 14px;
-  }
-  
-  .course_consult {
-    margin-top: 14px;
-    border: 1px solid #3574e6;
-    border-radius: 20px;
-    height: 40px;
-    width: 84px;
-  }
-  
-  .course_title,
-  .course_desc,
-  .course_consult,
-  .course_title,
-  .course_desc,
+  --main-color: #3574e6;
+  /* 默认颜色 */
+}
+
+.theme_text {
+  color: var(--main-color) !important;
+}
+
+.theme_bg {
+  background: var(--main-color) !important;
+  color: #fff;
+}
+
+.theme_border {
+  border-color: var(--main-color) !important;
+}
+
+.danger_color {
+  color: #f01d1d;
+}
+
+.danger_bg {
+  background: rgba(240, 29, 29, 0.8) !important;
+}
+
+.danger_border {
+  border-color: #f01d1d !important;
+}
+
+.mb40 {
+  margin-bottom: 40px;
+}
+
+img {
+  object-fit: cover;
+}
+
+/* flex public */
+.add_modules .iconfont,
+.add_modules span,
+.top_box,
+.top_logo,
+.intro_cate,
+.service_tip,
+.module1_content,
+.module2_content,
+.aidition,
+.aidition_right,
+.module2_content2,
+.module2_content3,
+.cont_aidition,
+.course_box2,
+.course_box3 {
+  display: flex;
+  flex-direction: row;
+}
+
+.web_top,
+.course_box,
+.top_service,
+.module1,
+.module2,
+.module3,
+.module3_content,
+.content_top,
+.intro_left,
+.year,
+.recruit,
+.teachers,
+.course_box2_txt,
+.course_box3_txt,
+.txt_box {
+  display: flex;
+  flex-direction: column;
+}
+
+/* 模块样式 */
+.add_modules {
+  display: none;
+  position: absolute;
+  bottom: -40px;
+  left: 0;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 40px;
+  background: #eeeeee;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20;
+  color: #333;
+  cursor: pointer;
+}
+
+.add_modules .iconfont,
+.add_modules span {
+  height: 14px;
+  align-items: center;
+  justify-content: center;
+}
+
+.add_modules .iconfont {
+  height: 14px;
+  margin: 6px;
+}
+
+/* 添加 图标 */
+.icon_gray_add {
+  display: none;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  right: -36px;
+  top: 50%;
+  color: #999;
+  font-size: 35px !important;
+  width: 35px;
+  height: 35px;
+  cursor: pointer;
+}
+
+.icon_gray_add:hover {
+  color: #666;
+}
+
+.course_box2 .icon_gray_add,
+.course_box3 .icon_gray_add {
+  right: -50px;
+}
+
+.cont_aidition {
+  /* display: none; */
+  background: white;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
+  padding: 8px 12px;
+  position: absolute;
+  top: -38px;
+  right: 0px;
+  column-gap: 24px;
+  height: 32px;
+  align-items: center;
+}
+
+.cont_aidition span {
+  color: #999;
+  cursor: pointer;
+}
+
+.cont_aidition span:hover {
+  color: #666;
+}
+
+.goodschool {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  color: #333333;
+  background: #eff1f7;
+}
+
+.goodschool_web {
+  flex: 1;
+  height: 100%;
+  /* overflow-y: auto; */
+}
+
+/* 头部 */
+.web_top {
+  padding: 10px 140px;
+  background: white;
+  position: relative;
+}
+
+.top_box {
+  width: 100%;
+  /* height: 80px; */
+  /* padding: 0 140px; */
+  justify-content: space-between;
+  align-items: center;
+}
+
+/* 左边logo */
+.top_logo {
+  position: relative;
+  align-items: center;
+  column-gap: 16px;
+}
+
+.school_logo {
+  width: 60px;
+  height: 60px;
+}
+
+.school_name {
+  font-size: 28px;
+  font-weight: 700;
+}
+
+/* 右边热线 */
+.top_service {
+  align-items: end;
+}
+
+.service_hot_line {
+  font-size: 24px;
+  font-weight: 700;
+  line-height: 32px;
+}
+
+.service_tip {
+  position: relative;
+  align-items: center;
+  column-gap: 8px;
+}
+
+.service_tip .iconfont {
+  font-size: 20px;
+}
+
+.tip_text {
+  font-size: 16px;
+}
+
+/* banner */
+.top_banner {
+  position: relative;
+}
+
+.top_banner img {
+  width: 100%;
+  height: 460px;
+}
+
+/* 内容 */
+.module1,
+.module2,
+.module3 {
+  /* padding: 0 140px; */
+  background: white;
+  position: relative;
+}
+
+.module1,
+.module2,
+.content_top {
+  align-items: center;
+}
+
+.module1 {
+  padding: 0 140px 110px;
+}
+
+.content_top {
+  position: relative;
+  width: 100%;
+  padding-bottom: 32px;
+}
+
+.content_title {
+  font-size: 44px;
+  font-weight: 700;
+  margin-top: 52px;
+}
+
+.title_border {
+  height: 14px;
+  width: 80px;
+  border-bottom: 2px solid #333;
+}
+
+.content_desc {
+  font-size: 20px;
+  color: #666;
+  line-height: 28px;
+  padding-top: 16px;
+}
+
+.module1_content,
+.module2_content,
+.module3_content {
+  width: 100%;
+  align-items: center;
+}
+
+/* 顶部操作条 */
+.aidition {
+  display: none;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 40px;
+  background: rgba(0, 0, 0, 0.6);
+  color: white;
+  font-size: 14px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  padding: 0 48px;
+}
+
+.aidition_right {
+  column-gap: 24px;
+}
+
+.aidition_right span {
+  cursor: pointer;
+}
+
+/* 模块1 */
+.module1_content {
+  position: relative;
+  justify-content: space-between;
+  padding: 60px 0 0;
+}
+
+.intro_left {
+  flex: 1;
+  align-items: start;
+  margin-right: 80px;
+}
+
+.intro_title {
+  font-size: 30px;
+  font-weight: 700;
+  line-height: 36px;
+}
+
+.title_desc {
+  font-size: 20px;
+  line-height: 28px;
+  color: #dddddd;
+  margin-left: 12px;
+}
+
+.intro_desc {
+  margin-top: 32px;
+  font-size: 16px;
+  line-height: 30px;
+  word-break: break-all;
+}
+
+.intro_line {
+  color: #dddddd;
+  font-size: 28px;
+  font-weight: 100;
+}
+
+.intro_cate {
+  width: 100%;
+  margin-top: 60px;
+  align-items: center;
+  justify-content: space-evenly;
+}
+
+.year,
+.recruit,
+.teachers {
+  align-items: center;
+  justify-content: center;
+  font-size: 42px;
+  font-weight: 700;
+}
+
+.year_suffix,
+.recruit_suffix,
+.teachers_suffix {
+  font-size: 14px;
+}
+
+.year_desc,
+.recruit_desc,
+.teachers_desc {
+  font-size: 16px;
+  color: #666;
+  font-weight: 500;
+  line-height: 24px;
+  margin-top: 2px;
+}
+
+.intro_img,
+.intro_img_box,
+.intro_img_bg {
+  width: 380px;
+  height: 507px;
+  border-radius: 4px;
+}
+
+.intro_img_box {
+  position: relative;
+}
+
+.intro_img_bg {
+  position: absolute;
+  top: 30px;
+  left: 30px;
+}
+
+.intro_img {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+/* 模块2 */
+.module2 {
+  padding: 0 140px 90px;
+}
+
+.module2_content,
+.module2_content2,
+.module2_content3 {
+  /* width: 100%; */
+  position: relative;
+  flex-wrap: wrap;
+  /* display: grid; */
+}
+
+.module2_content2 {
+  /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
+}
+
+.module2_content3 {
+  /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
+}
+
+.module2_content {
+  padding: 50px 0 0;
+}
+
+.course_box,
+.module2_content2 .course_box {
+  position: relative;
+  justify-content: start;
+  align-items: center;
+  /* margin: 10px; */
+  padding-bottom: 40px;
+  box-shadow: 0 4px 24px 0 #00000014;
+  /* overflow: hidden; */
+  border-radius: 4px;
+  /* max-width: 380px; */
+}
+
+.module2_content2 .course_box:nth-child(1),
+.module2_content2 .course_box:nth-child(2) {
+  /* max-width: 580px; */
+}
+
+.course_box:hover {
+  margin: 0 5px 2px;
+  box-shadow: 0 4px 24px 0 #00000029;
+
   .course_consult {
-    padding: 0 16px;
-    text-align: center;
-  }
-  
-  /* 模块3 */
-  .module3 {
-    background: rgba(53, 116, 230, 0.04);
-    padding: 0 140px 80px;
-  }
-  
-  .module3_content {
-    padding: 30px 0 0;
-  }
-  
-  .course_box2,
-  .course_box3 {
-    width: 100%;
-    position: relative;
-    margin: 20px 0;
+    background: var(--main-color);
+    color: #fff !important;
   }
-  
-  .course_box2 {
-    justify-content: end;
-  }
-  
-  .course_box3 {
-    justify-content: start;
-  }
-  
-  .course_box2:hover,
-  .course_box3:hover {
-    margin: 10px 0 30px;
-  
-    .course_box2_txt,
-    .course_box3_txt {
-      box-shadow: 0 4px 24px 0 #00000029;
-    }
-  }
-  
+}
+
+.course_box img {
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  width: 100%;
+  height: 100px;
+}
+
+.course_title {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 700;
+  margin-top: 24px;
+}
+
+.course_desc {
+  word-break: break-all;
+  font-size: 14px;
+  line-height: 24px;
+  margin-top: 14px;
+}
+
+.course_consult {
+  margin-top: 14px;
+  border: 1px solid #3574e6;
+  border-radius: 20px;
+  height: 40px;
+  width: 84px;
+}
+
+.course_title,
+.course_desc,
+.course_consult,
+.course_title,
+.course_desc,
+.course_consult {
+  padding: 0 16px;
+  text-align: center;
+}
+
+/* 模块3 */
+.module3 {
+  background: rgba(53, 116, 230, 0.04);
+  padding: 0 140px 80px;
+}
+
+.module3_content {
+  padding: 30px 0 0;
+}
+
+.course_box2,
+.course_box3 {
+  width: 100%;
+  position: relative;
+  margin: 20px 0;
+}
+
+.course_box2 {
+  justify-content: end;
+}
+
+.course_box3 {
+  justify-content: start;
+}
+
+.course_box2:hover,
+.course_box3:hover {
+  margin: 10px 0 30px;
+
   .course_box2_txt,
   .course_box3_txt {
-    /* max-width: 980px; */
-    width: 72%;
-    border-radius: 4px;
-    background: white;
-    min-height: 320px;
-    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
-  }
-  
-  .course_box2_txt {
-    padding: 20px 40px 20px 0;
-    align-items: end;
-  }
-  
-  .course_box3_txt {
-    align-items: start;
-    padding: 20px 0 20px 40px;
-  }
-  
-  .txt_box {
-    width: 72%;
-    height: 100%;
-    align-items: start;
-    justify-content: center;
-  }
-  
-  .txt_title {
-    font-size: 24px;
-    line-height: 32px;
-    font-weight: 700;
-  }
-  
-  .txt_desc {
-    font-size: 14px;
-    color: #666;
-    line-height: 24px;
-    margin-top: 16px;
-    word-break: break-all;
-  }
-  
-  .txt_consult {
-    color: #fff;
-    font-size: 14px;
-    line-height: 20px;
-    padding: 6px 24px;
-    border-radius: 4px;
-    margin-top: 24px;
-  }
-  
-  .course_box2_img1,
-  .course_box2_img2 {
-    position: absolute;
-    top: 20px;
-    /* width: 498px; */
-    width: 40.5%;
-    height: calc(100% - 40px);
-    border-radius: 4px;
-    z-index: 10;
+    box-shadow: 0 4px 24px 0 #00000029;
   }
-  
-  .course_box2_img1 {
-    left: 0;
-    /* padding: 20px 48px 20px 0; */
+}
+
+.course_box2_txt,
+.course_box3_txt {
+  /* max-width: 980px; */
+  width: 72%;
+  border-radius: 4px;
+  background: white;
+  min-height: 320px;
+  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08);
+}
+
+.course_box2_txt {
+  padding: 20px 40px 20px 0;
+  align-items: end;
+}
+
+.course_box3_txt {
+  align-items: start;
+  padding: 20px 0 20px 40px;
+}
+
+.txt_box {
+  width: 72%;
+  height: 100%;
+  align-items: start;
+  justify-content: center;
+}
+
+.txt_title {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 700;
+}
+
+.txt_desc {
+  font-size: 14px;
+  color: #666;
+  line-height: 24px;
+  margin-top: 16px;
+  word-break: break-all;
+}
+
+.txt_consult {
+  color: #fff;
+  font-size: 14px;
+  line-height: 20px;
+  padding: 6px 24px;
+  border-radius: 4px;
+  margin-top: 24px;
+}
+
+.course_box2_img1,
+.course_box2_img2 {
+  position: absolute;
+  top: 20px;
+  /* width: 498px; */
+  width: 40.5%;
+  height: calc(100% - 40px);
+  border-radius: 4px;
+  z-index: 10;
+}
+
+.course_box2_img1 {
+  left: 0;
+  /* padding: 20px 48px 20px 0; */
+}
+
+.course_box2_img2 {
+  right: 0;
+  /* padding: 20px 0 20px 48px; */
+}
+
+/* .intro_img_bg, */
+.icon_gray_add,
+.course_box .aidition,
+.course_box .add_modules {
+  /* display: none; */
+}
+
+/* .web_top:focus-within .aidition, */
+/* .top_banner:focus-within .aidition, */
+/* .content_top:focus-within .aidition, */
+/* .module1_content:focus-within .aidition, */
+/* .module1:focus-within > .aidition, */
+/* .module2:focus-within > .aidition, */
+/* .module3:focus-within > .aidition, */
+/* .course_box:last-of-type:focus-within .icon_gray_add, */
+/* .course_box2:last-of-type:focus-within .icon_gray_add, */
+/* .course_box3:last-of-type:focus-within .icon_gray_add, */
+/* .content_top:focus-within .cont_aidition, */
+/* .module1_content:focus-within .cont_aidition, */
+/* .course_box:focus-within .cont_aidition, */
+/* .course_box2:focus-within .cont_aidition, */
+/* .course_box3:focus-within .cont_aidition { */
+/* display: flex; */
+/* }  */
+
+/* 移動端 */
+@media (max-width: 1200px) {
+  /* 自定义轮播父级样式 */
+  .gp-designer-m-swiper {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap !important;
+    width: 100% !important;
   }
-  
-  .course_box2_img2 {
-    right: 0;
-    /* padding: 20px 0 20px 48px; */
+
+  /* 自定义轮播子项样式 */
+  .gp-designer-m-swiper-slide {
+    width: 100% !important;
+    min-width: 100% !important;
   }
-  
-  /* .intro_img_bg, */
-  .icon_gray_add,
-  .course_box .aidition,
-  .course_box .add_modules {
-    /* display: none; */
+
+  /* 自定义轮播按钮样式 */
+  .swiper-button-next::after,
+  .swiper-button-prev::after {
+    font-size: 20px !important;
   }
-  
-  /* .web_top:focus-within .aidition, */
-  /* .top_banner:focus-within .aidition, */
-  /* .content_top:focus-within .aidition, */
-  /* .module1_content:focus-within .aidition, */
-  /* .module1:focus-within > .aidition, */
-  /* .module2:focus-within > .aidition, */
-  /* .module3:focus-within > .aidition, */
-  /* .course_box:last-of-type:focus-within .icon_gray_add, */
-  /* .course_box2:last-of-type:focus-within .icon_gray_add, */
-  /* .course_box3:last-of-type:focus-within .icon_gray_add, */
-  /* .content_top:focus-within .cont_aidition, */
-  /* .module1_content:focus-within .cont_aidition, */
-  /* .course_box:focus-within .cont_aidition, */
-  /* .course_box2:focus-within .cont_aidition, */
-  /* .course_box3:focus-within .cont_aidition { */
-  /* display: flex; */
-  /* }  */
-  
+}