/* pages/assist/assist.wxss */
@import "./assistShare.wxss";

.topBannerImage{
  width: 100%;
  height: 266rpx;
}

.productUserIcons{
  width: 100%;
  height: 130rpx;
  display: flex; 
  /* margin-left: 20rpx; */
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.productUserIcon {
  width: 80rpx;
  height: 80rpx;
  border-radius: 42rpx; 
  /* margin-right: 70rpx;  */
  border:1px solid #e0e0e0;
}

.productUserIconNormal {
  width: 80rpx;
  height: 80rpx;
  border-radius: 40rpx; 
  margin-right: 40rpx;
}

.productUserIconRed {
   width: 80rpx;
   height: 93rpx;
   /* margin-left: 20rpx; */
}

.productUserIcons .productUserIconTips {
  width: 80rpx;
  height: 28rpx;
  margin-left: -80rpx;  
  margin-top: -40rpx;  
}

.productdetailTimeCountView {
  width: 100%;
  height: 44rpx;
  display: flex; 
  flex-direction: row;
  align-items: center;
  margin-top: 30rpx;
  justify-content: center;
}

.productdetailTimeCount {
  /* height: 44rpx; */
  font-size: 24rpx;
  color: #444444;
}

.productdetailTimeRedCount {
  /* height: 44rpx; */
  font-size: 24rpx;
  color: #D0021B;
}

.productdetailTimeCount {
  /* height: 44rpx; */
  font-size: 24rpx;
  color: #444444;
}

.timeItem {
  /* height: 44rpx; */
  width: 36rpx;
  font-size: 28rpx;
  color: white;
  text-align: center;
  margin-left: 8rpx;
  background: #444444;
}

.timeSp {
  font-size: 28rpx;
  color: #444444;
  text-align: center;
  margin-left: 8rpx;
}

.numSpe1{
   width: 80rpx;
   height: 5rpx;
   display: flex;
   justify-content: center;
}

.numSpe2 {
   width: 80rpx;
   height: 5rpx;
   display: flex;
    margin-left: -30rpx; 
   justify-content: center;
}

.numSpeImage{
   width: 20rpx;
   height: 5rpx;
}

.buttonSuperView {
  height: 88rpx;
  width: 100%;
  margin-top: 40rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.buttonSuperView .buttonView0 {
  height: 88rpx;
  width: 440rpx;
  background: #D0021B;
  border-radius: 8rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.buttonSuperView .buttonView1 {
  height: 88rpx;
  width: 280rpx;
  background: #D0021B;
  border-radius: 8rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.buttonSuperView .buttonView0 .buttonView0Button{
   height: 88rpx;
   width: 440rpx;
   position: absolute;
   opacity: 0;    
}

.buttonSuperView .buttonView1 .buttonView1Button{
   height: 88rpx;
   width: 280rpx;
   position: absolute;
   opacity: 0;    
}

.buttonText{
  font-size: 32rpx;
  color: #FFFFFF;
  text-align: center;
}

.buttonDetailText{
  font-size: 18rpx;
  color: #F0F0F0;
  text-align: center;
  margin-top: 2rpx;
  margin-bottom: 7rpx;
}


.buttonSuperView .buttonView2 {
  height: 88rpx;
  width: 280rpx;
  margin-left: 40rpx;
  background: #444444;
  border-radius: 8rpx;
  display: flex;
  justify-content: center;
  align-items: center
}

.buttonSuperView .buttonView2 .buttonView2Button{
   height: 88rpx;
   width: 280rpx;
   position: absolute;
   left: 396rpx;
   opacity: 0;    
}


.buttonSuperView .buttonView3 {
  height: 88rpx;
  width: 280rpx;
  /* margin-left: 40rpx; */
  background: #444444;
  border-radius: 8rpx;
  display: flex;
  justify-content: center;
  align-items: center
}
.buttonSuperView .buttonView3 .buttonView3Button{
   height: 88rpx;
   width: 280rpx;
   position: absolute;
   left: 396rpx;
   opacity: 0;    
}

.activity-tips-view{
  width: 100%;
  display: flex;
  margin-top: 40rpx;
  margin-bottom: 40rpx; 
  justify-content: center;  
}

.activity-tips-text{
  color: #B0B0B0;
  font-size: 24rpx;
}

.activity-tips-text-right{
  color: #B0B0B0;
  font-size: 24rpx;
  margin-left: 40rpx;
}

.titleContainer{
  background-color: white;
  border-bottom: 0.5rpx solid #e0e0e0;
  display: flex;
  flex-direction: row;
  height: 80rpx;
  align-items:center;
}

.titleLine{
  width: 4rpx;
  height: 30rpx;
  background-color: #444444;
  margin-left: 20rpx;
}
.titleDesc{
  flex: 1;
  text-align: left;
  font-family: PingFang SC;
  font-size: 30rpx;
  margin-left: 16rpx;
  font-weight: 600;
  color: #444444;
}

.likeContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: white;
}

.view-splite {
  height:20rpx;
  border-top: 0;
  border-bottom: 0;
  background-color: #f0f0f0;
}