.ani{-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.input-number-box{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:relative;overflow:hidden;text-align:left;width:100%}.input-number-box *{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input-number-box input{-webkit-appearance:textfield;-moz-appearance:textfield;background:#fff0;-webkit-border-radius:0;border-radius:0;margin:0!important;text-align:left;color:#000;padding:0 10px;display:block;height:32px;z-index:99;width:100%;border:0;border-bottom:1px solid #b7b7b7}.input-number-box input::-webkit-outer-spin-button,.input-number-box input::-webkit-inner-spin-button{-webkit-appearance:none}.input-number-box>i{position:absolute;cursor:pointer;height:10px;width:14px;right:0;top:6px}.input-number-box>i:before{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border-right:1px solid #000;border-top:1px solid #000;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;position:absolute;content:"";height:4px;width:4px;left:5px;top:5px}.input-number-box>i.input-number-less{bottom:4px;top:auto}.input-number-box>i.input-number-less:before{-webkit-transform:rotate(135deg) translate(-3px,3px);transform:rotate(135deg) translate(-3px,3px)}.input-number-box>i:hover:before{border-color:green}