.f-12-666[data-v-79acd28a] {
    font-size: 12px;
    color: #666
}

.f-12-f0[data-v-79acd28a] {
    font-size: 12px;
    color: #f0f0f0
}

.f-12-bbb[data-v-79acd28a] {
    font-size: 12px;
    color: #bbb
}

.f-12-999[data-v-79acd28a] {
    font-size: 12px;
    color: #999
}

.f-14-f0[data-v-79acd28a] {
    font-size: 14px;
    color: #f0f0f0
}

.f-14-bbb[data-v-79acd28a] {
    font-size: 14px;
    color: #bbb
}

.f-14-333[data-v-79acd28a] {
    font-size: 14px;
    color: #333
}

.f-14-ff4f00[data-v-79acd28a] {
    font-size: 14px;
    color: rgb(30,180,200)
}

.f-14-666[data-v-79acd28a] {
    font-size: 14px;
    color: #666
}

.f-14-999[data-v-79acd28a] {
    font-size: 14px;
    color: #999
}

.f-14-f0f0f0-6[data-v-79acd28a], .f-14-f0f0f0[data-v-79acd28a] {
    color: #f0f0f0;
    font-size: 14px
}

.f-14-f0f0f0-6[data-v-79acd28a] {
    font-weight: 700
}

.f-16-f0f0f0-6[data-v-79acd28a], .f-16-f0f0f0[data-v-79acd28a] {
    color: #f0f0f0;
    font-size: 16px
}

.f-16-f0f0f0-6[data-v-79acd28a] {
    font-weight: 600
}

.f-center[data-v-79acd28a] {
    display: flex;
    align-items: center;
    justify-content: center
}

.w-full[data-v-79acd28a] {
    width: 100%
}

.h-full[data-v-79acd28a] {
    height: 100%
}

.justify-center[data-v-79acd28a] {
    justify-content: center
}

.fl[data-v-79acd28a] {
    float: left
}

.fr[data-v-79acd28a] {
    float: right
}

.clearfix[data-v-79acd28a] {
    zoom: 1
}

    .clearfix[data-v-79acd28a]:after {
        content: "";
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both
    }

.br4[data-v-79acd28a] {
    border-radius: 4px
}

.mask[data-v-79acd28a] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 10;
    display: none
}

.mask-main[data-v-79acd28a] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #363636;
    border-radius: 4px
}

.w-1200[data-v-79acd28a] {
    max-width: 1200px;
    margin: 0 auto
}

.inner[data-v-79acd28a] {
    width: 1200px;
    margin: 0 auto
}

.bg222[data-v-79acd28a] {
    background-color: #222
}

.bg333[data-v-79acd28a] {
    background-color: #333
}

.icon-v2[data-v-79acd28a] {
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

.cg-icon[data-v-79acd28a], .icon-v2[data-v-79acd28a] {
    display: inline-block
}

.cg-icon[data-v-79acd28a] {
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.trans1[data-v-79acd28a] {
    transition: all .1s ease
}

.trans2[data-v-79acd28a] {
    transition: all .2s ease
}

.trans3[data-v-79acd28a] {
    transition: all .3s ease
}

.trans4[data-v-79acd28a] {
    transition: all .4s ease
}

.trans5[data-v-79acd28a] {
    transition: all .5s ease
}

.flex[data-v-79acd28a] {
    display: flex
}

.mb-30[data-v-79acd28a] {
    margin-bottom: 30px
}

.tl[data-v-79acd28a] {
    text-align: left
}

.tc[data-v-79acd28a] {
    text-align: center
}

.tr[data-v-79acd28a] {
    text-align: right
}

.checked[data-v-79acd28a], .inline-block[data-v-79acd28a] {
    display: inline-block
}

.checked[data-v-79acd28a] {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat;
    background-position: -570px -590px
}

.underline[data-v-79acd28a] {
    text-decoration: underline
}

.t-over[data-v-79acd28a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flex-c[data-v-79acd28a] {
    display: flex;
    justify-content: center
}

.flex-a[data-v-79acd28a], .flex-ac[data-v-79acd28a] {
    display: flex;
    align-items: center
}

.flex-ac[data-v-79acd28a] {
    justify-content: center
}

.flex-b[data-v-79acd28a] {
    display: flex;
    justify-content: space-between
}

.input-text[data-v-79acd28a] {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.c-btn[data-v-79acd28a] {
    width: 180px;
    height: 44px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
    background-color: rgb(30,180,255)
}

    .c-btn[data-v-79acd28a], .c-btn[data-v-79acd28a]:hover, .popup-btn[data-v-79acd28a] {
        color: #f0f0f0
    }

.popup-btn-c[data-v-79acd28a], .popup-btn[data-v-79acd28a] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    background-color: rgb(30,180,255)
}

.popup-btn-c[data-v-79acd28a] {
    color: #f0f0f0;
    color: #999;
    background-color: #464646
}

.c-pagination[data-v-79acd28a] {
    display: flex;
    justify-content: center;
    margin: 40px 0
}

.c-pagination li[data-v-79acd28a] {
    background-color: #464646;
    border-radius: 4px;
    margin-right: 6px
}

.c-pagination li[data-v-79acd28a], .c-pagination li a[data-v-79acd28a] {
    display: flex;
    justify-content: center;
    align-items: center
}

.c-pagination li a[data-v-79acd28a] {
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: #f0f0f0
}

.c-pagination .active[data-v-79acd28a] {
    background-color: rgb(30,180,255)
}

.drop-down[data-v-79acd28a] {
    position: absolute;
    border-radius: 4px;
    background-color: #171717;
    border: 1px solid #303030;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.66);
    z-index: 11
}

.icon-level[data-v-79acd28a] {
    display: inline-block;
    width: 30px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_2.png);
    background-position-y: -72px
}

.icon-level-0[data-v-79acd28a] {
    background-position-x: -28px
}

.icon-level-1[data-v-79acd28a] {
    background-position-x: -61px
}

.icon-level-2[data-v-79acd28a] {
    background-position-x: -93px
}

.icon-level-5[data-v-79acd28a] {
    background-position-x: -230px
}

.icon-sign[data-v-79acd28a] {
    display: inline-block;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_v3.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.icon-sign-xs[data-v-79acd28a] {
    width: 45px;
    height: 18px;
    background-position: -230px -270px
}

.icon-sign-s[data-v-79acd28a] {
    width: 58px;
    height: 18px;
    background-position: -162px -270px
}

.icon-sign-m[data-v-79acd28a] {
    width: 66px;
    height: 24px;
    background-position: -92px -264px
}

.icon-sign-l[data-v-79acd28a] {
    width: 74px;
    height: 18px;
    background-position: -100px -10px
}

.grow-level[data-v-79acd28a] {
    display: inline-block;
    width: 54px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon.png);
    background-position-y: -108px
}

.grow-level-1[data-v-79acd28a] {
    background-position-x: -10px
}

.grow-level-2[data-v-79acd28a] {
    background-position-x: -74px
}

.grow-level-3[data-v-79acd28a] {
    background-position-x: -138px
}

.grow-level-4[data-v-79acd28a] {
    background-position: -10px -142px
}

.grow-level-5[data-v-79acd28a] {
    background-position: -74px -142px
}

.grow-level-6[data-v-79acd28a] {
    background-position: -138px -142px
}

.cursor[data-v-79acd28a] {
    cursor: pointer
}

.dialog-fade-enter-active[data-v-79acd28a] {
    -webkit-animation: slide-down-in-data-v-79acd28a .3s ease;
    animation: slide-down-in-data-v-79acd28a .3s ease
}

.dialog-fade-leave-active[data-v-79acd28a] {
    -webkit-animation: slide-down-out-data-v-79acd28a .3s ease;
    animation: slide-down-out-data-v-79acd28a .3s ease
}

@-webkit-keyframes slide-down-in-data-v-79acd28a {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down-in-data-v-79acd28a {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-down-out-data-v-79acd28a {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes slide-down-out-data-v-79acd28a {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.iconProdClass[data-v-79acd28a], .setDefaultClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat
}

.iconProdClass[data-v-79acd28a] {
    background-image: url(/main/images/prod_detail_v5.png?1b2664b)
}

.iconAIClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/_nuxt/img/assets/images/ai/icon_aigc_v2.png?4f849ce)
}

.iconCommonClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.iconVipClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_vip_v3.png?4430a03) no-repeat
}

.iconPersonal[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/personal_v2.png) no-repeat
}

.iconDetailClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/common/icon_v4.png) no-repeat
}

.iconLevelClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/level_icon_v3.png?65d3330) no-repeat
}

.iconUtilsClass[data-v-79acd28a] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

.bread-menu[data-v-79acd28a] {
    color: #999;
    padding: 24px 0
}

.bread-menu a[data-v-79acd28a] {
    color: #999
}

    .bread-menu a[data-v-79acd28a]:not(:first-child):before {
        content: ">";
        margin: 0 4px
    }

.f-12-666[data-v-e603cc0c] {
    font-size: 12px;
    color: #666
}

.f-12-f0[data-v-e603cc0c] {
    font-size: 12px;
    color: #f0f0f0
}

.f-12-bbb[data-v-e603cc0c] {
    font-size: 12px;
    color: #bbb
}

.f-12-999[data-v-e603cc0c] {
    font-size: 12px;
    color: #999
}

.f-14-f0[data-v-e603cc0c] {
    font-size: 14px;
    color: #f0f0f0
}

.f-14-bbb[data-v-e603cc0c] {
    font-size: 14px;
    color: #bbb
}

.f-14-333[data-v-e603cc0c] {
    font-size: 14px;
    color: #333
}

.f-14-ff4f00[data-v-e603cc0c] {
    font-size: 14px;
    color: rgb(30,180,200)
}

.f-14-666[data-v-e603cc0c] {
    font-size: 14px;
    color: #666
}

.f-14-999[data-v-e603cc0c] {
    font-size: 14px;
    color: #999
}

.f-14-f0f0f0-6[data-v-e603cc0c], .f-14-f0f0f0[data-v-e603cc0c] {
    color: #f0f0f0;
    font-size: 14px
}

.f-14-f0f0f0-6[data-v-e603cc0c] {
    font-weight: 700
}

.f-16-f0f0f0-6[data-v-e603cc0c], .f-16-f0f0f0[data-v-e603cc0c] {
    color: #f0f0f0;
    font-size: 16px
}

.f-16-f0f0f0-6[data-v-e603cc0c] {
    font-weight: 600
}

.f-center[data-v-e603cc0c] {
    display: flex;
    align-items: center;
    justify-content: center
}

.w-full[data-v-e603cc0c] {
    width: 100%
}

.h-full[data-v-e603cc0c] {
    height: 100%
}

.justify-center[data-v-e603cc0c] {
    justify-content: center
}

.fl[data-v-e603cc0c] {
    float: left
}

.fr[data-v-e603cc0c] {
    float: right
}

.clearfix[data-v-e603cc0c] {
    zoom: 1
}

    .clearfix[data-v-e603cc0c]:after {
        content: "";
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both
    }

.br4[data-v-e603cc0c] {
    border-radius: 4px
}

.mask[data-v-e603cc0c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 10;
    display: none
}

.mask-main[data-v-e603cc0c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #363636;
    border-radius: 4px
}

.w-1200[data-v-e603cc0c] {
    max-width: 1200px;
    margin: 0 auto
}

.inner[data-v-e603cc0c] {
    width: 1200px;
    margin: 0 auto
}

.bg222[data-v-e603cc0c] {
    background-color: #222
}

.bg333[data-v-e603cc0c] {
    background-color: #333
}

.icon-v2[data-v-e603cc0c] {
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

.cg-icon[data-v-e603cc0c], .icon-v2[data-v-e603cc0c] {
    display: inline-block
}

.cg-icon[data-v-e603cc0c] {
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.trans1[data-v-e603cc0c] {
    transition: all .1s ease
}

.trans2[data-v-e603cc0c] {
    transition: all .2s ease
}

.trans3[data-v-e603cc0c] {
    transition: all .3s ease
}

.trans4[data-v-e603cc0c] {
    transition: all .4s ease
}

.trans5[data-v-e603cc0c] {
    transition: all .5s ease
}

.flex[data-v-e603cc0c] {
    display: flex
}

.mb-30[data-v-e603cc0c] {
    margin-bottom: 30px
}

.tl[data-v-e603cc0c] {
    text-align: left
}

.tc[data-v-e603cc0c] {
    text-align: center
}

.tr[data-v-e603cc0c] {
    text-align: right
}

.checked[data-v-e603cc0c], .inline-block[data-v-e603cc0c] {
    display: inline-block
}

.checked[data-v-e603cc0c] {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat;
    background-position: -570px -590px
}

.underline[data-v-e603cc0c] {
    text-decoration: underline
}

.t-over[data-v-e603cc0c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flex-c[data-v-e603cc0c] {
    display: flex;
    justify-content: center
}

.flex-a[data-v-e603cc0c], .flex-ac[data-v-e603cc0c] {
    display: flex;
    align-items: center
}

.flex-ac[data-v-e603cc0c] {
    justify-content: center
}

.flex-b[data-v-e603cc0c] {
    display: flex;
    justify-content: space-between
}

.input-text[data-v-e603cc0c] {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.c-btn[data-v-e603cc0c] {
    width: 180px;
    height: 44px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
    background-color: rgb(30,180,255)
}

    .c-btn[data-v-e603cc0c], .c-btn[data-v-e603cc0c]:hover, .popup-btn[data-v-e603cc0c] {
        color: #f0f0f0
    }

.popup-btn-c[data-v-e603cc0c], .popup-btn[data-v-e603cc0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    background-color: rgb(30,180,255)
}

.popup-btn-c[data-v-e603cc0c] {
    color: #f0f0f0;
    color: #999;
    background-color: #464646
}

.c-pagination[data-v-e603cc0c] {
    display: flex;
    justify-content: center;
    margin: 40px 0
}

.c-pagination li[data-v-e603cc0c] {
    background-color: #464646;
    border-radius: 4px;
    margin-right: 6px
}

.c-pagination li[data-v-e603cc0c], .c-pagination li a[data-v-e603cc0c] {
    display: flex;
    justify-content: center;
    align-items: center
}

.c-pagination li a[data-v-e603cc0c] {
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: #f0f0f0
}

.c-pagination .active[data-v-e603cc0c] {
    background-color: rgb(30,180,255)
}

.drop-down[data-v-e603cc0c] {
    position: absolute;
    border-radius: 4px;
    background-color: #171717;
    border: 1px solid #303030;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.66);
    z-index: 11
}

.icon-level[data-v-e603cc0c] {
    display: inline-block;
    width: 30px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_2.png);
    background-position-y: -72px
}

.icon-level-0[data-v-e603cc0c] {
    background-position-x: -28px
}

.icon-level-1[data-v-e603cc0c] {
    background-position-x: -61px
}

.icon-level-2[data-v-e603cc0c] {
    background-position-x: -93px
}

.icon-level-5[data-v-e603cc0c] {
    background-position-x: -230px
}

.icon-sign[data-v-e603cc0c] {
    display: inline-block;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_v3.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.icon-sign-xs[data-v-e603cc0c] {
    width: 45px;
    height: 18px;
    background-position: -230px -270px
}

.icon-sign-s[data-v-e603cc0c] {
    width: 58px;
    height: 18px;
    background-position: -162px -270px
}

.icon-sign-m[data-v-e603cc0c] {
    width: 66px;
    height: 24px;
    background-position: -92px -264px
}

.icon-sign-l[data-v-e603cc0c] {
    width: 74px;
    height: 18px;
    background-position: -100px -10px
}

.grow-level[data-v-e603cc0c] {
    display: inline-block;
    width: 54px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon.png);
    background-position-y: -108px
}

.grow-level-1[data-v-e603cc0c] {
    background-position-x: -10px
}

.grow-level-2[data-v-e603cc0c] {
    background-position-x: -74px
}

.grow-level-3[data-v-e603cc0c] {
    background-position-x: -138px
}

.grow-level-4[data-v-e603cc0c] {
    background-position: -10px -142px
}

.grow-level-5[data-v-e603cc0c] {
    background-position: -74px -142px
}

.grow-level-6[data-v-e603cc0c] {
    background-position: -138px -142px
}

.cursor[data-v-e603cc0c] {
    cursor: pointer
}

.dialog-fade-enter-active[data-v-e603cc0c] {
    -webkit-animation: slide-down-in-data-v-e603cc0c .3s ease;
    animation: slide-down-in-data-v-e603cc0c .3s ease
}

.dialog-fade-leave-active[data-v-e603cc0c] {
    -webkit-animation: slide-down-out-data-v-e603cc0c .3s ease;
    animation: slide-down-out-data-v-e603cc0c .3s ease
}

@-webkit-keyframes slide-down-in-data-v-e603cc0c {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down-in-data-v-e603cc0c {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-down-out-data-v-e603cc0c {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes slide-down-out-data-v-e603cc0c {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.iconProdClass[data-v-e603cc0c], .setDefaultClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat
}

.iconProdClass[data-v-e603cc0c] {
    background-image: url(/main/images/prod_detail_v5.png?1b2664b)
}

.iconAIClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/_nuxt/img/assets/images/ai/icon_aigc_v2.png?4f849ce)
}

.iconCommonClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.iconVipClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_vip_v3.png?4430a03) no-repeat
}

.iconPersonal[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/personal_v2.png) no-repeat
}

.iconDetailClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/common/icon_v4.png) no-repeat
}

.iconLevelClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/level_icon_v3.png?65d3330) no-repeat
}

.iconUtilsClass[data-v-e603cc0c] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

.friend-link[data-v-e603cc0c] {
    padding-bottom: 30px;
    background-color: #171717
}

.friend-link .link-top[data-v-e603cc0c] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.friend-link .link-top p[data-v-e603cc0c] {
    font-size: 14px;
    color: #999
}

.friend-link .link-top .link-title[data-v-e603cc0c] {
    display: flex;
    font-size: 16px;
    color: #999
}

.friend-link .link-top .link-title > div[data-v-e603cc0c] {
    margin-right: 30px;
    padding-bottom: 5px;
    cursor: pointer
}

.friend-link .link-top .link-title .active[data-v-e603cc0c] {
    color: #f0f0f0
}

.friend-link .link-content[data-v-e603cc0c], .friend-link .recommend-content[data-v-e603cc0c] {
    display: flex;
    flex-wrap: wrap
}

.friend-link .link-content li[data-v-e603cc0c], .friend-link .recommend-content li[data-v-e603cc0c] {
    margin-right: 22px
}

.friend-link .link-content li a[data-v-e603cc0c], .friend-link .recommend-content li a[data-v-e603cc0c] {
    color: #666;
    font-size: 14px
}

    .friend-link .link-content li a[data-v-e603cc0c]:hover, .friend-link .recommend-content li a[data-v-e603cc0c]:hover {
        color: #999
    }

.f-12-666[data-v-1e75c4bb] {
    font-size: 12px;
    color: #666
}

.f-12-f0[data-v-1e75c4bb] {
    font-size: 12px;
    color: #f0f0f0
}

.f-12-bbb[data-v-1e75c4bb] {
    font-size: 12px;
    color: #bbb
}

.f-12-999[data-v-1e75c4bb] {
    font-size: 12px;
    color: #999
}

.f-14-f0[data-v-1e75c4bb] {
    font-size: 14px;
    color: #f0f0f0
}

.f-14-bbb[data-v-1e75c4bb] {
    font-size: 14px;
    color: #bbb
}

.f-14-333[data-v-1e75c4bb] {
    font-size: 14px;
    color: #333
}

.f-14-ff4f00[data-v-1e75c4bb] {
    font-size: 14px;
    color: rgb(30,180,200)
}

.f-14-666[data-v-1e75c4bb] {
    font-size: 14px;
    color: #666
}

.f-14-999[data-v-1e75c4bb] {
    font-size: 14px;
    color: #999
}

.f-14-f0f0f0-6[data-v-1e75c4bb], .f-14-f0f0f0[data-v-1e75c4bb] {
    color: #f0f0f0;
    font-size: 14px
}

.f-14-f0f0f0-6[data-v-1e75c4bb] {
    font-weight: 700
}

.f-16-f0f0f0-6[data-v-1e75c4bb], .f-16-f0f0f0[data-v-1e75c4bb] {
    color: #f0f0f0;
    font-size: 16px
}

.f-16-f0f0f0-6[data-v-1e75c4bb] {
    font-weight: 600
}

.f-center[data-v-1e75c4bb] {
    display: flex;
    align-items: center;
    justify-content: center
}

.w-full[data-v-1e75c4bb] {
    width: 100%
}

.h-full[data-v-1e75c4bb] {
    height: 100%
}

.justify-center[data-v-1e75c4bb] {
    justify-content: center
}

.fl[data-v-1e75c4bb] {
    float: left
}

.fr[data-v-1e75c4bb] {
    float: right
}

.clearfix[data-v-1e75c4bb] {
    zoom: 1
}

    .clearfix[data-v-1e75c4bb]:after {
        content: "";
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both
    }

.br4[data-v-1e75c4bb] {
    border-radius: 4px
}

.mask[data-v-1e75c4bb] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 10;
    display: none
}

.mask-main[data-v-1e75c4bb] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #363636;
    border-radius: 4px
}

.w-1200[data-v-1e75c4bb] {
    max-width: 1200px;
    margin: 0 auto
}

.inner[data-v-1e75c4bb] {
    width: 1200px;
    margin: 0 auto
}

.bg222[data-v-1e75c4bb] {
    background-color: #222
}

.bg333[data-v-1e75c4bb] {
    background-color: #333
}

.icon-v2[data-v-1e75c4bb] {
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

.cg-icon[data-v-1e75c4bb], .icon-v2[data-v-1e75c4bb] {
    display: inline-block
}

.cg-icon[data-v-1e75c4bb] {
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.trans1[data-v-1e75c4bb] {
    transition: all .1s ease
}

.trans2[data-v-1e75c4bb] {
    transition: all .2s ease
}

.trans3[data-v-1e75c4bb] {
    transition: all .3s ease
}

.trans4[data-v-1e75c4bb] {
    transition: all .4s ease
}

.trans5[data-v-1e75c4bb] {
    transition: all .5s ease
}

.flex[data-v-1e75c4bb] {
    display: flex
}

.mb-30[data-v-1e75c4bb] {
    margin-bottom: 30px
}

.tl[data-v-1e75c4bb] {
    text-align: left
}

.tc[data-v-1e75c4bb] {
    text-align: center
}

.tr[data-v-1e75c4bb] {
    text-align: right
}

.checked[data-v-1e75c4bb], .inline-block[data-v-1e75c4bb] {
    display: inline-block
}

.checked[data-v-1e75c4bb] {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat;
    background-position: -570px -590px
}

.underline[data-v-1e75c4bb] {
    text-decoration: underline
}

.t-over[data-v-1e75c4bb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flex-c[data-v-1e75c4bb] {
    display: flex;
    justify-content: center
}

.flex-a[data-v-1e75c4bb], .flex-ac[data-v-1e75c4bb] {
    display: flex;
    align-items: center
}

.flex-ac[data-v-1e75c4bb] {
    justify-content: center
}

.flex-b[data-v-1e75c4bb] {
    display: flex;
    justify-content: space-between
}

.input-text[data-v-1e75c4bb] {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.c-btn[data-v-1e75c4bb] {
    width: 180px;
    height: 44px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
    background-color: rgb(30,180,255)
}

    .c-btn[data-v-1e75c4bb], .c-btn[data-v-1e75c4bb]:hover, .popup-btn[data-v-1e75c4bb] {
        color: #f0f0f0
    }

.popup-btn-c[data-v-1e75c4bb], .popup-btn[data-v-1e75c4bb] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    background-color: rgb(30,180,255)
}

.popup-btn-c[data-v-1e75c4bb] {
    color: #f0f0f0;
    color: #999;
    background-color: #464646
}

.c-pagination[data-v-1e75c4bb] {
    display: flex;
    justify-content: center;
    margin: 40px 0
}

.c-pagination li[data-v-1e75c4bb] {
    background-color: #464646;
    border-radius: 4px;
    margin-right: 6px
}

.c-pagination li[data-v-1e75c4bb], .c-pagination li a[data-v-1e75c4bb] {
    display: flex;
    justify-content: center;
    align-items: center
}

.c-pagination li a[data-v-1e75c4bb] {
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: #f0f0f0
}

.c-pagination .active[data-v-1e75c4bb] {
    background-color: rgb(30,180,255)
}

.drop-down[data-v-1e75c4bb] {
    position: absolute;
    border-radius: 4px;
    background-color: #171717;
    border: 1px solid #303030;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.66);
    z-index: 11
}

.icon-level[data-v-1e75c4bb] {
    display: inline-block;
    width: 30px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_2.png);
    background-position-y: -72px
}

.icon-level-0[data-v-1e75c4bb] {
    background-position-x: -28px
}

.icon-level-1[data-v-1e75c4bb] {
    background-position-x: -61px
}

.icon-level-2[data-v-1e75c4bb] {
    background-position-x: -93px
}

.icon-level-5[data-v-1e75c4bb] {
    background-position-x: -230px
}

.icon-sign[data-v-1e75c4bb] {
    display: inline-block;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_v3.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.icon-sign-xs[data-v-1e75c4bb] {
    width: 45px;
    height: 18px;
    background-position: -230px -270px
}

.icon-sign-s[data-v-1e75c4bb] {
    width: 58px;
    height: 18px;
    background-position: -162px -270px
}

.icon-sign-m[data-v-1e75c4bb] {
    width: 66px;
    height: 24px;
    background-position: -92px -264px
}

.icon-sign-l[data-v-1e75c4bb] {
    width: 74px;
    height: 18px;
    background-position: -100px -10px
}

.grow-level[data-v-1e75c4bb] {
    display: inline-block;
    width: 54px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon.png);
    background-position-y: -108px
}

.grow-level-1[data-v-1e75c4bb] {
    background-position-x: -10px
}

.grow-level-2[data-v-1e75c4bb] {
    background-position-x: -74px
}

.grow-level-3[data-v-1e75c4bb] {
    background-position-x: -138px
}

.grow-level-4[data-v-1e75c4bb] {
    background-position: -10px -142px
}

.grow-level-5[data-v-1e75c4bb] {
    background-position: -74px -142px
}

.grow-level-6[data-v-1e75c4bb] {
    background-position: -138px -142px
}

.cursor[data-v-1e75c4bb] {
    cursor: pointer
}

.dialog-fade-enter-active[data-v-1e75c4bb] {
    -webkit-animation: slide-down-in-data-v-1e75c4bb .3s ease;
    animation: slide-down-in-data-v-1e75c4bb .3s ease
}

.dialog-fade-leave-active[data-v-1e75c4bb] {
    -webkit-animation: slide-down-out-data-v-1e75c4bb .3s ease;
    animation: slide-down-out-data-v-1e75c4bb .3s ease
}

@-webkit-keyframes slide-down-in-data-v-1e75c4bb {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down-in-data-v-1e75c4bb {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-down-out-data-v-1e75c4bb {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes slide-down-out-data-v-1e75c4bb {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.iconProdClass[data-v-1e75c4bb], .setDefaultClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat
}

.iconProdClass[data-v-1e75c4bb] {
    background-image: url(/main/images/prod_detail_v5.png?1b2664b)
}

.iconAIClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/_nuxt/img/assets/images/ai/icon_aigc_v2.png?4f849ce)
}

.iconCommonClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.iconVipClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_vip_v3.png?4430a03) no-repeat
}

.iconPersonal[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/personal_v2.png) no-repeat
}

.iconDetailClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/common/icon_v4.png) no-repeat
}

.iconLevelClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/level_icon_v3.png?65d3330) no-repeat
}

.iconUtilsClass[data-v-1e75c4bb] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

#waterfall[data-v-1e75c4bb] {
    width: 100%;
    position: relative;
    margin-top: 40px
}

@-webkit-keyframes show-card-data-v-1e75c4bb {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

@keyframes show-card-data-v-1e75c4bb {
    0% {
        transform: scale(.5)
    }

    to {
        transform: scale(1)
    }
}

#waterfall .pic-fall-item[data-v-1e75c4bb] {
    position: absolute;
    border-radius: 10px;
    transition: all .2s ease-out 0s;
    -webkit-animation: show-card-data-v-1e75c4bb .4s ease;
    animation: show-card-data-v-1e75c4bb .4s ease;
    cursor: pointer
}

#waterfall .pic-fall-item > img[data-v-1e75c4bb] {
    width: 100%;
    height: auto;
    height: 100%;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover
}

#waterfall .pic-fall-item[data-v-1e75c4bb]:hover {
    transform: translate3d(0,-5px,0)
}

[data-v-1e75c4bb] .custom-loading {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: -66px;
    width: 150px;
    height: 37px
}

    [data-v-1e75c4bb] .custom-loading .custom-loading-box .i-custom-loading {
        width: 30px;
        height: 30px;
        background-size: 30px 30px
    }

    [data-v-1e75c4bb] .custom-loading .custom-loading-box .laoding-tips {
        display: none
    }

.f-12-666[data-v-0082f14e] {
    font-size: 12px;
    color: #666
}

.f-12-f0[data-v-0082f14e] {
    font-size: 12px;
    color: #f0f0f0
}

.f-12-bbb[data-v-0082f14e] {
    font-size: 12px;
    color: #bbb
}

.f-12-999[data-v-0082f14e] {
    font-size: 12px;
    color: #999
}

.f-14-f0[data-v-0082f14e] {
    font-size: 14px;
    color: #f0f0f0
}

.f-14-bbb[data-v-0082f14e] {
    font-size: 14px;
    color: #bbb
}

.f-14-333[data-v-0082f14e] {
    font-size: 14px;
    color: #333
}

.f-14-ff4f00[data-v-0082f14e] {
    font-size: 14px;
    color: rgb(30,180,200)
}

.f-14-666[data-v-0082f14e] {
    font-size: 14px;
    color: #666
}

.f-14-999[data-v-0082f14e] {
    font-size: 14px;
    color: #999
}

.f-14-f0f0f0-6[data-v-0082f14e], .f-14-f0f0f0[data-v-0082f14e] {
    color: #f0f0f0;
    font-size: 14px
}

.f-14-f0f0f0-6[data-v-0082f14e] {
    font-weight: 700
}

.f-16-f0f0f0-6[data-v-0082f14e], .f-16-f0f0f0[data-v-0082f14e] {
    color: #f0f0f0;
    font-size: 16px
}

.f-16-f0f0f0-6[data-v-0082f14e] {
    font-weight: 600
}

.f-center[data-v-0082f14e] {
    display: flex;
    align-items: center;
    justify-content: center
}

.w-full[data-v-0082f14e] {
    width: 100%
}

.h-full[data-v-0082f14e] {
    height: 100%
}

.justify-center[data-v-0082f14e] {
    justify-content: center
}

.fl[data-v-0082f14e] {
    float: left
}

.fr[data-v-0082f14e] {
    float: right
}

.clearfix[data-v-0082f14e] {
    zoom: 1
}

    .clearfix[data-v-0082f14e]:after {
        content: "";
        height: 0;
        line-height: 0;
        display: block;
        visibility: hidden;
        clear: both
    }

.br4[data-v-0082f14e] {
    border-radius: 4px
}

.mask[data-v-0082f14e] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.5);
    z-index: 10;
    display: none
}

.mask-main[data-v-0082f14e] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #363636;
    border-radius: 4px
}

.w-1200[data-v-0082f14e] {
    max-width: 1200px;
    margin: 0 auto
}

.inner[data-v-0082f14e] {
    width: 1200px;
    margin: 0 auto
}

.bg222[data-v-0082f14e] {
    background-color: #222
}

.bg333[data-v-0082f14e] {
    background-color: #333
}

.icon-v2[data-v-0082f14e] {
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

.cg-icon[data-v-0082f14e], .icon-v2[data-v-0082f14e] {
    display: inline-block
}

.cg-icon[data-v-0082f14e] {
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.trans1[data-v-0082f14e] {
    transition: all .1s ease
}

.trans2[data-v-0082f14e] {
    transition: all .2s ease
}

.trans3[data-v-0082f14e] {
    transition: all .3s ease
}

.trans4[data-v-0082f14e] {
    transition: all .4s ease
}

.trans5[data-v-0082f14e] {
    transition: all .5s ease
}

.flex[data-v-0082f14e] {
    display: flex
}

.mb-30[data-v-0082f14e] {
    margin-bottom: 30px
}

.tl[data-v-0082f14e] {
    text-align: left
}

.tc[data-v-0082f14e] {
    text-align: center
}

.tr[data-v-0082f14e] {
    text-align: right
}

.checked[data-v-0082f14e], .inline-block[data-v-0082f14e] {
    display: inline-block
}

.checked[data-v-0082f14e] {
    content: "";
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat;
    background-position: -570px -590px
}

.underline[data-v-0082f14e] {
    text-decoration: underline
}

.t-over[data-v-0082f14e] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.flex-c[data-v-0082f14e] {
    display: flex;
    justify-content: center
}

.flex-a[data-v-0082f14e], .flex-ac[data-v-0082f14e] {
    display: flex;
    align-items: center
}

.flex-ac[data-v-0082f14e] {
    justify-content: center
}

.flex-b[data-v-0082f14e] {
    display: flex;
    justify-content: space-between
}

.input-text[data-v-0082f14e] {
    width: 770px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-indent: 20px
}

.c-btn[data-v-0082f14e] {
    width: 180px;
    height: 44px;
    font-size: 14px;
    border-radius: 4px;
    line-height: 44px;
    text-align: center;
    background-color: rgb(30,180,255)
}

    .c-btn[data-v-0082f14e], .c-btn[data-v-0082f14e]:hover, .popup-btn[data-v-0082f14e] {
        color: #f0f0f0
    }

.popup-btn-c[data-v-0082f14e], .popup-btn[data-v-0082f14e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 36px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    background-color: rgb(30,180,255)
}

.popup-btn-c[data-v-0082f14e] {
    color: #f0f0f0;
    color: #999;
    background-color: #464646
}

.c-pagination[data-v-0082f14e] {
    display: flex;
    justify-content: center;
    margin: 40px 0
}

.c-pagination li[data-v-0082f14e] {
    background-color: #464646;
    border-radius: 4px;
    margin-right: 6px
}

.c-pagination li[data-v-0082f14e], .c-pagination li a[data-v-0082f14e] {
    display: flex;
    justify-content: center;
    align-items: center
}

.c-pagination li a[data-v-0082f14e] {
    height: 38px;
    padding: 0 15px;
    font-size: 14px;
    color: #f0f0f0
}

.c-pagination .active[data-v-0082f14e] {
    background-color: rgb(30,180,255)
}

.drop-down[data-v-0082f14e] {
    position: absolute;
    border-radius: 4px;
    background-color: #171717;
    border: 1px solid #303030;
    box-shadow: 0 0 9px 1px rgba(0,0,0,.66);
    z-index: 11
}

.icon-level[data-v-0082f14e] {
    display: inline-block;
    width: 30px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_2.png);
    background-position-y: -72px
}

.icon-level-0[data-v-0082f14e] {
    background-position-x: -28px
}

.icon-level-1[data-v-0082f14e] {
    background-position-x: -61px
}

.icon-level-2[data-v-0082f14e] {
    background-position-x: -93px
}

.icon-level-5[data-v-0082f14e] {
    background-position-x: -230px
}

.icon-sign[data-v-0082f14e] {
    display: inline-block;
    background-image: url(https://ali-down.cg99.cn/user/level_icon_v3.png);
    background-repeat: no-repeat;
    background-position: 50%
}

.icon-sign-xs[data-v-0082f14e] {
    width: 45px;
    height: 18px;
    background-position: -230px -270px
}

.icon-sign-s[data-v-0082f14e] {
    width: 58px;
    height: 18px;
    background-position: -162px -270px
}

.icon-sign-m[data-v-0082f14e] {
    width: 66px;
    height: 24px;
    background-position: -92px -264px
}

.icon-sign-l[data-v-0082f14e] {
    width: 74px;
    height: 18px;
    background-position: -100px -10px
}

.grow-level[data-v-0082f14e] {
    display: inline-block;
    width: 54px;
    height: 24px;
    background-image: url(https://ali-down.cg99.cn/user/level_icon.png);
    background-position-y: -108px
}

.grow-level-1[data-v-0082f14e] {
    background-position-x: -10px
}

.grow-level-2[data-v-0082f14e] {
    background-position-x: -74px
}

.grow-level-3[data-v-0082f14e] {
    background-position-x: -138px
}

.grow-level-4[data-v-0082f14e] {
    background-position: -10px -142px
}

.grow-level-5[data-v-0082f14e] {
    background-position: -74px -142px
}

.grow-level-6[data-v-0082f14e] {
    background-position: -138px -142px
}

.cursor[data-v-0082f14e] {
    cursor: pointer
}

.dialog-fade-enter-active[data-v-0082f14e] {
    -webkit-animation: slide-down-in-data-v-0082f14e .3s ease;
    animation: slide-down-in-data-v-0082f14e .3s ease
}

.dialog-fade-leave-active[data-v-0082f14e] {
    -webkit-animation: slide-down-out-data-v-0082f14e .3s ease;
    animation: slide-down-out-data-v-0082f14e .3s ease
}

@-webkit-keyframes slide-down-in-data-v-0082f14e {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down-in-data-v-0082f14e {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-down-out-data-v-0082f14e {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

@keyframes slide-down-out-data-v-0082f14e {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-20px)
    }
}

.iconProdClass[data-v-0082f14e], .setDefaultClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat
}

.iconProdClass[data-v-0082f14e] {
    background-image: url(/main/images/prod_detail_v5.png?1b2664b)
}

.iconAIClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/_nuxt/img/assets/images/ai/icon_aigc_v2.png?4f849ce)
}

.iconCommonClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_240125.png?079e718) no-repeat
}

.iconVipClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_vip_v3.png?4430a03) no-repeat
}

.iconPersonal[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/personal_v2.png) no-repeat
}

.iconDetailClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/image/common/icon_v4.png) no-repeat
}

.iconLevelClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/level_icon_v3.png?65d3330) no-repeat
}

.iconUtilsClass[data-v-0082f14e] {
    display: inline-block;
    background-repeat: no-repeat;
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat
}

[data-v-0082f14e] #global-header {
    position: fixed;
    top: 0;
    z-index: 10
}

    [data-v-0082f14e] #global-header .container {
        width: 1820px
    }

.production-list-outer[data-v-0082f14e] {
    position: fixed;
    top: 70px;
    width: 100%;
    z-index: 5;
    background-color: rgba(0,0,0,.8);
    padding: 20px 0
}

.production-list-top[data-v-0082f14e] {
    width: 1840px;
    margin: 0 auto
}

    .production-list-top[data-v-0082f14e] .bread-menu {
        padding: 0 0 20px
    }

.production-list-top .view-works-list[data-v-0082f14e] {
    display: flex;
    justify-content: space-between
}

.production-list-top .view-works-list .cate-list[data-v-0082f14e] {
    display: flex
}

.production-list-top .view-works-list .cate-list .cate-item[data-v-0082f14e] {
    height: 36px;
    line-height: 36px;
    color: #bbb;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px
}

    .production-list-top .view-works-list .cate-list .cate-item[data-v-0082f14e]:hover {
        background-color: #262626
    }

.production-list-top .view-works-list .cate-list .cate-item.active[data-v-0082f14e] {
    color: #fff;
    background-color: #26bbff
}

    .production-list-top .view-works-list .cate-list .cate-item.active[data-v-0082f14e]:hover {
        background-color: #26bbff
    }

.production-list-top .view-works-list .nav-right[data-v-0082f14e] {
    display: flex;
    align-items: center;
    z-index: 5
}

.production-list-top .view-works-list .nav-right .nav-right-title[data-v-0082f14e] {
    margin-right: 10px
}

.production-list-top .view-works-list .nav-right .drop-box[data-v-0082f14e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 141px;
    height: 36px;
    color: #bbb;
    border-radius: 5px;
    border: 1px solid #555;
    background-color: transparent;
    padding: 0 14px;
    cursor: pointer
}

    .production-list-top .view-works-list .nav-right .drop-box[data-v-0082f14e]:first-of-type {
        margin-right: 16px
    }

.production-list-top .view-works-list .nav-right .drop-box > p[data-v-0082f14e] {
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.production-list-top .view-works-list .nav-right .drop-box .icon-drop-down[data-v-0082f14e]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 17px;
    display: inline-block;
    border: 4px solid transparent;
    border-top-color: #fff;
    height: 0
}

.production-list-top .view-works-list .nav-right .drop-box .drop-list[data-v-0082f14e] {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    flex-direction: column;
    width: 100%;
    background-color: #2e2e2e;
    border: 1px solid #555;
    border-radius: 5px
}

.production-list-top .view-works-list .nav-right .drop-box .drop-list .drop-item[data-v-0082f14e] {
    font-size: 14px;
    color: #999;
    height: 36px;
    line-height: 36px;
    padding: 0 14px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

    .production-list-top .view-works-list .nav-right .drop-box .drop-list .drop-item[data-v-0082f14e]:hover {
        color: #bbb;
        background-color: #3c3c3c
    }

    .production-list-top .view-works-list .nav-right .drop-box .drop-list .drop-item[data-v-0082f14e]:first-child {
        margin-top: 6px
    }

.production-list-top .view-works-list .nav-right .drop-box:hover .drop-list[data-v-0082f14e] {
    display: flex
}

.production-list-top .roll-nav[data-v-0082f14e] {
    position: relative;
    margin: 20px 44px 0
}

.production-list-top .roll-nav .roll-item[data-v-0082f14e] {
    height: 40px;
    width: 141px;
    line-height: 40px;
    text-align: center;
    color: #bbb;
    padding: 0 25px;
    background-color: #262626;
    border-radius: 5px;
    border: 1px solid transparent;
    cursor: pointer
}

    .production-list-top .roll-nav .roll-item.active[data-v-0082f14e], .production-list-top .roll-nav .roll-item.active[data-v-0082f14e]:hover, .production-list-top .roll-nav .roll-item[data-v-0082f14e]:hover {
        border: 1px solid rgb(30,180,200);
        color: rgb(30,180,200)
    }

.production-list-top .roll-nav .arrow[data-v-0082f14e] {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 40px;
    background-color: #262626;
    cursor: pointer;
    border-radius: 5px
}

.production-list-top .roll-nav .arrow.arrow-l[data-v-0082f14e] {
    left: -44px
}

.production-list-top .roll-nav .arrow.arrow-r[data-v-0082f14e] {
    right: -44px
}

.production-list-top .roll-nav .arrow .i-arrow-l[data-v-0082f14e] {
    background-position: -408px -149px
}

.production-list-top .roll-nav .arrow .i-arrow-l[data-v-0082f14e], .production-list-top .roll-nav .arrow .i-arrow-r[data-v-0082f14e] {
    width: 13px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/main/images/prod_detail_v5.png?1b2664b);
    cursor: pointer;
    vertical-align: -1px
}

.production-list-top .roll-nav .arrow .i-arrow-r[data-v-0082f14e] {
    background-position: -448px -149px
}

.production-list-top .roll-nav .arrow:hover .i-arrow-l[data-v-0082f14e] {
    background-position: -421px -149px
}

.production-list-top .roll-nav .arrow:hover .i-arrow-r[data-v-0082f14e] {
    background-position: -435px -149px
}

.production-list[data-v-0082f14e] {
    padding-top: 212px
}

.production-list .production-list-main[data-v-0082f14e] {
    width: 1840px;
    margin: 0 auto
}

.production-list .production-list-main .no-content-tips[data-v-0082f14e] {
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 14px;
    margin: 34px 0 54px
}

.swiper-container[data-v-0082f14e] {
    width: 100%
}

.swiper-slide[data-v-0082f14e] {
    width: auto
}

[data-v-0082f14e] #waterfall {
    margin-top: 30px
}

.pic-fall-item[data-v-0082f14e] {
    position: relative
}

.pic-fall-item .box-desc[data-v-0082f14e] {
    position: absolute;
    top: 10px;
    right: 14px;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.pic-fall-item .box-desc > [data-v-0082f14e] {
    margin-bottom: 10px
}

.pic-fall-item .box-desc .icon-original[data-v-0082f14e] {
    width: 35px;
    background-position: -172px -20px
}

.pic-fall-item .box-desc .icon-original[data-v-0082f14e], .pic-fall-item .box-desc .icon-prod-ai[data-v-0082f14e] {
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/main/images/prod_detail_v5.png?1b2664b);
    cursor: pointer;
    vertical-align: -1px
}

.pic-fall-item .box-desc .icon-prod-ai[data-v-0082f14e] {
    width: 30px;
    background-position: -461px -20px
}

.pic-fall-item .box-desc .icon-model[data-v-0082f14e] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/main/images/prod_detail_v5.png?1b2664b);
    cursor: pointer;
    vertical-align: -1px;
    background-position: -346px -314px
}

.pic-fall-item .box-desc .include-model[data-v-0082f14e] {
    border-radius: 6px;
    background-color: rgba(0,0,0,.5);
    padding: 5px;
    display: flex;
    align-items: center;
    position: relative
}

.pic-fall-item .box-desc .include-model > span[data-v-0082f14e] {
    position: absolute;
    top: 0;
    right: 30px;
    font-size: 12px;
    padding: 5px 10px 5px 5px;
    background-color: rgba(0,0,0,.5);
    border-radius: 6px 0 0 6px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    height: 100%;
    display: flex;
    align-items: center
}

.pic-fall-item .box-desc .include-model[data-v-0082f14e]:hover {
    border-radius: 0 6px 6px 0
}

.pic-fall-item .box-desc .include-model:hover > span[data-v-0082f14e] {
    opacity: 1;
    visibility: visible;
    transition: all .3s
}

.pic-fall-item .prod-mask-outer[data-v-0082f14e] {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    opacity: 0;
    visibility: hidden;
    transition: all .2s
}

.pic-fall-item .prod-mask-outer .prod-mask[data-v-0082f14e] {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.8))
}

.pic-fall-item .prod-mask-outer .prod-title[data-v-0082f14e] {
    position: absolute;
    left: 16px;
    bottom: 34px;
    max-width: 318px;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pic-fall-item .prod-mask-outer .prod-user-info[data-v-0082f14e] {
    position: absolute;
    left: 16px;
    bottom: 10px;
    display: flex;
    justify-content: space-between
}

.pic-fall-item .prod-mask-outer .prod-user-info .author-avatar[data-v-0082f14e] {
    display: flex
}

.pic-fall-item .prod-mask-outer .prod-user-info .author-avatar img[data-v-0082f14e] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px
}

.pic-fall-item .prod-mask-outer .prod-user-info .author-avatar .prod-user-name[data-v-0082f14e] {
    font-size: 12px;
    color: #888;
    line-height: 24px
}

.pic-fall-item .prod-mask-outer .prod-info-view[data-v-0082f14e] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    font-size: 12px;
    color: #666;
    line-height: 24px
}

.pic-fall-item .prod-mask-outer .prod-info-view i[data-v-0082f14e] {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: url(/main/images/icon_v2_20240124.png?8f3ee03) no-repeat;
    background-position: -181px -21px;
    vertical-align: -2px
}

.pic-fall-item:hover .prod-mask-outer[data-v-0082f14e] {
    opacity: 1;
    visibility: visible
}

.back-top-box[data-v-0082f14e] {
    position: fixed;
    right: 20px;
    bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.5);
    border-radius: 5px;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer
}

.back-top-box .icon-aside-top[data-v-0082f14e] {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/main/images/prod_detail_v5.png?1b2664b);
    background-position: -388px -263px
}

.back-top-box:hover .icon-aside-top[data-v-0082f14e] {
    background-position: -388px -286px
}

[data-v-0082f14e] .bread-menu {
    color: #666;
    line-height: 1;
    padding: 20px 0
}

@media screen and (max-width:1800px) {
    .production-list-top[data-v-0082f14e], [data-v-0082f14e] #global-header .container {
        width: 1500px
    }

    .production-list-top .view-works-list .nav-right .drop-box[data-v-0082f14e] {
        width: 147px
    }

    .production-list-top .view-works-list .cate-list .cate-item[data-v-0082f14e] {
        padding: 0 16px;
        margin-right: 8px
    }

    .production-list .production-list-main[data-v-0082f14e], .production-list .top-ad[data-v-0082f14e] {
        width: 1500px
    }

    [data-v-0082f14e] .roll-nav .explore {
        margin-right: 0
    }

    [data-v-0082f14e] .roll-nav .nav-body .nav-list-box {
        width: 1376px !important
    }

        [data-v-0082f14e] .roll-nav .nav-body .nav-list-box .nav-list .nav-item, [data-v-0082f14e] .roll-nav .nav-body .nav-list-box .nav-list .nav-item .mask-box {
            width: 160px
        }

            [data-v-0082f14e] .roll-nav .nav-body .nav-list-box .nav-list .nav-item .mask-box:after {
                width: 158px
            }
}

@media screen and (max-width:1500px) {
    .production-list-top[data-v-0082f14e], .production-list .production-list-main[data-v-0082f14e], [data-v-0082f14e] #global-header .container {
        width: 1200px
    }

    .production-list-top .view-works-list .nav-right .drop-box[data-v-0082f14e] {
        width: 125px
    }

    .production-list-top .view-works-list .cate-list .cate-item[data-v-0082f14e] {
        padding: 0 6px;
        margin-right: 4px
    }

    [data-v-0082f14e] .roll-nav .explore {
        margin-right: 0
    }

    [data-v-0082f14e] .roll-nav .nav-body .nav-list-box {
        width: 1120px !important
    }

        [data-v-0082f14e] .roll-nav .nav-body .nav-list-box .nav-list .nav-item {
            width: 128px
        }

            [data-v-0082f14e] .roll-nav .nav-body .nav-list-box .nav-list .active .nav-item-content .mask-box:after, [data-v-0082f14e] .roll-nav .nav-body .nav-list-box .nav-list .nav-item .nav-item-content .mask-box:after {
                width: 126px
            }
}