.line {
  width: 590px;
  margin-left: -20px;
  height: 7px;
  background: #fafafa;
  margin-top: 20px; }

.interest-comment1-warp {
  height: 0;
  transition: all .3s linear;
  opacity: 0;
  padding: 20px 5px 0;
  background: #FFFFFF;
  box-sizing: border-box;
  margin-top: 7px;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear; }
  .interest-comment1-warp .own-img {
    width: 50px;
    height: 50px; }
  .interest-comment1-warp .interest-comment1-form, .interest-comment1-warp .interest-comment1-form-content .interest-comment1-sub, .interest-comment1-warp .interest-comment1-list-content-1 {
    display: flex; }
  .interest-comment1-warp .interest-comment1-form-content {
    position: relative; }
    .interest-comment1-warp .interest-comment1-form-content .uploader-idle-edit {
      background: none; }
  .interest-comment1-warp .interest-comment1-form {
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 20px;
    position: relative; }
    .interest-comment1-warp .interest-comment1-form .emoji {
      left: 35px;
      bottom: -166px; }
  .interest-comment1-warp .interest-comment1-list-content-1 {
    border-top: 1px solid #ECECEC;
    padding: 21px 0px; }
  .interest-comment1-warp .interest-comment1-list-content-1:nth-of-type(1) {
    border-top: 0px solid #ECECEC; }
  .interest-comment1-warp .interest-comment1-form-content {
    flex: 1;
    margin-bottom: 22px;
    margin-left: 25px; }
  .interest-comment1-warp .interest-comment1 {
    width: 100%; }
    .interest-comment1-warp .interest-comment1 .interest-comment1-textarea textarea {
      width: 100%;
      padding: 10px 20px;
      box-sizing: border-box;
      height: 40px;
      background: #F4F4F4;
      border: 1px solid #E6E9ED;
      border-radius: 5px; }
    .interest-comment1-warp .interest-comment1 .interest-edit.interest-comment1-sub {
      margin-top: 10px; }
    .interest-comment1-warp .interest-comment1 .interest-comment1-sub {
      justify-content: space-between;
      margin-top: 10px; }
      .interest-comment1-warp .interest-comment1 .interest-comment1-sub i {
        color: #C9D6DE;
        font-size: 20px;
        margin-right: 21px;
        cursor: pointer; }
    .interest-comment1-warp .interest-comment1 .filelist li {
      margin-bottom: 0px; }
    .interest-comment1-warp .interest-comment1 .interest-comment1-list .title {
      font-family: PingFangSC-Medium;
      font-size: 14px;
      color: #0F2540;
      line-height: 14px;
      display: block; }
  .interest-comment1-warp .comment-content {
    flex: 1;
    font-family: PingFangSC-Medium;
    margin-left: 14px; }
    .interest-comment1-warp .comment-content div {
      font-size: 14px;
      color: #435771;
      line-height: 14px; }
      .interest-comment1-warp .comment-content div span:nth-of-type(2) {
        font-size: 12px;
        color: #C6C6C6;
        margin-left: 5px; }
    .interest-comment1-warp .comment-content .like {
      float: right;
      color: #C9D6DE;
      font-size: 12px;
      display: flex;
      align-items: center; }
      .interest-comment1-warp .comment-content .like i {
        margin-right: 8px;
        font-size: 16px;
        cursor: pointer; }
      .interest-comment1-warp .comment-content .like .like-button.active {
        color: #ED9393; }
    .interest-comment1-warp .comment-content p {
      margin: 10px 0;
      font-family: PingFangSC-Regular;
      font-size: 16px;
      color: #0F2540;
      line-height: 22px; }
    .interest-comment1-warp .comment-content ol {
      background: #F3F3F3;
      padding: 10px;
      width: 380px; }
      .interest-comment1-warp .comment-content ol li {
        color: #061300;
        margin-bottom: 10px;
        line-height: 22px;
        font-size: 14px;
        font-family: PingFangSC-Regular; }
        .interest-comment1-warp .comment-content ol li span {
          color: #649BE1;
          font-family: PingFangSC-Medium; }
      .interest-comment1-warp .comment-content ol .more-comment-second {
        margin-bottom: 0px; }
        .interest-comment1-warp .comment-content ol .more-comment-second span {
          cursor: pointer; }
  .interest-comment1-warp .more-comment-one {
    width: 120px;
    margin: 0 auto; }
    .interest-comment1-warp .more-comment-one span {
      width: 120px;
      height: 36px;
      line-height: 36px;
      background: #E9EEF4;
      border-radius: 18px;
      font-size: 14px;
      color: #A6B1BF; }

.interest-faIn {
  height: auto; }

.interset-commont-content {
  margin-top: 30px; }
  .interset-commont-content .interset-content-section.publish-state div {
    overflow: hidden; }
  .interset-commont-content .bg-img {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px; }
    .interset-commont-content .bg-img img {
      height: 100%;
      opacity: .85;
      transition: all 0.3s ease 0s;
      -webkit-transition: all 0.3s ease 0s;
      -ms-transition: all 0.3s ease 0s;
      -o-transition: all 0.3s ease 0s; }
    .interset-commont-content .bg-img:hover img {
      opacity: 1; }
    .interset-commont-content .bg-img span {
      font-family: PingFangSC-Medium;
      font-size: 10px;
      color: #0F2540;
      line-height: 10px;
      background: rgba(255, 255, 255, 0.6);
      border-radius: 100px;
      position: absolute;
      bottom: 8px;
      right: 8px;
      padding: 5px; }
    .interset-commont-content .bg-img .weiba-live-icon {
      bottom: initial;
      right: inherit;
      padding: 5px;
      top: 8px;
      left: 8px; }
  .interset-commont-content .weiba-live-video {
    background: linear-gradient(-231deg, #77CFFF 0%, #DB4B4B 100%);
    text-shadow: 0 8px 10px 0 rgba(237, 104, 104, 0.5), inset -1px 2px 3px 0 rgba(255, 255, 255, 0.7);
    font-size: 50px;
    width: 50px;
    height: 50px;
    z-index: 1;
    color: #77CFFF;
    position: absolute;
    top: -70px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
  .interset-commont-content p {
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #0F2540;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 12px; }
  .interset-commont-content .icon-title {
    background: #FFFFFF;
    border-radius: 100px;
    padding: 5px;
    font-family: PingFangSC-Medium;
    font-size: 10px;
    color: #0F2540;
    letter-spacing: 0;
    text-align: center;
    line-height: 10px;
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1; }
  .interset-commont-content .interset-content-section.publish-whale img {
    width: 100%; }
  .interset-commont-content .interset-content-section.publish-whale div {
    width: 330px;
    overflow: hidden; }
  .interset-commont-content .interset-content-section.publish-whale .icon-title {
    top: 60px; }
  .interset-commont-content .interset-content-section.publish-whale p {
    font-family: PingFangSC-Medium;
    font-size: 20px;
    color: #0F2540;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 20px; }
  .interset-commont-content .bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px; }
  .interset-commont-content .want-product {
    margin: 0px 10px 20px 65px;
    width: 428px; }
    .interset-commont-content .want-product .want-product-img {
      overflow: hidden;
      margin: 15px 0px; }
    .interset-commont-content .want-product .want-product-title {
      line-height: 22px;
      font-size: 16px;
      color: #2D3F56; }
    .interset-commont-content .want-product .want-product-msg {
      height: 80px;
      background: #F8F8F8;
      width: 100%;
      display: flex;
      align-items: center;
      border-radius: 8px;
      width: 330px; }
      .interset-commont-content .want-product .want-product-msg img {
        width: 100%;
        border-radius: 8px;
        height: 100%; }
      .interset-commont-content .want-product .want-product-msg dl {
        border-radius: 8px; }
      .interset-commont-content .want-product .want-product-msg dt h6 {
        font-size: 14px;
        color: #0F2540; }
      .interset-commont-content .want-product .want-product-msg dt p {
        font-size: 13px;
        color: #BCBCBC;
        line-height: 18px;
        margin: 3px 0px; }
      .interset-commont-content .want-product .want-product-msg dd {
        width: 96px;
        height: 80px;
        margin-right: 20px; }
    .interset-commont-content .want-product .bg-img {
      width: 100px;
      height: 100px;
      margin-right: 15px;
      float: left;
      border-radius: 8px; }
    .interset-commont-content .want-product .bg-img:nth-of-type(3) {
      margin-right: 0px; }
  .interset-commont-content .interset-content-section.share-video p {
    font-size: 20px;
    color: #2D3F56;
    line-height: 22px;
    width: 428px;
    overflow: hidden; }
  .interset-commont-content .interset-content-section.share-video .interset-video-warp {
    width: 400px;
    height: 255px;
    background: #3FBEAD;
    margin: 15px 0 20px 0px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    overflow: hidden; }
    .interset-commont-content .interset-content-section.share-video .interset-video-warp span {
      text-align: center;
      line-height: 40px; }
    .interset-commont-content .interset-content-section.share-video .interset-video-warp .vjs-big-play-button {
      background: #FF4F4F;
      box-shadow: 0 5px 11px 0 rgba(255, 0, 0, 0.3);
      border: none;
      width: 40px;
      height: 40px;
      position: absolute;
      bottom: -180px;
      left: -330px; }
      .interset-commont-content .interset-content-section.share-video .interset-video-warp .vjs-big-play-button span {
        line-height: 40px;
        font-size: 18px; }

.webuploader-pick {
  width: 20px;
  height: 20px;
  padding: 0px;
  cursor: pointer;
  background: none; }

#filePicker {
  position: relative;
  height: 20px; }
  #filePicker input {
    opacity: 0;
    cursor: pointer;
    width: 20px;
    height: 20px; }

#dndArea {
  position: absolute;
  bottom: 28px;
  left: 65px;
  opacity: 0; }

.uploader-idle-edit .file-item {
  margin: 14px 0 14px 14px; }

.interset-list-warp {
  position: relative; }

/*# sourceMappingURL=interest_common.css.map */