[v-cloak] {
  display: none; }

.clearfix::after {
  content: "";
  display: block;
  clear: both;
  width: 0;
  height: 0;
  border: 0;
  margin: 0; }

.fineBorder-before {
  content: "";
  display: block;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%; }

.header-goback-btn {
  z-index: 100; }

.textCenter {
  text-align: center; }

.pt-44 {
  padding-top: 4.4rem; }

.skeleton {
  padding: 0 1.9rem 0 1.3rem; }
  .skeleton li {
    display: flex;
    position: relative;
    padding: 1rem 0;
    border-bottom: 0.4rem solid #F5F5F5; }
    .skeleton li .w140 {
      width: 7rem;
      height: 7rem;
      -webkit-border-radius: 0.4rem;
      -moz-border-radius: 0.4rem;
      -ms-border-radius: 0.4rem;
      -o-border-radius: 0.4rem;
      border-radius: 0.4rem; }
    .skeleton li .margin-r-30 {
      margin-right: 1.5rem; }
    .skeleton li .skeleton-right {
      width: 100%;
      flex: 1; }
      .skeleton li .skeleton-right .h36 {
        height: 1.8rem; }
      .skeleton li .skeleton-right .h30 {
        height: 1.5rem;
        margin-top: 0.2rem; }
      .skeleton li .skeleton-right .h24 {
        height: 1.2rem; }
        .skeleton li .skeleton-right .h24 span {
          display: inline-block;
          width: 4rem;
          height: 1.2rem;
          margin-right: 0.8rem; }
    .skeleton li .margin-t-20 {
      margin-top: 1rem; }
    .skeleton li .bg-e9e9e9e {
      background: #e9e9e9; }

.list-module {
  position: relative;
  border-top: 1rem solid #F5F5F5; }
  .list-module ul {
    margin-bottom: 0; }
    .list-module ul li {
      position: relative;
      padding: 0 1.9rem 0 1.3rem;
      border-bottom: 0.4rem solid #F5F5F5; }
      .list-module ul li .list-project-name:visited .list-module-main .project-name,
      .list-module ul li .list-project-name:visited .list-module-main .project-name-info {
        color: #8D8D8D; }
      .list-module ul li .list-project-name:active .list-module-main .project-name,
      .list-module ul li .list-project-name:active .list-module-main .project-name-info {
        color: #8D8D8D; }
      .list-module ul li .list-module-main {
        position: relative;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 1.5rem 0; }
        .list-module ul li .list-module-main img {
          display: inline-block;
          width: 8.8rem;
          height: 8.8rem;
          margin: 0.3rem 1.5rem 0 0;
          -webkit-border-radius: 0.4rem;
          -moz-border-radius: 0.4rem;
          -ms-border-radius: 0.4rem;
          -o-border-radius: 0.4rem;
          border-radius: 0.4rem; }
        .list-module ul li .list-module-main .list-main-info {
          position: relative;
          flex: 1;
          width: 100%; }
          .list-module ul li .list-module-main .list-main-info .project-introduce-info {
            width: 100%;
            font-size: 1.2rem;
            line-height: 1.7rem;
            color: rgba(0, 0, 0, 0.45);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            .list-module ul li .list-module-main .list-main-info .project-introduce-info span {
              margin-right: 1.6rem; }
              .list-module ul li .list-module-main .list-main-info .project-introduce-info span:last-child {
                margin-right: 0; }
        .list-module ul li .list-module-main .project-name {
          position: relative;
          font-size: 1.8rem;
          line-height: 2.5rem;
          color: #222;
          font-weight: 500;
          position: relative;
          height: 2.5rem; }
          .list-module ul li .list-module-main .project-name span {
            position: absolute;
            display: block;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
        .list-module ul li .list-module-main .project-info {
          width: 100%;
          font-size: 1.4rem;
          line-height: 2rem;
          padding-top: 0.2rem;
          display: -webkit-box;
          text-overflow: ellipsis;
          word-wrap: break-word;
          white-space: normal !important;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; }
          .list-module ul li .list-module-main .project-info span {
            color: #222222; }
        .list-module ul li .list-module-main .project-name-info {
          width: 100%;
          font-size: 1.4rem;
          line-height: 2rem;
          color: #222;
          display: -webkit-box;
          text-overflow: ellipsis;
          word-wrap: break-word;
          white-space: normal !important;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; }
        .list-module ul li .list-module-main .fixed-height {
          height: 9.4rem; }
          .list-module ul li .list-module-main .fixed-height .project-info {
            position: relative;
            height: 4rem; }
            .list-module ul li .list-module-main .fixed-height .project-info .project-name-info {
              position: absolute;
              top: 50%;
              overflow: hidden;
              transform: translate3d(0%, -50%, 0); }
          .list-module ul li .list-module-main .fixed-height .project-introduce-info {
            padding-top: 1rem; }
        .list-module ul li .list-module-main .adaptive-height {
          height: auto; }
          .list-module ul li .list-module-main .adaptive-height .project-info {
            position: relative;
            min-height: 2rem;
            max-height: 4rem; }
      .list-module ul li .isUpdate {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 1.1rem;
        line-height: 1.8rem;
        color: #fff;
        padding: 0 0.5rem 0 0.9rem;
        background: #FF0000;
        -webkit-border-radius: 0 0 0 0.7rem;
        -moz-border-radius: 0 0 0 0.7rem;
        -ms-border-radius: 0 0 0 0.7rem;
        -o-border-radius: 0 0 0 0.7rem;
        border-radius: 0 0 0 0.7rem; }
  .list-module .loading {
    display: block;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #C4C4C4;
    background: #F5F5F5;
    padding: 1.8rem 0 1.5rem; }

.no-list-data {
  padding: 9.6rem 0 0;
  text-align: center;
  margin: 0 auto; }
  .no-list-data .no-data-image {
    width: 16rem;
    height: 11.6rem; }
  .no-list-data p {
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #222222;
    text-align: center;
    padding-top: 1.4rem; }
