kjh-m-55128/M55128_rec/Content/css/common/basic.less

.testbg(){
    background: plum;
}
.cl(){
    color:#101010;
}
.active-cl(){
    color:rgb(299,28,35);
//  color:#186ea7;
}
.bgcl(){
    background: #f8f8f8;
}
.center(){
    display:-webkit-flex;
    display:flex;
    flex-wrap:nowrap;
    align-items: center;
    justify-content: center;
}
.textRow(){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.border(){
    border-bottom:1px solid rgba(0,0,0,.1);
}
.title(){
    font-size:16px;
}
.subTitle(){
    font-size:15px;
}
.content(){
    font-size:14px;
}
.title-bg(){
    background: #fafafa;

//  background: #FF7043;
}


.FC3D{
    color:dodgerblue;
}
.SSQ{
    color:red;
}
.PL3{
    color:darkgreen;
}
.QT{
    color:deepskyblue;
}
.redBall{
    background: #E84542;
}
.blueBall{
    background: #52A8E1;
}

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
   .border-1px-bottom{
       &:after{
           -webkit-transform: scaleY(0.7);
           transform: scaleY(0.7);
       }
    }
    .border-1px{
      &:after{
          -webkit-transform: scale(0.7);
          transform: scale(0.7);
        }
    }
}
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
   .border-1px-bottom{
       &:after{
           -webkit-transform: scaleY(0.5);
           transform: scaleY(0.5);
       }
    }
    .border-1px{
      &:after{
          -webkit-transform: scale(0.5);
          transform: scale(0.5);
        }
    } 
}
.border-1px-bottom(){
  position: relative;
  &:after{
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid rgba(0,0,0,.1);
    content: ' ';       
  }
}
.border-1px(){
  position: relative;
  margin-bottom: 20px;
  border:none;
  &:after{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      border: 1px solid rgba(0,0,0,.1);
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 200%;
      height: 200%;
      -webkit-transform-origin: left top;
      transform-origin: left top;
    }
}
.border-none(){
  &:after{
    display: none; 
  }
}

.flex-empty(){
    height:0 !important;;
    margin-top: 0 !important;;
    margin-bottom: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    border-image:none;
    border:none;
    &:after{
      display: none; 
    }
}