@font-face {
    font-family:NextIcon;
    src:url("//at.alicdn.com/t/font_ifksumwjy2o11yvi.eot");
    src:url("//at.alicdn.com/t/font_ifksumwjy2o11yvi.eot?#iefix") format("embedded-opentype"),
    url("//at.alicdn.com/t/font_ifksumwjy2o11yvi.woff") format("woff"),
    url("//at.alicdn.com/t/font_ifksumwjy2o11yvi.ttf") format("truetype"),
    url("//at.alicdn.com/t/font_ifksumwjy2o11yvi.svg#articonsvg") format("svg")
}

.next-icon {
    position: relative;
    display: inline-block;
    font-family: NextIcon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.1px;
    -moz-osx-font-smoothing: grayscale
}

.next-icon:before {
    display: inline-block;
    speak: none;
    font-size: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center
}

.next-icon-left {
    margin-right: 4px
}

.next-icon-right {
    margin-left: 4px
}

.next-icon-xxs:before {
    width: 8px;
    font-size: 8px;
    line-height: inherit
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    .next-icon-xxs {
        -webkit-transform: scale(.5) translateX(0);
        transform: scale(.5) translateX(0)
    }

    .next-icon-xxs:before {
        width: 16px;
        font-size: 16px
    }
}

.next-icon-xs:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-icon-small:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-icon-medium:before {
    width: 20px;
    font-size: 20px;
    line-height: inherit
}

.next-icon-large:before {
    width: 24px;
    font-size: 24px;
    line-height: inherit
}

.next-icon-xl:before {
    width: 32px;
    font-size: 32px;
    line-height: inherit
}

.next-icon-xxl:before {
    width: 48px;
    font-size: 48px;
    line-height: inherit
}

.next-icon-xxxl:before {
    width: 64px;
    font-size: 64px;
    line-height: inherit
}

@-webkit-keyframes loadingCircle {
    0% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.next-icon-loading:before {
    content: "";
    -webkit-animation: loadingCircle 2s infinite linear;
    animation: loadingCircle 2s infinite linear
}