zhuanjiapinjiudetail.wxss 3.1 KB
.detailhead {
  width: 750rpx;
  height: 483rpx;
  background: #000;
  overflow: hidden;
  position: relative
}
.detailhead image{
  width:100%;
  height:100%;
}
.vimg{
  width:100rpx;
  height:100rpx;
  font-size: 0;
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%)
  
  }
.liuliang {
  color: #fff;
  font-size: 24rpx;
  text-align: center;
  margin-top: 164rpx;
}

.goon {
  width: 206rpx;
  height: 64rpx;
  background: rgba(52, 52, 52, 1);
  border-radius: 4rpx;
  color: #fff;
  font-size: 26rpx;
  text-align: center;
  line-height: 64rpx;
  margin: 26rpx auto 0;
}

.winebottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx 32rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.winebottomleftimg {
  width: 60rpx;
  height: 60rpx;
  font-size: 0;
  border-radius:50%
}
.winebottomleftimg image{
  border-radius:50%;
}

.winebottomleft {
  display: flex;
  align-items: center;
}

.winebottonright {
  width: 345rpx;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.winerighttouimg {
  width: 30rpx;
  height: 28rpx;
  font-size: 0;
  position: relative
}

.winerighttou {
  display: flex;
  align-items: center;
}

.zantou {
  margin-right: 50rpx;
}

.wineeng {
  color: #666;
  font-size: 28rpx;
  margin-left: 20rpx;
}

.winezan {
  color: #666;
  font-size: 28rpx;
  margin-left: 5rpx;
}

.wineblock {
  border-bottom: 14rpx solid #f2f2f2;
  padding-bottom: 30rpx;
}

.pin {
  width: 16rpx;
  height: 32rpx;
  font-size: 0;
}

.commentlist {
  padding: 0 30rpx;
  box-sizing: border-box;
  padding-bottom: 100rpx;
}

.commentitem {
  display: flex;
  padding: 40rpx 0;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.commentleft {
  width: 60rpx;
  height: 60rpx;
  font-size: 0;
  border-radius: 50%;
}


image {
  width: 100%;
  height: 100%;
 
}

.commentleft image{
 border-radius: 50%;
}

.commentright {
  margin-left: 20rpx;
}

.rightname {
  color: #666;
  font-size: 28rpx;
}

.rightdate {
  color: #999;
  font-size: 24rpx;
  margin-top: 14rpx;
}

.righttext {
  color: #1a1a1a;
  font-size: 28rpx;
  margin-top: 23rpx;
}

.pingjiabottom {
  width: 750rpx;
  height: 86rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16rpx 30rpx;
  box-sizing: border-box;
  position: fixed;
  bottom: 0rpx;
  background: #fff;
  border-top: 1rpx solid #f5f5f5;
}

.pbleft {
  width: 531rpx;
  height: 60rpx;
  background: rgba(242, 242, 242, 1);
  border-radius: 5rpx;
  color: #999;
  font-size: 26rpx;
  padding: 0 26rpx;
  line-height: 60rpx;
  box-sizing: border-box;
}

.pbleft input {
  width: 531rpx;
  height: 60rpx;
  padding: 0 26rpx;
  line-height: 60rpx;
  box-sizing: border-box;
}

.enterping {
  color: #999;
  font-size: 2F6rpx;
}

.pbright {
  width: 120rpx;
  height: 60rpx;
  background: rgba(232, 24, 37, 1);
  border-radius: 30rpx;
  color: #fff;
  font-size: 26rpx;
  text-align: center;
  line-height: 60rpx;
}


.lj_share{
  width:25rpx;
  height:40rpx;
  border:none;
  position: absolute;
  right:0;
  top:0;
  background: transparent

}
button::after{
  border:none;
  outline:none;
}