gp-designer 1.0.5

package/dist/004.css

@@ -0,0 +1,784 @@
+/* 自定义整个滚动条 */
+::-webkit-scrollbar {
+  width: 4px; /* 设置滚动条的宽度 */
+  height: 4px;
+}
+
+/* 自定义滚动条轨道 */
+::-webkit-scrollbar-track {
+  background: #f1f1f1; /* 设置轨道的背景颜色 */
+}
+
+/* 自定义滚动条的滑块（thumb） */
+::-webkit-scrollbar-thumb {
+  background: rgba(53, 116, 230, 0.3); /* 设置滑块的背景颜色 */
+  border-radius: 12px;
+}
+
+/* 当滑块悬停或活动时，可以添加更多样式 */
+::-webkit-scrollbar-thumb:hover {
+  background: rgba(53, 116, 230, 1); /* 设置滑块在悬停状态下的背景颜色 */
+  cursor: pointer;
+}
+
+.theme_color {
+  color: #3574e6 !important;
+}
+.theme_bg {
+  background: #3574e6 !important;
+}
+.theme_border {
+  border-color: #3574e6 !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;
+}
+
+/* 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: flex;
+  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;
+}
+.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 {
+  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 {
+  position: relative;
+  flex-wrap: wrap;
+}
+
+.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 10px 20px;
+  box-shadow: 0 4px 24px 0 #00000029;
+  .course_consult{
+    background: #3574e6;
+    color: #fff !important;
+  }
+}
+
+.course_box img {
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  width: auto;
+  height: 300px;
+}
+
+.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: 184px;
+}
+.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 {
+    box-shadow: 0 4px 24px 0 #00000029;
+  }
+}
+
+.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: 6.5%;
+  /* width: 498px; */
+  width: 40.5%;
+  height: 87.5%;
+  border-radius: 4px;
+}
+.course_box2_img1 {
+  left: 0;
+  /* padding: 20px 48px 20px 0; */
+}
+.course_box2_img2 {
+  right: 0;
+  /* padding: 20px 0 20px 48px; */
+}
+
+.aidition,
+.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,
+.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,
+.course_box:focus-within .cont_aidition,
+.course_box2:focus-within .cont_aidition,
+.course_box3:focus-within .cont_aidition {
+  display: flex;
+}
+
+/* 移動端 */
+.goodschool_mobile {
+  .mb40 {
+    margin-bottom: 0;
+  }
+  .web_top,
+  .course_title,
+  .course_desc,
+  .course_consult,
+  .module3 {
+    padding: 0;
+  }
+  .top_box {
+    padding: 0 16px;
+    height: 56px;
+  }
+  .top_logo {
+    column-gap: 6px;
+  }
+  .school_logo {
+    width: 40px;
+    height: 40px;
+  }
+  .school_name {
+    font-size: 20px;
+    line-height: 20px;
+  }
+  .top_service {
+    row-gap: 2px;
+  }
+  .service_hot_line {
+    font-size: 16px;
+    line-height: 16px;
+  }
+  .service_tip {
+    font-size: 12px;
+    line-height: 12px;
+    column-gap: 4px;
+  }
+  .service_tip .iconfont {
+    width: 12px;
+    height: 12px;
+    font-size: 12px;
+  }
+  .top_banner img {
+    height: 150px;
+    width: 100%;
+  }
+
+  /* 模块1 */
+  .module1 {
+    padding: 0 16px;
+  }
+  .web_top {
+    padding: 0;
+  }
+
+  .content_top {
+    padding-bottom: 14px;
+  }
+  .content_title {
+    font-size: 20px;
+    margin: 20px 0 0;
+  }
+  .title_border {
+    width: 32px;
+    height: 10px;
+  }
+  .content_desc {
+    padding-top: 8px;
+    font-size: 12px;
+    line-height: 16px;
+  }
+  .module1_content {
+    padding: 203px 0 40px;
+    position: relative;
+  }
+  .intro_left {
+    margin: 24px 0 0;
+  }
+  .intro_title {
+    font-size: 16px;
+    line-height: 16px;
+  }
+  .title_desc {
+    font-size: 12px;
+    margin-left: 6px;
+  }
+  .intro_desc {
+    margin-top: 12px;
+    font-size: 12px;
+    line-height: 20px;
+    color: #666;
+  }
+  .intro_cate {
+    margin-top: 32px;
+    padding: 0 14px;
+  }
+  .year,
+  .recruit,
+  .teachers {
+    font-size: 24px;
+  }
+
+  .year_suffix,
+  .recruit_suffix,
+  .teachers_suffix,
+  .year_desc,
+  .recruit_desc,
+  .teachers_desc {
+    font-size: 12px;
+  }
+
+  .intro_img_box {
+    position: absolute;
+    top: 10px;
+    width: 100%;
+    height: 193px;
+  }
+  .intro_img {
+    width: 100%;
+    height: 100%;
+  }
+
+  /* 模块2 */
+  .module2 {
+    padding: 0;
+    background: rgba(53, 116, 230, 0.04);
+  }
+  .module2_content,
+  .module3_content {
+    padding: 0 16px 24px;
+    margin: 0 0 20px;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    overflow-x: auto;
+    column-gap: 8px;
+  }
+  .module2_content2,
+  .module2_content3 {
+    flex-direction: row;
+    flex-wrap: nowrap;
+    column-gap: 8px;
+  }
+  .course_box,
+  .course_box2,
+  .course_box3 {
+    margin: 0;
+    padding: 10px 10px 32px;
+    background: #fff;
+    min-width: 318px;
+    width: 318px;
+  }
+  .course_box img,
+  .course_box2_img1,
+  .course_box2_img2 {
+    width: 100%;
+    height: 154px;
+  }
+
+  .course_title,
+  .txt_title {
+    font-size: 16px;
+    line-height: 16px;
+  }
+  .course_desc,
+  .txt_desc {
+    font-size: 12px;
+    line-height: 20px;
+    color: #666;
+  }
+
+  .course_box2:hover,
+  .course_box3:hover {
+    margin: 0;
+  }
+
+  /* 模块3 */
+
+  .module3_content {
+    padding: 0 16px 24px;
+  }
+  .course_box2,
+  .course_box3 {
+    margin: 0;
+    flex-direction: column;
+  }
+  .course_box2_img1 {
+    padding: 0;
+    position: unset;
+  }
+  .course_box2_txt,
+  .course_box3_txt {
+    width: 100%;
+    min-height: auto;
+    padding: 0;
+    margin: 0;
+    box-shadow: unset;
+  }
+  .course_box2:hover .course_box2_txt,
+  .course_box3:hover .course_box3_txt {
+    box-shadow: none;
+  }
+  .txt_box {
+    width: 100%;
+    align-items: center;
+  }
+  .txt_title {
+    margin-top: 24px;
+  }
+  .txt_desc {
+    margin-top: 14px;
+    text-align: center;
+  }
+  .course_box2_img2 {
+    width: 298px;
+    top: 10px;
+    left: 10px;
+    padding: 0;
+  }
+  .course_box3_txt {
+    padding-top: 154px;
+  }
+}