/*your custom css goes here*/

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.gap-base {
    gap: 8px;
}

.gap-lg {
    gap: 20px;
}

.gap-6 {
    gap: 6px;
}

.gap-10 {
    gap: 10px;
}

.items-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.bg-nav-top {
    background: linear-gradient(180deg, #EFF5FF 0%, #FFFFFF 99%);
    border-radius: 6px 6px 6px 6px;
}

.avatar-42 {
    width: 42px;
    height: 42px;
    border: 1px solid #E2E7F5;
}

.p-20 {
    padding: 20px !important;
}
.custom-p-10 {
    padding: 10px !important;
}

.text-user-name {
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 600;
    font-size: 16px;
    color: #333333;
    line-height: 16px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.text-user-id {
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 400;
    font-size: 12px;
    color: #333333;
    line-height: 12px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.text-xinyufeng {
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 400;
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.border-bottom-short {
    position: relative;
}

.border-bottom-short::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    /* 控制边框长度 */
    border-bottom: 1px solid #E2E7F5;
    /* 边框样式 */
    left: 20px;
    /* 调整此值以改变边框的位置 */
}

.aiz-side-nav-list .level-2 .aiz-side-nav-link:after {
    border: none;
    width: 0;
    height: 0;
}

.visible-hidden {
    visibility: hidden;
}

.hidden {
    display: none !important;
}

.pl-8 {
    padding-left: 8px;
}

.menu-icon-width {
    width: 24px;
}

.text-menu {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: 14px;
    color: #98A4BF;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.aiz-user-sidenav .aiz-side-nav-list .aiz-side-nav-link {
    padding: 23px 30px;
}

.aiz-user-sidenav .aiz-side-nav-list .level-2 .aiz-side-nav-link {
    padding: 21px 25px 21px 54px;
}

.metismenu>.aiz-side-nav-item>.active,
.level-2-active {
    background: linear-gradient(270deg, #5181F3 0%, #0147EB 100%);
    border-radius: 0px 0px 0px 0px;
}

.metismenu>.aiz-side-nav-item>.active .text-menu,
.level-2-active .text-menu {
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.aiz-user-sidenav .level-2 .aiz-side-nav-link.active {
    background: none;
}

.aiz-user-sidenav .level-2 .aiz-side-nav-link:hover {
    background-color: var(--soft-primary);
}

.aiz-user-sidenav .level-2 .aiz-side-nav-link.active .text-menu {
    color: #0147EB;
}

.metismenu>.aiz-side-nav-item>.active .ico-default,
.level-2-active .ico-default,
.aiz-side-nav-link.active .ico-default {
    display: none;
}

.metismenu>.aiz-side-nav-item>.active .ico-active,
.level-2-active .ico-active,
.aiz-side-nav-link.active .ico-active {
    display: inline-block;
}

.ico-active {
    display: none;
}

.aiz-user-sidenav .aiz-side-nav-list .aiz-side-nav-icon {
    width: 18px;
    font-size: 16px;
}

.panel-top {
    width: 100%;
    height: 304px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;

    .title {
        font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
        font-weight: 500;
        font-size: 18px;
        color: #0D162A;
        line-height: 18px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }


    .avatar-74 {
        width: 74px;
        height: 74px;
    }

    .update-package {
        width: 180px;
        height: 38px;
        background: linear-gradient(270deg, #5181F3 0%, #0147EB 100%);
        border-radius: 6px 6px 6px 6px;
        display: flex;
        align-items: center;
        justify-content: center;

        font-family: Source Han Sans, Source Han Sans;
        font-weight: 500;
        font-size: 14px;
        color: #FFFFFF;
        line-height: 14px;
        text-align: left;
        font-style: normal;
        text-transform: none;

        cursor: pointer;
    }

    .gap-30 {
        gap: 30px;
    }

    .gap-14 {
        gap: 14px;
    }

    .mx-20 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .w-222 {
        width: 222px;
    }

    .h-196 {
        height: 196px;
    }

    .h-222 {
        height: 222px;
    }
}

#star-rating,
.star-rating {
    display: flex;
    gap: 2px;

    .star {
        position: relative;
        width: 14px;
        height: 14px;
    }

    .star-background {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #D6DAE1;
        clip-path: path('M7 .275l1.711 3.53 3.889.537-2.829 2.72.69 3.858-3.46-1.85-3.461 1.85.69-3.858-2.829-2.72 3.889-.537z');
    }

    .star-filled {
        position: absolute;
        height: 100%;
        background-color: #F78222;
        clip-path: path('M7 .275l1.711 3.53 3.889.537-2.829 2.72.69 3.858-3.46-1.85-3.461 1.85.69-3.858-2.829-2.72 3.889-.537z');
        z-index: 1;
        overflow: hidden;
    }
}

.f-warp {
    flex-wrap: wrap;
}

.panel-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
    
    .title {
        font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
        font-weight: 500;
        font-size: 18px;
        color: #0D162A;
        line-height: 18px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }
}

.line {
    width: 1px;
    height: 86px;
    background: #E2E7F5;
    border-radius: 0px 0px 0px 0px;
    margin-left: 20px;
    margin-right: 20px;
}

.money-title {
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.green-triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    /* 左边框透明 */
    border-right: 5px solid transparent;
    /* 右边框透明 */
    border-bottom: 6px solid #00B80C;
    /* 底边框绿色 */
}

.red-inverted-triangle {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    /* 左边框透明 */
    border-right: 5px solid transparent;
    /* 右边框透明 */
    border-top: 6px solid #FF0000;
    /* 顶边框红色 */
}

.data-detail {
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 600;
    font-size: 38px;
    color: #333333;
    line-height: 38px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.text-xs {
    font-size: 12px;
}

.text-base {
    font-size: 14px;
}

.text-md {
    font-size: 16px;
}

.text-xl {
    font-size: 38px;
}

.gap-xl {
    gap: 40px;
}

.op-6 {
    opacity: 0.6;
}

.bg-grid-custom {
    height: 192px;
    background: #D9E2F8;
    border-radius: 6px 6px 6px 6px;
    position: relative;
    z-index: 1;

    p {
        position: relative;
        z-index: 1;
    }

    .image {
        position: absolute;
        right: 20px;
        z-index: 0;
    }
}

.bg-order-custom {
    height: 110px;
    background: #DCE8EF;
    border-radius: 0px 0px 0px 0px;

    .image {
        width: 46px;
    }
}

.seller-dashboard {
    max-width: 100%;
}
.pt-20 {
    padding-top: 20px;
}

.top-12-title {
    font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
    font-weight: 500;
    font-size: 18px;
    color: #0D162A;
    line-height: 18px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.goods-detail {
    .title-line-2 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
    }

    .goods-title {
        font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
        font-weight: 500;
        font-size: 14px;
        color: #333333;
        line-height: 24px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .price {
        font-family: D-DIN-PRO, D-DIN-PRO;
        font-weight: 600;
        font-size: 18px;
        color: #DB5353;
        line-height: 18px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

}

@media (max-width: 1199px) {
    .goods-top-panel {
        display: none;
        height: 100vh;
    }
}

@media (max-width: 1919px) {
    .sales-data {
        .line {
            display: none;
        }
    }
}

.goods-top-panel {
    .list {
        max-width: 440px;
        max-height: 866px;
        overflow-y: auto;
        scrollbar-color: #b0c1e7 #F1F1F1;
        scrollbar-width: thin;
    }
        
    .list::-webkit-scrollbar {
         width: 8px;
     }
    .list::-webkit-scrollbar-track {
         background: #F1F1F1;
     }
    .list::-webkit-scrollbar-thumb {
         background-color: #b0c1e7;
         border-radius: 4px;
     }
    .list::-webkit-scrollbar-button {
         display: none;
         width:0;
         height:0;
     }
     .list::-webkit-scrollbar-button:start,
     .list::-webkit-scrollbar-button:end {
         display: none;
     }
}

/* .sales-data{
    .image{
        width: 260px;
    }
} */