.menu_fixed{
    position: sticky;
    top: 0;
    z-index: 999;
    animation: sticky 1s;
}
@keyframes sticky {
    0% {
        transform: translateY(-100%)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate.fadeInDown {
    animation-name: fadeInDown
}
.quick-navigation svg, .quick-navigation img{
    height: 1.5rem;
}
.support{
    cursor: pointer;
}
.support:hover .phone-text {
    opacity: 1;
    visibility: visible;
    right: 60px; /* 向左滑出 */
}
.main-color{
    color: var(--main-color);
}
.font-oppo{
    font-family: 'OPPOSans', sans-serif;
}


.carousel-indicators [data-bs-target] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 9px;
    margin-left: 9px;
}

.carousel-control-prev,
.carousel-control-next {
    width: 60px;
    height: 60px;
    top: 50%;
    background: black !important;
    border-radius: 50%;
    padding: 10px;
    opacity: .2;
}

.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus {
    opacity: .6;
}

.carousel-control-prev {
    left: 4%;
    padding: 0px 4px 0px 0px;
}

.carousel-control-next {
    right: 4%;
    padding: 0px 0px 0px 4px;
}