.novel-list {
  background:#fff;
  display:flex;
  flex-wrap:wrap;
  margin:0;
  overflow:hidden
}
.novel-list .novel-item {
  align-items:center;
  display:flex;
  flex-basis:49%;
  line-height:35px;
  min-height:130px;
  padding:10px;
  text-align:left;
  vertical-align:text-top
}
.novel-list .novel-item:nth-child(odd) {
  border-right:1px solid #eee
}
.novel-list .novel-item .novel-img-content {
  display:inline-block;
  height:auto;
  padding-right:8px;
  padding-top:8px;
  text-align:center;
  vertical-align:top;
  width:20%
}
.novel-list .novel-item .novel-img-content img {
  height:90%;
  max-height:20vw;
  min-height:10vw;
  width:90%
}
.novel-list .novel-item .novel-txt-content {
  border-bottom:1px solid #eee;
  display:inline-block;
  margin:0 auto;
  width:80%;
}
.novel-list .novel-item .novel-txt-content.w100 {
  /*! width:85% */
}
.novel-list .novel-item .novel-txt-content .operate-content span {
  font-weight:600
}
.novel-list .novel-item .novel-txt-content .desc-content {
  overflow:hidden;
  text-indent:2px
}
.novel-list .novel-item .novel-txt-content .desc-content p {
  font-size:.8em;
  line-height:1.4em;
  margin:0;
  white-space:pre-line
}
.novel-list .novel-item .novel-txt-content .name-content .title {
  color:#000;
  font-size:16px;
  font-weight:700;
  line-height:35px
}
.novel-list .novel-item .novel-txt-content .name-content .flex-box-right {
  text-align:center
}
.novel-list .novel-item .novel-txt-content .name-content .flex-box-right span {
  font-size:12px;
  font-weight:400;
  line-height:35px
}
.novel-list .novel-item .novel-txt-content .text-ellipsis {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:55%
}
@media (max-width:738px) {
  .novel-list .novel-item {
    flex-basis:100%;
    width:98%
  }
  .novel-list .novel-item .novel-img-content {
    width:30%
  }
  .novel-list .novel-item .novel-txt-content {
    width:70%
  }
  .novel-list .novel-item .novel-txt-content img {
    max-height:140px;
    min-height:100px
  }
}