.usercontshow{
  min-height: 70vh;
}
@media screen and (max-width:768px){
  .online{
    margin: 0;
    &.bold{
    height: 8px;
    }
}
    .active {
        font-size: 14px;
        color: #e2001a;
        cursor: pointer;
      }
      .unactive {
        font-size: 14px;
        color: #444444;
        cursor: pointer;
      }
      .usercontshow{
          padding: 0 1.5rem;
          .online{
            margin: 0;
            &.bold{
            height: 8px;
            margin-top: 1.5rem;
            }
        }
        .rc-usermaina{
            width: 100%;
            height: 100%;
         
          .rc-price{
            display: flex;
            justify-content: space-between;
             i{
              list-style: none;
              font-style: normal;
              font-weight: bold;
            }
            em{
              list-style: none;
              font-style: normal;
            }
            strong{
              list-style: none;
              font-style: normal;
            }

            .priceleft{
              color: #666666;
             font-size: 14px;
             display: flex;
             align-items: center;
             margin-top: 19px;
             em{
              margin-left: 8px;
             }
            }
            .priceright{
              display: flex;
             margin-top: 19px;
             align-items: center;
               strong{
                color: #333333;
                font-size: 14px;
               }
               i{
                 font-size: 18px;
                 color: #E1001A;
                 margin-left: 3px;
               }


            }

          }

          }
            .rc-headera {
              display: flex;
              justify-content: space-between;
              height: 64px;
              align-items: center;
            }
            .rc-userheader{
              display: none;
            }
      
            .rc-center {
              width: 100%;
              margin-top: 8px;
              .rc-usermain {
                  .pc-bottom{
                    display: none;
                  }
      
                display: flex;
                .rc-image {
                    border: 1px solid #D8D8D8;
          margin-top: 17px;
      ;
                  img {
                    width: 96px;
                    height: 96px;
                    display: block;
					object-fit:contain;
                  }
                }
      
                .rc-right {
                  .rc-userbottomm{
                    display: none;
                  }
                  display: flex;
                  flex-direction: column;
                  width: 100%;
                  margin-left: 16px;
                  justify-content: center;
                  em
                  {
                      font-style: normal;
                      display: block;
                      font-size: 16px;
                      margin-top: 18px;
                      font-weight: bold;
              
      color: #E1001A;
                  }
                }
                .rc-userright {
                  display: flex;
                  flex-direction: column;
                  color: #666666;
                  font-size: 14px;
                  span{
                      display: block;
                      margin-top: 16px;
                  }
                }
                .rc-userbottom {
                  display: flex;
                  justify-content: space-between;
                  margin-top: 8px;
                  span{
                      color: #666666;
                      font-size: 14px;
                  }
                  i{
                      font-style: normal;
                      color: #E1001A;
                      font-size: 18px;
                      font-weight: bold;
                  }
                }
              }
      
              .rc-bottom {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                margin-top: 26px;
                span {
                  display: block;
                  width: 130px;
                  display: flex;
                  align-items: center;
                  line-height: 40px;
                  text-align: center;
                  color: #e2001a;
                  height: 40px;
                  border: 2px solid #e2001a;
               justify-content: center;
                  border-radius: 30px;
                  font-weight: bold;
                }
                span:last-child{
                    margin-left: 15px;
                }
              }
            }
      
            .rc-title {
              height: 52px;
              display: flex;
              align-items: center;
              border-bottom: 1px solid #d8d8d8;
              justify-content: space-between;
              span{
                  font-size: 14px;
                 color: #999999;
                 margin-left: 8px;
              }
              em{
                  font-style: normal;
                  font-size: 14px;
      
      color: #333333;
              }
              i{
                  font-style: normal;
                  font-size: 14px;
      
      color: #333333;
              }
              .rc-usertitle strong{
                display: none;
              }
            }
          
      }
      
        

}
@media screen and (min-width: 769px)
{ 
  .online{
    margin: 0;
    display: none;
}
.rc-usermaina{
  border: 1px solid #D7D7D7;
}
    .active {
        font-size: 18px;
        color: #e2001a;
        cursor: pointer;
        // margin-left: 40px;
      }
      .unactive {
        font-size: 18px;
        color: #444444;
        cursor: pointer;
        // margin-left: 80px;
      }
      .usercontshow{
        .rc-headera {
            display: flex;
            height: 64px;
            align-items: center;
            border: 1px solid #D7D7D7;
            border-radius: 3px 3px 0px 0px;
            font-size: 18px;
            span:first-child{
             margin-left: 40px;
            }
            span{
              margin-left: 80px;
            }
          }
    
          .rc-userheader{
            width: 100%;
            height: 64px;
            background: #F6F6F6;
            border: 1px solid #D7D7D7;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 18px;
          span:first-child{
            margin-left: 173px;
          }
             span:last-child{
            margin-right: 87px;
          }
          }
    
          .rc-center {
            width: 100%;
            margin-bottom: 40px;
            .rc-usermain {
              display: flex;
              justify-content: space-between;
              align-items: center;
              height: 164px;
              .rc-usercenter{
                width: 25%;
                em{
                  font-size: 18px;
                }
              }
              .rc-image {
                  border: 1px solid #D8D8D8;
                   margin-left: 40px;
       
                img {
                  width: 96px;
                  height: 96px;
                  display: block;
    
                }
              }
    
              .rc-right {
                .rc-userbottom{
                  display: none;
                }
                display: flex;
               
                width: 100%;
                margin-left: 16px;
    
                em
                {
                    font-style: normal;
                   font-weight: bold;
                    font-size: 16px;
                    margin-top: 18px;
            
    color: #E1001A;
                }
              }
              .rc-userright {
                display: flex;
                flex-direction: column;
                color: #666666;
                font-size: 16px;
                span{
                    display: block;
                    margin-top: 6px;
                }
              }
              .rc-userbottomm {
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 58%;
                font-size: 20px;
                 color: #E1001A;
                 font-weight: bold;
                i{
                    font-style: normal;
                   
                   
                }
              }
    
                 .pc-bottom {
              display: flex;
              align-items: center;
              justify-content: center;
              flex-direction: column;
              margin-right: 40px;
          
              span {
                display: block;
                width: 130px;
                cursor: pointer;
                display: flex;
                align-items: center;
                line-height: 40px;
                font-weight: bold;
                text-align: center;
                color: #e2001a;
                height: 40px;
                border: 2px solid #e2001a;
             justify-content: center;
                border-radius: 30px;
              }
              span:last-child{
                  margin-top: 15px;
              }
            }
            }
    
            .rc-bottom {
             display: none;
            }
            .rc-price{
              height: 60px;
              display: flex;
              align-items: center;
              border-top: 1px solid #D7D7D7;
              .priceleft{
                margin-left: 40px;
                font-size: 16px;
                color: #333333;
                em{
                  font-style: normal;
                  list-style: none;
                }
                strong{
                  font-style: normal;
                  list-style: none;
                }
                i{
                  font-style: normal;
                  list-style: none;
                }
               
              }
              .priceright{
                margin-right: 45px;
                font-style: normal;
                list-style: none;
                em{
                  font-style: normal;
                  list-style: none;
                }
                strong{
                  font-style: normal;
                  list-style: none;
                  font-size: 18px;
                  color: #333333;
                }
                i{
                  font-style: normal;
                  list-style: none;
                  font-size: 20px;
                  color: #E1001A;
                  
                }
              }
            }
          }
    
          .rc-title {
            height: 55px;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #d8d8d8;
            justify-content: space-between;
            span{
                font-size: 16px;
               color: #999999;
               margin-left: 8px;
            }
            strong{
              font-style: normal;
              font-size: 16px;
              color: #444444;
            }
            em{
                font-style: normal;
                font-size: 16px;
    
    color: #333333;
            }
            i{
                font-style: normal;
                font-size: 16px;
                margin-left: 40px;
    
    color: #333333;
            }
            .rc-usertitle{
              margin-right: 73px;
              display: flex;
              align-items: center;
              em{
                display: block;
                margin-left: 8px;
              }
            }
          }
        

      }
     
        



}