.imagelist2 .titlewrap {
  height: 20px;
  line-height: 20px;
  padding-left: 10px;
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  border-left: 4px solid #008359;
  margin-bottom: 25px; }
  .imagelist2 .titlewrap .more {
    font-size: 12px;
    color: #333333;
    float: right; }
.imagelist2 .list .listwrap {
  margin-left: -22.66px; }
  .imagelist2 .list .listwrap a {
    display: block;
    float: left;
    margin-left: 22.66px; }
    .imagelist2 .list .listwrap a img {
      width: 283px;
      height: 160px;
      display: block; }
    .imagelist2 .list .listwrap a .textwrap {
      width: 283px;
      height: 80px;
      background-color: #f6f7fb; }
      .imagelist2 .list .listwrap a .textwrap p {
        padding: 0 20px; }
        .imagelist2 .list .listwrap a .textwrap p.name {
          font-size: 14px;
          color: #333333;
          font-weight: bold;
          padding-top: 20px; }
        .imagelist2 .list .listwrap a .textwrap p.text {
          font-size: 12px;
          color: #666666;
          padding-top: 12px; }

.main {
  background-color: white; }
  .main .pull-left {
    width: 264px; }
    .main .pull-left .titlewrap {
      width: 100%;
      height: 70px;
      background-color: #008359; }
      .main .pull-left .titlewrap p {
        padding: 0 30px; }
        .main .pull-left .titlewrap p.cn {
          font-size: 16px;
          color: #ffffff;
          padding-top: 20px;
          padding-bottom: 8px; }
        .main .pull-left .titlewrap p.en {
          font-size: 12px;
          color: #ffffff; }
    .main .pull-left .listwrap {
      width: 100%;
      background-color: #f8f9fa; }
      .main .pull-left .listwrap .list {
        height: 50px;
        line-height: 50px;
        padding: 0 30px;
        font-size: 16px;
        color: #333333;
        border-bottom: 1px solid #eeeeee; }
        .main .pull-left .listwrap .list i {
          display: block;
          float: right;
          margin-top: 16px;
          font-size: 18px; }
        .main .pull-left .listwrap .list.active {
          color: #008359; }
  .main .pull-right {
    width: 897px; }
    .main .pull-right .titlewrap {
      font-size: 18px;
      color: #333333;
      font-weight: bold;
      border-bottom: 1px solid #008359;
      padding-bottom: 10px;
      padding-left: 20px;
      background: url("../image/circle.png") no-repeat 0 6px; }
      .main .pull-right .titlewrap .Crumbs {
        font-size: 12px;
        color: #999999;
        font-weight: normal;
        float: right; }
    .main .pull-right .listwrap {
      margin-top: 24px;
      padding-bottom: 50px; }
      .main .pull-right .listwrap .detailwrap {
        padding-bottom: 30px;
        border-bottom: 1px solid gainsboro; }
        .main .pull-right .listwrap .detailwrap .namewrap {
          text-align: center;
          margin: 50px 0; }
          .main .pull-right .listwrap .detailwrap .namewrap .name {
            font-size: 16px;
            color: #333333;
            font-weight: bold; }
          .main .pull-right .listwrap .detailwrap .namewrap .introduce {
            font-size: 12px;
            color: #999999;
            padding-top: 12px; }
        .main .pull-right .listwrap .detailwrap .contentwrap .textwrap {
          margin-top: 15px; }
        .main .pull-right .listwrap .detailwrap .contentwrap .textwrap .text {
       font-size: 18px;
       color: #666666;
       font-family: "Microsoft YaHei",微软雅黑,Arial, Helvetica, sans-serif;
       line-height: 35px;
       /* padding-top: 15px; */}
        .main .pull-right .listwrap .detailwrap .contentwrap .textwrap p img {
       padding-top:11px;
       }
      .main .pull-right .listwrap .Article {
        margin-top: 30px; }
        .main .pull-right .listwrap .Article .leftwrap {
          float: left; }
          .main .pull-right .listwrap .Article .leftwrap a {
            font-size: 12.5px;
            color: #666666;
            display: block; }
            .main .pull-right .listwrap .Article .leftwrap a:last-child {
              margin-top: 12px; }
        .main .pull-right .listwrap .Article .rightwrap {
          float: right; }
          .main .pull-right .listwrap .Article .rightwrap a {
            font-size: 12.5px;
            color: #666666;
            display: block;
            padding-left: 20px;
            margin-top: 10px;
            background-color: blue;
            background: url("../image/FH.png") no-repeat 0 1px; }

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: #008359 !important; }

/*# sourceMappingURL=Educational-trends-video.css.map */
