.form-control {
    &.input-sm,
    .input-group-sm &,
    .form-group-sm & {
      line-height: normal;
      font-size: 12px;
      font-family: "微软雅黑","宋体";
      padding: 2px 4px;
      height: 24px;
      &:focus {
        border: 1px solid #5bc0de;
        outline: none;
      }
    }
}

.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 1em;
  height: 1em;
  line-height: normal;
  top: 5px;
  right: 20px;
}

.has-feedback {
  .form-control {
    padding-right: 20px;
  }
}

.btn {
  &.btn-blue {
    background:  #5bc0de;
    border:  #5bc0de;
    line-height: normal;
    width: 72px;
    height: 24px;
    padding: 2px 4px;
    font-size: 12px;
    &:hover,&:focus {
          outline: none;
          background:  #5bc0de;
          border:  #5bc0de;
      }
      &:active, .open>.dropdown-toggle.btn-primary{
          border: none;
          outline: none;
          background-color: #439BB2;
          border-color: #439BB2;
      }
  }
}

.btn {
  &.btn-red {
    background: #d9534f;
    border: #d9534f;
    line-height: normal;
    width: 72px;
    height: 24px;
    padding: 2px 4px;
    font-size: 12px;
    &:hover,&:focus {
          outline: none;
          background: #d9534f;
          border: #d9534f;
      }
      &:active, .open>.dropdown-toggle.btn-primary{
          border: none;
          outline: none;
          background-color: #A5403E;
          border-color: #A5403E;
      }
  }
}

.nav-pills {
  &.defaults {
    font-size: 13px;
    font-weight: 600;
    > li {
      > a {
        &:hover,
        &:focus,
        &:active {
          background-color:  #5bc0de;
          color: #fff;
        }
        background-color: #FFF;
        color:  #5bc0de;
        text-align: center;
        padding: 5px 10px;
      }   
    }
    > li.active {
      > a {
        background-color:  #5bc0de;
        color: #fff;
        &:hover,
        &:focus,
        &:active {
          background-color:  #5bc0de;
          color: #fff;
        }
      }
    }
  }
}

.nav-pills {
    &.slide {
      font-size: 12px;
      font-family: "微软雅黑","宋体";
      font-weight: normal;
      > li {
          > a {
              background-color: #FFF;
              border: 1px solid #e6e6e6;
              color: #777;
              padding: 5px 20px;
              margin-bottom: 15px;
              border-radius: 15px;
              text-align: left;
              &.animate {
                  animation-name:animateRt;
                  animation-duration:0.1s;
                  animation-timing-function:linear;
                  animation-iteration-count:1;
                  animation-direction:normal;
                  /* Safari and Chrome: */
                  -webkit-animation-name:animateRt;
                  -webkit-animation-duration:0.1s;
                  -webkit-animation-timing-function:linear;
                  -webkit-animation-iteration-count:1;
                  -webkit-animation-direction:normal;
              }
          }
          @keyframes animateRt {
              0%  {text-align: left;background-color:#FFF;color: #777;}
              100%  {text-align: right;background-color:#eee;color: #009688;}
          }
          @-webkit-keyframes animateRt {
              0%  {text-align: left;background-color:#FFF;color: #777;}
              100%  {text-align: right;background-color:#eee;color: #009688;}
          }
      }
      > li.active {
          > a {
              border: 1px solid #e6e6e6;
              background-color:#eee;
              color: #009688;
              text-align: right;
          }
      }
    }
}

.pagination-sm {
  &.diy {
      li >a {
          color: #009EE0;
      }
      li.active >a {
          color: #FFF;
          border: 1px solid #5bc0de;
          background: #5bc0de;
      }
      li.disabled >a{
          color: #888;
          &:focus{
              outline: none;
          }
      }
  }
}