/* pages/article/detail.wxss */
.detail-title {
  margin-top: 35rpx;
  font-size: 30rpx;
  font-weight: bold;
  line-height: 54rpx;
  color: #333333;
}

.info-con {
  margin-top: 20rpx;
  font-size: 24rpx;
  color: #666;
}

.info-left text {
  font-size: 22rpx;
}

.article-list {
  font-size: 26rpx;
  font-weight: 400;
  line-height: 42rpx;
  color: #333333;
}

.article-list image {
  margin-top: 30rpx;
  /* margin:0 auto; */
  width: 100%;
  /* height: 307rpx; */
}
.info-title{
  margin-top: 20rpx;
  text-align: center;
  color: #333333;
  font-weight: bold;
  font-size: 28rpx;
}
.art-info{
  margin-top: 20rpx;
  font-size: 28rpx;
}
.wrap{
  background: #fff;
  overflow: hidden;
}
.opra-con{
  margin-top: 40rpx;
  padding-top: 30rpx;
  padding-bottom: 30rpx; 
  font-size: 26rpx;
  color: #181818;
  border-top: 1px solid #E6E6E6;
}
.comment-con{
  margin-top: 30rpx;
  padding-bottom: 10rpx;
}
.opra-con image{
  width: 38rpx;
  height: 38rpx;
  vertical-align: -7rpx;
  margin-right: 12rpx;
}
.comment-img{
  width: 59rpx;
  height: 59rpx;
  margin-right: 20rpx;
}
.comment-list{
  margin-top: 32rpx;
  padding-bottom: 15rpx;
  border-bottom: 1rpx solid #ffffff;
}
.comment-text{
  padding-left: 30rpx;
  background: #fff;
  border-radius: 10rpx;
  font-size: 24rpx;
}
.list-head{
  font-size: 28rpx;
  color: #181818;
}
.list-head image{
  width: 45rpx;
  height: 45rpx;
  vertical-align: -15rpx;
  margin-right: 14rpx;
  border-radius: 50%;
}
.list-intro{
  padding-top: 20rpx;
  color: #181818;
  font-size: 24rpx;
}
.bot-right image{
  width: 28rpx;
  height: 28rpx;
  vertical-align: -5rpx;
  margin-right: 4rpx;
}
/* .right-img{
  width: 28rpx;
  height: 28rpx;
} */
.bot-right{
  font-size: 20rpx;
  color: #333333;
}
.list-date{
  color: #828282;
  font-size: 20rpx;
}
.list-bot{
  padding-top: 21rpx;
}
.bot-right-cur{
  color: #3D98FF;
}
.title{
  padding-top: 24rpx;
  font-size: 32rpx;
  color: #333333;
  font-weight: bold;
}
.title text{
  font-size: 28rpx;
  font-weight: normal;
}
.enter-con{
  margin-top: 20rpx;
  padding-bottom: 20rpx;
}
.head1{
  width: 30rpx;
  height: 30rpx;
  margin-right: 20rpx;
  border-radius: 50%;
  vertical-align: -5rpx;
}
.head{
  width: 59rpx;
  height: 59rpx;
  margin-right: 20rpx;
  border-radius: 50%;
}
.enter-text{
  font-size: 24rpx;
  background: #F8F8F8;
  border-radius: 10px;
  height: 64rpx;
  width: 96%;
  padding-left: 4%;
}
.wrap{
  padding-left: 30rpx;
  padding-right: 30rpx;
}
.sub-btn{
  padding: 0;
  display: block;
  width: 80px;
  height: 60rpx;
  line-height: 60rpx;
  margin: 0;
  text-align: center;
  background: #3D98FF;
  color: #fff;
  font-size: 24rpx;
  border-radius: 10rpx;
  margin-top: 10rpx;
  margin-left: 10px;
}
.del-img{
  width: 30px;
  height: 30px;
}