css公共样式

css重置样式

*{ padding:0; margin:0}
li{
   list-style:none ;
}
a{ color:#333; text-decoration:none!important}
img{ display:block}
body,html,#app{
    height: 100%;
}

css公共样式

 
.flex {
  display: flex;
}
.align-center{
    align-items: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-center{
    justify-content: center;
}
.justify-around{
    justify-content: space-around;
}
.text-999 {
  color: #999;
}
.text-666 {
  color: #666;
}
.text-333 {
  color: #333;
}
.text-94 {
  color: #949494;
}
.text-center {
  text-align: center;
}
.margin-lr-15{
    margin: 0 15px;
}
.padding-lr-15{
  padding: 0 15px;
}
.margin-top-15{
  margin-top: 15px;
}
.padding-top-15{
  padding-top: 15px;
}
.text-bold{
    font-weight: 600;
}
.at-modal__overlay{
  background-color:rgba(0,0,0,.7 )
}
.text-cut {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.text-cut-2,.text-cut-4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
 
.text-cut-2 {
    -webkit-line-clamp: 2;
}
 
.text-cut-4 {
  -webkit-line-clamp: 4;
}