/*基础样式*/
.card.custom-card .card-header .card-title {
    position: relative;
    -webkit-margin-after: 0;
    margin-block-end: 0;
    font-size: .9375rem;
    font-weight: 700;
    text-transform: capitalize;
}
.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color: var(--bs-card-title-color);
}

.panel-tabs-billing li a.active {
    background-color: rgb(31 187 143 / 10%);
    font-weight: 500;
    color: rgb(39 193 150);
}
.panel-tabs-billing li a {
    padding: .25rem .5rem;
    border-radius: .5rem;
    font-size: .75rem;
}
.avatar.avatar-md {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: .8rem;
}

.pagination a {
    line-height:2 !important;
}
.echart-charts {
    height: 20rem;
}
.badge {
    padding: .25rem .45rem;
    font-weight: 600;
    border-radius: .25rem;
}
/*扩展样式*/
.object-img-container {
    width: 3.25rem;
    height: 3.25rem;
    display: flex;
    padding: 0.2rem;
    align-items: center;
    aspect-ratio: 1/1;
}
.object-img {
    width: 100%;
    height: auto; 
    max-height: 100%;
    object-fit: contain; /* 保持图片比例 */
}

.object-img-mincontainer {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    padding: 0.2rem;
    align-items: center;
    aspect-ratio: 1/1;
}


.zcc-img {
    height: 3.25rem;
    width: 3.25rem;
}
.img-square-small {
    max-width: 65px;
    max-height: 65px;
}

.img-circle-fixed {
    max-width: 100px;
    max-height: 100px;
}

.img-rectangle-medium {
    max-width: 180px;
    max-height: 150px;
}

.img-wide-large {
    max-width: 300px;
    max-height: 180px;
}

.img-tall-narrow {
    max-width: 120px;
    max-height: 250px;
}

.img-hfb {
    width: 0.8rem;
    height: 0.8rem;
}

.float-right {
    float: right;
}

.teqin-border {
    border: 1px dashed #ededed;
}

.content-center {
    text-align: center;
}

.th-w2 {
    width: 2%;
}

.th-w5 {
    width: 5%;
}

.th-w8 {
    width: 8%;
}

.th-w10 {
    width: 10%;
}

.th-w15 {
    width: 15%;
}

.th-w20 {
    width: 20%;
}

.item-cover {
    width: 65px;
    height: 65px;
    border-radius: 5px;
    object-fit: contain;
}

.txt-center {
    text-align: center;
}

.card-body-8 {
    padding: 0.8rem;
}

.floating-ad {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 150px;
    height: 200px;
    z-index: 1050;
}

.product-body {
    padding: 0rem;
}

.container-zdy {
    width: 90%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-right: auto;
    margin-left: auto;
}
.logo-box .logo {
    font-size: 1rem;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .r-box {
        padding: 0 !important;
    }
}
@media (max-width: 768px) {
    .toggle-logo, .toggle-dark, .desktop-dark {
        display: none; /* 隐藏元素 */
    }

    .floating-ad {
        width: 100px;
        height: 134px;
    }

    .dataTables_info {
        display: none;
    }

    .container-zdy {
        width: 100%;
    }
}

/* 当屏幕宽度大于 768px 时隐藏元素 */
@media (min-width: 769px) {
    .hide-mobile {
        display: none;
    }
}
@media (min-width: 1200px) {
    .col-xl-2-4 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}