@charset "UTF-8";
@-webkit-keyframes lateLeft {
  0% {
    opacity: 0;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }
@keyframes lateLeft {
  0% {
    opacity: 0;
    transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0); }
  50% {
    opacity: 1; }
  100% {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0); } }
.wrapper {
  width: 100%;
  background: #fff; }

.aside {
  width: 50px;
  height: calc(100% - 70px);
  z-index: 40;
  position: fixed;
  left: 0;
  top: 0;
  padding-top: 70px;
  text-align: center;
  background: #fff;
  border-right: 1px solid #f1f1f1; }
  .aside:hover .aside2 {
    display: block;
    left: 0 !important; }

.aside-slide dd {
  display: none; }

.aside1 {
  width: 100%;
  height: 100%; }

.aside2 {
  position: absolute;
  left: -122px;
  display: block;
  top: 0;
  width: 122px;
  height: calc(100% - 70px);
  padding-top: 70px;
  text-align: center;
  background: #fff;
  border-right: 1px solid #f1f1f1;
  z-index: 2;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.aside2-slide {
  padding-bottom: 20px;
  width: 100%;
  border-bottom: 1px solid #e9ecf1; }
  .aside2-slide h2 {
    padding-top: 22px;
    font-size: 12px;
    color: #d9dfeb;
    padding-bottom: 7px;
    position: relative; }
    .aside2-slide h2:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 2px;
      bottom: 0;
      left: 50%;
      margin-left: -4px; }
  .aside2-slide a {
    display: block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative; }
    .aside2-slide a:hover {
      background: #e1eaf1; }
    .aside2-slide a dl {
      width: calc(100% - 19px);
      padding-left: 19px;
      position: relative;
      z-index: 2; }
      .aside2-slide a dl:after {
        content: "";
        clear: both;
        display: block; }
    .aside2-slide a dt {
      width: 26px;
      height: 26px;
      float: left; }
    .aside2-slide a dd {
      float: left;
      width: calc(100% - 33px);
      padding-left: 7px;
      font-size: 12px;
      color: #444;
      text-align: left !important;
      line-height: 26px; }
  .aside2-slide .aside-emb dt {
    background: url(../images/aside-emb-h.png) no-repeat center; }
  .aside2-slide .aside-iot dt {
    background: url(../images/aside-iot-h.png) no-repeat center; }
  .aside2-slide .aside-xing dt {
    background: url(../images/aside-xing-h.png) no-repeat center; }
  .aside2-slide .aside-python dt {
    background: url(../images/aside-python-h.png) no-repeat center; }
  .aside2-slide .aside-web dt {
    background: url(../images/aside-web-h.png) no-repeat center; }
  .aside2-slide .aside-java dt {
    background: url(../images/aside-java-h.png) no-repeat center; }
  .aside2-slide .aside-vr dt {
    background: url(../images/aside-vr-h.png) no-repeat center; }
  .aside2-slide .aside-android dt {
    background: url(../images/aside-android-h.png) no-repeat center; }
  .aside2-slide .aside-ios dt {
    background: url(../images/aside-ios-h.png) no-repeat center; }
  .aside2-slide .aside-ui dt {
    background: url(../images/aside-ui-h.png) no-repeat center; }

.aside2-slide:last-child {
  border-bottom: none; }

.aside2-active {
  display: block !important;
  left: 0 !important; }

.aside-slide {
  padding-bottom: 20px;
  width: 100%;
  border-bottom: 1px solid #e9ecf1; }
  .aside-slide h2 {
    padding-top: 22px;
    font-size: 12px;
    color: #d9dfeb;
    padding-bottom: 7px;
    position: relative; }
    .aside-slide h2:after {
      content: "";
      position: absolute;
      width: 8px;
      height: 2px;
      bottom: 0;
      left: 50%;
      margin-left: -4px; }
  .aside-slide a {
    display: block;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    /* &:hover{
       span{
         display: block;
         background:#e1eaf1;
         animation: lateLeft .3s ease;
       }
     }
     span{
       display: none;
       @include pos(absolute);
       width:80px;
       height:100%;
       background:#fff;
       line-height:42px;
       text-align:center;
       font-size:12px;
       color:#444;
       left:50px;
       top:0;
       z-index:1;
     }*/ }
    .aside-slide a:hover:hover {
      background: #e1eaf1; }
    .aside-slide a dl {
      width: 100%;
      position: relative;
      z-index: 2; }
    .aside-slide a dt {
      width: 100%;
      height: 26px; }
    .aside-slide a dd {
      display: none;
      font-size: 12px;
      color: #444;
      text-align: center;
      padding-top: 5px; }

.aside-slide:last-child {
  border-bottom: none; }

/*.aside-emb{
  dt{
    background:url(../images/aside-emb.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-emb-h.png) no-repeat center;
    }
  }
}
.aside-iot{
  dt{
    background:url(../images/aside-iot.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-iot-h.png) no-repeat center;
    }
  }
}
.aside-xing{
  dt{
    background:url(../images/aside-xing.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-xing-h.png) no-repeat center;
    }
  }
}
.aside-web{
  dt{
    background:url(../images/aside-web.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-web-h.png) no-repeat center;
    }
  }
}
.aside-java{
  dt{
    background:url(../images/aside-java.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-java-h.png) no-repeat center;
    }
  }
}
.aside-vr{
  dt{
    background:url(../images/aside-vr.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-vr-h.png) no-repeat center;
    }
  }
}
.aside-android{
  dt{
    background:url(../images/aside-android.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-android-h.png) no-repeat center;
    }
  }
}
.aside-ios{
  dt{
    background:url(../images/aside-ios.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-ios-h.png) no-repeat center;
    }
  }
}
.aside-ui{
  dt{
    background:url(../images/aside-ui.png) no-repeat center;
  }
  &:hover{
    background:#e1eaf1;
    dt{
      background:url(../images/aside-ui-h.png) no-repeat center;
    }
  }
}*/
.aside-emb dt {
  background: url(../images/aside-emb-h.png) no-repeat center; }

.aside-iot dt {
  background: url(../images/aside-iot-h.png) no-repeat center; }

.aside-xing dt {
  background: url(../images/aside-xing-h.png) no-repeat center; }

.aside-python dt {
  background: url(../images/aside-python-h.png) no-repeat center; }

.aside-web dt {
  background: url(../images/aside-web-h.png) no-repeat center; }

.aside-java dt {
  background: url(../images/aside-java-h.png) no-repeat center; }

.aside-vr dt {
  background: url(../images/aside-vr-h.png) no-repeat center; }

.aside-android dt {
  background: url(../images/aside-android-h.png) no-repeat center; }

.aside-ios dt {
  background: url(../images/aside-ios-h.png) no-repeat center; }

.aside-ui dt {
  background: url(../images/aside-ui-h.png) no-repeat center; }

/*-------------------直播播放banner 活动bg图-----------------------*/
.player-banner {
  width: 100%;
  height: 543px;
  background: #000;
  position: relative; }

.player-banner .swiper-container {
  color: #fff !important; }

.player-banner .swiper-slide {
  position: relative; }
  .player-banner .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%; }

.index-banner-bg {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8f9ff+0,ffffff+100 */
  background: #c8f9ff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c8f9ff 0%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #c8f9ff 0%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #c8f9ff 0%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8f9ff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

.activity-dans img {
  display: block;
  width: 100%;
  height: 100%; }

.activity-dans-bg {
  position: absolute;
  width: 100%;
  height: 100%; }

.activity-dans-tu1 {
  position: absolute;
  width: 143px;
  height: 18px;
  background: url(../images/dans-tu1.png) no-repeat center;
  background-size: 100% auto;
  top: 50%;
  margin-top: -195px;
  left: 50%;
  margin-left: -525px;
  z-index: 3; }

.activity-dans-tu2 {
  position: absolute;
  width: 315px;
  height: 21px;
  background: url(../images/dans-tu2.png) no-repeat center;
  background-size: 100% auto;
  top: 50%;
  margin-top: -197px;
  left: 50%;
  margin-left: 208px;
  z-index: 3; }

.activity-dans-tu3 {
  position: absolute;
  width: 68px;
  height: 103px;
  background: url(../images/dans-1.png) no-repeat center;
  background-size: 100% auto;
  top: 102px;
  left: 50%;
  margin-left: 525px; }

.activity-dans-logo {
  position: absolute;
  width: 162px;
  height: 42px;
  background: url(../images/activity-dans-logo.png) no-repeat center;
  background-size: 100% auto;
  top: 20px;
  left: 50%;
  margin-left: 318px;
  z-index: 3; }

/*-------------------直播播放器----------------------*/
.player-wrap {
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 2;
  width: 1050px;
  height: 460px;
  margin-left: -525px; }
  .player-wrap:after {
    content: "";
    clear: both;
    display: block; }

.player-zhengzaibo {
  background: rgba(33, 38, 43, 0.7);
  color: #51f5ff; }
  .player-zhengzaibo a, .player-zhengzaibo p, .player-zhengzaibo h6 {
    color: #51f5ff !important; }

.videoplay {
  width: calc(100% - 349px);
  height: 100%;
  float: left;
  background: #000;
  position: relative;
  border-radius: 5px; }

.videoplay {
  width: calc(100% - 281px);
  height: 100%;
  float: left;
  background: #000;
  position: relative;
  border-radius: 5px; }

.play-sidebar {
  width: 272px;
  float: right;
  height: 100%; }

.play-sidebar-item {
  width: 100%;
  height: 138px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 23px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05); }
  .play-sidebar-item:after {
    content: "";
    clear: both;
    display: block; }

.play-sidebar-item:last-child {
  margin-bottom: 0; }

.play-sidebar-item1 .play-s-i-l {
  background: url(../images/play-s-i-bg-1.png) no-repeat center;
  text-align: center;
  padding-top: 48px;
  height: calc(100% - 48px); }
  .play-sidebar-item1 .play-s-i-l i {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -webkit-transform: rotate(180deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(180deg);
    /* Opera */ }
  .play-sidebar-item1 .play-s-i-l p {
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    margin-top: 16px; }
.play-sidebar-item1 .play-s-i-time:after {
  background: #e64f26; }

.play-sidebar-item2 .play-s-i-l {
  background: url(../images/play-s-i-bg-2.png) no-repeat center; }
.play-sidebar-item2 .play-s-i-time:after {
  background: #84d9ec; }

.play-sidebar-item3 .play-s-i-l {
  background: url(../images/play-s-i-bg-3.png) no-repeat center; }
.play-sidebar-item3 .play-s-i-time:after {
  background: #86adf4; }

.play-s-i-l {
  float: left;
  width: 102px;
  height: 100%; }

.play-s-i-g {
  float: left;
  width: 100%;
  height: 100%; }

.play-s-i-r {
  float: left;
  width: 158px;
  height: calc(100% - 18px);
  background: #fff;
  padding: 0 16px;
  padding-top: 18px; }
  .play-s-i-r h3 {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    line-height: 24px;
    height: 48px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }

.play-s-i-tit, .play-s-i-time {
  font-size: 12px;
  color: #504745;
  line-height: 20px; }

.play-s-i-time {
  padding-bottom: 7px;
  position: relative; }
  .play-s-i-time:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 3px;
    border-radius: 2px;
    background: #e64f26;
    left: 0;
    bottom: 0; }

.super-scholar {
  width: 100%;
  background: #f7f8fa; }

.super-scholar-wrap {
  width: 1300px;
  margin: 0 auto;
  padding: 42px 0 50px;
  border-top: 1px solid #e7e9ed; }
  .super-scholar-wrap h2 {
    font-size: 26px;
    color: #000000;
    font-weight: 600; }

.super-scholar-swiper {
  width: 100%;
  height: 510px;
  margin-top: 34px; }
  .super-scholar-swiper .swiper-pagination-bullet-active {
    width: 40px;
    border-radius: 4px; }

.super-scholar-list {
  width: 100%; }
  .super-scholar-list:after {
    content: "";
    clear: both;
    display: block; }

.super-scholar-item {
  float: left;
  width: 305px;
  height: 440px;
  position: relative;
  margin-right: 25px; }
  .super-scholar-item:hover .super-scholar-content {
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1); }
    .super-scholar-item:hover .super-scholar-content a {
      background: #f6f8fb; }

.super-scholar-item:last-child {
  margin-right: 0; }

.super-scholar-img {
  width: 100%;
  border-radius: 5px;
  height: 230px;
  overflow: hidden; }
  .super-scholar-img img {
    display: block;
    width: 100%;
    height: auto; }

.super-scholar-content {
  width: 232px;
  height: 266px;
  border-radius: 5px;
  background: #fff;
  margin: 0 auto;
  margin-top: -56px;
  padding: 0 30px;
  position: relative;
  z-index: 2; }
  .super-scholar-content h5 {
    font-size: 16px;
    color: #444444;
    font-weight: 600;
    padding-top: 28px; }
  .super-scholar-content h3 {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    margin-top: 6px;
    padding-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative; }
    .super-scholar-content h3:after {
      content: "";
      position: absolute;
      width: 42px;
      height: 5px;
      border-radius: 2px;
      background: #3990e9;
      left: 0;
      bottom: 0; }
  .super-scholar-content h4 {
    font-size: 14px;
    color: #3990e9;
    font-weight: 600;
    margin-top: 10px; }
  .super-scholar-content p {
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    height: 48px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .super-scholar-content a {
    display: block;
    width: 128px;
    height: 32px;
    border: 2px solid #d6d9df;
    font-size: 14px;
    color: #444444;
    text-align: center;
    line-height: 32px;
    background: #fff;
    margin-top: 10px; }

.outstanding-student {
  width: 100%;
  background: #f7f8fa; }

.outstanding-student h2 {
  font-size: 20px;
  color: #000000;
  font-weight: 600; }

.outstanding-student-wrap {
  width: 1300px;
  margin: 0 auto;
  padding: 42px 0 50px;
  border-top: 1px solid #e7e9ed; }
  .outstanding-student-wrap:after {
    content: "";
    clear: both;
    display: block; }

.outstanding-student-box {
  width: 100%;
  margin-top: 28px; }
  .outstanding-student-box:after {
    content: "";
    clear: both;
    display: block; }

.outstanding-student-info {
  float: right;
  width: 306px;
  height: 459px;
  background: #ffffff;
  box-shadow: 0 0 15px 3px rgba(225, 228, 238, 0.17);
  padding: 18px 62px 0 60px;
  box-sizing: border-box;
  margin-top: 40px; }

.outstanding-student-info-item {
  width: 100%;
  padding: 34px 0 38px 0;
  border-bottom: 1px solid #f6f8fb;
  box-sizing: border-box; }
  .outstanding-student-info-item h3 {
    font-size: 32px;
    color: #424854;
    font-weight: bold;
    text-align: center;
    font-family: Arial Black; }
  .outstanding-student-info-item p {
    font-size: 14px;
    color: #a6adb3;
    text-align: center; }

.outstanding-student-info-item:last-child {
  border-bottom: none; }

.outstanding-student-swiper {
  width: 968px;
  float: left;
  height: 574px;
  padding-top: 40px; }
  .outstanding-student-swiper .swiper-slide {
    width: 308px;
    height: 460px; }

.outstanding-student-item {
  width: 100%;
  height: 100%;
  border: 1px solid #e7e9ed;
  background: #f9fafc;
  padding: 64px 50px 0;
  box-sizing: border-box; }
  .outstanding-student-item h5 {
    font-size: 16px;
    color: #424854;
    font-weight: bold;
    text-align: center;
    margin-top: 14px; }
  .outstanding-student-item h6 {
    font-size: 12px;
    color: #a6adb3;
    text-align: center;
    margin-top: 12px; }

.outstanding-student-content p {
  font-size: 12px;
  color: #a6adb3;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden; }
.outstanding-student-content a {
  font-size: 12px;
  color: #a6adb3;
  float: right; }
  .outstanding-student-content a i {
    font-size: 12px;
    color: #a6adb3; }

.outstanding-student-tx {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 15px 3px rgba(243, 248, 250, 0.97);
  overflow: hidden;
  margin: 0 auto;
  margin-top: 76px; }
  .outstanding-student-tx img {
    display: block;
    width: 100%;
    height: auto; }

.outstanding-student-swiper .swiper-slide-active {
  position: relative;
  z-index: 2;
  transition: all .4s ease; }
  .outstanding-student-swiper .swiper-slide-active .outstanding-student-item {
    background: #fff url(../images/yinhao-left-red.png) no-repeat center top 22px;
    transform: scale(1.16);
    border-top: 3px solid #ff4b28; }
  .outstanding-student-swiper .swiper-slide-active .outstanding-student-content a {
    color: #ff4b28; }
    .outstanding-student-swiper .swiper-slide-active .outstanding-student-content a i {
      color: #ff4b28; }

.outstanding-student-pagination span {
  width: 10px;
  height: 10px; }
.outstanding-student-pagination .swiper-pagination-bullet-active {
  width: 54px;
  height: 10px;
  border-radius: 5px;
  background: #ff4b28; }

@media all and (min-width: 1024px) {
  .outstanding-student-wrap {
    width: 1050px;
    margin: 0 auto;
    padding: 50px 0 65px; }

  .outstanding-student-info {
    width: 260px;
    padding: 18px 36px 0 36px; }

  .outstanding-student-swiper {
    width: 760px; }

  .outstanding-student-item {
    padding: 64px 30px 0; } }
@media all and (min-width: 1680px) {
  .outstanding-student h2 {
    font-size: 26px; }

  .outstanding-student-wrap {
    width: 1300px;
    margin: 0 auto;
    padding: 50px 0 65px; }

  .outstanding-student-info {
    width: 306px;
    padding: 18px 62px 0 60px; }

  .outstanding-student-swiper {
    width: 968px; }

  .outstanding-student-item {
    padding: 64px 50px 0; } }
.jinru-btn {
  display: none;
  width: 166px;
  height: 46px;
  border: 3px solid #fe431e;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
  color: #fe431e;
  text-align: center;
  font-size: 18px;
  line-height: 46px;
  border-radius: 5px;
  z-index: 2; }

.player-list {
  float: left;
  width: 235px;
  height: 100%;
  background: rgba(72, 77, 81, 0.7); }

.player-list-content {
  height: calc(100% - 35px);
  width: 100%; }

.player-list-wrap {
  width: 100%; }

.player-list-item {
  margin-bottom: 1px; }
  .player-list-item:hover {
    background: rgba(33, 38, 43, 0.7); }

.player-list-item a {
  box-sizing: initial;
  position: relative;
  display: block;
  padding-top: 22px;
  padding-bottom: 24px;
  padding-left: 36px;
  padding-right: 25px;
  cursor: pointer;
  color: #fff; }
  .player-list-item a p {
    font-size: 12px;
    color: #fff;
    position: relative; }
    .player-list-item a p span {
      margin: 0 6px;
      color: #727082;
      font-size: 12px; }
  .player-list-item a h6 {
    font-size: 16px;
    color: #fff;
    padding-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .player-list-item a i, .player-list-item a img {
    position: absolute;
    left: -20px;
    top: 4px;
    bottom: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
  .player-list-item a i {
    width: 6px;
    height: 6px;
    border: 2px solid #fff;
    border-radius: 50%; }
  .player-list-item a img {
    width: 10px; }

.player-all-btn {
  display: block;
  width: 100%;
  height: 34px;
  border-top: 1px solid #494958;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a1a1c+0,222227+100 */
  background: #1a1a1c;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1a1a1c 0%, #222227 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1a1a1c 0%, #222227 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1a1a1c 0%, #222227 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1c', endColorstr='#222227',GradientType=0 );
  /* IE6-9 */
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 34px; }
  .player-all-btn img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px; }

/*--------------8大专业-------------*/
.major-list {
  width: 1050px;
  height: 143px;
  margin: 0 auto;
  border-bottom: 1px solid #f0f4f7;
  overflow: hidden; }
  .major-list:after {
    content: "";
    clear: both;
    display: block; }
  .major-list a {
    display: inline-block;
    float: left;
    width: 14.28%;
    height: calc(100% - 23px);
    padding-top: 23px;
    padding-bottom: 8px;
    background: url(../images/index-l-hove.png) no-repeat center bottom;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s; }
    .major-list a:hover {
      transform: translateY(-8px);
      -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
      -moz-transform: translateY(-8px);
      -o-transform: translateY(-8px); }
    .major-list a img {
      display: block;
      margin: 0 auto; }
    .major-list a h5 {
      font-size: 16px;
      color: #000;
      text-align: center;
      padding-top: 8px; }
    .major-list a p {
      font-size: 12px;
      color: #8696a6;
      text-align: center;
      padding-top: 6px;
      font-family: Verdana, "宋体";
      line-height: 22px; }

.hot-major {
  display: inline-block;
  height: 22px;
  border: 1px solid #e54811;
  background: #ff7544;
  padding-top: 2px;
  border-radius: 22px;
  box-sizing: border-box; }
  .hot-major em {
    display: inline-block;
    padding: 0 10px 0 22px;
    font-size: 12px;
    color: #ffffff;
    background: #f84b0f url(../images/hot-white-icon.png) no-repeat left 8px top 2px;
    border-radius: 22px;
    box-sizing: border-box;
    height: 100%;
    line-height: 16px; }

/*--------------course-list 课程列表---------------*/
@-webkit-keyframes ani_x_card_hover {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(0) scale(0.9322); }
  1% {
    opacity: 1; }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1); } }
@keyframes ani_x_card_hover {
  0% {
    opacity: 0;
    transform: translateZ(0) scale(0.9322); }
  1% {
    opacity: 1; }
  100% {
    opacity: 1;
    transform: translateZ(0) scale(1); } }
.course-wrap {
  width: 1050px;
  margin: 0 auto;
  margin-top: 48px; }

.course-wrap-top {
  width: 100%;
  margin-bottom: 20px; }
  .course-wrap-top:after {
    content: "";
    clear: both;
    display: block; }
  .course-wrap-top h3 {
    float: left;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    line-height: 30px; }

.course-tags {
  float: right;
  line-height: 30px; }
  .course-tags:after {
    content: "";
    clear: both;
    display: block; }
  .course-tags a {
    display: inline-block;
    float: left;
    line-height: 30px;
    font-size: 12px;
    color: #242424; }
  .course-tags span {
    float: left;
    margin: 0 8px;
    line-height: 30px;
    color: #cecedf; }

.course-tags-all i {
  display: inline-block;
  font-size: 12px;
  color: #4f4f4f;
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  /* IE 9 */
  -moz-transform: scale(0.8);
  /* Firefox */
  -webkit-transform: scale(0.8);
  /* Safari 和 Chrome */
  -o-transform: scale(0.8);
  /* Opera */ }

.course-list {
  width: 100%; }
  .course-list:after {
    content: "";
    clear: both;
    display: block; }
  .course-list > li {
    width: 194px;
    height: 174px;
    margin-right: 20px;
    margin-bottom: 43px;
    float: left;
    position: relative; }
    .course-list > li a {
      display: block;
      width: 100%;
      height: 100%; }
    .course-list > li:hover .course-item-hover {
      will-change: transform;
      will-change: opacity;
      display: block;
      visibility: visible;
      opacity: 1;
      -webkit-animation: ani_x_card_hover .3s ease backwards;
      animation: ani_x_card_hover .3s ease backwards; }
  .course-list li:nth-child(5n) {
    margin-right: 0; }

.course-item {
  display: block;
  width: 100%;
  height: 100%; }
  .course-item img {
    display: block;
    width: 100%;
    height: 117px;
    border-radius: 5px;
    overflow: hidden; }
  .course-item h3 {
    font-size: 14px;
    color: #000;
    padding: 0 10px;
    padding-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.course-infor {
  width: calc(100% - 20px);
  padding: 0 10px;
  padding-top: 6px; }
  .course-infor:after {
    content: "";
    clear: both;
    display: block; }
  .course-infor span {
    float: left;
    font-size: 12px;
    color: #666666;
    margin-right: 12px;
    line-height: 18px; }
  .course-infor span:nth-of-type(2) {
    margin-right: 0; }
  .course-infor ul {
    float: right; }
    .course-infor ul:after {
      content: "";
      clear: both;
      display: block; }
    .course-infor ul li {
      float: left;
      line-height: 18px;
      margin: 0 -1px; }
      .course-infor ul li i {
        display: inline-block;
        font-size: 12px;
        color: #ffbf12;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8); }

.course-item-hover {
  position: absolute;
  z-index: 2;
  width: 215px;
  height: 260px;
  left: 50%;
  background: #fff;
  margin-left: -107px;
  top: -57px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s ease,transform .3s ease;
  transition: opacity .3s ease,transform .3s ease; }
  .course-item-hover .course-hot {
    top: 100px; }
  .course-item-hover .tiyanban-time {
    top: 96px; }
  .course-item-hover img {
    width: 100%;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

.course-item-hover-infor {
  position: absolute;
  width: calc(100% - 36px);
  height: 130px;
  background: #fff;
  bottom: 0;
  left: 0;
  padding: 0 18px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  .course-item-hover-infor h3 {
    font-size: 16px;
    color: #000;
    padding-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.course-item-hover-txt {
  font-size: 12px;
  color: #868f98;
  line-height: 20px;
  padding-top: 6px;
  height: 40px;
  overflow: hidden; }

.course-item-price {
  font-size: 12px;
  color: #000;
  padding-top: 18px;
  text-align: center; }
  .course-item-price em {
    font-style: normal;
    margin: 0 16px;
    color: #e0e6f0; }
  .course-item-price span {
    color: #ff5920; }
  .course-item-price i {
    color: #ff5920;
    font-size: 12px;
    margin-right: 4px; }

/*-------------- VIP 标------------------*/
.course-vip {
  position: absolute;
  padding: 0 5px;
  height: 16px;
  line-height: 16px;
  background: #ff4b28;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  right: 4px;
  top: 4px; }

/*-------------- 体验班 标------------------*/
.tiyanban-icon {
  position: absolute;
  width: 58px;
  height: 24px;
  border: 2px solid #fff;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  text-shadow: 1px 1px 3px 0 rgba(203, 152, 39, 0.1);
  border-radius: 14px;
  right: -10px;
  top: -11px;
  text-align: center;
  line-height: 24px;
  background: #e6ca5c;
  /* Old browsers */
  background: -moz-linear-gradient(left, #e6ca5c 0%, #e0bb49 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e6ca5c 0%, #e0bb49 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e6ca5c 0%, #e0bb49 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ca5c', endColorstr='#e0bb49',GradientType=1 );
  /* IE6-9 */ }

.tiyanban-time {
  position: absolute;
  padding: 0 10px;
  background: #191a36;
  height: 24px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  line-height: 24px;
  font-family: SimSun;
  left: 0;
  top: 86px; }

/*-------------- 免费 标------------------*/
.free-icon {
  position: absolute;
  width: 46px;
  height: 24px;
  border: 2px solid #fff;
  font-size: 14px;
  color: #fff;
  font-weight: 600;
  border-radius: 14px;
  right: -9px;
  top: -11px;
  text-align: center;
  line-height: 24px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff522b+0,ff3c00+100 */
  background: #ff522b;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ff522b 0%, #ff3c00 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ff522b 0%, #ff3c00 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ff522b 0%, #ff3c00 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff522b', endColorstr='#ff3c00',GradientType=1 );
  /* IE6-9 */ }

.course-trump {
  position: absolute;
  padding: 0 3px;
  height: 16px;
  line-height: 16px;
  background: #ffc528;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  right: 4px;
  top: 4px;
  text-shadow: 0 0 2px #edb51e; }

.course-hot {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  font-size: 12px;
  color: #fff;
  left: 10px;
  top: 88px;
  text-align: center; }
  .course-hot i {
    font-size: 12px;
    color: #ff371c; }

/*-------------- 职业路径------------------*/
.career-path {
  width: 1050px;
  margin: 0 auto;
  margin-top: 48px; }
  .career-path h2 {
    font-size: 20px;
    color: #000000;
    font-weight: 600; }

.career-path-list {
  width: 100%;
  margin-top: 30px; }
  .career-path-list:after {
    content: "";
    clear: both;
    display: block; }
  .career-path-list > li {
    float: left;
    width: 247px;
    height: 89px;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative; }
    .career-path-list > li a {
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
    .career-path-list > li:hover .career-path-hover {
      will-change: transform;
      will-change: opacity;
      display: block;
      visibility: visible;
      opacity: 1;
      -webkit-animation: ani_x_card_hover .1s ease backwards;
      animation: ani_x_card_hover .1s ease backwards; }
  .career-path-list li:nth-child(4n) {
    margin-right: 0; }

.career-path-item {
  width: calc(100% - 36px);
  height: 100%;
  background: #f6f8fa;
  border-radius: 5px;
  padding: 0 18px; }
  .career-path-item:after {
    content: "";
    clear: both;
    display: block; }
  .career-path-item dt {
    width: 86px;
    height: 100%;
    line-height: 89px;
    display: table;
    float: left; }
    .career-path-item dt > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .career-path-item dt img {
      display: inline-block;
      width: 86px;
      height: auto; }
  .career-path-item dd {
    float: left;
    width: calc(100% - 87px);
    height: 100%; }
    .career-path-item dd h3 {
      font-size: 16px;
      color: #202830;
      padding-top: 25px;
      text-align: center; }
    .career-path-item dd p {
      font-size: 12px;
      color: #838a92;
      text-align: center;
      padding-top: 5px; }

.career-path-hover {
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .1s ease,transform .1s ease;
  transition: opacity .1s ease,transform .1s ease;
  width: 258px;
  height: 111px;
  padding: 0 4px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
  position: absolute;
  left: 50%;
  margin-left: -133px;
  top: 50%;
  margin-top: -55px; }
  .career-path-hover:after {
    content: "";
    clear: both;
    display: block; }
  .career-path-hover dt {
    width: 96px;
    height: 100%;
    line-height: 96px;
    display: table;
    float: left; }
    .career-path-hover dt > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .career-path-hover dt img {
      display: inline-block;
      width: 86px;
      height: auto; }
  .career-path-hover dd {
    float: left;
    width: calc(100% - 109px);
    padding-right: 13px;
    height: 100%; }
    .career-path-hover dd h3 {
      font-size: 16px;
      color: #202830;
      padding-top: 23px; }
    .career-path-hover dd ul {
      padding-top: 22px;
      padding-right: 20px;
      width: 100%; }
      .career-path-hover dd ul:after {
        content: "";
        clear: both;
        display: block; }
      .career-path-hover dd ul li {
        float: left;
        height: 20px;
        border-right: 1px solid #f4f6f8;
        text-align: center;
        width: 54px; }
        .career-path-hover dd ul li p {
          font-size: 14px;
          color: #202830;
          margin-top: -8px; }
        .career-path-hover dd ul li h6 {
          font-size: 12px;
          color: #838a92; }
      .career-path-hover dd ul li:first-child {
        text-align: left;
        width: 38px; }
      .career-path-hover dd ul li:last-child {
        border: none; }

/*-------------- 明星导师------------------*/
.tutor-wrap {
  width: 1050px;
  margin: 0 auto;
  margin-top: 48px; }
  .tutor-wrap h2 {
    font-size: 20px;
    color: #000;
    font-weight: 600; }

.tutor-list {
  width: 100%;
  margin-top: 30px; }
  .tutor-list:after {
    content: "";
    clear: both;
    display: block; }
  .tutor-list > li {
    width: 246px;
    height: 89px;
    float: left;
    margin-right: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative; }
    .tutor-list > li:hover .tutor-hover {
      will-change: transform;
      will-change: opacity;
      display: block;
      visibility: visible;
      opacity: 1;
      -webkit-animation: ani_x_card_hover .1s ease backwards;
      animation: ani_x_card_hover .1s ease backwards; }
  .tutor-list li:nth-child(4n) {
    margin-right: 0; }

.tutor-item {
  width: 100%;
  height: 100%;
  background: #f6f8fa;
  border-radius: 5px; }
  .tutor-item:after {
    content: "";
    clear: both;
    display: block; }
  .tutor-item dt {
    float: left;
    width: 120px;
    height: 100%;
    position: relative;
    text-align: center; }
    .tutor-item dt img {
      position: absolute;
      display: block;
      bottom: 0;
      width: 100%;
      height: auto;
      left: 0;
      right: 0;
      margin: auto; }
  .tutor-item dd {
    float: left;
    width: calc(100% - 135px);
    height: 100%;
    padding-right: 15px; }
    .tutor-item dd h5 {
      font-size: 16px;
      color: #202830;
      padding-top: 25px;
      text-align: center; }
    .tutor-item dd p {
      font-size: 12px;
      color: #a4aab0;
      text-align: center;
      padding-top: 5px; }

.tutor-hover {
  position: absolute;
  width: 223px;
  height: 106px;
  left: 50%;
  margin-left: -134.5px;
  top: 50%;
  margin-top: -53px;
  background: #fff;
  border-radius: 5px;
  padding-left: 30px;
  padding-right: 16px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.35);
  display: none;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .1s ease,transform .1s ease;
  transition: opacity .1s ease,transform .1s ease; }
  .tutor-hover h5 {
    font-size: 16px;
    color: #202830;
    padding-top: 22px; }
  .tutor-hover p {
    font-size: 12px;
    padding-top: 8px;
    line-height: 16px;
    color: #a7acb1;
    height: 32px;
    overflow: hidden; }

.tutor2-container {
  width: 100%;
  background: url(../images/index-tutor-bg.jpg) no-repeat center top;
  padding-top: 42px;
  box-sizing: border-box; }

.tutor2-wrap {
  width: 1050px;
  margin: 0 auto; }
  .tutor2-wrap:after {
    content: "";
    clear: both;
    display: block; }
  .tutor2-wrap h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 600; }

.tutor-info-swiper {
  width: 100%;
  height: 492px;
  margin-top: 32px; }
  .tutor-info-swiper .swiper-slide {
    background: #f9fafb;
    position: relative;
    box-sizing: border-box;
    padding: 36px 36px 36px 364px; }
  .tutor-info-swiper .tutor-img {
    position: absolute;
    left: 0;
    bottom: 0; }
  .tutor-info-swiper .tutor-info-box {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 26px 90px 0 28px; }
  .tutor-info-swiper .tutor-name {
    font-size: 38px;
    color: #000000;
    font-weight: bold; }
    .tutor-info-swiper .tutor-name:after {
      content: "";
      clear: both;
      display: block; }
    .tutor-info-swiper .tutor-name h3 {
      float: left;
      font-size: 38px;
      color: #000000;
      font-weight: bold; }
  .tutor-info-swiper .tutor-position-label {
    float: left;
    margin-top: 16px;
    margin-left: 20px;
    padding: 0 8px;
    line-height: 24px;
    background: #eea129;
    border-radius: 3px; }
    .tutor-info-swiper .tutor-position-label img {
      display: inline-block;
      vertical-align: middle; }
    .tutor-info-swiper .tutor-position-label span {
      font-size: 14px;
      color: #ffffff;
      font-weight: bold;
      vertical-align: middle; }
  .tutor-info-swiper .tutor-position {
    font-size: 18px;
    color: #000000;
    font-weight: bold;
    position: relative;
    padding-bottom: 14px; }
    .tutor-info-swiper .tutor-position:after {
      content: "";
      position: absolute;
      width: 48px;
      height: 4px;
      border-radius: 2px;
      background: #ffa737;
      left: 0;
      bottom: 0; }
  .tutor-info-swiper .tutor-int {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
    margin-top: 16px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .tutor-info-swiper .tutor-qiye {
    margin-top: 12px; }
    .tutor-info-swiper .tutor-qiye span {
      font-size: 16px;
      color: #000000;
      font-weight: bold;
      vertical-align: middle; }
    .tutor-info-swiper .tutor-qiye img {
      display: inline-block;
      vertical-align: middle;
      margin: 0 4px; }
  .tutor-info-swiper .tutor-label-list {
    margin-top: 18px; }
    .tutor-info-swiper .tutor-label-list:after {
      content: "";
      clear: both;
      display: block; }
    .tutor-info-swiper .tutor-label-list li {
      float: left;
      display: inline-block;
      padding: 0 12px;
      line-height: 24px;
      border: 1px solid #508eff;
      border-radius: 3px;
      font-size: 14px;
      color: #508eff;
      text-align: center;
      margin-right: 12px; }
  .tutor-info-swiper .tutor-tit {
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin-top: 16px; }
  .tutor-info-swiper .tutor-course-list {
    margin-top: 12px; }
    .tutor-info-swiper .tutor-course-list:after {
      content: "";
      clear: both;
      display: block; }
    .tutor-info-swiper .tutor-course-list li {
      font-size: 14px;
      color: #ffffff;
      text-align: center;
      padding: 0 12px;
      background: #508eff;
      line-height: 32px;
      border-radius: 3px;
      float: left;
      margin-right: 8px; }

.tutor-page-swiper {
  width: 100%;
  height: 90px;
  margin-top: 32px; }
  .tutor-page-swiper .swiper-slide {
    background: #fbfbfb;
    border-radius: 5px;
    position: relative;
    cursor: pointer; }
  .tutor-page-swiper .swiper-slide-thumb-active .tutor-page-name {
    border-color: #4f8fff; }
  .tutor-page-swiper .tutor-img-page {
    width: 58px;
    height: auto;
    position: absolute;
    left: 0;
    top: 4px;
    z-index: 1; }
  .tutor-page-swiper .tutor-page-name {
    position: relative;
    z-index: 2;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    width: 100%;
    height: 52px;
    box-sizing: border-box;
    border: 1px solid #fbfbfb;
    border-bottom: none;
    padding: 18px 0 0 68px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .tutor-page-swiper .tutor-page-position {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 37px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 37px;
    background: #4f8fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

/*-------------- 文章------------------*/
.article-wrap {
  width: 1050px;
  margin: 0 auto;
  margin-top: 48px; }
  .article-wrap:after {
    content: "";
    clear: both;
    display: block; }

.xueyuangushi {
  float: left;
  width: 246px;
  margin-right: 21px; }
  .xueyuangushi h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 600; }

.xueyuan-list1 {
  width: 100%;
  height: 50px;
  margin-top: 25px; }
  .xueyuan-list1 .swiper-slide {
    width: 40px;
    height: 40px;
    border: 3px solid #ebf0f4;
    border-radius: 50%; }
    .xueyuan-list1 .swiper-slide img {
      display: inline-block;
      width: 100%;
      height: 100%;
      border-radius: 50%; }
  .xueyuan-list1 .swiper-slide-active {
    border-color: #ff5628;
    position: relative; }
    .xueyuan-list1 .swiper-slide-active:after {
      content: "";
      position: absolute;
      width: 12px;
      height: 8px;
      background: url(../images/sanjiao.png) no-repeat center bottom;
      bottom: -7px;
      left: 50%;
      margin-left: -6px; }

.xueyuan-list2 {
  margin-top: 18px;
  height: 160px; }
  .xueyuan-list2 .swiper-slide h5 {
    font-size: 12px;
    color: #333333;
    line-height: 20px;
    padding-left: 24px;
    padding-right: 12px; }
    .xueyuan-list2 .swiper-slide h5 span:nth-child(1) {
      display: inline-block;
      max-width: 110px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .xueyuan-list2 .swiper-slide h5 em {
      font-style: normal;
      margin: 0 6px;
      font-size: 12px;
      color: #c3ced1;
      vertical-align: middle; }
    .xueyuan-list2 .swiper-slide h5 span {
      font-size: 12px;
      color: #333333;
      vertical-align: middle; }
  .xueyuan-list2 .swiper-slide p {
    position: relative;
    width: calc(100% - 36px);
    height: calc(100% - 20px);
    line-height: 24px;
    padding-left: 24px;
    padding-right: 12px;
    font-size: 12px;
    color: #333333; }
    .xueyuan-list2 .swiper-slide p i {
      font-size: 12px;
      color: #c3ced1;
      position: absolute; }
    .xueyuan-list2 .swiper-slide p i:nth-of-type(1) {
      left: 0;
      top: 0; }
    .xueyuan-list2 .swiper-slide p i:nth-of-type(2) {
      right: 0;
      bottom: 0; }

.article-item {
  float: left;
  width: 246px;
  margin-right: 21px; }
  .article-item h3 {
    font-size: 16px;
    color: #000000;
    font-weight: 600; }
  .article-item ul {
    margin-top: 10px; }
    .article-item ul li {
      line-height: 27px;
      font-size: 12px;
      color: #444;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .article-item ul li a {
        font-size: 12px;
        color: #444; }
        .article-item ul li a:hover {
          text-decoration: underline;
          color: #ff5628; }

.article-item:last-child {
  margin-right: 0; }

.article-item-banner {
  width: 100%;
  height: 65px;
  margin-top: 17px;
  border-radius: 5px;
  background: #000;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .article-item-banner:hover {
    box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  .article-item-banner a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 5px;
    overflow: hidden; }
  .article-item-banner img {
    position: absolute;
    display: inline-block;
    border-radius: 5px;
    width: 100%;
    height: auto;
    margin: auto;
    z-index: 1; }
  .article-item-banner h5 {
    width: calc(100% - 36px);
    height: calc(100% - 37px);
    background: rgba(0, 0, 0, 0.5);
    font-size: 14px;
    color: #fff;
    padding: 0 18px;
    padding-top: 37px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 2; }

.makeru-infor {
  width: 100%;
  background: #f6f8fa;
  margin-top: 52px;
  padding-top: 50px; }

/*-------------- 合作院校------------------*/
.hezuo-school {
  width: 1050px;
  margin: 0 auto;
  padding-top: 48px; }
  .hezuo-school h2 {
    font-size: 20px;
    color: #000;
    font-weight: 600; }

.school-list {
  width: 100%;
  height: 121px;
  border-radius: 5px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
  background: #fff;
  margin-top: 24px; }

.school-slide {
  width: 100%;
  height: 100%; }
  .school-slide:after {
    content: "";
    clear: both;
    display: block; }
  .school-slide li {
    float: left;
    width: 25%;
    height: 100%;
    display: table; }
    .school-slide li > div {
      display: table-cell;
      vertical-align: middle;
      text-align: center; }
    .school-slide li img {
      display: inline-block;
      width: 80%; }

.school-list-page {
  width: 100%;
  text-align: center;
  margin-top: 10px; }
  .school-list-page:after {
    content: "";
    clear: both;
    display: block; }
  .school-list-page span {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background: #ccd4dc;
    border-radius: 4px;
    cursor: pointer; }

.school-list-page-active {
  background: #2d95ff !important;
  width: 26px !important; }

/*-------------- 荣誉------------------*/
.honor {
  width: 1050px;
  margin: 0 auto; }

.honor-list-page {
  width: 100%; }
  .honor-list-page a {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #9aa6b2;
    vertical-align: middle; }
  .honor-list-page span {
    color: #9aa6b2;
    margin: 0 20px;
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle; }

.honor-list-page-active {
  color: #000 !important; }

.honor-list {
  width: 100%;
  height: 194px;
  border-radius: 5px;
  box-shadow: 0 2px 18px rgba(0, 0, 0, 0.1);
  background: #fff;
  margin-top: 24px;
  overflow: hidden; }

.honor-slide {
  width: 100%;
  height: 100%; }
  .honor-slide:after {
    content: "";
    clear: both;
    display: block; }
  .honor-slide li {
    float: left;
    width: 20%;
    text-align: center;
    padding-top: 40px; }
    .honor-slide li img {
      display: block;
      width: 130px;
      height: 92px;
      margin: 0 auto; }
    .honor-slide li p {
      font-size: 12px;
      color: #444444;
      padding-top: 8px;
      text-align: center; }

/*-------------- 学院介绍------------------*/
.makeru-introduce {
  width: 1050px;
  margin: 0 auto;
  margin-top: 48px; }
  .makeru-introduce:after {
    content: "";
    clear: both;
    display: block; }

.makeru-introduce-item {
  float: left;
  width: 348px;
  height: 146px;
  border-radius: 5px;
  background: #cfcfcf;
  margin-right: 3px;
  position: relative;
  cursor: pointer;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .makeru-introduce-item img {
    display: inline-block; }
  .makeru-introduce-item:hover {
    box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px); }
  .makeru-introduce-item h5 {
    font-size: 14px;
    color: #444444;
    padding-top: 34px;
    padding-left: 27px; }
  .makeru-introduce-item p {
    font-size: 12px;
    color: #444444;
    padding-top: 5px;
    padding-left: 27px; }

.makeru-introduce-item:last-child {
  margin-right: 0; }

.makeru-play {
  position: absolute;
  width: 30px;
  height: 30px;
  background: url(../images/play-btn.png) no-repeat center;
  background-size: 98% 98%;
  left: 23px;
  top: 96px; }

.makeru-ceo {
  background: #cdcdcd url(../images/makeru-ceo.png) no-repeat right bottom -44px;
  background-size: 202px; }

.hqyj-ceo {
  background: #cdcdcd url(../images/hqyj-ceo.png) no-repeat right bottom -44px;
  background-size: 202px; }

.makeru-fangtan {
  background: #cdcdcd url(../images/makeru-xiaomei.png) no-repeat right bottom -44px;
  background-size: 202px; }

/*-------------- 友情链接------------------*/
.friendlink {
  width: 1050px;
  margin: 0 auto;
  margin-top: 48px; }
  .friendlink h2 {
    font-size: 20px;
    font-weight: 600;
    color: #000; }

.friendlink-list {
  margin-top: 24px; }
  .friendlink-list:after {
    content: "";
    clear: both;
    display: block; }
  .friendlink-list a {
    font-size: 12px;
    color: #929393;
    margin-right: 16px;
    line-height: 22px; }

/*-------------- 服务------------------*/
.makeru-fuwu {
  width: 100%;
  height: 70px;
  margin-top: 48px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1f81a6+0,4965d8+100 */
  background: #1f81a6;
  /* Old browsers */
  background: -moz-linear-gradient(left, #1f81a6 0%, #4965d8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #1f81a6 0%, #4965d8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #1f81a6 0%, #4965d8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f81a6', endColorstr='#4965d8',GradientType=1 );
  /* IE6-9 */ }

.makeru-fuwu-wrap {
  width: 1050px;
  height: 100%;
  margin: 0 auto;
  position: relative; }
  .makeru-fuwu-wrap:after {
    content: "";
    clear: both;
    display: block; }
  .makeru-fuwu-wrap dl {
    width: 220px;
    height: 100%; }
    .makeru-fuwu-wrap dl:after {
      content: "";
      clear: both;
      display: block; }
    .makeru-fuwu-wrap dl dt {
      width: 60px;
      height: 100%;
      float: left; }
    .makeru-fuwu-wrap dl dd {
      float: left;
      width: calc(100% - 70px);
      padding-left: 10px; }
      .makeru-fuwu-wrap dl dd h5 {
        font-size: 16px;
        color: #fff;
        padding-top: 16px; }
      .makeru-fuwu-wrap dl dd p {
        font-size: 12px;
        padding-top: 3px;
        color: #fff; }
  .makeru-fuwu-wrap dl:nth-child(1) {
    position: absolute;
    left: 0;
    top: 0; }
    .makeru-fuwu-wrap dl:nth-child(1) dt {
      background: url(../images/fw-zaixiankecheng.png) no-repeat center; }
  .makeru-fuwu-wrap dl:nth-child(2) {
    margin: 0 auto; }
    .makeru-fuwu-wrap dl:nth-child(2) dt {
      background: url(../images/fw-zhidao.png) no-repeat center; }
  .makeru-fuwu-wrap dl:nth-child(3) {
    position: absolute;
    right: 0;
    top: 0; }
    .makeru-fuwu-wrap dl:nth-child(3) dt {
      background: url(../images/fw-chengnuo.png) no-repeat center; }

/*----------------footer--------------------*/
.footer {
  width: 100%;
  background: #fff;
  padding-bottom: 30px; }

.footer-top {
  width: 1050px;
  margin: 0 auto;
  padding-top: 52px;
  padding-bottom: 26px;
  border-bottom: 1px solid #eff2f5; }
  .footer-top:after {
    content: "";
    clear: both;
    display: block; }

.footer-logo {
  float: left;
  display: block;
  width: 158px;
  padding-top: 10px; }
  .footer-logo img:nth-child(1) {
    display: inline-block;
    width: 158px;
    height: 50px;
    margin-left: 18px;}
  .footer-logo img:nth-child(2) {
    display: inline-block;
    width: 140px;
    height: 30px;
    margin-top: 36px;
    margin-left: 30px; }

.siteinfo {
  margin-left: 34px;
  float: left; }
  .siteinfo h3 {
    font-size: 16px;
    color: #444;
    padding-bottom: 8px;
    font-weight: 600; }
    .siteinfo h3 a {
      font-size: 16px;
      color: #444;
      font-weight: 600;
      line-height: normal; }
  .siteinfo a {
    font-size: 14px;
    color: #808ea8;
    display: block;
    line-height: 32px; }

.joinus {
  margin-left: 64px;
  float: left; }
  .joinus h3 {
    font-size: 16px;
    color: #444;
    padding-bottom: 8px;
    font-weight: 600; }
  .joinus h6 {
    font-size: 14px;
    color: #808ea8;
    line-height: 32px; }
  .joinus > div {
    font-size: 14px;
    color: #808ea8;
    line-height: 32px; }

.joinus-weixin {
  display: block;
  vertical-align: middle;
  width: 22px;
  height: 17px;
  background: url(../images/weixin-joinus.png) no-repeat center; }

.joinus-weixin-wrap {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 22px; }
  .joinus-weixin-wrap:hover .gongzhonghao {
    display: block; }

.gongzhonghao {
  display: none;
  position: absolute;
  width: 146px;
  height: 146px;
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
  left: 50%;
  margin-left: -86px;
  bottom: 55px;
  text-align: center;
  border-radius: 5px; }
  .gongzhonghao:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #fff;
    left: 50%;
    margin-left: -10px;
    bottom: -20px; }
  .gongzhonghao img {
    display: block;
    width: 100%;
    height: auto; }

.joinus-weibo {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 17px;
  background: url(../images/xinlang-joinus.png) no-repeat center; }

.course-class {
  float: right; }
  .course-class h3 {
    font-size: 16px;
    color: #444;
    padding-bottom: 8px;
    font-weight: 600; }
  .course-class ul {
    padding-top: 31px; }
    .course-class ul:after {
      content: "";
      clear: both;
      display: block; }
  .course-class li {
    float: left;
    width: 65px; }
    .course-class li a {
      display: block;
      width: 100%;
      height: auto; }
    .course-class li img {
      display: block;
      width: 32px;
      height: 32px;
      margin: 0 auto; }
    .course-class li p {
      font-size: 12px;
      color: #8a97ae;
      padding-top: 10px;
      text-align: center; }

.footer-friendlink {
  width: 1050px;
  margin: 0 auto;
  padding-top: 18px; }
  .footer-friendlink:after {
    content: "";
    clear: both;
    display: block; }
  .footer-friendlink h5, .footer-friendlink a {
    font-size: 12px;
    color: #a5aec0;
    float: left;
    line-height: 28px;
    vertical-align: middle; }
  .footer-friendlink span {
    margin: 0 4px;
    font-size: 12px;
    color: #a5aec0;
    float: left;
    line-height: 28px;
    vertical-align: middle; }

.footer-copyright {
  width: 1050px;
  margin: 0 auto; }
  .footer-copyright:after {
    content: "";
    clear: both;
    display: block; }
  .footer-copyright p {
    font-size: 12px;
    color: #808ea8;
    padding-top: 28px;
    float: left; }

.footer-siteinfoCredits {
  float: right; }
  .footer-siteinfoCredits a {
    margin: 0 10px; }

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  top: 0;
  left: 0; }

.makeru-introduce-play {
  width: 724px;
  height: 407px;
  background: #fff;
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto; }

.mask-close {
  position: absolute;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  right: -18px;
  top: -18px;
  font-size: 16px;
  color: #444;
  background: #fff;
  text-align: center;
  line-height: 36px;
  cursor: pointer; }
  .mask-close i {
    font-size: 16px;
    color: #444; }

/*-------------- 学员故事------------------*/
.evaluate {
  width: 100%;
  background: #f7f8fa; }

.evaluate-wrap {
  width: 1050px;
  margin: 0 auto;
  padding: 50px 0 65px; }
  .evaluate-wrap h2 {
    font-size: 20px;
    color: #000;
    font-weight: 600; }

.evaluate-list {
  width: 100%;
  margin-top: 20px; }
  .evaluate-list:after {
    content: "";
    clear: both;
    display: block; }

.evaluate-item {
  float: left;
  width: 186px;
  padding: 24px 30px 34px;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.01);
  margin-bottom: 24px; }
  .evaluate-item:hover {
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1); }
  .evaluate-item h3 {
    font-size: 12px; }
    .evaluate-item h3 i {
      margin-right: 8px;
      font-size: 14px; }
  .evaluate-item dl {
    width: 100%;
    height: 62px;
    margin-top: 16px; }
    .evaluate-item dl:after {
      content: "";
      clear: both;
      display: block; }
    .evaluate-item dl dt {
      float: left;
      width: 46px;
      height: 46px;
      border-radius: 50%;
      overflow: hidden;
      background: #bdc3d3; }
      .evaluate-item dl dt img {
        display: block;
        width: 100%;
        height: auto; }
    .evaluate-item dl dd {
      float: left;
      width: calc(100% - 58px);
      margin-left: 12px; }
      .evaluate-item dl dd h5 {
        font-size: 14px;
        color: #000000;
        font-weight: 600;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .evaluate-item dl dd p {
        font-size: 12px;
        color: #000000;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 6px; }

.pj h3 {
  color: #67d28b; }
  .pj h3 i {
    color: #67d28b; }
.pj dl {
  border-bottom: 1px solid #f1f3f8; }

.story h3 {
  color: #388fe8; }
  .story h3 i {
    color: #388fe8; }

.pingxing {
  margin-top: 10px; }
  .pingxing:after {
    content: "";
    clear: both;
    display: block; }
  .pingxing i {
    font-size: 12px;
    color: #ffd907; }
  .pingxing span {
    font-size: 12px;
    color: #000000; }

.evaluate-txt {
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  margin-top: 14px; }

.evaluate-txt-noimg {
  font-size: 12px;
  color: #000000;
  line-height: 20px;
  text-indent: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden;
  margin-top: 14px; }

.evaluate-info {
  margin-top: 12px; }
  .evaluate-info:after {
    content: "";
    clear: both;
    display: block; }
  .evaluate-info a {
    float: left;
    font-size: 12px;
    color: #93999f; }
    .evaluate-info a:hover {
      color: #ff5920; }
  .evaluate-info span {
    float: right;
    font-size: 12px;
    color: #9ca1af; }

.story-img {
  width: 100%;
  height: 114px;
  text-align: center;
  background: #000;
  position: relative; }
  .story-img img {
    position: absolute;
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }

.story-play-btn {
  position: absolute;
  width: 38px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; }
  .story-play-btn i {
    font-size: 38px;
    color: #ffd907; }

@media all and (min-width: 1024px) {
  .major-wrap {
    width: 1050px;
    margin: 0 auto;
  }
  .major-item {
    width: 32%;
  }
  .major-item-banner {
    height: 130px;
  }
  .aside-wrap {
    left: 10px;
    top: 202px;
  }
  .aside {
    width: 50px; }
    .aside:hover .aside2 {
      left: 0 !important; }

  .aside2 {
    left: -122px;
    display: block !important; }

  .aside-slide dd {
    display: none; }

  .main {
    padding-left: 0px;
  }

  .player-wrap {
    width: 1050px;
    height: 460px;
    margin-left: -525px; }

  .player-banner {
    height: 543px; }

  .player-list {
    width: 235px; }

  .player-list-content {
    height: calc(100% - 35px); }

  .player-list-item a {
    padding-top: 22px;
    padding-bottom: 24px;
    padding-left: 36px;
    padding-right: 25px; }
    .player-list-item a p {
      font-size: 12px; }
      .player-list-item a p span {
        margin: 0 6px;
        color: #727082;
        font-size: 12px; }
    .player-list-item a h6 {
      font-size: 16px;
      padding-top: 4px; }
    .player-list-item a i, .player-list-item a img {
      left: -20px;
      top: 4px; }
    .player-list-item a i {
      width: 6px;
      height: 6px; }
    .player-list-item a img {
      width: 10px; }

  .player-all-btn {
    height: 34px;
    font-size: 14px;
    line-height: 34px; }
    .player-all-btn img {
      margin-right: 6px; }

  .videoplay {
    width: calc(100% - 281px);
    height: 100%;
    float: left;
    background: #000;
    position: relative;
    border-radius: 5px; }

  .play-sidebar {
    width: 272px;
    float: right;
    height: 100%; }

  .play-sidebar-item {
    width: 100%;
    height: 138px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 23px; }
    .play-sidebar-item:after {
      content: "";
      clear: both;
      display: block; }

  .play-sidebar-item:last-child {
    margin-bottom: 0; }

  .play-sidebar-item1 .play-s-i-l {
    background: url(../images/play-s-i-bg-1.png) no-repeat center;
    text-align: center;
    padding-top: 48px;
    height: calc(100% - 48px); }
    .play-sidebar-item1 .play-s-i-l i {
      font-size: 22px;
      color: #fff;
      display: inline-block;
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -moz-transform: rotate(180deg);
      /* Firefox */
      -webkit-transform: rotate(180deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(180deg);
      /* Opera */ }
    .play-sidebar-item1 .play-s-i-l p {
      font-size: 12px;
      color: #ffffff;
      text-align: center;
      margin-top: 16px; }
  .play-sidebar-item1 .play-s-i-time:after {
    background: #e64f26; }

  .play-sidebar-item2 .play-s-i-l {
    background: url(../images/play-s-i-bg-2.png) no-repeat center; }
  .play-sidebar-item2 .play-s-i-time:after {
    background: #84d9ec; }

  .play-sidebar-item3 .play-s-i-l {
    background: url(../images/play-s-i-bg-3.png) no-repeat center; }
  .play-sidebar-item3 .play-s-i-time:after {
    background: #86adf4; }

  .play-s-i-l {
    float: left;
    width: 82px;
    height: 100%; }

  .play-s-i-r {
    float: left;
    width: 158px;
    height: calc(100% - 18px);
    background: #fff;
    padding: 0 16px;
    padding-top: 18px; }
    .play-s-i-r h3 {
      font-size: 14px;
      color: #000000;
      font-weight: 600;
      line-height: 24px;
      margin-top: 10px; }

  .play-s-i-tit, .play-s-i-time {
    font-size: 12px;
    color: #504745;
    line-height: 20px; }

  .play-s-i-time {
    padding-bottom: 7px;
    position: relative; }
    .play-s-i-time:after {
      content: "";
      position: absolute;
      width: 13px;
      height: 3px;
      border-radius: 2px;
      background: #e64f26;
      left: 0;
      bottom: 0; }

  .super-scholar {
    width: 100%;
    background: #f7f8fa; }

  .super-scholar-wrap {
    width: 1050px;
    margin: 0 auto;
    padding: 60px 0 50px;
    border-top: 1px solid #e7e9ed; }
    .super-scholar-wrap h2 {
      font-size: 20px;
      color: #000000;
      font-weight: 600; }

  .super-scholar-swiper {
    width: 100%;
    height: 506px;
    margin-top: 32px; }

  .super-scholar-list {
    width: 100%; }
    .super-scholar-list:after {
      content: "";
      clear: both;
      display: block; }

  .super-scholar-item {
    float: left;
    width: 326px;
    height: 436px;
    position: relative;
    margin-right: 36px; }
    .super-scholar-item:hover .super-scholar-content {
      box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1); }
      .super-scholar-item:hover .super-scholar-content a {
        background: #f6f8fb; }

  .super-scholar-item:nth-child(3) {
    margin-right: 0; }

  .super-scholar-item:nth-child(4) {
    display: none;
    margin-right: 0; }

  .super-scholar-item:last-child {
    margin-right: 0; }

  .super-scholar-img {
    width: 100%;
    border-radius: 5px;
    height: 230px; }
    .super-scholar-img img {
      display: block;
      width: 100%;
      height: auto; }

  .super-scholar-content {
    width: 253px;
    height: 257px;
    border-radius: 5px;
    background: #fff;
    margin: 0 auto;
    margin-top: -53px;
    padding: 0 25px;
    position: relative;
    z-index: 2;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.03);
    transition: all .4s ease;
    -webkit-transition: all .4s ease; }
    .super-scholar-content h5 {
      font-size: 16px;
      color: #444444;
      font-weight: 600;
      padding-top: 28px; }
    .super-scholar-content h3 {
      font-size: 24px;
      color: #000000;
      font-weight: 600;
      margin-top: 6px;
      padding-bottom: 12px;
      position: relative; }
      .super-scholar-content h3:after {
        content: "";
        position: absolute;
        width: 42px;
        height: 5px;
        border-radius: 2px;
        background: #3990e9;
        left: 0;
        bottom: 0; }
    .super-scholar-content h4 {
      font-size: 14px;
      color: #3990e9;
      font-weight: 600;
      margin-top: 10px; }
    .super-scholar-content p {
      font-size: 14px;
      color: #000000;
      line-height: 24px;
      margin-top: 4px; }
    .super-scholar-content a {
      display: block;
      width: 128px;
      height: 32px;
      border: 2px solid #d6d9df;
      font-size: 14px;
      color: #444444;
      text-align: center;
      line-height: 32px;
      background: #fff;
      margin-top: 10px;
      transition: all .4s ease;
      -webkit-transition: all .4s ease; }

  /*-------------------8大专业------------*/
  .major-list {
    width: 1050px;
    height: 143px; }
    .major-list a {
      width: 14.28%; }
      .major-list a img {
        display: block;
        margin: 0 auto; }
      .major-list a h5 {
        font-size: 16px; }
      .major-list a p {
        font-size: 12px;
        padding-top: 6px; }

  /*--------------course-list 课程列表---------------*/
  .course-wrap {
    width: 1050px;
    margin-top: 48px; }

  .course-wrap-top {
    margin-bottom: 20px; }
    .course-wrap-top h3 {
      font-size: 20px;
      line-height: 30px; }

  .course-tags {
    line-height: 30px; }
    .course-tags a {
      line-height: 30px;
      font-size: 12px; }
    .course-tags span {
      margin: 0 8px;
      line-height: 30px; }

  .course-tags-all i {
    display: inline-block;
    font-size: 12px;
    color: #4f4f4f;
    transform: scale(0.8);
    -ms-transform: scale(0.8);
    /* IE 9 */
    -moz-transform: scale(0.8);
    /* Firefox */
    -webkit-transform: scale(0.8);
    /* Safari 和 Chrome */
    -o-transform: scale(0.8);
    /* Opera */ }

  .course-list > li {
    width: 194px;
    height: 174px;
    margin-right: 20px;
    margin-bottom: 43px; }

  .course-item img {
    height: 117px; }
  .course-item h3 {
    font-size: 14px;
    padding: 0 10px;
    padding-top: 12px; }

  .course-infor {
    width: calc(100% - 20px);
    padding: 0 10px;
    padding-top: 6px; }
    .course-infor span {
      font-size: 12px;
      margin-right: 12px;
      line-height: 18px; }
    .course-infor span:nth-of-type(2) {
      margin-right: 0; }
    .course-infor ul li {
      float: left;
      line-height: 18px;
      margin: 0 -1px; }
      .course-infor ul li i {
        display: inline-block;
        font-size: 12px;
        color: #ffbf12;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8); }

  .tiyanban-time {
    top: 86px; }

  .course-item-hover {
    width: 215px;
    height: 260px;
    left: 50%;
    margin-left: -107px;
    top: -57px;
    background: #fff; }
    .course-item-hover .tiyanban-time {
      top: 96px; }

  .course-item-hover-infor {
    width: calc(100% - 36px);
    height: 133px;
    padding: 0 18px; }
    .course-item-hover-infor h3 {
      font-size: 16px;
      padding-top: 13px; }

  .course-item-hover-txt {
    font-size: 12px;
    line-height: 20px;
    padding-top: 6px;
    height: 40px; }

  .course-item-price {
    font-size: 12px;
    color: #000;
    padding-top: 18px; }
    .course-item-price em {
      margin: 0 16px; }

  /*-------------- VIP 标------------------*/
  .course-vip {
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    right: 4px;
    top: 4px; }

  .course-trump {
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
    font-size: 12px; }

  /*-------------- 职业路径------------------*/
  .career-path {
    width: 1050px;
    margin: 0 auto;
    margin-top: 48px; }
    .career-path h2 {
      font-size: 20px; }

  .career-path-list {
    width: 100%;
    margin-top: 30px; }
    .career-path-list > li {
      width: 247px;
      height: 89px;
      margin-right: 20px;
      margin-bottom: 20px; }

  .career-path-item {
    width: calc(100% - 36px);
    height: 100%;
    padding: 0 18px; }
    .career-path-item dt {
      width: 86px;
      height: 100%;
      line-height: 89px; }
      .career-path-item dt img {
        width: 86px; }
    .career-path-item dd {
      width: calc(100% - 87px); }
      .career-path-item dd h3 {
        font-size: 16px;
        padding-top: 25px; }
      .career-path-item dd p {
        font-size: 12px; }

  .career-path-hover {
    width: 258px;
    height: 111px;
    padding: 0 4px;
    left: 50%;
    margin-left: -133px;
    top: 50%;
    margin-top: -55px; }
    .career-path-hover dt {
      width: 96px;
      height: 100%;
      line-height: 96px; }
      .career-path-hover dt img {
        width: 86px; }
    .career-path-hover dd {
      width: calc(100% - 109px);
      padding-right: 13px; }
      .career-path-hover dd h3 {
        font-size: 16px;
        padding-top: 23px; }
      .career-path-hover dd ul {
        padding-top: 22px;
        padding-right: 20px; }
        .career-path-hover dd ul li {
          height: 20px;
          width: 54px; }
          .career-path-hover dd ul li p {
            font-size: 14px;
            margin-top: -8px; }
          .career-path-hover dd ul li h6 {
            font-size: 12px; }
        .career-path-hover dd ul li:first-child {
          width: 38px; }

  /*-------------- 明星导师------------------*/
  .tutor-wrap2 {
    width: 1050px;
    margin-top: 48px; }
    .tutor-wrap2 h2 {
      font-size: 20px; }

  .tutor-wrap {
    width: 1050px;
    margin-top: 48px; }
    .tutor-wrap h2 {
      font-size: 20px; }

  .tutor-list {
    margin-top: 30px; }
    .tutor-list > li {
      width: 246px;
      height: 89px;
      margin-right: 20px;
      border-radius: 5px;
      margin-bottom: 20px; }

  .tutor-item dt {
    width: 120px;
    height: 100%; }
    .tutor-item dt img {
      display: block;
      bottom: 0;
      width: 80%;
      height: auto;
      left: 0;
      right: 0;
      margin: auto; }
  .tutor-item dd {
    width: calc(100% - 135px);
    padding-right: 15px; }
    .tutor-item dd h5 {
      font-size: 16px;
      padding-top: 25px; }
    .tutor-item dd p {
      font-size: 12px;
      padding-top: 5px; }

  .tutor-hover {
    width: 223px;
    height: 106px;
    left: 50%;
    margin-left: -134.5px;
    top: 50%;
    margin-top: -53px;
    padding-left: 30px;
    padding-right: 16px; }
    .tutor-hover h5 {
      font-size: 16px;
      padding-top: 22px; }
    .tutor-hover p {
      font-size: 12px;
      padding-top: 8px;
      line-height: 16px;
      height: 32px; }

  /*-------------- 文章------------------*/
  .article-wrap {
    width: 1050px;
    margin-top: 48px; }

  .xueyuangushi {
    float: left;
    width: 246px;
    margin-right: 21px; }
    .xueyuangushi h3 {
      font-size: 16px;
      color: #000000;
      font-weight: 600; }

  .xueyuan-list1 {
    width: 100%;
    height: 50px;
    margin-top: 25px; }
    .xueyuan-list1 .swiper-slide {
      width: 40px;
      height: 40px;
      border: 3px solid #ebf0f4;
      border-radius: 50%; }
      .xueyuan-list1 .swiper-slide img {
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 50%; }
    .xueyuan-list1 .swiper-slide-active {
      border-color: #ff5628;
      position: relative; }
      .xueyuan-list1 .swiper-slide-active:after {
        content: "";
        position: absolute;
        width: 12px;
        height: 8px;
        background: url(../images/sanjiao.png) no-repeat center bottom;
        bottom: -7px;
        left: 50%;
        margin-left: -6px; }

  .xueyuan-list2 {
    margin-top: 18px;
    height: 160px; }
    .xueyuan-list2 .swiper-slide h5 {
      font-size: 12px;
      color: #333333;
      line-height: 20px;
      padding-left: 24px;
      padding-right: 12px; }
      .xueyuan-list2 .swiper-slide h5 span:nth-child(1) {
        display: inline-block;
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .xueyuan-list2 .swiper-slide h5 em {
        font-style: normal;
        margin: 0 6px;
        font-size: 12px;
        color: #c3ced1;
        vertical-align: middle; }
      .xueyuan-list2 .swiper-slide h5 span {
        font-size: 12px;
        color: #333333;
        vertical-align: middle; }
    .xueyuan-list2 .swiper-slide p {
      position: relative;
      width: calc(100% - 36px);
      height: calc(100% - 20px);
      line-height: 24px;
      padding-left: 24px;
      padding-right: 12px;
      font-size: 12px;
      color: #333333; }
      .xueyuan-list2 .swiper-slide p i {
        font-size: 12px;
        color: #c3ced1;
        position: absolute; }
      .xueyuan-list2 .swiper-slide p i:nth-of-type(1) {
        left: 0;
        top: 0; }
      .xueyuan-list2 .swiper-slide p i:nth-of-type(2) {
        right: 0;
        bottom: 0; }

  .article-item {
    width: 246px;
    margin-right: 21px; }
    .article-item h3 {
      font-size: 16px; }
    .article-item ul {
      margin-top: 10px; }
      .article-item ul li {
        line-height: 27px;
        font-size: 12px; }
        .article-item ul li a {
          font-size: 12px; }

  .article-item-banner {
    height: 65px;
    margin-top: 17px; }
    .article-item-banner h5 {
      font-size: 14px;
      padding: 0 18px;
      padding-top: 37px; }

  /*-------------- 合作院校------------------*/
  .makeru-infor {
    margin-top: 52px;
    padding-top: 50px; }

  .hezuo-school {
    width: 1050px;
    padding-top: 48px; }
    .hezuo-school h2 {
      font-size: 20px; }

  .school-list {
    height: 121px;
    margin-top: 24px; }

  .school-slide li img {
    display: inline-block;
    width: 80%; }

  .school-list-page {
    margin-top: 10px; }
    .school-list-page span {
      width: 8px;
      height: 8px;
      border-radius: 4px; }

  /*-------------- 荣誉------------------*/
  .honor {
    width: 1050px;
    margin: 0 auto; }

  .honor-list-page a {
    font-size: 20px; }
  .honor-list-page span {
    margin: 0 20px;
    font-size: 14px; }

  .honor-list {
    height: 194px;
    margin-top: 24px; }

  .honor-slide li {
    padding-top: 40px; }
    .honor-slide li img {
      display: block;
      width: 130px;
      height: 92px;
      margin: 0 auto; }
    .honor-slide li p {
      font-size: 12px;
      padding-top: 8px; }

  /*-------------- 学院介绍------------------*/
  .makeru-introduce {
    width: 1050px;
    margin-top: 48px; }

  .makeru-introduce-item {
    width: 340px;
    height: 146px;
    margin-right: 12px; }
    .makeru-introduce-item img {
      display: inline-block;
      margin-top: 20px;
      margin-left: 24px; }
    .makeru-introduce-item h5 {
      font-size: 14px;
      padding-top: 34px;
      padding-left: 27px; }
    .makeru-introduce-item p {
      font-size: 12px;
      padding-top: 5px;
      padding-left: 24px; }

  .makeru-play {
    width: 30px;
    height: 30px;
    background: url(../images/play-btn.png) no-repeat center;
    background-size: 98% 98%;
    left: 23px;
    top: 96px; }

  .makeru-ceo {
    background: #cdcdcd url(../images/dahonghua.png) no-repeat right 40px top;
    background-size: auto 90%; }

  .hqyj-ceo {
    background: #cfcfcf url(../images/hqyj-ceo.png) no-repeat right bottom -44px;
    background-size: 202px; }
    .hqyj-ceo img {
      width: 102px;
      height: auto; }

  .makeru-fangtan {
    background: #cdcdcd url(../images/makeru-xiaomei.png) no-repeat right bottom -44px;
    background-size: 202px; }
    .makeru-fangtan img {
      width: 106px;
      height: auto; }

  /*-------------- 友情链接------------------*/
  .friendlink {
    width: 1050px;
    margin-top: 48px; }
    .friendlink h2 {
      font-size: 20px; }

  .friendlink-list {
    margin-top: 24px; }
    .friendlink-list a {
      font-size: 12px;
      margin-right: 16px;
      line-height: 22px; }

  /*-------------- 服务------------------*/
  .makeru-fuwu {
    height: 70px;
    margin-top: 48px; }

  .makeru-fuwu-wrap {
    width: 1050px; }
    .makeru-fuwu-wrap dl {
      width: 220px;
      height: 100%; }
      .makeru-fuwu-wrap dl dt {
        width: 60px;
        height: 100%; }
      .makeru-fuwu-wrap dl dd {
        width: calc(100% - 70px);
        padding-left: 10px; }
        .makeru-fuwu-wrap dl dd h5 {
          font-size: 16px;
          padding-top: 16px; }
        .makeru-fuwu-wrap dl dd p {
          font-size: 12px;
          padding-top: 3px; }
    .makeru-fuwu-wrap dl:nth-child(1) {
      position: absolute;
      left: 0;
      top: 0; }
      .makeru-fuwu-wrap dl:nth-child(1) dt {
        background: url(../images/fw-zaixiankecheng.png) no-repeat center; }
    .makeru-fuwu-wrap dl:nth-child(2) {
      margin: 0 auto; }
      .makeru-fuwu-wrap dl:nth-child(2) dt {
        background: url(../images/fw-zhidao.png) no-repeat center; }
    .makeru-fuwu-wrap dl:nth-child(3) {
      position: absolute;
      right: 0;
      top: 0; }
      .makeru-fuwu-wrap dl:nth-child(3) dt {
        background: url(../images/fw-chengnuo.png) no-repeat center; }

  /*-------------- footer------------------*/
  .footer-top {
    width: 1050px;
    padding-top: 52px;
    padding-bottom: 26px; }

  .footer-logo {
    width: 158px;
    padding-top: 10px; }
    .footer-logo img:nth-child(1) {
      width: 158px;
      height: 50px; }
    .footer-logo img:nth-child(2) {
      width: 140px;
      height: 30px;
      margin-top: 36px;
      margin-left: 30px; }

  .siteinfo {
    margin-left: 105px; }
    .siteinfo h3 {
      font-size: 16px;
      padding-bottom: 8px; }
      .siteinfo h3 a {
        font-size: 16px;
        color: #444;
        font-weight: 600;
        line-height: normal; }
    .siteinfo a {
      font-size: 14px;
      line-height: 32px; }

  .joinus {
    margin-left: 74px; }
    .joinus h3 {
      font-size: 16px;
      padding-bottom: 8px; }
    .joinus h6 {
      font-size: 14px;
      color: #808ea8;
      line-height: 32px; }
    .joinus p {
      font-size: 14px; }

  .joinus-weixin {
    width: 22px;
    height: 17px;
    background: url(../images/weixin-joinus.png) no-repeat center; }

  .joinus-weibo {
    width: 22px;
    height: 17px;
    background: url(../images/xinlang-joinus.png) no-repeat center; }

  .course-class h3 {
    font-size: 16px;
    padding-bottom: 8px; }
  .course-class ul {
    padding-top: 31px; }
  .course-class li {
    width: 65px; }
    .course-class li img {
      width: 32px;
      height: 32px; }
    .course-class li p {
      font-size: 12px;
      padding-top: 10px; }
  .course-class li:nth-last-child(1), .course-class li:nth-last-child(2) {
    display: none; }

  .footer-friendlink {
    width: 1050px;
    margin: 0 auto;
    padding-top: 18px; }
    .footer-friendlink h5, .footer-friendlink a {
      font-size: 12px;
      line-height: 28px; }
    .footer-friendlink span {
      margin: 0 4px;
      font-size: 12px;
      line-height: 28px; }

  .footer-copyright {
    width: 1050px; }
    .footer-copyright p {
      font-size: 12px;
      padding-top: 28px; }

  .footer-siteinfoCredits a {
    margin: 0 10px; }

  /*-------------- 学员故事------------------*/
  .evaluate {
    width: 100%;
    background: #f7f8fa; }

  .evaluate-wrap {
    width: 1050px;
    margin: 0 auto;
    padding: 50px 0 65px; }
    .evaluate-wrap h2 {
      font-size: 20px;
      color: #000;
      font-weight: 600; }

  .evaluate-list {
    width: 100%;
    margin-top: 20px; }
    .evaluate-list:after {
      content: "";
      clear: both;
      display: block; }

  .evaluate-item {
    width: 186px;
    padding: 24px 30px 34px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.01);
    margin-bottom: 24px; }
    .evaluate-item h3 {
      font-size: 12px; }
      .evaluate-item h3 i {
        margin-right: 8px;
        font-size: 14px; }
    .evaluate-item dl {
      width: 100%;
      height: 62px;
      margin-top: 16px; }
      .evaluate-item dl:after {
        content: "";
        clear: both;
        display: block; }
      .evaluate-item dl dt {
        float: left;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        overflow: hidden;
        background: #bdc3d3; }
        .evaluate-item dl dt img {
          display: block;
          width: 100%;
          height: auto; }
      .evaluate-item dl dd {
        float: left;
        width: calc(100% - 58px);
        margin-left: 12px; }
        .evaluate-item dl dd h5 {
          font-size: 14px;
          color: #000000;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .evaluate-item dl dd p {
          font-size: 12px;
          color: #000000;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 6px; }

  .pj h3 {
    color: #67d28b; }
    .pj h3 i {
      color: #67d28b; }
  .pj dl {
    border-bottom: 1px solid #f1f3f8; }

  .story h3 {
    color: #388fe8; }
    .story h3 i {
      color: #388fe8; }

  .pingxing {
    margin-top: 10px; }
    .pingxing:after {
      content: "";
      clear: both;
      display: block; }
    .pingxing i {
      font-size: 12px;
      color: #ffd907; }
    .pingxing span {
      font-size: 12px;
      color: #000000; }

  .evaluate-txt {
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-top: 14px; }

  .evaluate-txt-noimg {
    font-size: 12px;
    color: #000000;
    line-height: 20px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    margin-top: 14px; }

  .evaluate-info {
    margin-top: 12px; }
    .evaluate-info:after {
      content: "";
      clear: both;
      display: block; }
    .evaluate-info a {
      float: left;
      font-size: 12px;
      color: #388fe8; }
      .evaluate-info a:hover {
        color: #388fe8; }
    .evaluate-info span {
      float: right;
      font-size: 12px;
      color: #9ca1af; }

  .story-img {
    width: 100%;
    height: 114px;
    text-align: center;
    background: #000;
    position: relative; }
    .story-img img {
      position: absolute;
      display: inline-block;
      max-width: 100%;
      max-height: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }

  .story-play-btn {
    position: absolute;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
    .story-play-btn i {
      font-size: 38px;
      color: #ffd907; }
}
@media all and (min-width: 1280px) {
  /* .aside{
     width:50px;
     &:hover{
       .aside2{
         left: 0 !important;
       }
     }
   }*/
  .aside2 {
    left: 0;
    display: block !important; }

  .aside-slide dd {
    display: none; } }
@media all and (min-width: 1680px) {
  .major-wrap {
    width: 1300px;
    margin: 0 auto;
  }
  .major-item {
    width: 32%;
  }
  .major-item-banner {
    height: 160px;
  }
  .aside-wrap {
    left: 90px;
    top: 285px;
  }
  .aside {
    width: 90px; }

  .aside2 {
    display: none !important; }

  .aside-slide a:hover span {
    display: none; }
  .aside-slide dd {
    display: block !important; }

  .main {
    padding-left: 0px;
    width: 100%; }

  .player-wrap {
    width: 1300px;
    height: 570px;
    margin-left: -650px; }

  .player-banner {
    height: 679px; }

  .activity-dans-tu1 {
    position: absolute;
    width: 143px;
    height: 18px;
    background: url(../images/dans-tu1.png) no-repeat center;
    background-size: 100% auto;
    top: 50%;
    margin-top: -238px;
    left: 50%;
    margin-left: -648px;
    z-index: 3; }

  .activity-dans-tu2 {
    position: absolute;
    width: 315px;
    height: 21px;
    background: url(../images/dans-tu2.png) no-repeat center;
    background-size: 100% auto;
    top: 50%;
    margin-top: -238px;
    left: 50%;
    margin-left: 334px;
    z-index: 3; }

  .activity-dans-tu3 {
    position: absolute;
    width: 68px;
    height: 103px;
    background: url(../images/dans-1.png) no-repeat center;
    background-size: 100% auto;
    top: 146px;
    left: 50%;
    margin-left: 650px; }

  .activity-dans-logo {
    position: absolute;
    width: 162px;
    height: 42px;
    background: url(../images/activity-dans-logo.png) no-repeat center;
    background-size: 100% auto;
    top: 38px;
    left: 50%;
    margin-left: 422px;
    z-index: 3; }

  .player-list {
    width: 290px; }

  .player-list-content {
    height: calc(100% - 43px); }

  .player-list-item a {
    padding-top: 26px;
    padding-bottom: 34px;
    padding-left: 46px;
    padding-right: 25px; }
    .player-list-item a p {
      font-size: 14px; }
      .player-list-item a p span {
        margin: 0 8px;
        color: #727082;
        font-size: 12px; }
    .player-list-item a h6 {
      padding-top: 8px; }
    .player-list-item a i, .player-list-item a img {
      left: -24px; }
    .player-list-item a i {
      width: 8px;
      height: 8px; }
    .player-list-item a img {
      width: 12px; }

  .player-all-btn {
    height: 42px;
    line-height: 42px; }
    .player-all-btn img {
      margin-right: 10px; }

  .videoplay {
    width: calc(100% - 349px);
    height: 100%;
    float: left;
    background: #000;
    position: relative;
    border-radius: 5px; }

  .play-sidebar {
    width: 331px;
    float: right;
    height: 100%; }

  .play-sidebar-item {
    width: 100%;
    height: 175px;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 22px; }
    .play-sidebar-item:after {
      content: "";
      clear: both;
      display: block; }

  .play-sidebar-item:last-child {
    margin-bottom: 0; }

  .play-sidebar-item1 .play-s-i-l {
    background: url(../images/play-s-i-bg-1.png) no-repeat center;
    text-align: center;
    padding-top: 62px;
    height: calc(100% - 62px); }
    .play-sidebar-item1 .play-s-i-l i {
      font-size: 30px;
      color: #fff;
      display: inline-block;
      transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -moz-transform: rotate(180deg);
      /* Firefox */
      -webkit-transform: rotate(180deg);
      /* Safari 和 Chrome */
      -o-transform: rotate(180deg);
      /* Opera */ }
    .play-sidebar-item1 .play-s-i-l p {
      font-size: 12px;
      color: #ffffff;
      text-align: center;
      margin-top: 24px; }
  .play-sidebar-item1 .play-s-i-time:after {
    background: #e64f26; }

  .play-sidebar-item2 .play-s-i-l {
    background: url(../images/play-s-i-bg-2.png) no-repeat center; }
  .play-sidebar-item2 .play-s-i-time:after {
    background: #84d9ec; }

  .play-sidebar-item3 .play-s-i-l {
    background: url(../images/play-s-i-bg-3.png) no-repeat center; }
  .play-sidebar-item3 .play-s-i-time:after {
    background: #86adf4; }

  .play-s-i-l {
    float: left;
    width: 102px;
    height: 100%; }

  .play-s-i-r {
    float: left;
    width: 184px;
    height: calc(100% - 22px);
    background: #fff;
    padding: 0 22px;
    padding-top: 22px; }
    .play-s-i-r h3 {
      font-size: 16px;
      color: #000000;
      font-weight: 600;
      line-height: 26px;
      margin-top: 10px; }

  .play-s-i-tit, .play-s-i-time {
    font-size: 14px;
    color: #504745;
    line-height: 24px; }

  .play-s-i-time {
    padding-bottom: 12px;
    position: relative; }
    .play-s-i-time:after {
      content: "";
      position: absolute;
      width: 16px;
      height: 4px;
      border-radius: 2px;
      background: #e64f26;
      left: 0;
      bottom: 0; }

  .super-scholar {
    width: 100%;
    background: #f7f8fa; }

  .super-scholar-wrap {
    width: 1300px;
    margin: 0 auto;
    padding: 42px 0 50px;
    border-top: 1px solid #e7e9ed; }
    .super-scholar-wrap h2 {
      font-size: 26px;
      color: #000000;
      font-weight: 600; }

  .super-scholar-swiper {
    width: 100%;
    height: 510px;
    margin-top: 34px; }

  .super-scholar-list {
    width: 100%; }
    .super-scholar-list:after {
      content: "";
      clear: both;
      display: block; }

  .super-scholar-item {
    float: left;
    width: 305px;
    height: 440px;
    position: relative;
    margin-right: 25px; }
    .super-scholar-item:hover .super-scholar-content {
      box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1); }
      .super-scholar-item:hover .super-scholar-content a {
        background: #f6f8fb; }

  .super-scholar-item:nth-child(3) {
    margin-right: 25px; }

  .super-scholar-item:nth-child(4) {
    display: block;
    margin-right: 0; }

  .super-scholar-item:last-child {
    margin-right: 0; }

  .super-scholar-img {
    width: 100%;
    border-radius: 5px;
    height: 230px; }
    .super-scholar-img img {
      display: block;
      width: 100%;
      height: auto; }

  .super-scholar-content {
    width: 232px;
    height: 266px;
    border-radius: 5px;
    background: #fff;
    margin: 0 auto;
    margin-top: -56px;
    padding: 0 30px;
    position: relative;
    z-index: 2; }
    .super-scholar-content h5 {
      font-size: 16px;
      color: #444444;
      font-weight: 600;
      padding-top: 28px; }
    .super-scholar-content h3 {
      font-size: 24px;
      color: #000000;
      font-weight: 600;
      margin-top: 6px;
      padding-bottom: 12px;
      position: relative; }
      .super-scholar-content h3:after {
        content: "";
        position: absolute;
        width: 42px;
        height: 5px;
        border-radius: 2px;
        background: #3990e9;
        left: 0;
        bottom: 0; }
    .super-scholar-content h4 {
      font-size: 14px;
      color: #3990e9;
      font-weight: 600;
      margin-top: 10px; }
    .super-scholar-content p {
      font-size: 14px;
      color: #000000;
      line-height: 24px;
      margin-top: 4px; }
    .super-scholar-content a {
      display: block;
      width: 128px;
      height: 32px;
      border: 2px solid #d6d9df;
      font-size: 14px;
      color: #444444;
      text-align: center;
      line-height: 32px;
      background: #fff;
      margin-top: 10px; }

  /*-------------------8大专业------------*/
  .major-list {
    width: 1300px;
    height: 161px; }
    .major-list a {
      width: 12.5%; }
      .major-list a img {
        display: block;
        margin: 0 auto; }
      .major-list a h5 {
        font-size: 16px; }
      .major-list a p {
        font-size: 12px;
        padding-top: 6px; }

  /*--------------course-list 课程列表---------------*/
  .course-wrap {
    width: 1300px;
    margin-top: 82px; }

  .course-wrap-top {
    margin-bottom: 24px; }
    .course-wrap-top h3 {
      font-size: 26px;
      line-height: 42px; }

  .course-tags {
    line-height: 42px; }
    .course-tags a {
      line-height: 42px;
      font-size: 14px; }
    .course-tags span {
      margin: 0 8px;
      line-height: 42px; }

  .course-tags-all i {
    display: inline-block;
    font-size: 12px;
    color: #4f4f4f;
    transform: scale(0.9);
    -ms-transform: scale(0.9);
    /* IE 9 */
    -moz-transform: scale(0.9);
    /* Firefox */
    -webkit-transform: scale(0.9);
    /* Safari 和 Chrome */
    -o-transform: scale(0.9);
    /* Opera */ }

  .course-list > li {
    width: 240px;
    height: 215px;
    margin-right: 25px;
    margin-bottom: 50px; }

  .course-item img {
    height: 145px; }
  .course-item h3 {
    font-size: 16px;
    padding: 0 12px;
    padding-top: 17px; }

  .course-infor {
    width: calc(100% - 24px);
    padding: 0 12px;
    padding-top: 12px; }
    .course-infor span {
      font-size: 12px;
      margin-right: 16px;
      line-height: 18px; }
    .course-infor span:nth-of-type(2) {
      margin-right: 0; }
    .course-infor ul li {
      float: left;
      line-height: 18px;
      margin: 0 -1px; }
      .course-infor ul li i {
        display: inline-block;
        font-size: 12px;
        color: #ffbf12;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8); }

  .tiyanban-time {
    top: 112px; }

  .course-item-hover {
    width: 266px;
    height: 310px;
    left: 50%;
    margin-left: -133px;
    top: -60px; }
    .course-item-hover .tiyanban-time {
      top: 126px; }

  .course-item-hover-infor {
    width: calc(100% - 44px);
    height: 152px;
    padding: 0 22px; }
    .course-item-hover-infor h3 {
      font-size: 18px;
      padding-top: 18px; }

  .course-item-hover-txt {
    font-size: 12px;
    line-height: 20px;
    padding-top: 8px;
    height: 40px; }

  .course-item-price {
    font-size: 14px;
    color: #000;
    padding-top: 24px; }
    .course-item-price em {
      margin: 0 16px; }

  /*-------------- VIP 标------------------*/
  .course-vip {
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    right: 4px;
    top: 4px; }

  .course-trump {
    padding: 0 6px;
    height: 20px;
    line-height: 20px;
    font-size: 14px; }

  /*-------------- 职业路径------------------*/
  .career-path {
    width: 1300px;
    margin: 0 auto;
    margin-top: 82px; }
    .career-path h2 {
      font-size: 26px; }

  .career-path-list {
    width: 100%;
    margin-top: 40px; }
    .career-path-list > li {
      width: 305px;
      height: 110px;
      margin-right: 25px;
      margin-bottom: 25px; }

  .career-path-item {
    width: calc(100% - 24px);
    height: 100%;
    padding: 0 12px; }
    .career-path-item dt {
      width: 110px;
      height: 100%;
      line-height: 110px; }
      .career-path-item dt img {
        width: 110px; }
    .career-path-item dd {
      width: calc(100% - 110px); }
      .career-path-item dd h3 {
        font-size: 18px;
        padding-top: 33px; }
      .career-path-item dd p {
        font-size: 14px;
        padding-top: 8px; }

  .career-path-hover {
    width: 319px;
    height: 138px;
    padding: 0 5px;
    left: 50%;
    margin-left: -159.5px;
    top: 50%;
    margin-top: -69px; }
    .career-path-hover dt {
      width: 119px;
      height: 100%;
      line-height: 138px; }
      .career-path-hover dt img {
        width: 110px; }
    .career-path-hover dd {
      width: calc(100% - 142px);
      padding-right: 23px; }
      .career-path-hover dd h3 {
        font-size: 18px;
        padding-top: 30px; }
      .career-path-hover dd ul {
        padding-top: 20px; }
        .career-path-hover dd ul li {
          height: 26px;
          width: 65px; }
          .career-path-hover dd ul li p {
            font-size: 14px;
            margin-top: -8px; }
          .career-path-hover dd ul li h6 {
            font-size: 12px;
            padding-top: 5px; }
        .career-path-hover dd ul li:first-child {
          width: 45px; }

  /*-------------- 明星导师------------------*/
  .tutor2-container {
    width: 100%;
    background: url(../images/index-tutor-bg.jpg) no-repeat center top;
    padding-top: 42px;
    box-sizing: border-box; }

  .tutor2-wrap {
    width: 1300px; }
    .tutor2-wrap h2 {
      font-size: 26px; }

  .tutor-wrap {
    width: 1300px;
    margin-top: 32px; }
    .tutor-wrap h2 {
      font-size: 26px; }

  .tutor-list {
    margin-top: 40px; }
    .tutor-list > li {
      width: 305px;
      height: 110px;
      margin-right: 26px;
      border-radius: 5px;
      margin-bottom: 25px; }

  .tutor-item dt {
    width: 140px;
    height: 100%; }
    .tutor-item dt img {
      display: block;
      bottom: 0;
      height: auto;
      left: 0;
      right: 0;
      margin: auto; }
  .tutor-item dd {
    width: calc(100% - 160px);
    padding-right: 20px; }
    .tutor-item dd h5 {
      font-size: 18px;
      padding-top: 32px; }
    .tutor-item dd p {
      font-size: 14px;
      padding-top: 8px; }

  .tutor-hover {
    width: 262px;
    height: 130px;
    left: 50%;
    margin-left: -166px;
    top: 50%;
    margin-top: -65px;
    padding-left: 35px;
    padding-right: 35px; }
    .tutor-hover h5 {
      font-size: 18px;
      padding-top: 22px; }
    .tutor-hover p {
      font-size: 12px;
      padding-top: 10px;
      line-height: 20px;
      height: 60px; }

  /*-------------- 文章------------------*/
  .article-wrap {
    width: 1300px;
    margin-top: 82px; }

  .xueyuangushi {
    float: left;
    width: 305px;
    margin-right: 25px; }
    .xueyuangushi h3 {
      font-size: 18px;
      color: #000000;
      font-weight: 600; }

  .xueyuan-list1 {
    width: 100%;
    height: 62px;
    margin-top: 34px; }
    .xueyuan-list1 .swiper-slide {
      width: 50px;
      height: 50px;
      border: 3px solid #ebf0f4;
      border-radius: 50%; }
      .xueyuan-list1 .swiper-slide img {
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 50%; }
    .xueyuan-list1 .swiper-slide-active {
      border-color: #ff5628;
      position: relative; }
      .xueyuan-list1 .swiper-slide-active:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 8px;
        background: url(../images/sanjiao.png) no-repeat center bottom;
        bottom: -7px;
        left: 50%;
        margin-left: -8px; }

  .xueyuan-list2 {
    margin-top: 22px;
    height: 190px; }
    .xueyuan-list2 .swiper-slide h5 {
      font-size: 14px;
      color: #333333;
      line-height: 26px;
      padding-left: 26px;
      padding-right: 24px; }
      .xueyuan-list2 .swiper-slide h5 span:nth-child(1) {
        display: inline-block;
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
      .xueyuan-list2 .swiper-slide h5 em {
        font-style: normal;
        margin: 0 6px;
        font-size: 14px;
        color: #c3ced1;
        vertical-align: middle; }
      .xueyuan-list2 .swiper-slide h5 span {
        font-size: 14px;
        color: #333333;
        vertical-align: middle; }
    .xueyuan-list2 .swiper-slide p {
      position: relative;
      width: calc(100% - 50px);
      height: calc(100% - 26px);
      line-height: 24px;
      padding-left: 26px;
      padding-right: 24px;
      font-size: 14px;
      color: #333333; }
      .xueyuan-list2 .swiper-slide p i {
        font-size: 14px;
        color: #c3ced1;
        position: absolute; }
      .xueyuan-list2 .swiper-slide p i:nth-of-type(1) {
        left: 0;
        top: 0; }
      .xueyuan-list2 .swiper-slide p i:nth-of-type(2) {
        right: 0;
        bottom: 0; }

  .article-item {
    width: 305px;
    margin-right: 25px; }
    .article-item h3 {
      font-size: 18px; }
    .article-item ul {
      margin-top: 10px; }
      .article-item ul li {
        line-height: 34px;
        font-size: 14px; }
        .article-item ul li a {
          font-size: 14px; }

  .article-item-banner {
    height: 80px;
    margin-top: 22px; }
    .article-item-banner h5 {
      font-size: 14px;
      padding: 0 22px;
      padding-top: 48px; }

  /*-------------- 合作院校------------------*/
  .makeru-infor {
    margin-top: 52px;
    padding-top: 50px; }

  .hezuo-school {
    width: 1300px;
    padding-top: 48px; }
    .hezuo-school h2 {
      font-size: 26px; }

  .school-list {
    height: 150px;
    margin-top: 30px; }

  .school-slide li img {
    display: inline-block;
    width: 80%; }

  .school-list-page {
    margin-top: 10px; }
    .school-list-page span {
      width: 10px;
      height: 10px;
      border-radius: 5px; }

  /*-------------- 荣誉------------------*/
  .honor {
    width: 1300px;
    margin: 0 auto; }

  .honor-list-page a {
    font-size: 26px; }
  .honor-list-page span {
    margin: 0 22px;
    font-size: 14px; }

  .honor-list {
    height: 240px;
    margin-top: 30px; }

  .honor-slide li {
    padding-top: 50px; }
    .honor-slide li img {
      display: block;
      width: 158px;
      height: 112px;
      margin: 0 auto; }
    .honor-slide li p {
      font-size: 12px;
      padding-top: 15px; }

  /*-------------- 学院介绍------------------*/
  .makeru-introduce {
    width: 1300px;
    margin-top: 48px; }

  .makeru-introduce-item {
    width: 420px;
    height: 180px;
    margin-right: 18px; }
    .makeru-introduce-item img {
      display: inline-block;
      margin-top: 24px;
      margin-left: 28px; }
    .makeru-introduce-item h5 {
      font-size: 18px;
      padding-top: 42px;
      padding-left: 57px; }
    .makeru-introduce-item p {
      font-size: 14px;
      padding-top: 7px;
      padding-left: 28px; }

  .makeru-play {
    width: 37px;
    height: 37px;
    background: url(../images/play-btn.png) no-repeat center;
    background-size: 100% 100%;
    left: 40px;
    top: 120px; }

  .makeru-ceo {
    background: #cdcdcd url(../images/dahonghua.png) no-repeat right 42px top;
    background-size: auto 90%; }

  .hqyj-ceo {
    background: #cdcdcd url(../images/hqyj-ceo.png) no-repeat right bottom -44px;
    background-size: 246px auto; }
    .hqyj-ceo img {
      width: 120px; }

  .makeru-fangtan {
    background: #cdcdcd url(../images/makeru-xiaomei.png) no-repeat right bottom -44px;
    background-size: 236px auto; }

  /*-------------- 友情链接------------------*/
  .friendlink {
    width: 1300px;
    margin-top: 48px; }
    .friendlink h2 {
      font-size: 26px; }

  .friendlink-list {
    margin-top: 24px; }
    .friendlink-list a {
      font-size: 12px;
      margin-right: 16px;
      line-height: 22px; }

  /*-------------- 服务------------------*/
  .makeru-fuwu {
    height: 88px;
    margin-top: 48px; }

  .makeru-fuwu-wrap {
    width: 1300px; }
    .makeru-fuwu-wrap dl {
      width: 280px;
      height: 100%; }
      .makeru-fuwu-wrap dl dt {
        width: 75px;
        height: 100%; }
      .makeru-fuwu-wrap dl dd {
        width: calc(100% - 90px);
        padding-left: 15px; }
        .makeru-fuwu-wrap dl dd h5 {
          font-size: 20px;
          padding-top: 20px; }
        .makeru-fuwu-wrap dl dd p {
          font-size: 14px;
          padding-top: 4px; }
    .makeru-fuwu-wrap dl:nth-child(1) {
      position: absolute;
      left: 0;
      top: 0; }
      .makeru-fuwu-wrap dl:nth-child(1) dt {
        background: url(../images/fw-zaixiankecheng.png) no-repeat center; }
    .makeru-fuwu-wrap dl:nth-child(2) {
      margin: 0 auto; }
      .makeru-fuwu-wrap dl:nth-child(2) dt {
        background: url(../images/fw-zhidao.png) no-repeat center; }
    .makeru-fuwu-wrap dl:nth-child(3) {
      position: absolute;
      right: 0;
      top: 0; }
      .makeru-fuwu-wrap dl:nth-child(3) dt {
        background: url(../images/fw-chengnuo.png) no-repeat center; }

  /*-------------- footer------------------*/
  .footer-top {
    width: 1300px;
    padding-top: 52px;
    padding-bottom: 26px; }

  .footer-logo {
    width: 158px;
    padding-top: 10px; }
    .footer-logo img:nth-child(1) {
      width: 158px;
      height: 50px; }
    .footer-logo img:nth-child(2) {
      width: 140px;
      height: 30px;
      margin-top: 36px;
      margin-left: 30px; }

  .siteinfo {
    margin-left: 110px; }
    .siteinfo h3 {
      font-size: 16px;
      padding-bottom: 12px; }
    .siteinfo a {
      font-size: 14px;
      line-height: 32px; }

  .joinus {
    margin-left: 74px; }
    .joinus h3 {
      font-size: 16px;
      padding-bottom: 12px; }
    .joinus h6 {
      font-size: 14px;
      color: #808ea8;
      line-height: 32px; }
    .joinus p {
      font-size: 14px;
      line-height: 32px; }

  .joinus-weixin {
    width: 22px;
    height: 17px;
    background: url(../images/weixin-joinus.png) no-repeat center; }

  .joinus-weibo {
    width: 22px;
    height: 17px;
    background: url(../images/xinlang-joinus.png) no-repeat center; }

  .course-class h3 {
    font-size: 16px;
    padding-bottom: 12px; }
  .course-class ul {
    padding-top: 31px; }
  .course-class li {
    width: 65px; }
    .course-class li img {
      width: 32px;
      height: 32px; }
    .course-class li p {
      font-size: 12px;
      padding-top: 10px; }

  .footer-friendlink {
    width: 1300px;
    margin: 0 auto;
    padding-top: 18px; }
    .footer-friendlink h5, .footer-friendlink a {
      font-size: 12px;
      line-height: 28px; }
    .footer-friendlink span {
      margin: 0 4px;
      font-size: 12px;
      line-height: 28px; }

  .footer-copyright {
    width: 1300px; }
    .footer-copyright p {
      font-size: 12px;
      padding-top: 28px; }

  .footer-siteinfoCredits a {
    margin: 0 10px; }

  /*-------------- 学员故事------------------*/
  .evaluate {
    width: 100%;
    background: #f7f8fa; }

  .evaluate-wrap {
    width: 1300px;
    margin: 0 auto;
    padding: 50px 0 65px; }
    .evaluate-wrap h2 {
      font-size: 26px;
      color: #000;
      font-weight: 600; }

  .evaluate-list {
    width: 100%;
    margin-top: 22px; }
    .evaluate-list:after {
      content: "";
      clear: both;
      display: block; }

  .evaluate-item {
    width: 245px;
    padding: 30px 30px 40px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.01);
    margin-bottom: 24px; }
    .evaluate-item h3 {
      font-size: 12px; }
      .evaluate-item h3 i {
        margin-right: 8px;
        font-size: 14px; }
    .evaluate-item dl {
      width: 100%;
      height: 77px;
      margin-top: 22px; }
      .evaluate-item dl:after {
        content: "";
        clear: both;
        display: block; }
      .evaluate-item dl dt {
        float: left;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        overflow: hidden;
        background: #bdc3d3; }
        .evaluate-item dl dt img {
          display: block;
          width: 100%;
          height: auto; }
      .evaluate-item dl dd {
        float: left;
        width: calc(100% - 70px);
        margin-left: 14px; }
        .evaluate-item dl dd h5 {
          font-size: 18px;
          color: #000000;
          font-weight: 600;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .evaluate-item dl dd p {
          font-size: 14px;
          color: #000000;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          margin-top: 4px; }

  .pj h3 {
    color: #67d28b; }
    .pj h3 i {
      color: #67d28b; }
  .pj dl {
    border-bottom: 1px solid #f1f3f8; }

  .story h3 {
    color: #388fe8; }
    .story h3 i {
      color: #388fe8; }

  .pingxing {
    margin-top: 16px; }
    .pingxing:after {
      content: "";
      clear: both;
      display: block; }
    .pingxing i {
      font-size: 12px;
      color: #ffd907; }
    .pingxing span {
      font-size: 12px;
      color: #000000; }

  .evaluate-txt {
    font-size: 12px;
    color: #000000;
    line-height: 24px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-top: 14px; }

  .evaluate-txt-noimg {
    font-size: 12px;
    color: #000000;
    line-height: 24px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    margin-top: 14px; }

  .evaluate-info {
    margin-top: 6px; }
    .evaluate-info:after {
      content: "";
      clear: both;
      display: block; }
    .evaluate-info a {
      float: left;
      font-size: 12px;
      color: #93999f; }
      .evaluate-info a:hover {
        color: #ff5920; }
    .evaluate-info span {
      float: right;
      font-size: 12px;
      color: #9ca1af; }

  .story-img {
    width: 100%;
    height: 148px;
    text-align: center;
    background: #000;
    position: relative; }
    .story-img img {
      position: absolute;
      display: inline-block;
      max-width: 100%;
      max-height: 100%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto; }

  .story-play-btn {
    position: absolute;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 38px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; }
    .story-play-btn i {
      font-size: 38px;
      color: #ffd907; } }
/*------活动入口------*/
.activity-entry {
  position: fixed;
  right: 20px;
  top: 182px;
  z-index: 50; }
.activity-entry2 {
  top: 385px;
}

.activity-entry-img {
  display: block; }
  .activity-entry-img img {
    display: block;
    border-radius: 5px;}

.close-activity-entry {
  position: absolute;
  right: -4px;
  top: -4px;
  font-size: 8px !important;
  color: #c39cdc;
  font-weight: bold;
  cursor: pointer;
  z-index: 2;
  background: #fff;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  line-height: 18px; }

/*------新专业------*/
.major-wrap:after {
  content: "";
  clear: both;
  display: block;
}
.major-item {
  float: left;
  margin-right: 21px;
}
.major-item:last-child {
  margin-right: 0;
}
.major-item-banner {
  width: 100%;
  margin-top: 22px;
  border-radius: 8px;
  background: #000;
  position: relative;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.major-item-banner:hover {
  box-shadow: 0 14px 22px rgba(0, 0, 0, 0.1);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.major-item-banner a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.major-item-banner img {
  position: absolute;
  display: inline-block;
  border-radius: 5px;
  width: 100%;
  height: auto;
  margin: auto;
  z-index: 1;
}

.aside-wrap {
  position: fixed;
  z-index: 777;
}
.aside-content {
  width: 84px;
  height: 230px;
  box-sizing: border-box;
  border: 1px solid #dbe2e8;
  border-radius: 3px;
  position: fixed;
  background: #ffffff;
  box-shadow: 0 4px 4px 0 rgba(46,61,73,.1);
}
.aside-content a {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
}

.aside-content a dt {
  width: 100%;
  height: 32px;
  text-align: center;
}
.aside-content a dd {
  font-size: 12px;
  color: #444;
  text-align: center;
  padding-top: 5px;
}
.aside-content a:hover dd {
  color: #f7360a;
}
/*# sourceMappingURL=index.css.map */