<template>
  <common-header />
  <!-- <div class="content">
    <div class="title">
      <div>内容 <span>智慧教研-同步教研-</span><span>内容</span></div>
    </div>
    <div class="bk-header">
      <p>六年级《徐悲鸿与奔马》</p>
      <p><span>责任教师:吴雷霞</span><span>机构名称:桐艺云校</span></p>
      <p>
        简介：<br />
        《徐悲鸿与奔马
        》课程由桐艺云校嘉兴市数学名师吴雷霞团队研发。本课程在结构安排上与教材同步，紧扣教学大纲所囊括的知识要点。在难度设置上，
        先选取中低难度问题，由浅入深，循序渐进，从每一课时中选取具有思维深度的问题进行讲解和练习，达到对课本知识的深入拓展,轻松实现从课本到培优。课程着重以思维训练为核心，
        培养学生学会独立思考，体会数学的基本思想和思维方式。
      </p>
    </div>
    <div class="class-list">
      <p>课程章节大纲</p>
      <div>01单元</div>
      <ul>
        <li>章节一<span>进入</span></li>
        <li>章节二<span>进入</span></li>
        <li>02 行程问题</li>
        <li>03 过桥问题</li>
        <li>04 流水问题</li>
        <li>05 工程问题</li>
        <li>06 有趣的进制</li>
        <li>07 生活中的百分数问题</li>
        <li>08 百分数应用题</li>
        <li>09 圆柱的表面积（一）</li>
      </ul>
    </div>
  </div>-->
</template>

<script>
import CommonHeader from "@/components/CommonHeader/index.vue";
export default {
  name: "index",
  // components: {
  //   CommonHeader,
  // },
  // data() {
  //   return {
  //     kmActiveName: "b",
  //     njActiveName: "b",
  //   };
  // },
  // methods: {},
};
</script>

<style lang="scss" scoped>
// .content {
//   width: 100%;
//   min-width: 1280px;
//   margin: 0 auto;
// }
// .title {
//   width: 100%;

//   height: 60px;
//   line-height: 60px;
//   font-size: 18px;
//   font-family: PingFangSC, PingFangSC-Regular;
//   font-weight: 400;
//   color: #050026;
//   background: #ffffff;
//   margin-bottom: 40px;
//   box-shadow: 0px 1px 10px 0px rgba(17, 46, 74, 0.1);
//   div {
//     width: 1280px;

//     margin: 0 auto;
//     span:first-of-type {
//       width: 56px;
//       height: 20px;
//       font-size: 14px;
//       font-family: PingFangSC, PingFangSC-Regular;
//       font-weight: 400;
//       text-align: left;
//       color: #949494;
//       line-height: 20px;
//       margin-left: 30px;
//     }
//     span:last-of-type {
//       width: 56px;
//       height: 20px;
//       font-size: 14px;
//       font-family: PingFangSC, PingFangSC-Regular;
//       font-weight: 400;
//       text-align: left;
//       color: #000000;
//       line-height: 20px;
//     }
//   }
// }
// .bk-header {
//   width: 1280px;
//   height: 322px;
//   margin: 0 auto;
//   background: url("@/assets/img/zhjy/nr_bg.png");
//   background-size: 100% 322px;
//   background-repeat: no-repeat;
//   padding-top: 40px;
//   padding-left: 40px;
//   border-radius: 12px;
//   p:first-of-type {
//     width: 364px;
//     height: 40px;
//     font-size: 28px;
//     font-family: PingFangSC, PingFangSC-Semibold;
//     font-weight: 600;
//     text-align: left;
//     color: #ffffff;
//     line-height: 40px;
//     margin-bottom: 13px;
//   }
//   span {
//     display: inline-block;
//     width: 220px;
//     height: 22px;
//     font-size: 16px;
//     font-family: PingFangSC, PingFangSC-Regular;
//     font-weight: 400;
//     text-align: left;
//     color: #ffffff;
//     line-height: 22px;
//     margin-bottom: 32px;
//   }
//   p:last-of-type {
//     width: 1138px;
//     height: 83px;
//     font-size: 14px;
//     font-family: PingFangSC, PingFangSC-Regular;
//     font-weight: 400;
//     text-align: left;
//     color: #ffffff;
//     line-height: 20px;
//   }
// }
// .class-list {
//   width: 1280px;
//   height: 812px;
//   margin: 0 auto;
//   margin-top: 35px;
//   background: #ffffff;
//   border-radius: 12px;

//   box-shadow: 2px 10px 24px 0px rgba(161, 153, 168, 0.18);
//   padding: 20px;
//   p {
//     width: 96px;
//     height: 32px;
//     font-size: 16px;
//     font-family: PingFangSC, PingFangSC-Semibold;
//     font-weight: 600;
//     text-align: left;
//     color: #171721;
//     line-height: 32px;
//     margin: 26px 19px;
//   }
//   div {
//     width: 1240px;
//     height: 40px;
//     background: #00a3ff;
//     border-radius: 16px 16px 0px 0px;
//     padding-left: 26px;
//     font-size: 14px;
//     font-family: PingFangSC, PingFangSC-Semibold;
//     font-weight: 600;
//     text-align: left;
//     color: #ffffff;
//     line-height: 40px;
//   }
//   ul {
//     li {
//       width: 1240px;
//       height: 50px;
//       line-height: 50px;
//       padding-left: 20px;
//       font-size: 14px;
//       font-family: PingFangSC, PingFangSC-Semibold;
//       font-weight: 600;
//       text-align: left;
//       color: #050026;
//       margin: 15px 0;
//       //   opacity: 0.05;

//       background: rgba(#00a3ff, 0.05);
//       border-radius: 16px 16px 0px 0px;
//       &:nth-of-type(1),
//       &:nth-of-type(2) {
//         width: 1220px;
//         display: flex;
//         justify-content: space-between;
//         margin-left: 20px;
//         border-bottom: 1px dashed #979797;
//         background-color: transparent;
//         span {
//           display: inline-block;
//           width: 102px;
//           height: 32px;
//           border: 1px solid #00a3ff;
//           border-radius: 17px;
//           font-size: 12px;
//           font-family: PingFangSC, PingFangSC-Medium;
//           font-weight: 500;
//           text-align: center;
//           color: #00a3ff;

//           line-height: 32px;
//           margin-right: 60px;
//         }
//       }
//     }
//   }
// }
// .footer {
//   width: 100%;
//   height: 50px;
//   margin-top: 100px;
//   border: 1px solid blue;
//   display: inline-block;
// }
</style>

