* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Micrsoft YaHei";
  color: #555; }
  .clearfix:after {
    content: "";
    display: block;
    clear: both; }
  .lf {
    float: left; }
  .rt {
    float: right; }
  a {
    text-decoration: none; }

.mainCon {
  width: 100%;
  min-width: 1348px;
  max-width: 1920px;
  position: relative; }
  .mainCon .fixed {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    z-index: 999; }
  .mainCon .header {
    width: 100%;
    padding: 12px 0 8px;
    border-bottom: 1px solid #eee; }
    .mainCon .header .headerMain {
      width: 928px;
      margin: 0 auto;
      position: relative; }
    .mainCon .header .logo {
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -47px;
      height: 87px; }
    .mainCon .header ul {
      height: 87px;
      padding: 0 30px;
      line-height: 87px; }
      .mainCon .header ul li {
        min-width: 60px;
        text-align: center;
        font-size: 15px;
        margin-right: 39px; }
      .mainCon .header ul li:last-of-type {
        margin: 0; }
  .mainCon .footer {
    height: 188px;
    background: #333;
    padding: 20px 146px 0;
    position: relative; }
    .mainCon .footer .items {
      width: 1042px;
      margin: 0 auto; }
    .mainCon .footer li {
      height: 37px;
      line-height: 37px;
      margin: 0 40px; }
      .mainCon .footer li a {
        text-decoration: underline;
        color: #8a8a8a;
        font-size: 16px; }
    .mainCon .footer li.tit a {
      font-size: 16px; }
    .mainCon .footer .txt {
      width: 334px;
      margin: 56px auto 0; }
      .mainCon .footer .txt p {
        line-height: 25px;
        font-size: 13px;
        color: #8a8a8a;
        text-align: center; }
    .mainCon .footer img {
      position: absolute;
      right: 52px;
      top: 80px;
      transition: .5s linear; }
    .mainCon .footer img:hover {
      opacity: 0.5; }
  .mainCon .indexCon {
    padding-bottom: 146px; }
    .mainCon .indexCon .banner {
      width: 100%;
      height: 458px;
      overflow: hidden;
      position: relative; }
      .mainCon .indexCon .banner .picList {
        width: 10000%;
        position: absolute;
        left: -1348px;
        top: 0; }
        .mainCon .indexCon .banner .picList li {
          font-size: 0; }
          .mainCon .indexCon .banner .picList li img {
            width: 1348px;
            height: 458px; }
      .mainCon .indexCon .banner .poinList {
        position: absolute;
        width: 128px;
        height: 20px;
        left: 50%;
        bottom: 15px;
        margin-left: -64px; }
        .mainCon .indexCon .banner .poinList li {
          margin: 0 6px;
          width: 20px;
          height: 20px;
          border-radius: 50%;
          background: #535353;
          cursor: pointer; }
        .mainCon .indexCon .banner .poinList li.active {
          background: #fff; }
      .mainCon .indexCon .banner .btn {
        display: block;
        position: absolute;
        width: 34px;
        height: 45px;
        top: 50%;
        margin-top: -15px;
        cursor: pointer; }
      .mainCon .indexCon .banner .btn:first-of-type {
        left: 44px;
        background: url("../images/left.png"); }
      .mainCon .indexCon .banner .btn:last-of-type {
        right: 44px;
        background: url("../images/right.png"); }
    .mainCon .indexCon .main {
      width: 1118px;
      padding-bottom: 132px;
      margin: 31px auto 0;
      border-bottom: 1px solid #dedede; }
      .mainCon .indexCon .main .lfCon {
        width: 776px;
        position: relative; }
        .mainCon .indexCon .main .lfCon h3 {
          line-height: 87px;
          height: 87px;
          font-size: 22px;
          color: #727272;
          font-weight: normal; }
        .mainCon .indexCon .main .lfCon .more {
          font-size: 16px;
          color: #727272;
          position: absolute;
          right: 0;
          top: 45px; }
        .mainCon .indexCon .main .lfCon ul {
          margin-right: -22px; }
          .mainCon .indexCon .main .lfCon ul li {
            margin: 0 23px 40px 0; }
            .mainCon .indexCon .main .lfCon ul li dl {
              width: 243px; }
              .mainCon .indexCon .main .lfCon ul li dl dt {
                font-size: 0;
                width: 100%;
                height: 162px;
                position: relative; }
                .mainCon .indexCon .main .lfCon ul li dl dt img {
                  width: 100%;
                  height: 100%;
                  border-radius: 0 18px 18px 18px; }
                .mainCon .indexCon .main .lfCon ul li dl dt span {
                  position: absolute;
                  left: 0;
                  top: 0;
                  display: block;
                  width: 40px;
                  height: 40px;
                  background: rgba(179, 217, 171, 0.6);
                  text-align: center; }
                  .mainCon .indexCon .main .lfCon ul li dl dt span i {
                    color: #fff;
                    font-style: normal;
                    font-size: 15px; }
              .mainCon .indexCon .main .lfCon ul li dl dd {
                margin-top: 5px;
                text-align: center; }
                .mainCon .indexCon .main .lfCon ul li dl dd h4 {
                  font-size: 18px;
                  line-height: 41px;
                  height: 41px;
                  font-weight: normal; }
                .mainCon .indexCon .main .lfCon ul li dl dd p {
                  line-height: 25px;
                  font-size: 15px;
                  color: #666; }
      .mainCon .indexCon .main .rtCon {
        width: 220px;
        margin: 31px 0 0 100px;
        border: 2px solid #edece7;
        border-radius: 15px;
        position: relative; }
        .mainCon .indexCon .main .rtCon h4 {
          height: 66px;
          line-height: 66px;
          margin-bottom: 10px;
          padding-left: 16px;
          font-size: 22px;
          color: #727272;
          font-weight: normal; }
        .mainCon .indexCon .main .rtCon dl {
          margin-bottom: 56px; }
          .mainCon .indexCon .main .rtCon dl dt {
            font-size: 0;
            height: 185px; }
          .mainCon .indexCon .main .rtCon dl dd {
            text-align: center;
            font-size: 20px;
            height: 48px;
            line-height: 48px;
            color: #727272; }
        .mainCon .indexCon .main .rtCon .more {
          font-size: 16px;
          color: #727272;
          position: absolute;
          right: 9px;
          bottom: 5px; }
    .mainCon .indexCon .bottom {
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      width: 1118px;
      margin: 0 auto;
      padding: 45px 22px 0;
      position: relative; }
      .mainCon .indexCon .bottom .lfCon {
        width: 516px;
        margin-right: 30px; }
        .mainCon .indexCon .bottom .lfCon h4 {
          font-weight: normal;
          font-size: 25px;
          height: 61px;
          line-height: 61px; }
        .mainCon .indexCon .bottom .lfCon iframe {
          width: 515px;
          height: 321px; }
      .mainCon .indexCon .bottom .rtCon {
        width: 482px;
        height: 402px;
        margin-bottom: -42px; }
        .mainCon .indexCon .bottom .rtCon iframe {
          width: 100%;
          height: 100%;
          border: none;
          background: url("../images/icon09.png"); }
      .mainCon .indexCon .bottom .more {
        font-size: 16px;
        color: #727272;
        position: absolute;
        right: -13px;
        bottom: -94px; }
  .mainCon .newInfoCon {
    width: 1085px;
    margin: 0 auto;
    padding: 58px 0 100px; }
    .mainCon .newInfoCon h4 {
      font-size: 22px;
      font-weight: normal;
      margin-bottom: 35px;
      color: #555; }
    .mainCon .newInfoCon ul {
      padding-left: 12px; }
      .mainCon .newInfoCon ul li {
        margin-bottom: 35px; }
        .mainCon .newInfoCon ul li img {
          margin-right: 52px; }
        .mainCon .newInfoCon ul li .txt {
          width: 790px; }
          .mainCon .newInfoCon ul li .txt h4 {
            margin-bottom: 15px; }
            .mainCon .newInfoCon ul li .txt h4 strong {
              font-size: 20px;
              margin-right: 101px; }
            .mainCon .newInfoCon ul li .txt h4 span {
              font-size: 20px;
              color: #555; }
            .mainCon .newInfoCon ul li .txt h4 span:hover {
              color: #333; }
          .mainCon .newInfoCon ul li .txt a {
            display: block;
            cursor: pointer;
            font-size: 16px;
            color: #888;
            line-height: 25px; }
          .mainCon .newInfoCon ul li .txt a:hover {
            color: #333; }
  .mainCon .newInfoDetailCon {
    padding-top: 60px;
    width: 1053px;
    margin: 0 auto; }
    .mainCon .newInfoDetailCon h3 {
      font-size: 30px;
      font-weight: normal;
      margin-bottom: 28px;
      text-align: center; }
    .mainCon .newInfoDetailCon p {
      font-size: 18px;
      line-height: 38px;
      color: #555;
      margin-bottom: 35px; }
    .mainCon .newInfoDetailCon .picList {
      margin-right: -35px; }
      .mainCon .newInfoDetailCon .picList .imgBig {
        width: 1053px; }
      .mainCon .newInfoDetailCon .picList ul {
        width: 513px;
        margin-right: 28px; }
        .mainCon .newInfoDetailCon .picList ul li {
          width: 100%;
          font-size: 0;
          margin-bottom: 20px; }
          .mainCon .newInfoDetailCon .picList ul li img {
            width: 100%; }
    .mainCon .newInfoDetailCon .txt {
      height: 50px;
      line-height: 50px;
      width: 100%; }
      .mainCon .newInfoDetailCon .txt strong {
        font-size: 22px; }
    .mainCon .newInfoDetailCon .video {
      padding-bottom: 60px;
      margin-right: -41px; }
      .mainCon .newInfoDetailCon .video iframe {
        width: 513px;
        height: 322px;
        margin-right: 30px; }
  .mainCon .classInfo {
    padding: 91px 0 143px;
    width: 1054px;
    margin: 0 auto; }
    .mainCon .classInfo h2 {
      font-size: 35px;
      font-weight: normal;
      padding-bottom: 43px;
      border-bottom: 1px solid #dedede; }
    .mainCon .classInfo .items {
      margin-right: -62px; }
      .mainCon .classInfo .items li {
        margin: 48px 63px 0 0; }
        .mainCon .classInfo .items li dt {
          width: 309px;
          height: 207px;
          margin-bottom: 22px;
          font-size: 0; }
          .mainCon .classInfo .items li dt img {
            width: 100%;
            height: 100%; }
        .mainCon .classInfo .items li dd {
          font-size: 20px;
          color: #555;
          text-align: center;
          padding-bottom: 29px;
          border-bottom: 1px solid #eee; }
  .mainCon .classInfoDetail {
    width: 1054px;
    margin: 93px auto 0; }
    .mainCon .classInfoDetail .title {
      height: 50px;
      line-height: 50px;
      margin-bottom: 114px; }
      .mainCon .classInfoDetail .title h4 {
        font-size: 26px;
        color: #228370;
        font-weight: normal; }
      .mainCon .classInfoDetail .title a {
        font-size: 16px;
        color: #555; }
    .mainCon .classInfoDetail .main img {
      width: 387px;
      height: 259px;
      margin-right: 13px; }
    .mainCon .classInfoDetail .main .txt {
      width: 654px;
      margin-bottom: 120px; }
      .mainCon .classInfoDetail .main .txt .txtCon {
        position: relative;
        padding-left: 110px;
        margin-bottom: -30px; }
        .mainCon .classInfoDetail .main .txt .txtCon p {
          line-height: 38px;
          font-size: 16px;
          color: #555;
          margin-bottom: 30px; }
        .mainCon .classInfoDetail .main .txt .txtCon span {
          text-align: right;
          display: block;
          width: 100px;
          font-size: 20px;
          position: absolute;
          left: 0;
          top: 3px;
          color: #228370; }
    .mainCon .classInfoDetail .tab .title {
      background: #e4e3e3;
      height: 40px;
      line-height: 40px;
      font-weight: bold; }
    .mainCon .classInfoDetail .tab ul {
      margin-bottom: 14px;
      border-radius: 10px;
      background: #f3f3f3;
      height: 64px;
      line-height: 64px; }
      .mainCon .classInfoDetail .tab ul li {
        width: 20%;
        text-align: center;
        font-size: 16px; }
        .mainCon .classInfoDetail .tab ul li strong {
          color: #4cbea8; }
      .mainCon .classInfoDetail .tab ul li:first-of-type {
        text-align: right;
        padding-right: 46px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; }
        .mainCon .classInfoDetail .tab ul li:first-of-type span {
          margin-right: 18px; }
      .mainCon .classInfoDetail .tab ul li.sign {
        width: 113px;
        height: 100%;
        border-radius: 15px;
        background: #4cbea8; }
        .mainCon .classInfoDetail .tab ul li.sign a {
          display: block;
          width: 100%;
          height: 100%; }
        .mainCon .classInfoDetail .tab ul li.sign img {
          width: 25px;
          height: 31px;
          vertical-align: middle; }
        .mainCon .classInfoDetail .tab ul li.sign span {
          margin-left: 10px;
          font-size: 16px;
          color: #fff;
          vertical-align: middle; }
  .mainCon .feedCon {
    width: 1057px;
    margin: 0 auto;
    padding-bottom: 50px; }
    .mainCon .feedCon .feedConBan {
      width: 100%;
      margin: 28px 0 22px; }
    .mainCon .feedCon .title {
      font-size: 24px;
      padding-bottom: 36px;
      border-bottom: 1px solid #dedede; }
    .mainCon .feedCon ul {
      padding-top: 20px; }
      .mainCon .feedCon ul li {
        margin-bottom: 27px; }
        .mainCon .feedCon ul li a {
          font-size: 22px;
          color: #888;
          font-weight: bold; }
        .mainCon .feedCon ul li a:hover {
          color: #333; }
        .mainCon .feedCon ul li .list {
          height: 0;
          padding-left: 30px;
          overflow: hidden;
          padding: 0; }
          .mainCon .feedCon ul li .list li {
            margin-bottom: 15px; }
            .mainCon .feedCon ul li .list li a {
              font-size: 18px;
              font-weight: normal; }
        .mainCon .feedCon ul li .list.show {
          padding: 20px 0 0 30px;
          height: auto; }
  .mainCon .feedDetailCon {
    padding-top: 40px;
    width: 1053px;
    margin: 0 auto; }
    .mainCon .feedDetailCon .item {
      padding-top: 20px;
      border-bottom: 1px solid #dedede; }
      .mainCon .feedDetailCon .item h4 {
        font-size: 28px;
        margin-bottom: 20px; }
      .mainCon .feedDetailCon .item p {
        font-size: 18px;
        line-height: 38px;
        color: #555;
        margin-bottom: 40px; }
      .mainCon .feedDetailCon .item p.mar_0 {
        margin: 0; }
      .mainCon .feedDetailCon .item p.ol {
        margin: 0;
        padding-left: 5px; }
      .mainCon .feedDetailCon .item ol {
        padding-left: 46px; }
        .mainCon .feedDetailCon .item ol li {
          list-style: decimal outside !important; }
      .mainCon .feedDetailCon .item strong {
        padding-top: 5px;
        font-size: 22px;
        color: #555;
        line-height: 44px;
        display: block; }
    .mainCon .feedDetailCon .item:last-of-type {
      padding: 20px 0 50px; }
  .mainCon .feedDetailOneCon {
    width: 1048px;
    padding: 70px 0 92px;
    margin: 0 auto; }
    .mainCon .feedDetailOneCon img {
      display: block;
      margin: 0 auto 60px; }
    .mainCon .feedDetailOneCon h4 {
      font-size: 25px;
      margin-bottom: 26px; }
    .mainCon .feedDetailOneCon p {
      font-size: 18px;
      line-height: 38px;
      color: #555; }
    .mainCon .feedDetailOneCon span {
      margin: 56px 0 10px;
      display: block;
      font-size: 18px;
      color: #555; }
    .mainCon .feedDetailOneCon ul {
      font-size: 18px;
      padding-left: 42px; }
      .mainCon .feedDetailOneCon ul li {
        line-height: 38px;
        padding-left: 3px;
        list-style: disc outside;
        color: #555; }
  .mainCon .contactCon {
    width: 1057px;
    margin: 0 auto;
    padding-top: 66px; }
    .mainCon .contactCon .main {
      padding-bottom: 110px; }
      .mainCon .contactCon .main .lfCon {
        width: 598px;
        margin-right: 39px; }
        .mainCon .contactCon .main .lfCon h4 {
          font-size: 20px;
          padding-bottom: 18px;
          border-bottom: 1px solid #dedede;
          margin-bottom: 17px; }
        .mainCon .contactCon .main .lfCon .title {
          font-size: 15px;
          margin-bottom: 40px; }
        .mainCon .contactCon .main .lfCon .items {
          width: 372px;
          margin-bottom: 26px; }
          .mainCon .contactCon .main .lfCon .items strong {
            display: block;
            font-size: 15px;
            padding-bottom: 13px; }
            .mainCon .contactCon .main .lfCon .items strong span {
              display: inline-block;
              height: 10px;
              color: red;
              font-size: 22px;
              font-weight: bold;
              vertical-align: top; }
          .mainCon .contactCon .main .lfCon .items input {
            width: 100%; }
          .mainCon .contactCon .main .lfCon .items textarea {
            width: 100%;
            text-indent: 10px;
            height: 102px;
            background: rgba(200, 198, 196, 0.1);
            opacity: 0.5;
            transition: 0.3s;
            border: 2px solid #888; }
          .mainCon .contactCon .main .lfCon .items textarea:hover {
            opacity: 1; }
          .mainCon .contactCon .main .lfCon .items textarea.active {
            opacity: 1; }
        .mainCon .contactCon .main .lfCon input {
          height: 36px;
          line-height: 36px;
          text-indent: 10px;
          border: 2px solid #888;
          background: rgba(200, 198, 196, 0.1);
          opacity: 0.5;
          transition: 0.3s;
          color: #000; }
        .mainCon .contactCon .main .lfCon input[type="submit"] {
          text-align: center;
          width: 76px;
          height: 43px;
          line-height: 43px;
          background: #c1c1c1;
          color: #fff;
          text-indent: 0;
          opacity: 1;
          border: none;
          cursor: pointer; }
        .mainCon .contactCon .main .lfCon input:hover {
          opacity: 1; }
        .mainCon .contactCon .main .lfCon input.active {
          opacity: 1; }
        .mainCon .contactCon .main .lfCon .name {
          width: 404px; }
          .mainCon .contactCon .main .lfCon .name div:first-of-type {
            width: 162px;
            margin-right: 20px; }
          .mainCon .contactCon .main .lfCon .name div:last-of-type {
            width: 220px; }
          .mainCon .contactCon .main .lfCon .name label {
            font-size: 12px; }
      .mainCon .contactCon .main .rtCon {
        width: 420px; }
        .mainCon .contactCon .main .rtCon .item {
          margin-bottom: 50px;
          font-size: 15px; }
          .mainCon .contactCon .main .rtCon .item span {
            display: block;
            margin-bottom: 20px; }
          .mainCon .contactCon .main .rtCon .item p {
            color: #555;
            line-height: 25px; }
  .mainCon .activityCon {
    width: 920px;
    padding: 66px 0 135px;
    margin: 0 auto; }
    .mainCon .activityCon h4 {
      font-size: 26px;
      color: #555;
      font-weight: normal; }
    .mainCon .activityCon .item {
      padding: 70px 0;
      border-bottom: 1px dashed #dedede; }
      .mainCon .activityCon .item .title {
        width: 189px;
        height: 224px;
        margin: 0 112px 0 47px; }
        .mainCon .activityCon .item .title h4 {
          color: #228370;
          margin-bottom: 10px; }
        .mainCon .activityCon .item .title p {
          font-size: 18px;
          color: #555;
          line-height: 36px; }
      .mainCon .activityCon .item a {
        display: block;
        width: 333px;
        height: 224px; }
        .mainCon .activityCon .item a img {
          width: 100%;
          height: 100%; }
      .mainCon .activityCon .item .time {
        width: 239px;
        padding: 17px 20px 17px 12px;
        background: #edeef0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; }
        .mainCon .activityCon .item .time p {
          line-height: 24px;
          font-size: 12px;
          color: #555;
          font-weight: bold; }
  .mainCon .activitiDetailCon {
    padding-top: 57px;
    width: 979px;
    margin: 0 auto; }
    .mainCon .activitiDetailCon .topCon {
      margin-bottom: 72px; }
      .mainCon .activitiDetailCon .topCon .tit {
        width: 240px; }
        .mainCon .activitiDetailCon .topCon .tit h4 {
          font-size: 26px;
          color: #228370;
          margin-bottom: 10px; }
        .mainCon .activitiDetailCon .topCon .tit p {
          font-size: 22px;
          color: #555;
          line-height: 40px; }
      .mainCon .activitiDetailCon .topCon a {
        font-size: 16px; }
    .mainCon .activitiDetailCon p.tit {
      font-size: 24px;
      margin-bottom: 24px; }
    .mainCon .activitiDetailCon img.banIcon {
      width: 100%;
      margin-bottom: 34px; }
    .mainCon .activitiDetailCon p {
      font-size: 16px;
      margin-bottom: 28px; }
    .mainCon .activitiDetailCon span {
      font-size: 12px; }
    .mainCon .activitiDetailCon .iconList {
      padding: 50px 0 0 10px; }
      .mainCon .activitiDetailCon .iconList li {
        font-size: 0;
        margin: 0 15px; }
        .mainCon .activitiDetailCon .iconList li a {
          display: block; }
      .mainCon .activitiDetailCon .iconList li:last-of-type {
        font-size: 28px;
        width: 64%;
        text-align: center; }
    .mainCon .activitiDetailCon a.submit {
      width: 104px;
      height: 41px;
      line-height: 41px;
      text-align: center;
      color: #fff;
      font-size: 16px;
      display: block;
      background: #b1b1b1;
      opacity: 0.6;
      transition: .5s linear;
      cursor: pointer;
      margin-bottom: 73px; }
    .mainCon .activitiDetailCon a.submit:hover {
      opacity: 1; }
  .mainCon .tidbitsCon {
    padding: 68px 0 78px;
    width: 1048px;
    margin: 0 auto; }
    .mainCon .tidbitsCon h3 {
      font-size: 22px;
      margin-bottom: 72px;
      padding-left: 15px; }
    .mainCon .tidbitsCon .items {
      margin-right: -24px; }
      .mainCon .tidbitsCon .items div.lf {
        width: 244px;
        height: 244px;
        font-size: 0;
        position: relative;
        margin: 0 24px 50px 0;
        border-radius: 10px;
        overflow: hidden; }
        .mainCon .tidbitsCon .items div.lf a {
          display: block;
          height: 100%; }
        .mainCon .tidbitsCon .items div.lf img {
          width: 100%;
          height: 100%; }
        .mainCon .tidbitsCon .items div.lf .bg {
          width: 100%;
          color: #DABDBF;
          font-size: 16px;
          position: absolute;
          right: 0;
          bottom: 0;
          padding: 9px 15px 8px 15px;
          background: rgba(0, 0, 0, 0.5);
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box; }
          .mainCon .tidbitsCon .items div.lf .bg span {
            display: block;
            position: absolute;
            top: -10px;
            left: 0;
            width: 100%;
            height: 10px;
            background: url(../images/shadow.png) center/cover; }
  .mainCon .tidbitsDetailCon {
    width: 1048px;
    margin: 0 auto;
    padding-top: 66px; }
    .mainCon .tidbitsDetailCon h4 {
      font-size: 27px;
      font-weight: normal;
      color: #228370; }
    .mainCon .tidbitsDetailCon a {
      display: block;
      height: 37px;
      line-height: 37px;
      color: #555;
      font-size: 20px; }
    .mainCon .tidbitsDetailCon .picList {
      padding: 36px 0;
      margin-right: -26px; }
      .mainCon .tidbitsDetailCon .picList li {
        font-size: 0;
        width: 509px;
        height: 278px;
        border-radius: 10px;
        overflow: hidden;
        margin: 0 28px 36px 0; }
        .mainCon .tidbitsDetailCon .picList li img {
          width: 100%;
          height: 100%; }
  .mainCon .teacherCon {
    width: 1066px;
    margin: 0 auto 32px;
    padding-top: 96px; }
    .mainCon .teacherCon .topCon {
      margin-bottom: 32px; }
      .mainCon .teacherCon .topCon h5 {
        font-size: 20px;
        font-weight: normal;
        position: relative; }
        .mainCon .teacherCon .topCon h5 span {
          color: #555; }
        .mainCon .teacherCon .topCon h5 .teachList {
          position: relative;
          height: 28px;
          overflow: hidden;
          width: 115px; }
          .mainCon .teacherCon .topCon h5 .teachList li {
            color: #555;
            cursor: pointer; }
          .mainCon .teacherCon .topCon h5 .teachList li.icon {
            position: absolute;
            right: 0;
            top: 0;
            width: 20px;
            height: 28px;
            background: url("../images/icon25.png") center center; }
          .mainCon .teacherCon .topCon h5 .teachList li:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.5); }
        .mainCon .teacherCon .topCon h5 .teachList.show {
          height: auto; }
        .mainCon .teacherCon .topCon h5 input {
          width: 400px;
          height: 36px;
          line-height: 36px;
          font-size: 20px;
          padding-left: 20px;
          border: 1px solid #989898; }
        .mainCon .teacherCon .topCon h5 .seachIcon {
          width: 32px;
          height: 32px;
          background: url("../images/icon26.png") no-repeat;
          position: absolute;
          right: 6px;
          top: 4px;
          cursor: pointer; }
    .mainCon .teacherCon .midCon {
      border-top: 5px solid #4e4e4e;
      margin-bottom: 42px; }
      .mainCon .teacherCon .midCon .main {
        border-bottom: 2px solid #d8d8d8;
        border-right: 2px solid #d8d8d8;
        border-left: 2px solid #d8d8d8; }
        .mainCon .teacherCon .midCon .main img {
          width: 205px;
          height: 178px;
          margin-right: 30px; }
        .mainCon .teacherCon .midCon .main h4 {
          height: 70px;
          line-height: 70px;
          font-weight: normal;
          font-size: 20px;
          color: #228370; }
        .mainCon .teacherCon .midCon .main p {
          width: 620px;
          font-size: 16px;
          color: #555;
          line-height: 26px; }
      .mainCon .teacherCon .midCon .items {
        height: 0;
        overflow: hidden;
        border-top: 2px solid #555;
        border-right: 2px solid #d8d8d8;
        border-left: 2px solid #d8d8d8;
        border-bottom: 2px solid #d8d8d8;
        padding: 0 5px 0 8px;
        transition: .3s linear; }
        .mainCon .teacherCon .midCon .items .item {
          height: 60px;
          margin-bottom: 8px; }
          .mainCon .teacherCon .midCon .items .item .date {
            width: 74px;
            height: 60px;
            background: url("../images/01.png") no-repeat center/cover; }
            .mainCon .teacherCon .midCon .items .item .date strong {
              display: block;
              text-align: center;
              font-size: 15px;
              color: #333; }
          .mainCon .teacherCon .midCon .items .item .classList li {
            height: 25px;
            font-size: 16px;
            margin-bottom: 8px; }
            .mainCon .teacherCon .midCon .items .item .classList li .time {
              width: 98px;
              height: 100%;
              line-height: 25px;
              text-align: center;
              border-top-left-radius: 10px;
              border-top: 2px solid #ccc;
              margin-right: 15px;
              color: #555; }
            .mainCon .teacherCon .midCon .items .item .classList li .time2 {
              height: 100%;
              line-height: 25px;
              margin-right: 15px;
              color: #555; }
            .mainCon .teacherCon .midCon .items .item .classList li strong {
              height: 100%;
              line-height: 25px;
              font-size: 16px;
              color: #228370;
              font-weight: normal; }
            .mainCon .teacherCon .midCon .items .item .classList li .signUp {
              width: 124px; }
              .mainCon .teacherCon .midCon .items .item .classList li .signUp div {
                background: #bbd244;
                color: #fff; }
              .mainCon .teacherCon .midCon .items .item .classList li .signUp .over {
                width: 69px;
                height: 100%;
                line-height: 25px;
                text-align: center;
                background: #fff;
                color: #ccc;
                margin-right: 12px;
                font-size: 12px; }
              .mainCon .teacherCon .midCon .items .item .classList li .signUp .num {
                width: 43px;
                height: 100%;
                line-height: 25px;
                text-align: center; }
              .mainCon .teacherCon .midCon .items .item .classList li .signUp .sign {
                width: 69px;
                height: 100%;
                line-height: 25px;
                text-align: center;
                font-size: 12px;
                color: #fff;
                margin-right: 12px;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
                cursor: pointer; }
          .mainCon .teacherCon .midCon .items .item .classList li:last-of-type {
            margin: 0; }
        .mainCon .teacherCon .midCon .items .bottomBorder {
          width: 975px;
          height: 8px;
          background: #4e4e4e; }
      .mainCon .teacherCon .midCon .itemsShow {
        height: 284px;
        overflow-y: auto;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box; }
      .mainCon .teacherCon .midCon .btn {
        width: 129px;
        height: 27px;
        cursor: pointer;
        margin: -2px 4px 0 0; }
      .mainCon .teacherCon .midCon .closeBtn {
        background: url("../images/02.png") no-repeat; }
      .mainCon .teacherCon .midCon .showBtn {
        background: url("../images/03.png") no-repeat; }