@font-face {
    font-family: manrope-regular;
    src: url(manrope-regular-6.otf);
}

@font-face {
    font-family: manrope-bold;
    src: url(manrope-bold-2.otf);
}

html,
body {
    font-family: manrope-regular !important;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 10px; /* 宽度 */
    height: 10px; /* 高度 */
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: #DDDDDD; /* 轨道颜色 */
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #00A4E0; /* 滑块颜色 */
    border-radius: 5px; /* 滑块圆角 */
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555; /* 滑块悬浮颜色 */
}

.ibanner-swiper .swiper-pagination-bullet {
    background: #DDDDDD;
    width: 10px;
    height: 10px;
    opacity: 0.6;
}

.ibanner-swiper .swiper-pagination-bullet-active {
    background: #00A4E0 !important;
    opacity: 1;
}

.group327-swiper-swiper-pagination .swiper-pagination-bullet {
    background: #DDDDDD;
    width: 12px;
    height: 12px;
    opacity: 0.6;
}

.group327-swiper-swiper-pagination .swiper-pagination-bullet-active {
    background: #00A4E0 !important;
    opacity: 1;
}

.group327-swiper-swiper-pagination {
    position: relative;
}

/* Custom image hover zoom effect */
.fangdaimg img {
    transition: transform 0.5s ease;
}


/* Style for select placeholder to match input placeholder color */
select {
    color: #777777 !important;
}

select option:not(:checked) {
    color: #777777 !important;
}

select option {
    color: #252525 !important;
}

input::placeholder {
    color: #777777 !important;
}

.social-icon-link:hover img {
    filter: invert(39%) sepia(30%) saturate(2993%) hue-rotate(184deg) brightness(94%) contrast(88%);
}

@media (min-width: 870px) {

    .fangdaimg:hover img {
        transform: scale(1.1);
    }
}

@media (max-width: 870px) {
    .group327-swiper-swiper-pagination .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

@media screen and (min-width: 871px) and (max-width: 930px) {
    .addhide {
        display: none;
    }
}

.detailsActive{
    border-color: #00A4E0;
    color:#00A4E0;
    border-width: 2px;
}


.pagination {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pagination,
.pagination li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination li {
    width: 40px;
    height: 40px;
    background: #F0F1F3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 6px
}

.pagination li a,
.pagination li span {
    color: #666;
    font-size: 16px
}

.pagination .active {
    background: #00A4E0;
    color: #fff
}

.pagination .active a,
.pagination .active span {
    color: #fff
}

.amapls{background: #fff;}
.amapls .a3>button{background: #00a4e0;}
.amapls-active{background: #0294DD !important;}
.amapls-active .a1{color:#fff;}
.amapls-active .a2>.flex>div{color:#fff !important;}
.amapls-active .a2>img{filter: brightness(0) invert(1);}
.amapls-active .a3>button{background: #fff;color:#151515;}
.amapls-active .a3>button>img{filter: brightness(0.08) contrast(1);}