@-webkit-keyframes L_circle_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes L_circle_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes L_stroke_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes L_stroke_rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes L_stroke_left_grow {
    0%,100% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes L_stroke_left_grow {
    0%,100% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@-webkit-keyframes L_stroke_right_grow {
    0%,100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg)
    }
}

@keyframes L_stroke_right_grow {
    0%,100% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    50% {
        -webkit-transform: rotate(140deg);
        transform: rotate(140deg)
    }
}

.loader-circle {
    top: 50%;
    left: 50%;
    z-index: 1;
    color: #444;
    margin-top: -1em;
    margin-left: -1em;
    position: absolute;
    -webkit-animation: L_circle_rotate 1.568s linear infinite both;
    animation: L_circle_rotate 1.568s linear infinite both
}

.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right:before,.loader-circle:before {
    content: '';
    display: block;
    border-style: solid;
    border-width: .21429em;
    border-color: currentColor
}

.loader-circle,.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right,.loader-circle .loader-stroke-right:before,.loader-circle:before {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    box-sizing: border-box
}

.loader-circle .loader-stroke-left:before,.loader-circle .loader-stroke-right {
    position: absolute;
    clip: rect(0 2em 2em 1em)
}

.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right:before {
    position: absolute;
    clip: rect(0 1em 2em 0)
}

.loader-circle:before {
    position: absolute;
    clip: rect(0 1.05em 1em .95em)
}

.loader-circle .loader-stroke-left,.loader-circle .loader-stroke-right,.loader-circle:before {
    -webkit-animation: L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: L_stroke_rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both
}

.loader-circle .loader-stroke-right:before {
    -webkit-animation: L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: L_stroke_right_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

.loader-circle .loader-stroke-left:before {
    -webkit-animation: L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both;
    animation: L_stroke_left_grow 1333ms cubic-bezier(.4,0,.2,1) infinite both
}

/* ====================== 🔥 已修复：全部改成 honor-slider ====================== */
.honor-slider {
    position: relative;
    padding: 0 20px;
}

.honor-slider .honli {
    text-align: center;
  
}

.honor-slider .honli img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);
    transition: all 0.3s;
}

.honor-slider .honli a {
    display: block;
    position: relative;
}

.honor-slider .honli .amsg {
    padding: 10px 0;
    text-align: center;
}

.honor-slider .honli .amsg p {
    margin: 0;
   
    color: #333;
}

.honor-slider .owl-stage-outer {
    z-index: 1;
    overflow: hidden;
}

.honor-slider .owl-nav {
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.honor-slider .owl-nav svg {
    color: currentColor;
}

.honor-slider .owl-nav .disabled {
    display: none;
}

.honor-slider .owl-prev,
.honor-slider .owl-next {
    top: 50%;
    z-index: 2;
    width: 50px;
    height: 50px;
    padding: 0px;
    transform: translateY(-50%);
    position: absolute;
    border-radius: 50%;
    background: #f50467;
    display: flex;
    align-items: center;
    justify-content: center;
}

.honor-slider .owl-prev {
    left: -5%;
}

.honor-slider .owl-next {
    right: -5%;
}

.honor-slider .owl-prev:hover,
.honor-slider .owl-next:hover {
    background: rgb(0 0 0 / 20%);
}

@media screen and (max-width: 640px) {
    .honor-slider {
        overflow: hidden;
        padding: 0 20px;
    }

    .honor-slider .owl-prev {
        left: 0;
    }

    .honor-slider .owl-next {
        right: 0;
    }
}