@import "mixins/mixins";
@import "common/var";

@include b(twinfo_show_detail_mobile_1) {
  img {
    background-size: contain;
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
  /*————————————————————4.3.1.	图文详情展示组件1开始——————————————————————*/
  .twinfo_show_detail_mobile_1 {
    width: 100%;
    background-color: #ffffff;
  }
  .twinfo_show_detail_mobile_1 .title1 {
    display: block;
    padding: 0 0.266667rem;
    font-size: 0.48rem;
    line-height: 0.8rem;
    color: #434343;
    margin-top: 0.4rem;
  }
  .twinfo_show_detail_mobile_1 .info1 {
    display: flex;
    padding: 0 0.266667rem;
    font-size: 0.293333rem;
    justify-content: space-between;
    margin-top: 0.4rem;
  }
  .twinfo_show_detail_mobile_1 .info1 .tip1 {
    padding: 0.026667rem 0.133333rem;
    border: 1px solid #ff0000;
    font-size: 0.266667rem;
    color: #ff0000;
    border-radius: 0.133333rem;
    margin-right: 0.133333rem;
  }
  .twinfo_show_detail_mobile_1 .info1 .time1 {
    color: #666;
    margin-left: 0.066667rem;
  }
  .twinfo_show_detail_mobile_1 .info1 .fav {
    background: url(#{$--url-path}/mb-fav-icon.png) left center no-repeat;
    padding-left: 0.4rem;
    background-size: 0.346667rem 0.346667rem;
    color: #aaa;
  }
  .twinfo_show_detail_mobile_1 .info1 .faving {
    background: url(#{$--url-path}/mb-faving-icon.png) left center no-repeat;
    padding-left: 0.4rem;
    background-size: 0.346667rem 0.346667rem;
    color: #aaa;
  }
  .twinfo_show_detail_mobile_1 .info1 .dianzan {
    background: url(#{$--url-path}/dianzan-icon.png) left center no-repeat;
    padding-left: 0.4rem;
    background-size: 0.346667rem 0.346667rem;
    color: #aaa;
    margin-left: 0.133333rem;
  }
  .twinfo_show_detail_mobile_1 .mainbody {
    display: block;
    padding: 0.266667rem;
    margin-top: 0.266667rem;
  }
  .twinfo_show_detail_mobile_1 .mainbody img {
    max-width: 100%;
    border-radius: 0.133333rem;
  }
  .twinfo_show_detail_mobile_1 .mainbody p {
    font-size: 0.4rem;
    line-height: 0.8rem;
    text-align: justify;
    color: #333;
  }
  .twinfo_show_detail_mobile_1 .mainbody-more {
    display: block;
    text-align: center;
    margin-top: 0.266667rem;
    margin-bottom: 0.4rem;
  }
  .twinfo_show_detail_mobile_1 .mainbody-more a {
    display: inline-block;
    padding: 0.2rem 0.8rem 0.25rem 0.4rem;
    background: url(#{$--url-path}/more-icon.png) right 0.266667rem center no-repeat;
    background-size: 0.293333rem auto;
    background-color: $--color-primary;
    color: #fff;
    border-radius: 1.333333rem;
    font-size: 0.373333rem;
  }
  /*————————————————————4.3.1.	图文详情展示组件1结束——————————————————————*/
}