.rc-margin-bottom--lg{
  margin: 0;
}
@media screen and (max-width:768px){
  .online{
      width:100%;
      background:#d7d7d7;
      margin-top:1.5rem;
     height:.06rem;
     &.bold{
         height:8px;
         background:#f6f6f6;
     }
  }
  .useredit{
      display: none;
  }
  .rc-button{
      display: flex;
      align-items: center;
      justify-content: center;
      width: 375px;
height: 80px;
background: #FFFFFF;
box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);
opacity: 1;
border-radius: 0px;
  }
  .rc-footbutton {
      width: 164px;
height: 48px;
border: 2px solid #E2001A;
opacity: 1;
border-radius: 30px;
background: #E2001A;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #FFFFFF;
  
  
    }
.rc-max-width--xl{
 padding: 0px 20px 24px 20px;
 min-height: 60vh;
 .rc-cat{
   margin-top: 20px;
 }
  .rc-title {
      display: flex;
      align-items: center;
      color: #333333;
      font-size: 14px;
      em {
        font-style: normal;
        font-size: 14px;
      }
      span {
        display: block;
        margin-left: 8px;
      }
    }
   
  
}



    .rc-address {
      margin-top: 8px;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 14px;
      color: #333333;
    }
    .rc-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: 20px;
      display: flex;
      align-items: center;
      .rc-right {
        span {
          border-bottom: 1px solid #666666;
        }
        span:first-child {
          margin-right: 16px;
        }
      }
      img{
          width: 43px;
      }
      .rc-foot{
           display: flex;
           align-items: center;
           color: #333333;
           font-size: 14px;
           span{
               margin-left: 8px;
           }
      }
    }

}

@media screen and (min-width: 768px)

{
  .rc-max-width--xl{
    margin-bottom: 80px;
  }
  .rc-button{

display: none;
}
.usercontend {
  display:inline-block;
}
 
  .usercontend{
      margin-top: 40px;
  }
  .online{
  display: none;
  }
  .rc-button{
      display: none;
  }
  .useredit{
      width: 640px;
height: 166px;
background: #FFFFFF;
border: 1px solid #D7D7D7;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
display:inline-block;
margin-left: 35px;

img{
  width: 31px;
  height: 31px;

}
span{
  color: #333333;
  font-size: 18px;

}
.alledit{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

  }
  .usercontend{
  .useradd{
      width: 680px;
height: 164px;
background: #FFFFFF;
border-radius: 3px;
img{
  width: 31px;
  height: 31px;
  display: block;
}

  }

}
  .rc-max-width--xl{

      .rc-center{
          margin-top: 24px;
          margin-left: 24px;
      }
      .rc-cat{
          width: 640px;
          border: 1px solid #D7D7D7;
          border-radius: 3px;
          position: relative;
          margin-left: 40px;
          height: 164px;
      }
      .rc-title {
          display: flex;
          align-items: center;
          color: #333333;
          font-size: 20px;
          em {
            font-style: normal;
          }
          span {
            display: block;
            margin-left: 32px;
            font-size: 20px;
          }
        }
        .rc-footer {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 20px;
          display: flex;
          align-items: center;
          .rc-right {
              position: absolute;
              right: 24px;
              top: 24px;
            span {
              border-bottom: 1px solid #666666;
              cursor: pointer;
            }
            span:first-child {
              margin-right: 16px;
            }
          }
          img{
              width: 43px;
          }
          .rc-foot{
               display: flex;
               align-items: center;
               color: #333333;
               font-size: 16px;
               margin-top: 16px;
               span{
                   margin-left: 8px;
               }
          }
        }
      
  }
  .rc-max-width--xl{

 
     .rc-button {
        display: none;
     }
     .rc-header {
       display: flex;
       align-items: center;
       color: #333333;
       em {
         font-style: normal;
         font-size: 14px;
       }
       span {
         display: block;
         margin-left: 8px;
       }
     }
     .rc-address {
       margin-top: 16px;
       text-overflow: -o-ellipsis-lastline;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       line-clamp: 2;
       -webkit-box-orient: vertical;
       font-size: 20px;
       color: #333333;

     }
     .rc-footer {
       display: flex;
       justify-content: space-between;
       align-items: center;
       padding-bottom: 20px;
       margin-top: 8px;
       .rc-right {
         span {
           border-bottom: 1px solid #666666;
         }
         span:first-child {
           margin-right: 16px;
         }
       }
     }
  

  }
 
}