body,
  html {
      width: 100%;
      max-width: 640px;
      min-width: 320px;
      margin: 0 auto;
      background-color: #F4F4F4;
  }

  .coop_header {
      height: 2.2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 0.4rem;
      background: url(../img/logo_bg.png) no-repeat center/cover;
      position: relative;
  }

  .coop_header_bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;

  }

  .coop_header .coop_logo {
      width: 1.24rem;
      height: 1.24rem;
      border: 2px solid #fff;
      margin-right: 0.31rem;
  }

  .item .coop_logo {
      width: 0.8rem;
      height: 0.8rem;
      border: 1px solid;
  }

  .coop_header .coop_logo,
  .item .coop_logo {
      border-radius: 50%;
      overflow: hidden;
      margin-right: 0.1rem;
  }

  .coop_header .coop_logo img,
  .item .coop_logo img {
      width: 100%;
  }

  .coop_header .coop_name {
      color: #fff;
  }

  .coop_header .coop_logo,
  .coop_header .coop_name {
      display: inline-block;
      font-size: 0.3rem;
      vertical-align: middle;
  }

  .coop_header .coop_follow_btn .btn {
      padding: 0.1rem 0.35rem;
      border-radius: 0.265rem;
      line-height: 0.53rem;
      font-size: 0.3rem;

  }

  .coop_header .coop_follow_btn .btn {
      color: #fff;
      border: 1px solid;
  }

  .coop_header .coop_follow_btn .btn.follow_btn {
      color: #fff;
      background-color: transparent;
  }

  .coop_dynamic_list {
      font-size: 0.3rem;
  }

  .coop_dynamic_list .item {
      margin-bottom: 0.2rem;
      background-color: #fff;
  }

  .item {
      font-size: 0.2rem;

  }

  .item .coop_dynamic_header {
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center;
      height:1.09rem;
      background-color: #FAFCFE;
      padding-left: 0.24rem;
      
  }

  .item .coop_dynamic_header .coop_logo {
      width: 0.72rem;
      height: 0.72rem;
      border-color: transparent;
      margin-right: 0.24rem;
  }

  .item .coop_dynamic_header .coop_name {
      font-size: 0.3rem;
      font-weight: 500;
      font-style: normal;
      color: #000;
  }

  .item .coop_dynamic_header .coop_dynamic_time {
      font-size: 0.22rem;
      color: #9a9a9a;
      margin-top: 0.1rem;
  }

  .item .coop_dynamic_detail {
      font-size: 0.3rem;
      color: #000;
      line-height: 0.42rem;
      margin-bottom: 0.2rem;
      padding: 0 0.26rem;
  }

  .item .coop_dynamic_detail .coop_dynamic_title,
  .item .coop_dynamic_detail .coop_dynamic_pic {
      margin-bottom: 0.32rem;
  }

  .item .coop_dynamic_detail .coop_dynamic_title {
      word-break: break-all;
      height: auto;
      margin-top:0.15rem;
      color:#666;
      line-height: 1.53;
      overflow: hidden;
      position: relative;
  }

  .item .coop_dynamic_detail .coop_dynamic_title .show_more {
      color: #33CFDA;
      margin-left: 0.1rem;
      cursor: pointer;
      position: absolute;
      right: 0;
      bottom: -0.01rem;
      padding: 0.05rem 0;
      line-height: 1;
      background-color: #fff;
  }

  .item .coop_dynamic_pic img {
      width: 32%;
      margin-bottom: 0.08rem;
  }

  .item .coop_dynamic_pic img:nth-of-type(3n+2) {
      margin: 0 0.5%;
  }

  .handle_btn {
      border-top: 1px solid #ddd;
      display: flex;
      padding: 0.13rem 0;
      justify-content: space-around;
  }

  .handle_btn .btn {
      color: #525252;
  }

  .bottom_btn {
      text-align: center;
      margin: 0.5rem 0;
      color: #aaa;
      font-size: 0.22rem;
  }

  .bottom_btn .go_bottom {
      position: relative;
  }

  .bottom_btn .go_bottom::before,
  .bottom_btn .go_bottom::after {
      content: "";
      width: 0.76rem;
      height: 1px;
      display: block;
      position: absolute;
      background-color: #d6d6d6;
      top: 50%;
      left: 50%;
  }

  .bottom_btn .go_bottom::before {
      margin-left: -1.5rem;
  }

  .bottom_btn .go_bottom::after {
      margin-left: 0.65rem
  }

  .icon {
      display: inline-block;
      width: 0.28rem;
      height: 0.245rem;
      margin-right: 0.1rem;
      background: no-repeat center/cover;
  }

  .share.icon {
      background-image: url(/vendors/scientificwebsite/img/zf.png);
  }

  .remark.icon {
      background-image: url(/vendors/scientificwebsite/img/remark.png);
  }

  .plause .icon {
      background-image: url(/vendors/scientificwebsite/img/plause.png);
  }

  .plause.has_plause {
      color: #EB5549;
  }

  .plause.has_plause .icon {
      background-image: url(/vendors/scientificwebsite/img/has_plause.png);
  }