.clearfix {
  display: block;
  zoom: 1; }

.main-container {
  width: 100%;
  background: #FFF; }

.main-container .main-wrap {
  width: 1200px !important;
  margin: 0 auto;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.main-container .main-wrap a {
  text-decoration: none !important; }

a,
button,
input,
textarea {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.main-container .main-wrap .hot-list {
  position: relative;
  font-size: 0;
  width: 100%;
  /* display: flex; */ }

.height-30 {
  height: 30px; }

.main-container .main-wrap .hot-list .hot-nav {
  margin-top: 40px;
  display: inline-block;
  vertical-align: top; }

.main-container .main-wrap .hot-list .hot-nav-item {
  width: 100px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  color: #333;
  font-size: 16px;

  font-weight: 400; }
  .main-container .main-wrap .hot-list .hot-nav-item a {
    color: #333; }

.main-container .main-wrap .hot-list .active {
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(#00bcd5), to(#38cdba));
  background: linear-gradient(0deg, #00bcd5 0%, #38cdba 100%);
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 11px 0px rgba(0, 188, 211, 0.46);
  box-shadow: 0px 3px 11px 0px rgba(0, 188, 211, 0.46); }
  .main-container .main-wrap .hot-list .active a {
    color: #FFF; }

.main-container .main-wrap .hot-list .hot-content {
  display: inline-block;
  vertical-align: top;
  width: 740px;
  margin: 40px 45px 0; }
  .main-container .main-wrap .hot-list .hot-content .m-loading {
    opacity: 0;
    font-size: 14px;
    color: #999;
    text-align: center; }
    .main-container .main-wrap .hot-list .hot-content .m-loading .m-loading-img {
      width: 64px;
      vertical-align: middle; }
    .main-container .main-wrap .hot-list .hot-content .m-loading span {
      margin-left: -20px;
      vertical-align: middle; }

.main-container .main-wrap .hot-list .hot-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  width: 740px;
  height: 190px;
  border-bottom: 1px solid #efefef; }

.main-container .main-wrap .hot-list .hot-content-item:first-child {
  padding-top: 0;
  height: 160px; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-poster {
  position: relative;
  margin-right: 30px;
  width: 200px;
  cursor: pointer;
  height: 130px; }

.hot-content-item-poster-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 200px;
  height: 130px;
  color: #FFF;
  font-size: 48px;
  text-align: center;
  line-height: 130px; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-poster img {
  position: relative;
  border-radius: 5px;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  cursor: pointer; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info-d {
  margin-top: 7px;
  width: 424px;
  height: 85px; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info-d a {
  display: block;
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  color: #333333;
  overflow: hidden;
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-height: 25px;
  max-height: 50px;
  cursor: pointer; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info-d a:hover {
  color: #16c3ca; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info-d p {
  margin: 12px 0 0;
  font-size: 12px;

  font-weight: 400;
  text-align: left;
  color: #333333;
  line-height: 22px; }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info p {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  color: #333;
  line-height: 22px; }
  .main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info p.mt15 {
    font-size: 12px;
    color: #666;
  }

.main-container .main-wrap .hot-list .hot-content-item .hot-content-item-info .hot-content-item-info-play {
  margin-left: 37px;
  font-size: 14px;

  font-weight: 400;
  text-align: left;
  color: #16c3ca;
  cursor: pointer; }

.main-container .main-wrap .hot-list .hot-content .hot-content-more-tip {
  margin: 42px 0 132px;
  font-size: 14px;

  font-weight: 400;
  text-align: left;
  color: #666666;
  line-height: 22px;
  text-align: center; }

.main-container .main-wrap .hot-list .hot-bar {
  margin-top: 40px;
  display: inline-block;
  vertical-align: top;
  width: 270px; }

.main-container .main-wrap .hot-list ._center {
  position: fixed;
  top: -20px; }
  .main-container .main-wrap .hot-list ._center .hot-search {
    display: none; }
  .main-container .main-wrap .hot-list ._center .hot-advert {
    display: none; }

.main-container .main-wrap .hot-list ._bottom {
  position: absolute;
  bottom: 55px; }
  .main-container .main-wrap .hot-list ._bottom .hot-search {
    display: none; }
  .main-container .main-wrap .hot-list ._bottom .hot-advert {
    display: none; }

.main-container .main-wrap .hot-list .hot-search {
  position: relative;
  opacity: 1;
  background: #ffffff;
  border: 1px solid #e5e5e5; }

.main-container .main-wrap .hot-list .hot-search .hot-search-content {
  width: 100%;
  border: 0;
  font-size: 12px;
  height: 38px;
  line-height: 40px;
  padding: 0 40px 0 13px;
  outline: none;
  background-color: rgba(0, 0, 0, 0); }

.main-container .main-wrap .hot-list .hot-search .hot-search-btn {
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  top: -1px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  color: #FFF;
  background: #1cb29d;
  line-height: 40px;
  text-align: center; }

.main-container .main-wrap .hot-list .hot-articles {
  padding: 20px 20px 25px;
  border: 1px solid #eeeeee;
  background: #FFF; }

.m-main-container .m-articel-tabs {
  width: 100vw;
  margin-bottom: 1vw;
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0px 0.533vw 0.933vw 0px rgba(3, 0, 0, 0.14);
  box-shadow: 0px 0.533vw 0.933vw 0px rgba(3, 0, 0, 0.14); }
  .m-main-container .m-articel-tabs .m-articel-tab:last-child {
    border-right: unset; }
  .m-main-container .m-articel-tabs .m-articel-tab {
    width: 20vw;
    height: 12vw;
    line-height: 12vw;
    font-size: 4vw;
    font-weight: normal;
    color: #797979;
    text-align: center;
    background: #FFF;
    border-right: .02rem solid #f8f8f8; }
  .m-main-container .m-articel-tabs .m-articel-tab-active {
    background: -webkit-gradient(linear, left top, right top, from(#00bcd5), to(#38cdba)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: linear-gradient(90deg, #00bcd5 0%, #38cdba 100%), linear-gradient(#ffffff, #ffffff);
    color: #FFF; }

.m-main-container .m-emptyTxt {
  display: none;
  font-size: 2.2vw;
  color: #999;
  padding: 2vw 5vw;
  text-align: center; }

.m-main-container .m-nomore {
  display: none;
  font-size: 2.2vw;
  color: #999;
  padding: 2vw 5vw;
  text-align: center; }

.m-main-container .m-more {
  font-size: 2.2vw;
  color: #999;
  padding: 2vw 5vw;
  text-align: center; }

.m-main-container .m-loading {
  display: none;
  font-size: 2.2vw;
  color: #999;
  text-align: center; }
  .m-main-container .m-loading .m-loading-img {
    width: 8vw;
    vertical-align: middle; }
  .m-main-container .m-loading span {
    margin-left: -3vw;
    vertical-align: middle; }

.m-main-container .m-article-list {
  min-height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #FFF; }
  .m-main-container .m-article-list .m-article-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 4vw;
    padding: 4vw 0;
    border-bottom: 1px solid #efefef; }
    .m-main-container .m-article-list .m-article-cell .m-cell-img {
      width: 26.667vw;
      height: 17.333vw;
      position: relative; }
    .m-main-container .m-article-list .m-article-cell .m-articel-img {
      position: absolute;
      top: 0;
      left: 0;
      max-width: 100%;
      max-height: 100%;
      border-radius: 0.667vw; }
    .m-main-container .m-article-list .m-article-cell .m-play {
      position: absolute;
      top: 5vw;
      left: 10.533vw;
      color: #FFF;
      font-size: 6.4vw; }
    .m-main-container .m-article-list .m-article-cell .m-article-c {
      margin-left: 4vw;
      height: 11.267vw;
      width: 59.6vw; }
      .m-main-container .m-article-list .m-article-cell .m-article-c .h3 {
        font-size: 3.2vw;
        font-weight: 500;
        margin-top: -0.1rem;
        margin-bottom: 0;
        line-height: 1.5;
        color: #333333;
        height: 9.6vw;
        overflow: hidden;
        white-space: normal;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2; }
      .m-main-container .m-article-list .m-article-cell .m-article-c p {
        margin-top: 0;
        font-size: 2.4vw;
        line-height: 1.4;
        margin-top: 1.5vw;
        color: #333333; }
      .m-main-container .m-article-list .m-article-cell .m-article-c .play-bar {
        display: inline-block;
        margin-left: 4.5vw;
        font-size: 2.5vw;
        line-height: 1.2;
        color: #16c3ca; }
    .m-main-container .m-article-list .m-article-cell .m-cell-tip {
      margin-top: 4vw;
      margin-left: 4vw;
      font-size: 2.4vw;
      line-height: 1.4;
      color: #666666; }



.page {
    display: block;
    padding-left: 0;
    margin: 44px 0 46px;
    text-align: center;
    font-size: 14px;
}
.page .act {cursor:default;background-color:#20b09f; border-color:#20b09f;color:#fff;display: inline-block;height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 14px;
    margin: 0 6px;
    border-radius: 6px;}
.page a{
    display: inline-block;
    border: 1px solid #e3e3e3;
    height: 32px;
    line-height: 32px;
    padding: 0 15px;
    font-size: 14px;
    margin: 0 6px;
    vertical-align: baseline;
    background: transparent;
    color: #999;
    border-radius: 6px;
    cursor:pointer;
    font-weight: 500;
}
.page a:hover {
    border-color: #20B09F;
    color: #fff;
    background: #20B09F;
}
.page select {
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: 1px solid #e3e3e3;
    margin: 0 10px;
    width: 60px;
    border-radius: 6px;
}