#img-container {



}

#img-container:after {

    content: '.';

    display: block;

    height: 0;

    visibility: hidden;

    overflow: hidden;

    clear: both;

}

.img-item {

    position: relative;

    float: left;

    margin-right: 0.1875rem;

    margin-bottom: 0.1875rem;

    height: 120px;

    width:120px;

    box-sizing: border-box;

}

.img-thumb {

    border: 1px solid #000;

}

.thumb-icon {

    width: 100%;

    height: 100%;

}

.img-up-add {

     background: #1a71c5;

    border: none;

    height: 50px;

    line-height: 50px;

    padding: 0 15px;

    font-size: 16px;

    color: #FFF; border-radius:5px;width:150px; cursor:pointer

}

.img-add-icon {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.img-remove {

    position: absolute;

    right: -5px;

    top: -5px;

    display: block;

    width: 25px;

    height:25px;

    line-height:25px;

    border-radius: 50%;

    background: #f7333d;

    color: #fff;

    text-align: center;

    text-decoration: none;

    font-size: 17px;

    overflow: hidden;

    background-clip: padding-box;

}

#img-file-input {

    display: none;

}