.vh-number{display:flex;align-items:center;width:max-content;height:50px;border:1px solid #dfe6eb;border-radius:4px;overflow:hidden;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.vh-number>span{display:flex;align-items:center;justify-content:center;width:33px;height:100%;box-sizing:border-box;padding:0 12px;color:#b0c0d0;overflow:hidden;transition:all .2s;cursor:pointer}.vh-number>span:hover{background:#f5f7fa}.vh-number>span:nth-of-type(1){border-right:1px solid #dfe6eb}.vh-number>span:nth-of-type(1)>i{transform:scale(.68)}.vh-number>span:nth-last-of-type(1){border-left:1px solid #dfe6eb}.vh-number>span:nth-last-of-type(1)>i{padding-bottom:2px}.vh-number>span>i{font-size:28px;font-weight:bold;line-height:1}.vh-number>.vh-number-input{box-sizing:border-box;padding:0 8px;display:flex;align-items:center;justify-content:center;height:100%;width:100%;max-width:68px}.vh-number>.vh-number-input>input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;color:#262626;text-align:center;font-weight:bold}