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

.rc-margin-bottom--lg{
  margin: 0;
}
@media screen and (max-width:768px){
  .userdit{
    display: none;
  }
  .online{
      width:100%;
      background:#d7d7d7;
      margin-top:1.5rem;
     height:.06rem;
     &.bold{
         height:8px;
         background:#f6f6f6;
     }
  }
  .usercontshow.rc-max-width--xl{
	  min-height:72vh;
  }
  .useredit{
      display: none;
  }
  .rc-button{
      display: flex;
      align-items: center;
     justify-content: flex-end;
     width: 100%;
    
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;
margin-right: 20px;
justify-content: center;
align-items: center;
font-size: 16px;
color: #FFFFFF;
margin:0 auto;
  
  
    }
.rc-max-width--xl{
 padding: 0px 20px 0px 20px;
 .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{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .usercontshow{
	  min-height: 20vh;
	  margin-bottom: 2rem;
	  padding-left:.5rem;
	  padding-right:.5rem;
  }
  .rc-button{

display: none;
}
.usercontend {
  display:inline-block;
  width: 48%;
  //margin-bottom: 40px;
  //padding: 24px 20px;
}
 
  .online{
  display: none;
  }
  .rc-button{
      display: none;
  }
  .rc-max-width--xl{
      .rc-cat{
          border: 1px solid #D7D7D7;
          border-radius: 3px;
          position: relative;
          height: 164px;
          box-sizing: border-box;
          padding: 20px 20px;
      }
      .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: .875rem;
       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;
         }
       }
     }
  

  }
  .userdit{
    width: 48%;
    height: 164px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    position: relative;
    margin-left: 20px;
   
  }
  .alledit{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 100%;
    img{
      width: 31px;
      height: 31px;
    
    }
    span{
      color: #333333;
      font-size: 18px;
    
    }
  }
 
}