@import '../../styles/define';
.hor-license-plate-prefix {
  font-size: j(14);
  &-title {
    font-size: j(16);
  }
  &-btn-group {
    @extend %df;
    @extend %jcs;
    padding: j(16) j(16) 0 j(16);
  }
  &-btn {
    @extend %bn;
    @extend %cp;
    padding: 0 j(6);
    background-color: #fff;
  }
  &-box {
    @extend %df;
    @extend %fww;
    padding: j(15);
    &:after {
      content: '';
      flex: auto;
    }
  }
  &-item {
    @extend %df;
    @extend %aic;
    @extend %jcc;
    height: j(34);
    width: j(36);
    margin-right: j(6) ;
    margin-bottom: j(10);
    font-size: j(14);
    border-radius: j(4);
    background-color: #eeeeee;
    &:nth-child(8n) {
      margin-right: 0;
    }
  }
  .none-box{
    @extend %df;
    flex-wrap: wrap;
    padding: j(18) j(15) j(15);
    border-bottom: j(1) solid #ebe9e9;
  }
  .none-btn{
    @extend %df;
    @extend %aic;
    @extend %jcc;
    height: j(34);
    width: j(66);
    font-size: j(14);
    border-radius: j(4);
    background-color: #eeeeee;
    margin-right: j(6);
    
  }
  & &-active {
    color: #fff;
    background-color: $color-primary;
  }
}