/* bootstrap@4 */
.input-group.spinner .input-group-text {
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}
.input-group.spinner .input-group-text .spin-up,
.input-group.spinner .input-group-text .spin-down {
  display: flex;
  background: none;
  border: none;
  padding: 0;
  color: #999;
  outline: none;
}
.input-group.spinner .input-group-text .spin-up:hover,
.input-group.spinner .input-group-text .spin-down:hover,
.input-group.spinner .input-group-text .spin-up:focus,
.input-group.spinner .input-group-text .spin-down:focus {
  color: #555;
}
/* bootstrap@3 */
.spinner.input-group .input-group-addon .spin-up,
.spinner.input-group .input-group-addon .spin-down {
  height: 10px;
  width: 10px;
  overflow: hidden;
  display: block;
  text-align: center;
  color: #999;
}
.spinner.input-group .input-group-addon .spin-up:hover,
.spinner.input-group .input-group-addon .spin-down:hover {
  color: #555;
}
.spinner.input-group .input-group-addon .spin-up .fas,
.spinner.input-group .input-group-addon .spin-down .fas {
  margin-top: -6px;
  vertical-align: middle;
}
.spinner.input-group .input-group-addon .spin-up .glyphicon,
.spinner.input-group .input-group-addon .spin-down .glyphicon {
  font-size: 10px;
  top: -2px;
}
.spinner.input-group .input-group-addon a.spin-up,
.spinner.input-group .input-group-addon a.spin-down {
  text-decoration: none;
}
.spinner.input-group .input-group-addon button.spin-up,
.spinner.input-group .input-group-addon button.spin-down {
  background: none;
  border: none;
  padding: 0;
}
.spinner.input-group.input-group-sm .input-group-addon .spin-up,
.spinner.input-group.input-group-sm .input-group-addon .spin-down {
  height: 8px;
}
.spinner.input-group.input-group-sm .input-group-addon .spin-up .fas,
.spinner.input-group.input-group-sm .input-group-addon .spin-down .fas {
  margin-top: -10px;
}
.spinner.input-group.input-group-sm .input-group-addon .spin-up .glyphicon,
.spinner.input-group.input-group-sm .input-group-addon .spin-down .glyphicon {
  font-size: 8px;
  top: -5px;
}
.spinner.input-group.input-group-lg .input-group-addon .spin-up,
.spinner.input-group.input-group-lg .input-group-addon .spin-down {
  height: 12px;
  width: 12px;
}
.spinner.input-group.input-group-lg .input-group-addon .spin-up .fas,
.spinner.input-group.input-group-lg .input-group-addon .spin-down .fas {
  margin-top: -16px;
}
.spinner.input-group.input-group-lg .input-group-addon .spin-up .glyphicon,
.spinner.input-group.input-group-lg .input-group-addon .spin-down .glyphicon {
  font-size: 12px;
  top: -6px;
}
.input-group.spinner input{
  width: 70px;
  border:1px solid #dcdfe6;
  /*border-radius: 3px 0 0 3px;*/
}
.input-group.spinner i{
  font-size: 13px;
  margin: 0 auto;
  padding: 1px 3px;
}
.input-group.spinner .spin-up,.input-group.spinner .spin-down{
  text-align: center;
}
.input-group.spinner .spin-up{
  border-bottom: 1px solid  #dcdfe6 !important;
}
.input-group-text{
  background: #f5f7fa !important;
  padding: 0;
  border-radius: 0;
  /*border-radius: 0 3px 3px 0;*/
}
/*左中右布局*/
.spinner-left,.spinner-right{
    float:left;
    width:25px;
    height: 26px;
    border:1px solid #dcdfe6;
    background:#ffffff;
}
.spinner-left button,.spinner-right button{
    border:none;
    background:none;
    height:100%;
    color:#D8D8D8;
}
.spinner-center{
    float:left;
    width: 50px;
    height: 26px;
    border:none;
    border-top:1px solid #dcdfe6;
    border-bottom:1px solid #dcdfe6;
    outline: none;
}