/* pages/attract/articleDetail/articleDetail.wxss */
.title{
  font-size: 34rpx;
  color: #333;
  font-weight: bold;
padding: 52rpx 0 40rpx;
}
.margin_set{
  margin: 0 46rpx;
}
.content image{
  width: 100%!important;
}
.content{
  padding-bottom: 40rpx; 
}
.article{
  margin-bottom: 20rpx;
  display: flex;
    font-size: 28rpx;
  color: #666;
  font-weight: normal;
}
.from{
  margin-right: 30rpx;
}

/*  */
.comment_box {
  padding: 30rpx 30rpx 180rpx;
  background: #fff;
  box-sizing: border-box;
  margin-top: 16rpx;
  border-top: 16rpx solid #f5f5f5;
}

.comment_title {
  font-size: 34rpx;
  font-weight: bold;
  color: #333;
  border-bottom: 1rpx solid #f5f5f5;
  padding-bottom: 30rpx;
  text-align: center;
}

.comment_item {
  display: flex;
  align-items: flex-start;
  padding: 30rpx 0;
  margin-bottom: 16rpx;
  background: #fff;
  border-bottom: 1rpx solid #f5f5f5;
  flex-wrap: wrap;
}

.comment_item:last-child {
  border-bottom: 0;
}

.head_img {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20rpx;
}

.comment_content_box {
  width: 85%;
}

.comment_content {
  font-size: 28rpx;
  color: #333;
  margin-top: 10rpx;
}

.comment_name,.color_blue {
  font-size: 24rpx;
  color: #45609f;
}
.time {
  font-size: 24rpx;
  color: #999;
}
.ar-time{
  display: flex;
  align-items: center;
}
.wxParse-img{
  max-width:100%;
  overflow: hidden;
}
.zan {
  font-size: 40rpx;
  margin-left: 10rpx;
}

.list_info_box {
  font-size: 24rpx;
  color: #b3b3b3;
}

.list_state_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 26rpx;
  color: #999;
  margin-top: 15rpx;
}

.list_comment_box {
  background: #ebecf0;
  font-size: 24rpx;
  color: #6b7e91;
  margin-top: 28rpx;
}

.comment_list {
  border-bottom: 1rpx solid #fff;
  padding: 10rpx 17rpx;
}

/*  */

.null_box {
  width: 100%;
  height: 110rpx;
}

.bottom_box {
  width: 100%;
  height: 96rpx;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  padding: 0 30rpx;
  box-shadow:0rpx 0rpx 12rpx rgba(0,0,0,0.05);
}

.label_item {
  width: 340rpx;
  height: 64rpx;
  background: rgba(247, 247, 247, 1);
  border: 1rpx solid rgba(238, 238, 238, 1);
  border-radius: 206rpx;
  display: flex;
  align-items: center;
  font-size: 28rpx; 
  color: #666;
  padding: 5rpx 20rpx;
  margin-left: 30rpx;
}
.zan.active{
  color: #45609f;
}

.icon-bianji1{
  margin-right: 10rpx;
}
.label_icon_box{
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 30rpx;
}


.icon {
  font-size: 40rpx;
  color: #666666;
}
.icon.active{
  color: #45609f;
}
.pinglun{
  position: relative;
}
.pinglun .count{
  background: #FF3131;
  color: #FFF;
  font-size: 16rpx;
  position: absolute;
  border-radius: 16rpx;
  padding: 4rpx 10rpx;
  right: 6rpx;
  top: -10rpx;
  transform: translateX(90%);
}
.fenxiang{
  position: relative;
}
.fenxiang button{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.bottom_box{
  width: 750rpx;
  /* min-height: 120rpx; */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: fixed;
  bottom: 0;
  border-top: 2rpx solid #F5F5F5;
  padding: 20rpx 0;
  z-index: 10;
}
.comments{
  border:1rpx solid #F5F5F5;
  font-size: 28rpx;
  padding: 15rpx;
  max-height: 130rpx;
}
.bottom_box_input{
  width: 608rpx;
  display: flex;
  background:rgba(247,247,247,1);
  border:2px solid rgba(238,238,238,1);
  opacity:1;
  border-radius:8rpx;
}
.bottom_box_input input{
  width: 100%;
  height: 64rpx;
  padding: 0 32rpx;
  font-size: 28rpx;
}
.bottom_box_input::placeholder{
  color: #CCCCCC;
}
.bottom_box_text{
  margin-left: 16rpx;
  font-size:32rpx;
  font-family:PingFang SC;
  font-weight:600;
  line-height:44rpx;
  color:rgba(51,51,51,1);
  opacity:1; 
}
.item_box{
  margin-top: 16rpx;
  padding-bottom: 120rpx;
}
.sub_box{
  color: #666;
}
.sec_comments{
  width: 85%;
  margin-left: auto;
  -webkit-margin-start: auto; 
}
.text_bottom{
  margin-top: 22rpx;
  background:rgba(245,245,245,1);
  border-radius:8rpx;
  padding: 16rpx;
  font-size:24rpx;
  font-family:PingFang SC;
  font-weight:400;
  line-height:34rpx;
  color:rgba(51,51,51,1);
  opacity:1;
}
.null_box{
  height: 120rpx;
  font-size: 28rpx;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
}