lixin-web/webapp/less/lottery/play-options.less

vue and bootstrap

.play-options{
  position: relative;
  margin-top: 10px;
  font-family:"Microsoft Yahei";
  padding-left: 18px;

  > .btn{
    width: 179px;
    font-size: @font-size-medium;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-bottom: 15px;
    .imoon-add{
      font-size: 18px;
      margin-right: 10px;

    }
  }
  > .label{
    line-height: 26px;
    font-weight:normal;
    padding: 0;
  }
  > div{
    float: left;
  }
  .text-money{
    color: @brand-primary;
  }
  .model{
    margin-right: 5px;
    a{
      width: 26px;
      height: 26px;
      line-height: 24px;
      text-align: center;
      margin-left: 5px;
      float: left;
      cursor: pointer;
      border: 1px solid #d5d5d5;
      color: inherit;
      border-radius:50%;
      font-size:@font-size-base;
    }
    .selected{
      position: relative;
      color: #fff;
      border-color:@brand-primary;
      background: @brand-primary;
    }
  }
  .multiple{
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    > input {
      height: 18px;
      width: 52px;
      border: 1px solid #d5d5d5;
      background: transparent;
      text-align: center;
      font-size:@font-size-base;
      color: @gray;
    }
  }
  .BeiShuKongZhi{
    text-indent: -1px;

  }
  @media (max-width:@screen-xs-max){
    > div{
      margin-bottom: 10px;
    }
    .multiple + .label{
      clear: both;
    }
    > .btn{
      clear: both;
      margin-left: auto;
      margin-right:auto;
      display: block;
    }
  }

  @media (max-width: @screen-sm-max) and (min-width:@screen-sm){
    .model + .label{
      margin-right: 100px;
      margin-bottom: 8px;
    }
  }
  @media (min-width:@screen-md){
    float: left;
    .multiple{
      margin-right: 20px;
    }
  }
}

.BeiShuKongZhi {
  width: 15px;
  background: #fff;
  border: 1px solid #d5d5d5;
  color: @gray;
  margin: 0px 3px;
  height: 15px;
  line-height: 11px;
  vertical-align: 0px;
  font-family: @font-family-sans-serif;
  font-size: @font-size-medium;
  border-radius:50%;
  &.Jian{
    padding-top: 2px;
    vertical-align: -1px;
  }
  &:focus{
    outline:none;
  }
}