smart-admin/rc-busness/assets/css/usermember.less

ul li ol li em strong i {
  list-style: none;
  font-style: normal;
}
/deep/.van-swipe__indicator--active{
	background:#E2001A;
}
  //手机端
@media screen and (max-width: 768px) {
  .rc-main {
    margin: 0 auto;
    overflow: hidden;
       .rc-center {
      width: 100%;
      height: 180px;
      img {
        width: 100%;
        height: 100%;
        display: block;
      }
   
    }
    .rc-userorder{
        display: flex;
        align-items: center;
        height: 100%;
        
    }

    .rc-order{
        padding: 16px 0 16px 0 ;
         width: 100%;
         display: flex;
         align-items: center;
         font-size: 14px;
         color: #333333;
         font-weight: 500;
         border-bottom: 1px solid #D8D8D8;
         margin-top: 22px;

  }

   .rc-cordd{
   color:#666666;
   font-size: 14px;
   margin-top: 16px;
     span{
        display: block;
        margin-top: 16px;
     }
     .block{
          height: 8px;
   background: #D7D7D7;
   margin-top: 16px;
   border-radius: 4px;
   .r-block{
     width: 0%;
     height: 100%;
     background: #008900;
   }
   
  
     }
      .rc-value{
        display: flex;
        justify-content: space-between;
   }
 }

  .usermember{
      width: 100%;
      height: 80px;
      border-bottom: 1px solid #D8D8D8;
      display: flex;
      align-items: center;
	  padding-left:0;
	  padding-bottom:0;
      .rc-image{
          height: 100%;
          display: flex;
          align-items: center;
      }
      img{
          width: 3rem;
          height: 3rem;
          display: block;
		  object-fit: contain;
      }
      em{
		font-style: normal;
		font-size: 16px;
		display: block;
		margin-left:3vw;
		font-weight: bold;
		color: #531c1c;
		width:4.25rem;
      }
      span{
		color: #666666;
		font-size: 14px;
		margin-left: 3vw;
		width: 51vw;
      }
  }
}
}

@media screen and (min-width: 769px) {
    
  .rc-main {
       .rc-center {
      width: 100%;
      height: 180px;
      display: none;
      img {
        width: 100%;
        height: 100%;
        display: block;
      }
   
    }

    .rc-order{
        padding: 16px 0 16px 0 ;
         width: 100%;
         display: flex;
         align-items: center;
         font-size: 26px;
         color: #333333;
         font-weight: 500;
        

  }
   .rc-cordd{
   color:#666666;
   margin-top: 16px;
     span{
        display: block;
        margin-top: 16px;
        font-size: 16px;
     }
     .block{
          height: 8px;
   background: #D7D7D7;
   margin-top: 16px;
   border-radius: 4px;
   .r-block{
     width: 0%;
     height: 100%;
     background: #008900;
   }
   
  
     }
	.rc-value{
		display: flex;
		justify-content: space-between;
		cursor: pointer;
	}
 }

  .usermember{
	  min-width:14.5rem;
	  max-width:16.75rem;
	  width:16vw;
      height: 10rem;
      border: 1px solid #D7D7D7;
      margin-top: 5rem;
      margin-left: .75rem;
      .rc-image{
		float: right;
		overflow: hidden;
		height: 100%;
		display: flex;
		align-items: center;
      }
      img{
          width: 5rem;
          height: 5rem;
          display: block;
      }
      em{
        font-style: normal;
        font-size: 1.25rem;
        display: block;
       
        font-weight: 500;
        color: #333333;
      }
      span{
          color: #999999;
           font-size: .875rem;
         
      }
  }
	.rc-userorder{
		width: 60%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		span{
			margin-top: .5rem;
		}
	}
}

}