.iNumberCon {
    position: relative;
    float:left;
    width: 80px;
    margin-left:4px;
    margin-right:4px;
    display: inline-block;
}
.iNumberCon  input.iNumber[type="text"]{
    width: 80px ;
    margin-left:0 ;
    margin-right:0 ;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    -webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
    font-size: 14px;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.iNumber-up{
    position: absolute;
    height:30%;
    width:20px;
    font-size: 14px;
    top:7px;
    right:4px;
    cursor: pointer;
    background: #fff;
}
.iNumber-down{
    position: absolute;
    width:20px;
    height:30%;
    font-size: 14px;
    bottom:7px;
    right:4px;
    cursor: pointer;
    background: #fff;
}
.iNumber-up i{
    position: absolute;
    right: 6px;
    top: 2px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid rgb(104,107,109);
}
.iNumber-down i{
    position: absolute;
    right: 6px;
    top: 3px;
    width:0;
    height:0;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-top:4px solid rgb(104,107,109);
}
.iNumber-up:hover,.iNumber-down:hover{
    background: #e8e8e8;
}