.xiazhi_qz_prefix {
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    border-radius: 5px;
    padding: 5px 4px;
    margin-right: 3px;
    height: 19px;
    font-size: 12px;
    top: -3px;
    clip-path: polygon(7% 0, 99% 0, 93% 100%, 0 100%);
}

.xiazhi_qz_prefix:after {
    position: absolute;
    content: " ";
    display: block;
    left: -100%;
    top: -5px;
    width: 15px;
    height: 145%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    animation: xiazhi_qz_sweep 3s ease-in-out infinite;
    transform: rotate(28deg);
}

@keyframes xiazhi_qz_sweep {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

.xiazhi_qz_prefix.jb-red {
    background: linear-gradient(135deg, #ffbeb4 10%, #f61a1a 100%);
}
.xiazhi_qz_prefix.jb-pink {
    background: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%);
}
.xiazhi_qz_prefix.jb-yellow {
    background: linear-gradient(135deg, #ffd6b2 10%, #ff651c 100%);
}
.xiazhi_qz_prefix.jb-cyan {
    background: linear-gradient(140deg, #039ab3 10%, #58dbcf 90%);
}
.xiazhi_qz_prefix.jb-blue {
    background: linear-gradient(135deg, #b6e6ff 10%, #198aff 100%);
}
.xiazhi_qz_prefix.jb-green {
    background: linear-gradient(135deg, #ccffcd 10%, #52bb51 100%);
}
.xiazhi_qz_prefix.jb-purple {
    background: linear-gradient(135deg, #fec2ff 10%, #d000de 100%);
}
.xiazhi_qz_prefix.jb-vip1 {
    background: linear-gradient(25deg, #eab869 10%, #fbecd4 60%, #ffe0ae 100%);
}
.xiazhi_qz_prefix.jb-vip2 {
    background: linear-gradient(317deg, #4d4c4c 30%, #878787 70%, #5f5c5c 100%);
}