.intec-marks {
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
}
.intec-marks .intec-mark {
    display: block;
    margin: 6px 4px;
    padding: 6px 5px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    background: #fff;
    border-radius: 15px;
}
.intec-marks .intec-mark.hit {
    width: 39px;
    color: #ffffff;
}
.intec-marks .intec-mark.recommend {
    width: 70px;
    color: #ffffff;
}
.intec-marks .intec-mark.new {
    width: 63px;
    color: #ffffff;
}
.intec-marks .intec-mark.action {
    width: 50px;
    background: #d02a45;
    color: #ffffff;
}
.intec-marks .intec-mark.new {
    background: #0a71ff;
    background: -moz-linear-gradient(top, #0a71ff 0%, #0478ff 50%, #017cff 100%);
    background: -webkit-linear-gradient(top, #0a71ff 0%,#0478ff 50%,#017cff 100%);
    background: linear-gradient(to bottom, #0a71ff 0%,#0478ff 50%,#017cff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a71ff', endColorstr='#017cff',GradientType=0 );
}
.intec-marks .intec-mark.hit {
    background: #1bcda1;
}
.intec-marks .intec-mark.recommend {
    background: #f8862a;
    background: -moz-linear-gradient(top, #f8862a 0%, #f85954 50%, #f82880 100%);
    background: -webkit-linear-gradient(top, #f8862a 0%,#f85954 50%,#f82880 100%);
    background: linear-gradient(to bottom, #f8862a 0%,#f85954 50%,#f82880 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8862a', endColorstr='#f82880',GradientType=0 );
}