.icon {
    position: relative;
    top: 2px;
    line-height: 1;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 1em;
    height: 1em;
    color: inherit;
}

.icon-right {
    background-image: url("../icon/right.svg");
}

.icon-close {
    background-image: url("../icon/close.png");
}

.icon-close-b {
    background-image: url('../icon/close-b.svg');
}

.icon-list {
    background-image: url("../icon/list.svg");
}

.icon-search {
    background-image: url("../icon/search.svg");
}

.icon-cart {
    background-image: url("../icon/cart.svg");
}

.icon-plus {
    background-image: url("../icon/+.svg");
}

.icon-minus {
    background-image: url("../icon/-.svg");
}

.icon-goods {
    background-image: url("../icon/goods.svg");
}

.icon-notice {
    background-image: url("../icon/notice.svg");
}

.icon-class {
    background-image: url("../icon/class.svg");
}

.icon-my {
    background-image: url("../icon/my.svg");
}

.icon-location {
    background-image: url("../icon/location.svg");
}