/* zerofoam主题首页CSS开始
作者：陈沫
发布时间：2024.01.16 */
@charset "utf-8";:root {
    --theme-color: #f1404b;
    --focus-color: var(--theme-color);
    --muted-color: #999;
    --main-radius: 8px;
    --main-bg-color: #fff;
    --main-border-color: rgba(130,130,130,0.15);
    --muted-border-color: aliceblue;
}

.navbar-brand .logo-light {
    max-height: 35px !important;
}

.vditor--fullscreen {
    top: 25px !important;
}

.simplebar-mask {
    background: #FFF;
}

.table-responsive {
  overflow-x: auto !important;  
}

.comment-list .profile {
    margin-right: 10px;
}

.comment-list .comment-text .comment-meta .info i {
    margin-right: 2px;
}

.comment-list .comment-text .comment-meta {
    font-size: 12px;
    color: #6c757d;
}

@media (max-width: 500px) {
    .body-wrapper .container-fluid .card-body #content-status-filter-wrap.abi-new-post>.row>.border-bottom .hstack .d-flex {
        flex-wrap: wrap;
    }
    
    .body-wrapper .container-fluid .card-body #content-status-filter-wrap.abi-new-post>.row>.border-bottom .hstack button.btn.btn-outline-light {
        margin: 5px !important;
    }
    
    .gap-3 {
        gap: unset !important;
    }
}

.carousel-control-prev, .carousel-control-next {
    transform: none;
}

/* 首页通知栏开始 */
.zero-bannernotice {
    width:100%;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    letter-spacing: 2px;
    font-size: 14px;
}

/* 首页底部广告 */
.home_link_ad .apd-home a img {
    width: 100%;
}

/* 首页自动广告开始 */

.io-pay-box .pay-box-body {
    color: #232529
}

.zero-home-autoad .auto-ad-url.my-4 {
    margin-top: 0 !important;
}

.auto-ad-url>.card.io-radius {
    padding: 20px !important;
}

.io-ajax-auto .auto-ad-name {
    margin-left: .5rem;
}

.overflowClip_1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.overflowClip_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.overflowClip_2 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 500px) {
    .auto-ad-url>.card.io-radius {
        padding: 10px !important;
    }
    
    .auto-ad-url>.card.io-radius>.card-head.pt-2 {
        padding-top: 0px !important;
    }
    
    .auto-ad-url .io-radius .card-head .text-sm {
        font-size: 16px !important;
    }
}

.auto-ad-url .io-radius .card-head .text-sm {
    font-size: 18px;
}

.auto-ad-url .io-radius .card-head .text-sm>i {
    margin-right: 10px;
}

.auto-ad-url .auto-ad-img {
    width: 14px;
    min-width: 14px;
    height: 14px;
    line-height: 14px
}

.auto-ad-url .auto-ad-img img {
    width: 100%;
    height: 100%;
    vertical-align: unset
}

.auto-ad-url .auto-url-list {
    background: var(--muted-border-color);
    border-radius: 6px;
}

.auto-ad-url .io-radius a.io-ajax-modal-get.ml-auto {
    margin-left: auto;
}

.auto-ad-url .io-radius a.io-ajax-modal-get {
    color: #fff!important;
    background: #f60;
    padding: 0px 10px;
    padding-right: 6px;
    line-height: 24px!important;
    margin: 5px 0px; 
    height: 24px;
    border-radius: 20px;
    white-space: nowrap;
}

.auto-list-null {
    opacity: .5
}

.auto-list-null .auto-ad-name {
    background: var(--main-border-color);
    height: 11px;
    width: 50%;
    margin: 5px 0;
    border-radius: 4px
}

@media (max-width: 768px) {
    .auto-list-null {
        display: none;
    }
}

.header-big .auto-ad-url .card {
    color: #eee;
    background: rgba(100,100,100,0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.header-big .auto-ad-url a {
    color: #fff
}

.header-big .auto-ad-url {
    --main-border-color: rgba(255,255,255,0.1);
    --muted-border-color: rgba(10,12,15,0.3)
}

@media (min-width: 768px) {
    .auto-ad-url .auto-ad-img {
        width:21px;
        min-width: 21px;
        height: 21px;
        line-height: 21px
    }
}

.tips-box {
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    padding: .3em .6em;
    text-align: center;
    --this-color: #666
}

.tips-box.vc-yellow.ajax-custom-product-val {
    display: inline;
    background-color: var(--bs-primary);
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-right: 4px;
    font-weight: 300;
    vertical-align: middle;
}

.tips-top-l {
    position: absolute;
    padding: 2px 9px;
    font-size: 12px;
    top: 3px;
    left: 3px;
    color: var(--focus-color);
    border-radius: var(--main-radius);
    border: 1px dashed var(--focus-color);
    transition: .3s
}

.tips-tag {
    font-size: 12px;
    padding: 4px 8px;
    background: var(--this-bg);
    color: var(--this-color);
    border-radius: 4px;
    line-height: 1;
    --this-color: #fff;
    --this-bg: #f1404b
}

.p--t--r {
    position: absolute;
    transform: scale(.9);
    top: -10px;
    right: -8px;
}

.p-t-l {
    position: absolute;
    top: 3px;
    left: 3px
}

.p-t-r {
    position: absolute;
    top: 3px;
    right: 3px
}

.p-l {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%)
}

.vc-yellow {
    --this-color: #fff6f0;
    --this-hover-color: #ffffff;
    --this-bg: #ff6f06;
    --this-hover-bg: #d2691e;
    --this-shadow-bg: rgba(211,103,27,0.7)
}

.badge {
    font-weight: normal;
    line-height: 1.2;
    padding: 1px 5px;
    border-radius: 50px
}

.btn-block {
    display: block;
    width: 100%;
}

.badge.vc-red.text-ss.mr-1 {
    display: inline;
    background-color: var(--bs-primary);
    color: #fff;
    padding: 2px;
    border-radius: 4px;
    margin-right: 4px;
    font-weight: 300;
    font-size: min(2rem, 80%);
    vertical-align: middle;
}

.vc-blue {
    --this-color: #daeeff;
    --this-hover-color: #ffffff;
    --this-bg: #2997f7;
    --this-hover-bg: #237ece;
    --this-shadow-bg: hsla(208,77%,45%,0.7)
}

.vc-l-red {
    --this-color: #f1404b;
    --this-hover-color: #ffffff;
    --this-bg: rgba(255,84,115,0.1);
    --this-hover-bg: #f1404b;
    --this-shadow-bg: rgba(207,56,84,0.7)
}

.modal .modal-dialog .modal-content .io-modal-content .bg-muted {
    background: var(--muted-border-color)!important;
    font-size: 12px;
}

.modal .modal-dialog .modal-content .io-modal-content .tips-box.btn-block {
    color: var(--this-color);
    background: var(--this-bg);
    border: 1px solid var(--this-border);
    box-shadow: var(--this-shadow);
    transition: .2s;
    --this-shadow: none;
    font-size: 12px;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn.vc-blue {
    --this-color: #daeeff !important;
    --this-hover-color: #ffffff !important;
    --this-bg: #2997f7 !important;
    --this-hover-bg: #237ece !important;
    --this-shadow-bg: hsla(208,77%,45%,0.7) !important;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn.btn-shadow {
    --this-shadow: 0px 12px 20px -8px var(--this-shadow-bg) !important;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn.btn-block {
    color: var(--this-color);
    background: var(--this-bg);
    border: 1px solid var(--this-border);
    transition: .2s;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn.btn-block:hover {
    box-shadow: var(--this-shadow);
    background: var(--this-hover-bg);
    color: var(--this-hover-color);
}

.modal .modal-dialog .modal-content .io-modal-content form small.form-text {
    display: block;
    font-size: 14px;
}

.modal .modal-dialog .modal-content .io-modal-content form small.form-text>i {
    margin-right: 5px;
}

.modal .modal-dialog .modal-content .io-modal-content .bg-blur .user-bind-from .form-group .form-control {
    background-color: #ffffff;
}

.modal .modal-dialog .modal-content .io-modal-content .bg-blur .user-reset-password {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    text-align: center;
}

.modal .modal-dialog .modal-content .io-modal-content .form-control {
    font-size: .875rem;
    color: #6d6e74;
    border: 1px solid #f1f3f6;
    background-color: #f1f3f6
}

.modal .modal-dialog .modal-content .io-modal-content .form-control:focus {
    border: 1px solid #f1f3f6;
    background-color: #f1f3f6;
    box-shadow: none
}

.modal .modal-dialog .modal-content .io-modal-content .form-control::-webkit-input-placeholder {
    color: #888a8f;
    opacity: 1
}

.modal .modal-dialog .modal-content .io-modal-content .form-control::-moz-placeholder {
    color: #888a8f;
    opacity: 1
}

.modal .modal-dialog .modal-content .io-modal-content .form-control:-ms-input-placeholder {
    color: #888a8f;
    opacity: 1
}

.modal .modal-dialog .modal-content .io-modal-content .form-control::-ms-input-placeholder {
    color: #888a8f;
    opacity: 1
}

.modal .modal-dialog .modal-content .io-modal-content .form-control::placeholder {
    color: #888a8f;
    opacity: 1
}

.modal .modal-dialog .modal-content .io-modal-content .form-control:disabled,.form-control[readonly] {
    background-color: #f1f3f6;
    opacity: 1;
    color: #0d131b
}

/* 首页手机端开始（自适应） */
@media (max-width: 768px) {
    .zero-bannernotice .z-notice-text {
        white-space: nowrap;
        justify-content: flex-start;
        display: block;
        font-size: 12px;
        overflow: visible;
        animation: scroll 25s linear infinite;
    }
    
    @keyframes scroll {
        0% {
            transform: translateX(70%)
        }
        100% {
            transform: translateX(-100%);
        }
    }
    
    .z-wap-home .zero-home-autoad>.container {
        display: none;
    }
    
    .z-wap-home .pt-5 {
        padding-top: 0 !important;
    }
    
    .z-wap-home .pb-8 {
        padding-bottom: 20px !important;
    }
    
    .z-wap-home .pt-1 {
        padding-top: 15px !important;
    }
    
    .z-wap-home.py-5 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .zero-site-plus .z-banner-wap .card {
        padding: 10px !important;
        border-radius: unset !important;
    }
    
    .z-wap-home .z-banner-wap .zeromo-home-pic {
        margin-bottom: 0px !important;
    }
    
    .z-wap-home .zero-site-plus .card {
        margin-bottom: 10px !important;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links {
        width: 25% !important;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links:last-child {
        display: none;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links h5 {
        font-size: 14px !important;
        font-weight: 500 !important;
        display: inline !important;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links h5 a:last-child {
        display: none ;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links .d-flex {
        flex-direction: column;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links .d-flex .zeromo-dflex {
        flex-direction: column;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links .d-flex .zeromo-dflex i {
        margin-right: unset !important;
        margin-bottom: 10px;
    }
    
    .z-wap-home .zero-site-plus .zeromo-group-links .zeromo-group-itea {
        display: none !important;
    }
    
    .z-wap-home .zero-site-push .zwap-site-pro {
        padding: 0 !important;
        background: unset !important;
        border: unset !important;
        box-shadow: unset !important;
    }
    
    .z-wap-home .zero-site-push .zwap-site-pro .item-profile-tab {
        width: 100%;
        gap: 10px;
        display: flex;
        flex-wrap: nowrap;
    }
    
    .z-wap-home .zero-site-push .zwap-site-pro .item-profile-tab .nav-item {
        width: 50%;
        text-align: center;
        background-color: #FFF;
        border-radius: 5px;
    }
    
    .z-wap-home .zero-site-push .zwap-site-pro .item-profile-tab .nav-item button {
        width: 100%;
    }
    
    .z-banner-wap {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .z-banner-wap .row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    .z-banner-wap .row>* {
        padding-right: 0 !important;
        padding-left: 0 !important; 
    }
    
    .z-banner-wap .carousel-inner {
        height: 200px !important;
        border-radius: 0 !important;
    }
    
    /* 每日推荐手机端开始 */
    [id^='zeromo-home-'] .zero-pro-list {
        gap: unset !important;
        margin-top: 15px !important;
    }
    
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item {
        border: unset !important;
        justify-content: center !important;
        padding: 5px 0px !important;
    }
    
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .d-flex {
        flex-direction: column;
    }
    
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-img {
        width: 50px !important;
        height: 50px !important;
        border-radius: 10px !important;
        box-shadow: 1px 0 20px 0 rgba(0,0,0,.12);
        background-color: #FFF;
    }
    
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-img img {
        border-radius: 50%;
        transform: scale(0.7);
    }
    
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-name {
        margin-left: unset !important;
        margin-top: 10px;
        font-size: 12px;
        text-align: center;
        width: 100% !important;
        color: #6B6B6B;
    }
    
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-icon {
        display: none !important;
    }
    
    .zeromo-home-pic .z-pic-item .z-pic-banner {
        max-height: 200px !important;
        height: 200px !important;
    }
    
    .zero-tab .zwap-tab-title {
        margin-bottom: 10px;
    }
    
    .zero-tab .zwap-tab {
        height: 40px;
    }
    
    .zero-tab .zeromo-list-title {
        overflow: auto;
    }
    
    .zero-tab .z-home-title {
        font-size: 18px !important;
        margin-bottom: 0 !important;
    }
    
    .zero-tab .z-home-more {
        height: 25px !important;
        padding: 0px 0px 0 10px !important;
        font-size: 12px;
    }
    
    .zeromo-list-title .items a strong {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    
    .zeromo-list-title .items a {
        margin: 5px !important;
    }
    
    .zeromo-list-title .items strong {
        display: inline !important;
    }
    
    .zeromo-site-list .zero-sitelist .z-sites-item {
        margin-bottom: 5px;
    }
    
    .zeromo-site-list .zero-sitelist .p-3 {
        padding: 12px !important;
    }
    
    .zeromo-site-list .zero-sitelist .z-sites .z-sites-img {
        width: 25px !important;
        height: 25px !important;
    }
    
    .zeromo-site-list .zero-sitelist .z-sites .z-sites-info .z-sites-name {
        font-size: 14px !important;
    }
    
    .zeromo-site-list .zero-sitelist .z-sites .z-sites-info .z-sites-inc {
        -webkit-line-clamp: 1 !important; 
        height: 15px !important;
    }
    
    .zwap-sidebar {
        margin-top: 20px;
    }
    
    .zeromo-site-list .zwap-sidebar {
        margin-top: 20px;
    }
    
    .zeromo-list-item .z-item-wrap {
        height: 145px !important;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title {
        font-size: 16px !important;
        padding: 10px 20px 5px 20px !important;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list {
        padding: 0px !important;
        width: 25%;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content {
        flex-direction: column;
        background-color: unset !important;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content img {
        background-color: #FFF;
        width: 55px !important;
        height: 55px !important;
        padding: 8px;
        border-radius: 10px !important;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta {
        margin-left: unset !important;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta h5 {
        font-size: 14px !important;
        font-weight: 400 !important;
        width: 100%;
        margin-top: 10px;
    }
    
    .zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list a .site-content .site-content-meta .site-content-meta-intd {
        display: none !important;
    }
    
    /* 首页文章开始 */
    .zeromo-article-list .z-article-bg {
        height: 185px !important;
    }
    
    .zeromo-article-list .z-article-bg.card {
        margin-bottom: 5px !important;
    }
    
    .zeromo-article-list .z-article-bg .z-bg-hover {
        display: flex;
    }
    
    .zeromo-article-list .z-article-bg .z-bg-hover .z-article-list.mt-3 {
        margin-top: 0 !important;
    }
    
    .zeromo-article-list .z-article-bg .z-article-img {
        height: 120px !important;
        margin-right: 10px;
        width: 120px;
    }
    
    .zeromo-article-list .z-article-list .z-article-title {
        font-size: 15px !important;
        height: unset !important;
        max-height: 45px;
    }
    
    .zeromo-article-list .z-article-bg .z-article-list .z-article-int {
        margin-top: 5px;
        padding: 6px !important;
    }
    
    .zeromo-article-list .z-article-bg .z-article-list .z-article-height {
        height: 135px !important;
    }
    
    /* 无图片文章开始 */
    .zeromo-article-list .z-article-nobg {
        height: 185px !important;
    }
    
    .zeromo-article-list .z-article-nobg::before {
        content: '';
        display: block;
        width: 250px;
        height: 250px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 0 0 100% 0;
        background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
    }
    
    .zeromo-article-list .z-article-nobg::after {
        content: '';
        display: block;
        width: 80px;
        height: 80px;
        position: absolute;
        right: 10px;
        bottom: 35px;
        border-radius: 100% 100% 100% 100%;
        background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
    }
    
    .zeromo-article-list .z-article-nobg.card {
        margin-bottom: 5px !important;
    }
    
    .z-article-nobg .z-nobg-body {
        margin-top: 0 !important;
        height: 135px !important;
        z-index: 99;
    }
    
    .z-article-nobg .z-nobg-header .z-nobg-title h5 {
        font-size: 15px !important;
        -webkit-line-clamp: 1 !important;
        height: 20px !important;
    }
    
    .z-article-nobg .z-nobg-header .z-nobg-sum {
        -webkit-line-clamp: 2 !important;
        font-size: 13px !important;
        height: 40px;
    }
    
    .z-article-nobg .z-nobg-header .z-nobg-sum span p {
        margin-bottom: 5px !important;
    }
    
    .z-article-nobg .z-nobg-comment {
        margin-top: 5px !important;
    }
    
    .z-article-nobg .z-nobg-comment .d-flex {
        justify-content: flex-end !important;
    }
    
    .z-article-nobg .z-nobg-comment .comment-pic {
        margin-right: 5px;
    }
    
    .z-article-nobg .z-nobg-comment .comment-content {
        background-color: unset !important;
        padding: unset !important;
        margin-top: 10px !important;
        text-align: center;
    }
    
    .z-article-nobg .z-nobg-comment .comment-content span {
        -webkit-line-clamp: 1 !important;
    }
    
    .z-article-nobg .z-nobg-comment .d-flex::before {
        content: "";
        flex: 1 1;
        border-bottom: 1px solid #efefef;
        margin: auto;
        margin-right: 5px;
    }
    
    /*.z-article-nobg .z-nobg-comment .d-flex::after {
        content: "";
        flex: 1 1;
        border-bottom: 1px solid #efefef;
        margin: auto;
        margin-left: 5px;
    }*/
    
    .zeromo-article-list .z-article-rank {
        height: 285px !important;
    }
    
    .zeromo-article-list .z-article-rank.card {
        margin-bottom: 10px !important;
    }
    
    .zeromo-article-list .z-rank-title {
        font-size: 16px !important;
    }
    
    .zeromo-post-list .zwap-sidebar {
        margin-top: 10px;
    }
    
    .zeromo-post-list .zwap-sidebar .z-article-rank .homerank-list {
        width: 100%;
        column-count: 2;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item {
        width: 100%;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-pic {
        height: 100px !important;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-pic img {
        opacity: 1 !important;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-num {
        display: none;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-pic::after {
        display: none !important;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-pic .homerank-info {
        width: 100%;
        overflow: hidden;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-title {
        bottom: 5px;
        position: absolute;
        margin-left: unset !important;
        width: unset !important;
        -webkit-line-clamp: 1 !important;
        z-index: 99;
        font-weight: 500;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-info::after {
        content: '';
        background-color: #ffffff;
        opacity: 0.85;
        width: 100%;
        height: 30px;
        position: absolute;
        left: 0;
        bottom: -1px;
    }
    
    .zwap-sidebar .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-hot {
        position: absolute;
        right: 0;
        top: 0;
        background: #ff6600c7;
        color: #FFF !important;
        padding: 0px 5px;
        border-radius: 0px 0px 0px 5px;
    }
    
    .zeromo-model-list .zero-modellist {
        
    }
    
    .zeromo-model-list .zero-modellist .z-model-list {
        width: 50% !important;
        margin-top: 10px !important;
    }
    
    .zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic {
        height: 150px !important;
    }
    
    /* 首页商品开始 */
    .zeromo-buy-list .zero-buylist .z-siteweb {
        width: 50% !important;
    }
    
    .zeromo-buy-list .zero-buylist .z-buy {
        width: 50% !important;
    }
    
    .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img::after {
        display: none;
    }
    
    .zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img .z-web-br {
        display: none !important;
    }
    
    .z-buy .z-buy-img img {
        width: 100%;
        height: 100%;
    }
    
    .z-buy .card {
        padding: 0 !important;
        overflow: hidden;
    }
    
    .z-buy .z-buy-info {
        padding: 10px !important;
    }
    
    .z-buy .z-buy-info {
        margin-top: 0 !important;
    }
    
    .z-buy .z-buy-info .z-buy-service {
        display: none !important;
    }
    
    .z-buy .z-buy-img {
        border-radius: 0px !important;
    }
    
    .z-buy .z-buy-info .z-buy-price {
        margin-top: 0 !important;
        position: relative;
    }
    
    .z-buy .z-buy-price .z-price {
        font-size: 15px !important;
        position: absolute;
        right: 5px;
        bottom: 5px;
    }
    
    .z-buy .z-buy-price .btn {
        display: none;
    }
    
    .z-buy .z-buy-info .z-buy-author {
        margin-top: 5px !important;
        padding: 5px !important;
    }
    
    .zero-buylist .card {
        margin-bottom: 10px !important;
    }
    
    .zwap-sidebar .z-buy-hot {
        display: none;
    }
    
    .zwap-sidebar .z-model-hot {
        display: none;
    }
    
    /* 首页创作者开始 */
    .zero-author .zeromo-author-list .z-author-h5 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }
    
    .zero-author .zeromo-author-a {
        width: 50% !important;
    }
    
    .zero-author .zeromo-author-a:nth-child(3) {
        display: none;
    }
    
    .zero-author .zeromo-author-a .z-author-newpost {
        display: none;
    }
    
    .zero-author .zeromo-author-a .z-author {
        height: 150px !important;
        padding: 10px !important;
    }
    
    .zero-author .zeromo-plan-a .z-author {
        height: auto !important;
        padding: 15px;
        margin-bottom: 15px !important;
    }
    
    .zero-author .zeromo-plan-a .z-author .z-author-content {
        background-color: #FFFFFFE3 !important;
        padding: 20px !important;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content h3 {
        font-size: 18px !important;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content h3 i {
        font-size: 25px !important;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content .z-content-int {
        font-size: 14px !important;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content .d-flex.align-items-center.justify-content-between.mt-3 {
        display: none !important;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content .zeromo-joinbtn {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content .zeromo-joinbtn .z-author-more {
        display: block !important;
        width: 50%;
        background-color: #ff6000;
        border: 1px solid #ff6000;
        color: #fff;
    }
    
    .zero-author .zeromo-author-list .zeromo-plan-a .z-author .z-author-content .zeromo-joinbtn .z-author-join {
        width: 50%;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main {
        flex-direction: column;
        z-index: 99;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main a {
        flex-direction: column;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-info {
        display: none;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main .z-author-name .abi-user-level {
        display: none;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main .z-author-img {
        width: 40px !important;
        height: 40px !important;
        margin-right: unset !important;
        border-radius: 50% !important;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main .z-author-name h3 {
        max-width: 100% !important;
        margin-top: 10px;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main .z-author-name .d-flex {
        justify-content: center;
    }
    
    .zero-author .zeromo-author-list .z-author .z-author-main button {
        margin-left: unset !important;
        margin-top: 5px;
    }
    
    .zero-author .zeromo-author-list .z-author.card {
        margin-bottom: 10px !important;
    }
    
    .zero-author .zeromo-author-list .z-author.card::before {
        content: '';
        display: block;
        width: 100px;
        height: 100px;
        position: absolute;
        right: 0;
        top: 0;
        border-radius: 0 0 0 100%;
        background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
    }
    
    /* 手机版屏蔽友情链接 */
    .z-wap-home .zero-link {
        display: none;
    }
    
    /* 底部开始 */
    .zero-footer .zeromo-footer-center:before {
        display: none;
    }
    
    .zero-footer .zeromo-footer-center > li:last-child {
        display: none;
    }
    
    .z-comment-board {
        padding: 15px !important;
    }
    
    .z-comment-board h4 {
        font-size: 16px !important;
    }
    
    /* 产品页开始 */
    .page-wrapper .body-wrapper .hero-section .container>.row>.col-lg-6 {
        padding: 0 !important;
    }
    
    .page-wrapper .body-wrapper.overflow-hidden.py-5 {
        padding: 0 !important;
    }
    
    .zeromo-site-category .carousel-inner {
        height: 175px !important;
        border-radius: 0 !important;
    }
    
    .zeromo-site-category .carousel-inner .z-pic-item a img {
        height: 100%;
        object-fit: cover;
    }
    
    .zeromo-site-category .z-sitebanner-r {
        height: auto !important;
        padding: 15px !important;
    }
    
    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item ol {
        height: 100% !important;
        width: 115% !important;
        margin-bottom: 0 !important;
    }
    
    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item .z-recommend-name {
        width: 30% !important;
    }
    
    .zeromo-site-category .hero-section .container .zeromo-scategory-mobile {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow: scroll;
        padding: 10px;
        margin-bottom: 20px !important;
    }
    
    .zeromo-site-category .hero-section .container .zeromo-scategory-mobile .scategory-mobile-list {
        width: unset !important;
        margin-right: 10px;
    }
    
    .zeromo-site-category .hero-section .container .zeromo-scategory-mobile .scategory-mobile-list .z-site-card {
        padding: 0;
        background: none;
        box-shadow: none;
        margin-bottom: 0;
    }
    
    .zeromo-site-category .z-site-card .z-site-category {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .zeromo-site-category .z-site-card .z-site-category .z-site-categorysite {
        margin-top: 0 !important;
    }
    
    .zeromo-site-category .z-site-card .z-site-category .z-site-categoryname {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    
    .zeromo-site-category .z-site-card:hover .z-site-category .z-site-categoryname {
        
    }
    
    .zeromo-site-category .hero-section .container .zeromo-scategory-mobile .scategory-mobile-list:hover {
        background: #f60;
        color: #fff;
        border-radius: 5px;
    }
    
    .zeromo-site-category .z-site-card .z-site-category .z-site-categorysite span {
        display: none;
    }
    
    .zeromo-site-category .z-site-card .z-site-category .z-site-categorysite i.io {
        font-size: 20px;
        position: relative;
        opacity: 1;
        top: 0;
        right: 0;
        margin-left: 5px;
    }
    
    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist>.card {
        padding: 5px 10px !important;
        margin-bottom: 15px;
        overflow: hidden;
    }
    
    .zeromo-site-category .zero-siteitems .z-siteitems-sitegroup .z-siteitems-siteinc {
        -webkit-line-clamp: 1 !important;
    }
    
    /* 分类页开始 */
    .zeromo-post-content .z-post-meta .z-archive-show {
        display: none;
    }
    
    .zeromo-post-content .z-post-meta .z-archive-showtitle {
        margin-left: 0px !important;
        width: 100% !important;
    }
    
    .zeromo-post-content .z-post-meta .z-archive-showtitle h5 {
        font-size: 20px !important;
    }
    
    .zeromo-post-content .z-post-meta .z-archivelist {
        margin-right: -.1rem !important;
        margin-left: -.1rem !important;
    }
    
    .zeromo-post-content .z-post-meta .z-archivelist .z-archivelist-b {
        padding: 15px !important;
    }
    
    .zeromo-post-content .z-post-meta .z-archive-showtitle p {
        font-size: 12px !important;
        margin-bottom: 2px !important;
        -webkit-line-clamp: 1 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    
    .category-company>.page-wrapper .zeromo-post-content .z-post-meta .zero-article-right,
    .category>.page-wrapper .zeromo-post-content .z-post-meta .zero-article-right {
        display: none;
    }
    
    .zeromo-post-content .z-post-meta 
    
    /* 网址分类列表开始 */
    .zeromo-post-content .z-post-meta .z-sitepost.row {
        padding-left: .5rem !important;
        padding-right: .5rem !important;
    }
    
    .zeromo-post-content .z-post-meta .z-site-classlist .z-btn-sub {
        display: none;
    }
    
    .zeromo-post-content .z-post-meta .z-site-classlist .z-site-class1 {
        margin-bottom: 5px !important;
    }
    
    .zeromo-post-content .z-post-meta .z-site-classlist .z-site-class2 {
        padding: 5px !important;
    }
    
    .z-site-classlist dl dd {
        flex-wrap: nowrap !important;
        overflow: auto !important;
        gap: 15px !important;
    }
    
    .zeromo-post-content .z-post-meta .col-12.z-siteitems-sitelist {
        width: 50% !important;
    }
    
    .zeromo-post-content .z-post-meta .col-12.z-siteitems-sitelist .card {
        overflow: hidden;
    }
    
    .zeromo-post-content .z-post-meta .col-12.z-siteitems-sitelist .card::before {
        content: "";
        display: block;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 0;
        top: -25px;
        border-radius: 100% 100% 100% 100%;
        background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
    }
    
    .zeromo-post-content .z-post-meta .z-siteitems-sitelist .z-siteitems-sitegroup .z-siteitems-sitename {
        margin-bottom: 5px !important;
    }
    
    .zeromo-post-content .z-post-meta .z-siteitems-sitelist .z-siteitems-siteimg {
        width: 55px !important;
        height: 55px !important;
        position: absolute;
        bottom: -10px;
        right: -10px;
        opacity: .1;
        background-color: unset !important;
        -webkit-transform: rotate(335deg);
        transform: rotate(335deg);
    }
    
    .z-siteitems-sitelist .z-siteitems-siteimg img {
        transform: unset !important;
        background-color: unset !important;
    }
    
    .z-siteitems-sitelist .d-flex {
        z-index: 1;
    }
    
    .z-siteitems-sitelist .disabled .disabled-text {
        z-index: 2;
    }
    
    .z-siteitems-sitelist .z-siteitems-sitegroup .z-siteitems-sitename .post-feature {
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: .9;
        padding: 0 2px !important;
        font-size: min(2rem, 65%) !important;
    }
    
    .zero-article-right .z-author-rank.card {
        background-color: unset !important;
        box-shadow: unset !important;
        padding: 5px !important;
    }
    
    .zero-article-right .z-author-rank.card .plug-title {
        display: none !important;
    }
    
    .zero-article-right .z-author-rank.card .plug-hr {
        display: none !important;
    }
    
    .zeromo-post-content .z-post-meta .z-sitepost-body {
        flex-direction: column-reverse;
    }
    
    .zero-article-right .rank-list {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    .zero-article-right .rank-list .rank-item {
        justify-content: unset !important;
        padding: unset !important;
        border-bottom: unset !important;
        position: relative;
        width: 100%;
    }
    
    .zero-article-right .rank-list .rank-articlenum {
        font-size: min(2rem, 75%);
        background-color: #F60;
        color: #FFF !important;
        border-radius: 5px;
        padding: 0 2px;
        position: absolute;
        top: -10px;
        right: 10px;
        transform: rotate(20deg);
    }
    
    .zero-article-right .rank-list .rank-info {
        margin-left: 0 !important;
        margin-top: 5px !important;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-width: 70px;
        word-break: break-all;
        text-align: center;
    }
    
    .zero-article-right .rank-list .rank-info h5 {
        font-size: 15px !important;
    }
    
    .zero-article-right .rank-list .rank-item .rank-pic {
        width: 50px !important;
        height: 50px !important;
        border-radius: 50% !important;
    }
    
    .z-sitepost-body .zero-article-right .rank-list .rank-item .rank-num {
        display: none;
    }
    
    .z-sitepost-body .zero-article-right .rank-list .rank-info span {
        display: none !important;
    }
    
    .z-sitepost-body .zero-article-right .rank-list .rank-item>.d-flex {
        flex-direction: column;
    }
    
    ::-webkit-scrollbar {
        display: none;
    }
    
    /* 收藏夹广场页开始 */
    .post-type-archive-favorite .body-wrapper .abi-user-poster {
        height: 180px !important;
    }
    
    .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_avatar_name {
        font-size: 22px !important;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    
    .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_user {
        font-size: 14px !important;
    }
    
    /* 个人主页开始 */
    .author .cs-collection_bottom .cs-collection_info {
        margin-left: 0 !important;
    }
    
    .author .cs-collection_info_in .cs-collection_info_left {
        width: 100% !important;
    }
    
    .author .cs-collection_info .cs-collection_info_in .cs-collection_right {
        margin-left: 0 !important;
    }
    
    .author .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name {
        text-align: center;
    }
    
    .abi-new-post>.card>.card-body {
        padding: 20px !important;
    }
    
    .abi-new-post>.card>.card-body>.mt-4 {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
    
    .abi-new-post .post-title {
        width: 55%;
        font-size: 16px !important;
    }
    
    .abi-new-post .post-content {
        font-size: 13px !important;
        line-height: 1.6 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    
    .abi-new-post .post-content.mt-4 {
        margin-top: 10px !important;
    }
    
    .abi-new-post .post-content.mt-4 p {
        margin-bottom: 5px !important;
    }
    
    .hstack.mt-4 {
       margin-top: 10px !important; 
    }
    
    /* 个人主页提示词开始 */
    .zeromo-d-pubu {
        column-count: 2 !important;
    }
    
    .cs-card.cs-style4 .cs-card_price {
        display: none !important;
    }
    
    .cs-card.cs-style4 .cs-avatar {
        display: none !important;
    }
    
    .cs-card.cs-style4 {
        padding: 2px !important;
    }
    
    .cs-card.cs-style4 .cs-card_title {
        font-size: 14px !important;
        margin-bottom: 20px !important;
    }
    
    .cs-card.cs-style4 .cs-card_title a {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    
    .post-type-archive .row.zeromo-d-pubu {
        margin-right: -.1rem !important;
        margin-left: -.1rem !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta {
        margin-right: -.1rem !important;
        margin-left: -.1rem !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta>.card {
        padding: 20px !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-title {
        font-size: 22px !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body {
        flex-direction: column;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-img {
        border-radius: 50% !important;
        position: absolute;
        top: 15px;
        right: 10px;
        opacity: 0.1;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left {
        width: 100% !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-img img {
        border-radius: 50% !important;
        transform: unset !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-title {
        margin-left: 0 !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-title span {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2 !important;
        width: 100% !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-title .add-score {
        display: none !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right {
        width: 100%;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-title {
        display: none !important;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn {
        margin-left: 0 !important;
        margin-top: 10px;
        width: 100%;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn .z-r-btn-g {
        flex-direction: row !important;
        width: 100%;
    }
    
    .zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn .z-r-btn-g button {
        width: 50%;
    }
    
    .zero-tab .zerofoam-code-box {
        margin-bottom: 20px !important;
    }
    
}

.zero-tab .zerofoam-code-box {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    color: #FFF;
    letter-spacing: 2px;
    font-size: 14px;
}

.zero-tab .zerofoam-code-box a img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

.zeromo-alink .z-post-alink .z-alink-title {
      position: relative;
      color: #fff;
      text-align: center;
      margin-bottom: 0;
      font-size: 30px;    
}

.zeromo-alink .z-post-alink .z-alink-meta {
    margin-top: 50px
}

.zeromo-alink .z-post-alink .z-alink-meta>.card {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2)
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left {
    width: 75%;
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-img {
     width: 80px;
     height: 80px;
     border-radius: 20px;
     flex-shrink: 0;
     box-shadow: 1px 1px 10px rgb(0 0 0 / 15%); 
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-img img {
     width: 100%;
     height: 100%;
     border-radius: 15px;
     transform: scale(0.8); 
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-title {
    margin-left: 15px
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-title h5 {
     font-size: 20px;
     font-weight: 600;
     margin-bottom: 5px; 
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-left .z-l-title span {
    font-size: 14px;
    color: #898989;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right {
    align-items: center;
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-title h5 {
    color: #f60;
    font-size: 28px
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn {
    margin-left: 20px;
    flex-shrink: 0;
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn .z-r-btn-g {
    gap: 10px
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn .z-r-btn-g button {
     border: 1px solid #f60;
     border-radius: 3px;
     color: #f60;
     background-color: #fff;
     padding: 5px 12px; 
}

.zeromo-alink .z-post-alink .z-alink-meta .z-alink-body-right .z-r-btn .z-r-btn-g button:nth-child(2) {
    background-color: #F60;
    color: #FFF;
}

.card-comment .zeromo-card .note-content .note-inner-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.6;
}

.timeline-widget .timeline-item .timeline-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.6;
    height: 60px;
}

/* 产品分类页开始 */
.zeromo-post-content .z-post-meta .z-sitepost {
    margin-top: 50px;
    margin-right: -.2rem;
    margin-left: -.2rem;
}

.zeromo-post-content .z-post-meta .z-sitepost-body .z-siteitems-sitelist .z-siteitems-hover>a {
    width: 100%;
    justify-content: space-between;
}

.zeromo-post-content .z-post-meta .z-sitepost .z-sitepost-list {
    padding-left: 0;
    padding-right: 0;
}

.zeromo-post-content .z-post-meta .z-sitepost .z-sitepost-list .z-site-sort>dl {
    overflow: auto;
}

.zeromo-post-content .z-post-meta .z-sitepost .z-sitepost-list .z-site-sort>dl>dt {
    flex-shrink: 0;
}

.zeromo-post-content .z-post-meta .z-sitepost .z-sitepost-list .z-site-sort>dl>dd {
    flex-shrink: 0;
    flex-wrap: nowrap !important;
}

@media (max-width: 500px) {
    .zeromo-post-content .z-post-meta .z-sitepost .z-sitepost-list .z-site-sort>dl>dd {
        gap: 10px !important;
    }
}

.zeromo-post-content .z-post-meta .z-sitepost .z-sitepost-list .card {
    padding: 15px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.zeromo-post-content .z-post-meta .z-site-classlist .z-site-class1 {
    margin-bottom: 10px;
}
    
.zeromo-post-content .z-post-meta .z-site-classlist .z-site-class2 {
    background-color: #F7F7F7;
    border-radius: 7px;
    padding: 10px; 
}

.zeromo-post-content .z-post-meta .z-site-classlist .z-btn-sub {
    flex-shrink: 0;
}

.zeromo-post-content .z-post-meta .z-site-classlist .z-btn-sub .btn {
    background-color: #F60;
    color: #FFF;
    border-radius: 5px;
}

/* 分类页开始 */
.zeromo-post-content .z-post-meta .z-archive-show {
    width: 180px;
    height: 120px;
    border-radius: 10px;
    overflow: hidden;
}

.zeromo-post-content .z-post-meta .z-archive-show img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zeromo-post-content .z-post-meta .z-archive-showtitle {
   margin-left: 20px;
   width: 65% 
}

.zeromo-post-content .z-post-meta .z-archive-showtitle h5 {
    font-size: 22px;
    font-weight: 600;
}

.zeromo-post-content .z-post-meta .z-archive-showtitle p {
    font-size: 14px;
    line-height: 22px;
    color: #858585;
    margin-bottom: 5px;
}

.zeromo-post-content .z-post-meta .z-archivelist {
    margin-top: 50px;
}

.zeromo-post-content .z-post-meta .z-archivelist .z-archivelist-b {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
    

@media (min-width: 350px) and (max-width: 570px) {
    [id^='zeromo-home-'] .zero-pro-list>* {
        width: 25%;
    }
}

@media (min-width: 571px) and (max-width: 992px) {
    [id^='zeromo-home-'] .zero-pro-list>* {
        width: 20%;
    }
    
    .zeromo-site-list .zero-sitelist>* {
        width: 33.3333%;
    }
}


@media (max-width: 320px) {
    [id^='zeromo-home-'] .zero-pro-list>* {
        width: 50%;
    }
}

.zero-author .zeromo-author-list .z-author .z-author-content .z-author-more {
    display: none;
}

/* 首页分类列表CSS开始 */
.zeromo-group-links h5 .zeromo-dflex {
    display: flex;
    align-items: center;
}

/* 首页pills开始 */
.zero-site-push .nav-pills .nav-link.active,
.zero-site-push .nav-pills .show > .nav-link {
    background-color: #f60 !important;
}

[id^='zeromo-home-'] .zero-pro-list {
    gap: 10px;
    margin-top: 30px;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item {
    /* box-shadow: 0 0 2rem 0 rgba(41,48,66,0.10); */
    margin-top: 0px;
    padding: 0;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item {
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item:hover {
    border: 1px solid rgb(255, 238, 227);
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item:hover .z-name {
    color: #f60;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item:hover .z-icon i {
    margin-right: -4px;
    transition: all 0.3s;
    color: #f60;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-img img {
    width: 100%;
    height: 100%;
    background-color: #fff;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-name {
    margin-left: 5px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 80%;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-icon {
    display: flex;
}

[id^='zeromo-home-'] .zero-pro-list .z-pro-item .z-item .z-icon i {
    -webkit-text-stroke-width: unset;
    font-size: 16px;
    color: #dbdbdb;
}

@media (min-width: 992px) {
    .row-cols-lg-8 > * {
        flex: 0 0 auto;
        width: 12.5%;
    }

    .row-cols-lg-10 > * {
        flex: 0 0 auto;
        width: 10%;
    }
}

@media (max-width: 570px) {
    [id^='zeromo-home-'] .zero-pro-list .z-pro-item {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        margin-top: var(--bs-gutter-y) !important;
    }

    [id^='zeromo-home-'] .zero-pro-list {
        gap: 0;
    }
}

/* 首页轮播 */
.carousel-inner {
    height: 315px;
    border-radius: 10px;
}

.zeromo-site-category .carousel-inner {
    height: 300px;
}

/* 首页TAB切换 */

.zero-tab .z-home-title {
    font-size: 22px;
    margin-bottom: 15px;
    color: #2a3547;
    font-weight: 600;
}

.zero-tab .z-home-more {
    background-color: #fff;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #f60 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f60;
	font-size: 14px;
    padding: 0 15px;
}

.zero-tab .z-home-more i {
    -webkit-text-stroke-width: unset;
    font-size: 16px;
    margin: 0 10px 0 5px;
}

.zero-tab .z-home-more:hover i {
    margin: 0 5px 0 10px;
    transition: all 0.3s;
}

.zero-tab .z-home-more:hover {
    background-color: #f60;
    color: #fff;
}

.zero-tab .zwap-tab {
    overflow: auto;
}

/* 首页网址区块开始 */
.zeromo-site-list .zero-sitelist .z-sites {
    color: #2a3547;
}

/*.zeromo-site-list .zero-sitelist .z-sites::before {
          content: "";
          position: absolute;
          width: 0;
          height: 0;
          border-top: 11px solid transparent;
          border-bottom: 21px solid transparent;
          border-left: 14px solid #ff0000;
          transform: rotate(324deg);
          top: -4px;
          right: -1px;
          border-radius: 5px 5px 5px;
        }*/

.zeromo-site-list .zero-sitelist .z-sites-direct {
}

.zeromo-site-list .zero-sitelist .z-sites-item:hover .z-sites-name {
    color: #f60 !important;
}

.zeromo-site-list .zero-sitelist .z-sites-item:hover .z-sites-img img {
    transform: scale(1.2);
    transition: all 0.3s;
}

.zeromo-site-list .zero-sitelist .z-sites-item:hover .z-sites-direct::before {
    opacity: 0.5;
    transition: all 0.3s;
    top: 3px;
    right: 3px;
}

.zeromo-site-list .zero-sitelist .z-sites-direct::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #f60;
    opacity: 0.1;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    top: 5px;
    right: 5px;
    border-radius: 4px;
}

.zeromo-site-list .zero-sitelist .z-sites-item .card {
    margin-bottom: 0;
    position: relative;
}

.zeromo-site-list .zero-sitelist .z-sites .z-sites-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.zeromo-site-list .zero-sitelist .z-sites .z-sites-img img {
    width: 100%;
    height: 100%;
}

.zeromo-site-list .zero-sitelist .z-sites .z-sites-info {
    margin-left: 10px;
}

.zeromo-site-list .zero-sitelist .z-sites .z-sites-info .z-sites-name {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-word;
}

.zeromo-site-list .zero-sitelist .z-sites .z-sites-info .z-sites-inc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    color: rgb(141 141 141 / 80%);
    font-size: 12px;
    height: 35px;
}

/* 首页商城区块开始 */

.business-website {
    margin-top: 30px;
}

.zero-businesshome .zeromo-home-pic .carousel-inner {
    height: 350px;
}

.business-website-body .z-web-l .z-siteweb .z-buy-img {
    position: relative;
}

.business-website-body .z-web-l .z-siteweb .z-buy-img .z-web-br {
    position: absolute;
    right: 0;
    top: 25%;
    z-index: 1;
    margin: auto;
    bottom: 25%;
    left: 55%;
    color: #fff;
    font-size: 14px;
    gap: 5px;
}

.business-website-body .z-web-l .z-siteweb .z-buy-img::after {
    content: '';
    width: 50%;
    background-color: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.zero-businesshome .business-website .business-website-body .z-web-r {
    flex-shrink: 1;
    margin-right: 0;
    margin-left: auto;
}

.business-website-body .z-web-r .z-web-r-card {
    padding: 15px;
    overflow: hidden;
    height: 682px;
}

.z-web-r .z-web-r-card .z-web-r-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.z-web-r .z-web-r-card .z-web-r-list:hover .z-web-r-list-title h4 {
    color: #F60;
}

.z-web-r .z-web-r-card .z-web-r-list:hover .z-web-r-img img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.z-web-r .z-web-r-card .z-web-r-list {
    margin-bottom: 10px;
    height: 33%;
}

.z-web-r .z-web-r-card .z-web-r-list .z-web-r-img {
    width: 100%;
    height: 150px;
    border-radius: 6px;
    overflow: hidden;
}

.z-web-r .z-web-r-card .z-web-r-list .z-web-r-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.z-web-r .z-web-r-card .z-web-r-list .z-web-r-img span {
    position: absolute;
    right: 15px;
    background: #F60;
    color: #FFF;
    border-radius: 5px;
    font-size: 14px;
    padding: 3px;
}

.z-web-r .z-web-r-card .z-web-r-list .z-web-r-list-title {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.6;
}

.z-web-r .z-web-r-card .z-web-r-list .z-web-r-list-title h4 {
    font-size:14px;
    line-height: 1.6;
}

.z-buy>.card {
    padding: 15px;
    margin-bottom: 0 !important;
}

.z-buy .z-buy-img {
    width: 100%;
    height: 140px;
    overflow: hidden;
    border-radius: 10px;
}

.z-buy:hover .z-buy-img img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.z-buy:hover .z-buy-info .z-title {
    color: #f60;
}

.z-buy .z-buy-price .btn:hover {
    background-color: #f60;
    color: #fff;
    transition: all 0.3s;
}

.z-buy .z-buy-info .z-buy-author a:hover .z-author-name {
    color: #f60;
    font-weight: 600;
}

.z-buy .z-buy-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.z-buy .z-buy-info {
    margin-top: 10px;
}

.z-buy .z-buy-info a {
    color: #2a3547;
}

.z-buy .z-buy-info .z-title {
    font-size: 15px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.6;
    height: 50px;
}

.z-buy .z-buy-info .z-buy-author {
    margin-top: 10px;
    background-color: #fafafa;
    border-radius: 5px;
    padding: 10px;
}

.z-buy .z-buy-info .z-buy-author .z-author-img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.z-buy .z-buy-info .z-buy-author .z-author-img img {
    width: 100%;
    height: 100%;
}

.z-buy .z-buy-info .z-buy-author .z-author-name {
    margin-left: 5px;
    font-size: 14px;
}

.z-buy .z-buy-info .z-buy-service {
    gap: 5px;
}

.z-buy .z-buy-info .z-buy-service i {
    -webkit-text-stroke-width: unset;
    font-size: 16px;
    background-color: #231f18;
    color: #f6cb86;
    padding: 5px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
}

.z-buy .z-buy-info .z-buy-service i.not {
    background-color: #e3e3e3;
    color: #999;
    position: relative;
}

.z-buy .z-buy-info .z-buy-service i.not::after {
    content: '';
    position: absolute;
    top: 12px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #999;
    transform: rotate(315deg);
}

.z-buy .z-buy-info .z-buy-price {
    margin-top: 15px;
}

.z-buy .z-buy-price .z-price {
    font-size: 20px;
    font-weight: 600;
    color: #f60;
}

.z-buy .z-buy-price .z-price span {
    font-size: 14px;
}

.z-buy .z-buy-price .btn {
    background-color: rgb(255, 238, 227);
    color: #f60;
    border-radius: 5px;
    padding: 5px 10px;
}

.zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img {
    position: relative;
}

.zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img.not img {
    display: none;
}

.zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img .z-web-br {
    position: absolute;
    right: 0;
    top: 25%;
    z-index: 1;
    margin: auto;
    bottom: 25%;
    left: 55%;
    color: #fff;
    font-size: 14px;
    gap: 5px;
}

.zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img.not::after {
    width: 100%;
    opacity: 1;
}

.zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img.not .z-web-br {
}

.zeromo-buy-list .zero-buylist .z-siteweb .z-buy-img::after {
    content: '';
    width: 50%;
    background-color: #000;
    opacity: 0.7;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

/* 首页商城右侧推荐开始 */

.zeromo-buy-list .z-buy-hot .z-buy-body {
    background-color: #fff;
    border-radius: 10px;
    height: 692px;
    overflow: hidden;
    box-sizing: border-box;
}

.zeromo-buy-list .z-buy-hot .z-buy-header {
    font-size: 18px;
    padding: 20px;
}

.zeromo-buy-list .z-buy-hot .z-buy-header .z-header-right {
    font-size: 14px;
}

.zeromo-buy-list .z-buy-hot .z-buy-header .z-header-right a {
    color: #a7a7a7;
    font-weight: 500;
}

.zeromo-buy-list .z-buy-hot .z-buy-content {
    padding: 0 20px;
    position: relative;
}

.z-buy-content .z-hot-num1 i {
    position: absolute;
    z-index: 2;
    top: -20px;
    left: 10px;
}

.z-buy-content .z-hot-num1 .z-hot-pic {
    width: 100%;
    height: 150px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    display: inline-flex;
}

.z-buy-content .z-hot-num1 .z-hot-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.z-buy-content .z-hot-num1 .z-hot-pic:hover img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.z-buy-content .z-hot-num1 .z-hot-pic:hover .z-num1-info .z-hot-title {
    color: #f60;
    z-index: 2;
}

.z-buy-content .z-hot-num1 .z-hot-pic::before {
    content: '';
    background: linear-gradient(to bottom, #12121340 0%, rgb(0 0 0 / 77%) 60%);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.z-buy-content .z-hot-num1 .z-hot-pic .z-num1-info {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.z-buy-content .z-hot-num1 .z-hot-pic .z-num1-info .z-hot-title {
    font-size: 16px;
    color: #fff;
    padding: 10px;
    font-weight: 600;
    z-index: 2;
    position: relative;
}

.z-buy-content .z-hot-item {
}

.z-buy-content .z-hot-pic .z-hot-price {
    position: absolute;
    background-color: #f60;
    color: #fff;
    top: 5px;
    right: 5px;
    padding: 0 3px;
    font-size: 14px;
    border-radius: 5px;
    z-index: 2;
}

.z-buy-content .z-hot-pic .z-hot-price span {
    display: none;
}

.z-buy-content .z-hot-pic {
    position: relative;
}

.z-buy-content .z-hot-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.z-buy-content .z-hot-item .z-hot-list {
    margin-bottom: 10px;
}

.z-buy-content .z-hot-item .z-hot-list:nth-child(3),
.z-buy-content .z-hot-item .z-hot-list:nth-child(4) {
    margin-bottom: 0;
}

.z-buy-content .z-hot-item .z-hot-list .z-hot-pic {
    width: 100%;
    height: 100px;
    border-radius: 5px;
    overflow: hidden;
}

.z-buy-content .z-hot-item .z-hot-list .z-hot-title {
    font-size: 14px;
    color: #2a2a32;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.6;
}

.z-buy-content .z-hot-item .z-hot-list:hover .z-hot-pic img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.z-buy-content .z-hot-item .z-hot-list:hover .z-hot-title {
    color: #f60;
}

.shop-detail .shop-detail-int .detail-ti {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.shop-detail .shop-detail-int img {
    max-width: 100%;
    height: 100%;
}

.shop-detail .shop-detail-int p {
    font-size: 15px;
    line-height: 24px;
}

.shop-detail .shop-detail-int a {
    border-bottom: 1px dashed #F60;
}

.shop-detail .shop-detail-int ul {
    list-style: disc !important;
    padding-left: 2rem !important;
    font-size: 15px;
    line-height: 24px;
    color: #1d232b;
}

.shop-detail .shop-detail-int ul li {
    margin-bottom: 5px;
}

.shop-detail .z-shop-r .z-shop-r-list {
    margin-bottom: 10px
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-body {
    width: 100%;
    position: relative;
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-body .z-shop-r-item:hover .z-shop-r-img img {
    transform: scale(1.1);
    transition: all .3s;
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-body .z-shop-r-item .z-shop-r-img {
    width: 100%;
    height: 150px;
    border-radius: 6px;
    overflow: hidden;
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-body .z-shop-r-item .z-shop-r-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-body span {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #f60;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
    padding: 3px; 
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-title {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    font-size: 12px;
}

.shop-detail .z-shop-r .z-shop-r-list .z-shop-r-title h4 {
    font-size: 16px !important;
    line-height: 1.6;
}

/* 首页文章区块开始 */

.zeromo-article-list .z-article-nobg {
    padding: 15px;
    height: 365px;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-height {
    height: 300px;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-comment {
    padding: 10px;
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-top: 20px;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-com-txt {
    transform: translate(0%, -100%);
    background-color: #fff;
    width: 90px;
    border-radius: 100px;
    padding: 0px 3px 0px 10px;
    font-size: 12px;
    box-shadow: 3px 3px 5px 0px rgb(103 103 103 / 40%);
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-comment-info {
    margin-top: -8px;
    color: #2a3547;
}

.zeromo-article-list
    .z-article-nobg
    .z-article-list
    .z-article-comment
    .z-article-comment-info
    img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 5px;
}

.zeromo-article-list
    .z-article-nobg
    .z-article-list
    .z-article-comment
    .z-article-comment-info
    .z-article-comment-name {
    font-size: 15px;
    margin-right: 3px;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-comment .z-article-comment-content {
    margin-top: 5px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #858585;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-int {
    font-size: 14px;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-int span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.8;
    color: #858585;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-box {
    margin-top: 10px;
}

.zeromo-article-list .z-article-nobg .z-article-list .z-article-box:hover .z-article-author-name {
    color: #f60;
}

.zeromo-article-list .z-article-nobg .z-article-list {
    z-index: 1;
}

.zeromo-article-list .z-article-bg {
    padding: 15px;
    height: 365px;
}

.zeromo-article-list .z-article-rank {
    padding: 15px;
    height: 365px;
    background: url(https://image.uisdc.com/wp-content/uploads/2021/05/uisdc-widget-news.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #fff;
    background-size: 100%;
}

.zeromo-article-list .z-homesite-rank {
    padding: 15px;
    height: 365px;
}

.zeromo-article-list .z-article-bg .z-article-img {
    height: 140px;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px;
}

.zeromo-article-list .z-article-bg .z-article-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zeromo-article-list .z-article-bg .z-article-list .z-article-height {
    height: 150px;
    display: block;
}

.zeromo-article-list .z-article-list .z-article-title {
    font-size: 17px;
    font-weight: 600;
    color: #2a3547;
    height: 55px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zeromo-article-list .z-article-bg .z-article-list .z-article-int {
    font-size: 12px;
    background-color: #fafafa;
    padding: 10px;
    border-radius: 7px;
}

.zeromo-article-list .z-article-bg .z-article-list .z-article-int span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.6;
    color: #8a8a8a;
}

.zeromo-article-list .z-article-bg .z-article-list .z-article-int span p {
    margin-bottom: 0;
}

.zeromo-article-list .z-article-bg .z-article-list .z-article-box {
    margin-top: 0px;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-right {
    margin-left: auto;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-right .z-article-right-site {
    font-size: 12px;
    color: #858585;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-right .z-article-right-site i {
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-right .z-article-right-site a {
    font-size: 12px;
    color: #858585;
}

.zeromo-article-list .z-article-list .z-article-box .author-right {
    color: #969696;
}

.zeromo-article-list .z-article-list .z-article-box .author-right .right-class {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 140, 52, 0.1);
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}

.zeromo-article-list .z-article-list .z-article-box .author-right .c-ico {
    color: #f60;
    font-size: 13px;
}

.zeromo-article-list .z-article-list .z-article-box .author-right span {
    margin-left: 5px;
    font-size: 14px;
}

.zeromo-article-list .z-article-list .z-article-box .author-right:hover .right-class {
    background-color: #f60;
}

.zeromo-article-list .z-article-list .z-article-box .author-right:hover .c-ico {
    color: #fff;
}

.zeromo-article-list .z-article-list .z-article-box .author-right:hover span {
    color: #f60;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-author {
}

.zeromo-article-list .z-article-list .z-article-box .z-article-author .z-article-author-img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-author .z-article-author-img img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-author .z-article-author-name {
    font-size: 14px;
    color: #2a3547;
}

.zeromo-article-list .z-article-list .z-article-box .z-article-author:hover .z-article-author-name {
    color: #f60;
}

.z-article-bg .z-bg-hover:hover .z-article-img img {
    transform: scale(1.1);
    transition: all 0.2s;
}

.z-article-bg .z-bg-hover:hover .z-article-list .z-article-height .z-article-title {
    color: #f60;
}

.z-article-bg .z-bg-hover:hover .z-article-list .z-article-height .z-article-int {
    background-color: rgba(255, 140, 52, 0.1);
}

.z-article-bg .z-bg-hover:hover .z-article-list .z-article-height .z-article-int span {
    color: #f60;
}

/* 文章无图模式 */
.z-article-nobg .z-nobg-body {
    height: 295px;
    margin-top: 10px;
}

.z-article-nobg .z-nobg-body:hover .z-nobg-header .z-nobg-title h5 {
    color: #f60;
}

.z-article-nobg .z-nobg-body:hover .z-nobg-comment .comment-content {
    background-color: rgba(255, 140, 52, 0.1);
}

.z-article-nobg .z-nobg-body:hover .z-nobg-comment .comment-content span {
    color: #f60;
}

.z-article-nobg .z-nobg-header .z-nobg-title h5 {
    font-size: 18px;
    font-weight: 600;
    color: #2a3547;
    height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
}

.z-article-nobg .z-nobg-header .z-nobg-sum {
    /* background-color: #fafafa; */
    font-size: 13px;
    /* padding: 5px; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.z-article-nobg .z-nobg-header .z-nobg-sum span {
    color: #8a8a8a;
    line-height: 1.6;
}

.z-article-nobg .z-nobg-comment {
    margin-top: 15px;
}

.z-article-nobg .z-nobg-comment .comment-pic img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.z-article-nobg .z-nobg-comment .comment-pic img:nth-child(2) {
    margin-left: -10px;
}

.z-article-nobg .z-nobg-comment .comment-pic img:nth-child(3) {
    margin-left: -10px;
}

.z-article-nobg .z-nobg-comment .comment-right {
    font-size: 12px;
    color: #b7b7b7;
}

.z-article-nobg .z-nobg-comment .comment-content {
    background-color: #fafafa;
    padding: 10px;
    border-radius: 7px;
    margin-top: 15px;
}

.z-article-nobg .z-nobg-comment .comment-content span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    color: #858585;
    line-height: 1.6;
}

.z-article-nobg .z-nobg-author .author-pic {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}

.z-article-nobg .z-nobg-author a:hover .author-name {
    color: #f60;
}

.z-article-nobg .z-nobg-author .author-right:hover .right-class {
    background-color: #f60;
}

.z-article-nobg .z-nobg-author .author-right:hover .c-ico {
    color: #fff;
}

.z-article-nobg .z-nobg-author .author-right:hover span {
    color: #f60;
}

.z-article-nobg .z-nobg-author .author-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.z-article-nobg .z-nobg-author .author-name {
    font-size: 14px;
    color: #2a3547;
}

.z-article-nobg .z-nobg-author .author-right {
    color: #969696;
}

.z-article-nobg .z-nobg-author .author-right .right-class {
    width: 20px;
    height: 20px;
    background-color: rgba(255, 140, 52, 0.1);
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
}

.z-article-nobg .z-nobg-author .author-right .c-ico {
    color: #f60;
    font-size: 13px;
}

.z-article-nobg .z-nobg-author .author-right span {
    margin-left: 5px;
    font-size: 14px;
}

/* 首页文章排行区块 */

.zeromo-article-list .z-rank-title {
    font-size: 18px;
    font-weight: 600;
    color: #2a3547;
    margin-bottom: 10px;
}

.zeromo-article-list .z-article-rank .homerank-list {
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item {
    margin-bottom: 15px;
    display: block;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic::after {
    content: '';
    background-color: #ffffff;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic {
    width: 100%;
    height: 60px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover {
    transition: all 0.3s;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item:hover .homerank-pic::after {
    background: #000;
    transition: all 0.3s;
}

.zeromo-article-list
    .z-article-rank
    .homerank-list
    .homerank-item:hover
    .homerank-info
    .homerank-num {
    color: #fff;
    margin-left: 10px;
    transition: all 0.3s;
}

.zeromo-article-list
    .z-article-rank
    .homerank-list
    .homerank-item:hover
    .homerank-pic
    .homerank-title {
    color: #fff;
    font-weight: 600;
    margin-left: 25px;
    width: 100%;
}

.zeromo-article-list
    .z-article-rank
    .homerank-list
    .homerank-item:hover
    .homerank-info
    .homerank-hot {
    color: #fff;
    display: none;
    transition: all 0.3s;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic img {
    width: 100%;
    opacity: 0.2;
    height: 100%;
    object-fit: cover;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-pic .homerank-info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    z-index: 1;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-num {
    font-size: 45px;
    font-weight: 600;
    color: #ff660052;
    margin-right: 10px;
    position: absolute;
    left: -5px;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-title {
    font-size: 13px;
    color: #2a3547;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-left: 20px;
    width: 75%;
}

.zeromo-article-list .z-article-rank .homerank-list .homerank-item .homerank-info .homerank-hot {
    color: #2a3547;
    margin-left: auto;
}

/* 首页产品关联排行区块 */

.z-homesite-rank .homerank-list {
    margin-top: 15px;
}

.z-homesite-rank .homerank-list .homerank-num1 {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #f7f7f7;
    position: relative;
}

.z-homesite-rank .homerank-list .homerank-num1:hover {
    background-color: #f60;
    width: 100%;
    transition: all 0.3s;
}

.z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-p img {
    background-color: #fff;
    transform: scale(1.1);
    border-radius: 50%;
}

.z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-i h5 {
    color: #fff;
}

.z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-i .num1-i-meta {
    color: rgb(255, 238, 227);
}

.z-homesite-rank .homerank-list .homerank-num1:hover .homerank-num1-i .num1-i-meta b {
    color: #fff;
}

.z-homesite-rank .homerank-num2 .num2-item:hover .num2-box .num2-pic {
    background-color: rgb(255, 238, 227);
    transition: all 0.3s;
}

.z-homesite-rank .homerank-num2 .num2-item:hover .num2-box .num2-pic img {
    background-color: #fff;
    border-radius: 50%;
    transform: scale(1.1);
    transition: all 0.3s;
}

.z-homesite-rank .homerank-num2 .num2-item:hover .num2-title {
    color: #f60;
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-a i {
    position: absolute;
    top: -15px;
    left: 5px;
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-p {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
    flex-shrink: 0;
    box-shadow: 0 0 10px 0 rgba(41, 48, 66, 0.1);
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-p img {
    width: 100%;
    height: 100%;
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i {
    margin-left: 10px;
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i h5 {
    font-size: 16px;
    font-weight: 600;
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i .num1-i-meta {
    color: #a7a7a7;
}

.z-homesite-rank .homerank-list .homerank-num1 .homerank-num1-i .num1-i-meta b {
    font-size: 14px;
    color: #f60;
}

.z-homesite-rank .homerank-list .homerank-num2 {
    padding: 15px 0px;
    width: 100%;
}

.z-homesite-rank .homerank-num2 .num2-item {
    width: 33.3333%;
    margin-bottom: 15px;
}

.z-homesite-rank .homerank-num2 .num2-item .num2-box {
    align-items: center;
    display: flex;
    justify-content: center;
}

.z-homesite-rank .homerank-num2 .num2-item .num2-box .num2-pic {
    width: 60px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    padding: 8px;
    box-shadow: 0 0 10px 0 rgba(41, 48, 66, 0.1);
}

.z-homesite-rank .homerank-num2 .num2-item .num2-box .num2-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.z-homesite-rank .homerank-num2 .num2-item .num2-title {
    margin-top: 5px;
    font-size: 12px;
    color: #2a3547;
}

/* 首页模型区块 */

.zeromo-model-list .zero-modellist .z-model-list .model-item {
    position: relative;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic {
    width: 100%;
    height: 230px;
    border-radius: 7px;
    overflow: hidden;
    display: block;
}

/*.zeromo-model-list .zero-modellist .z-model-list:nth-child(odd) .model-item .model-pic {
    height: 260px;
}

.zeromo-model-list .zero-modellist .z-model-list:nth-child(even) .model-item .model-pic {
    height: 200px;
}

.zeromo-model-list .zero-modellist .z-model-list:nth-child(7),
.zeromo-model-list .zero-modellist .z-model-list:nth-child(9) {
    margin-top: -44px;
}*/

.zeromo-model-list .zero-modellist .z-model-list {
    height: 100%;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item:hover .model-like {
    opacity: 1;
    transition: all 0.3s;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item:hover .model-pic img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item:hover .model-author {
    background-color: rgb(255 102 0 / 40%);
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-like {
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: rgb(0 0 0 / 40%);
    backdrop-filter: saturate(180%) blur(6px);
    border-radius: 50%;
    padding: 5px;
    opacity: 0;
    border: 0;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-like i {
    color: #fff;
    font-size: 22px;
    -webkit-text-stroke-width: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic {
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-author {
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-author img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-author {
    content: '';
    background-color: rgb(0 0 0 / 40%);
    position: absolute;
    backdrop-filter: saturate(180%) blur(6px);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 10px;
    border-radius: 5px;
}

.zeromo-model-list .zero-modellist .z-model-list .model-item .model-author .model-title {
    margin-left: 10px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.5;
    font-size: 12px;
}

/* 首页收藏夹区块 */

.zeromo-model-list .z-model-hot .z-model-body {
    background-color: #fff;
    border-radius: 10px;
    height: 475px;
    overflow: hidden;
    box-sizing: border-box;
}

.zeromo-model-list .z-model-hot .z-model-header {
    font-size: 18px;
    padding: 20px 20px 10px 20px;
    color: #2a3547;
}

.zeromo-model-list .z-model-hot .z-model-header .z-model-right {
    font-size: 14px;
    color: #a7a7a7;
    font-weight: 500;
}

.zeromo-model-list .z-model-hot .z-model-content {
    padding: 0 20px;
}

.zeromo-model-list .z-model-hot .z-model-content .z-model-shadow {
    background-color: #000;
}

.zeromo-model-list .z-model-hot .z-model-content .z-model-shadow::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 20px;
    width: 75%;
    height: 8px;
    background-color: inherit;
    opacity: 0.1;
    border-radius: 8px 8px 0 0;
    transform: scale(0.8);
}

.zeromo-model-list .z-model-hot .z-model-content .z-model-shadow::after {
    content: '';
    position: absolute;
    top: 8px;
    left: 16px;
    width: 80%;
    height: 8px;
    background-color: inherit;
    opacity: 0.2;
    border-radius: 8px 8px 0 0;
    transform: scale(0.9);
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list {
    position: relative;
    margin-bottom: 10px;
    height: 125px;
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list .z-model-title {
    margin-top: 2px;
    font-size: 14px;
    color: #2a3547;
    display: none;
    text-align: center;
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list:hover .z-model-pic {
    margin-top: 0;
    transition: all 0.3s;
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list:hover .z-model-title {
    display: block;
    transition: all 0.3s;
    color: #f60;
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list:hover .z-model-pic img {
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list .z-model-pic {
    height: 110px;
    overflow: hidden;
    margin-top: 15px;
}

.zeromo-model-list .z-model-hot .z-model-content .z-hot-list .z-model-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    z-index: 2;
    position: relative;
}

/* 原首页支持区块 */
/* 20231116新增banner右侧 */

.home-banner-right .right-item {
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block;
}

.home-banner-right .right-item .right-item-img {
    position: absolute;
    right: 0;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.home-banner-right .right-item .right-item-img::before {
    content: '';
    top: 0;
    right: 0;
    /*background: linear-gradient(90deg, #12121340 0%, rgba(0, 0, 0, 0) 46.6%);*/
    width: 100%;
    height: 100%;
    position: absolute;
}

.home-banner-right .right-item .right-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-banner-right .right-item .right-item-content {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding: 1.5rem;
    position: absolute;
    justify-content: center;
}

.home-banner-right .right-item .right-item-content .item-content-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

.zeromo-new-item {
    justify-content: space-between;
}

.zeromo-new-item .z-new-post:hover h6 {
    color: #F60;
}

.zeromo-new-item .z-new-post {
    width: 100%;
    font-size: 14px;
    color: #323232;
    margin-right: 15px; 
}

.zeromo-new-item .z-new-post h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 15px;
    color: #222226;
    line-height: 22px;
}

.zeromo-new-item .z-new-post:hover {
    color: #F60;
}

.zeromo-new-item .z-new-post .z-post-date {
    font-size: 12px;
    color: #c2c2c2;
}

.zeromo-new-item .z-post-right-pic {
    width: 120px;
    height: 80px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin-left: auto;
}

.zeromo-banner-new {
    height: 315px;
    border-radius: 10px;
}

.zeromo-banner-new .z-right-new-title {
    font-size: 20px;
    z-index: 1;
}

.zeromo-banner-new .z-right-new-title a {
    font-size: 12px;
    margin-left: 5px;
    background-color: #e9e9e9;
    color: #6b6b6b;
    padding: 2px 6px 2px 6px;
    border-radius: 5px;
    font-weight: 100;
}

.zeromo-banner-new .z-right-new-title a:hover {
    background-color: #F60;
    color: #FFF;
}

.zeromo-banner-new.hero-news-hot_list {
    padding: 0 !important;
}

.zeromo-banner-new.hero-news-hot_list .hot-card {
    background: unset !important;
    box-shadow: unset !important;
    height: 100%;
}

.zeromo-banner-new.hero-news-hot_list .hot-card>.card-header .hot-ico {
    position: absolute;
    bottom: 25px;
    right: 15px;
    height: 100px;
    filter: blur(3px) opacity(0.2);
}

.zeromo-banner-new.hero-news-hot_list .hot-card>.card-header>span>span {
    font-size: 16px;
}

.zeromo-banner-new.hero-news-hot_list .hot-card .hot-body {
    height: 220px !important;
}

.zeromo-banner-new.hero-news-sites {
    padding: 20px !important;
}

.zeromo-banner-new.hero-news-sites>.d-flex {
    margin-bottom: 10px;
}

.zeromo-banner-new.hero-news-sites .z-right-new-title {
    margin-bottom: 0 !important;
}

.zeromo-banner-new.hero-news-sites .row>.url-card.col-12 {
    width: 25% !important;
    margin-top: unset !important;
    margin-bottom: unset !important;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item {
    flex-direction: column-reverse;
    align-items: center;
    margin: 5px 5px 10px 5px;
    position: relative;
    z-index: 1;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item:hover .z-new-post {
    color: #F60 !important;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item:hover .z-post-right-pic img {
    transform: scale(0.88);
    transition: all .3s;
    border-radius: 50%;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item .z-new-post {
    margin-right: 0 !important;
    height: unset !important;
    -webkit-line-clamp: 1 !important;
    text-align: center;
    font-size: 12px !important;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item .z-post-right-pic {
    width: 45px !important;
    height: 45px !important;
    margin-left: 0 !important;
    margin-bottom: 7px;
    background-color: #FFF;
    box-shadow: 1px 0 20px 0 rgba(0,0,0,.12);
    border-radius: 12px;
    overflow: hidden;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item .z-post-right-pic:hover {
    box-shadow: 1px 0 20px 0 rgba(0,0,0,.12) !important;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item .z-post-right-pic img {
    width: 100%;
    height: 100%;
    transform: scale(0.8);
    border-radius: 50%;
}

.zeromo-banner-new.hero-news-sites .zeromo-new-item .z-post-date {
    display: none !important;
}

.zero-mininav .carousel {
    margin-bottom: 30px;
}

.zeromo-home-pic .z-pic-item .z-pic-banner {
    max-height: 450px;
    object-fit: cover;
    height: 100%;
}

.zeromo-home-pic .z-pic-item .z-item-mask {
    position: absolute;
    right: 100px;
    top: 25px;
    color: #ffffff;
    width: 300px;
    height: 270px;
    background-color: rgb(0 0 0 / 60%);
    border-radius: 10px;
}

.zeromo-home-pic .z-pic-item .z-item-mask h5 {
    padding: 10px;
    color: #fff;
    text-align: center;
}

.zeromo-home-pic .z-pic-item .z-item-mask h5 i {
    margin-right: 10px;
    background-color: rgba(0, 0, 0, 0.08);
    color: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    width: 40px;
    height: 40px;
}

.zeromo-banner-new:before {
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 13%, #ffe6e1 98%);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
}

.zeromo-banner-new {
    background-image: linear-gradient(180deg, #fff2ef 0%, #ffffff 30%);
    position: relative;
}

.zeromo-list-title .items a:hover strong {
    background-color: rgb(255, 238, 227);
    color: #f60;
    border-radius: 4px;
    padding: 6px;
}

.zeromo-list-title .items strong {
    font-weight: normal;
    display: inline-block;
    line-height: 20px;
    color: hsl(0, 0%, 25%);
    background-color: transparent;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
}

.zeromo-list-title .items {
    float: left;
    display: block;
}

.zeromo-list-title .items.on strong {
    color: #f60 !important;
    background-color: rgb(255, 238, 227);
    padding: 6px;
    border-radius: 4px;
    font-weight: 500 !important;
}

.zeromo-list-title .items:nth-child(1) a {
    margin-left: 0;
}

.zeromo-list-title .items a {
    margin: 10px;
}

.zeromo-list-title .items a strong {
    color: #2a3547;
    font-size: 15px;
    font-weight: 400;
}

.zeromo-group-links h5 {
    font-size: 20px;
}

.zeromo-group-links .zeromo-group-itea a:hover {
    background-color: #ff6000;
    color: #fff;
    border-radius: 4px;
    transition: all 0.2s;
}

.zeromo-group-links i {
    background-color: #ea613b;
    color: #fff;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    font-size: 25px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    -webkit-text-stroke-width: revert;
}

.zeromo-group-links:nth-child(2) .icon {
    background-color: #eeb94d;
}

.zeromo-group-links:nth-child(2) span {
    background-color: #eeb94d;
}

.zeromo-group-links:nth-child(3) .icon {
    background-color: #71c89d;
}

.zeromo-group-links:nth-child(3) span {
    background-color: #71c89d;
}

.zeromo-group-links:nth-child(4) .icon {
    background-color: #7a9cf3;
}

.zeromo-group-links:nth-child(4) span {
    background-color: #7a9cf3;
}

.zeromo-group-links:nth-child(5) .icon {
    background-color: #ea6e84;
}

.zeromo-group-links:nth-child(5) span {
    background-color: #ea6e84;
}

.zeromo-group-links span {
    background-color: #ff6000;
    font-size: 12px;
    color: #fff;
    padding: 2px 5px 2px 5px;
    border-radius: 4px;
    margin-left: 10px;
    font-weight: 100;
}

.zeromo-group-itea {
    margin-top: 20px;
}

.zeromo-group-itea a {
    display: inline-block;
    white-space: nowrap;
    margin-right: 0.4em;
    color: #8a8a8a;
    line-height: 1.42857143em;
    margin-bottom: 0.8em;
    background-color: transparent;
    -webkit-border-radius: 0.28571429em;
    -moz-border-radius: 0.28571429em;
    border-radius: 0.28571429em;
    padding: 0 0.42857143em;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*.zeromo-sitebanner {
    padding: 0px 15px 0px 15px;
}

.zeromo-sitebanner a {
    color: #fff;
}

.zeromo-sitebanner a img {
    width: 20px;
    margin-right: 5px;
    border-radius: 50%;
    opacity: 0.8;
}*/

/*新块开始*/
.zeromo-list-item .z-item-wrap {
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 436px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.zeromo-list-item .z-item-wrap .z-item-thumb {
    display: block;
    overflow: hidden;
    position: relative;
}

.zeromo-list-item .z-item-wrap .z-item-thumb img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.zeromo-list-item .z-item-wrap .z-item-thumb .z-item-hot {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.6em;
    padding: 2px 7px;
    color: #323232;
}

.zeromo-list-item .z-item-wrap .z-item-thumb .z-item-hot i {
    color: #ff4e4e;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 700;
    -webkit-text-stroke-width: inherit;
    margin-bottom: 3px;
}

/*.zeromo-list-item .z-item-wrap .z-item-thumb::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    background-image: linear-gradient(45deg, rgba(253,246,244,0) 13%, #FFE6E1 98%);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 0 0 100%;
  }*/

.zeromo-list-item .z-item-wrap .z-item-thumb img {
    display: block;
    position: absolute;
    left: 0;
    opacity: 0;
}

.zeromo-list-item .z-item-wrap .z-item-thumb .thumb {
    padding-top: 250px;
}

.thumb {
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    display: block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 0;
    background-repeat: no-repeat;
}

.zeromo-list-item .z-item-wrap .z-item-thumb .thumb::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.3;
}

.zeromo-item .z-item-thumb {
    width: 100%;
    overflow: hidden;
    display: block;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.zeromo-list-item .z-item-thumb:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.9)),
        to(#fff)
    );
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6ffffff', endColorstr='#ffffffff', GradientType=0);
    background-color: #fff\9;
    z-index: 10;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.zeromo-list-item .z-item-wrap .z-item-main {
    padding: 35px 30px 30px;
    position: relative;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.zeromo-list-item .z-item-wrap .z-item-author {
    position: absolute;
    top: -50px;
}

.zeromo-list-item .z-item-wrap .z-item-author .z-author-thumb {
    display: inline-block;
    width: 50px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    vertical-align: top;
    overflow: hidden;
    margin-right: 10px;
}

.zeromo-list-item .z-item-wrap .z-item-author .z-author-thumb .thumb {
    padding-top: 100%;
}

.zeromo-list-item .z-item-wrap .z-item-author .z-author-title {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.zeromo-list-item .z-item-title {
    margin-top: -15px;
    margin-bottom: 37px;
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 22px;
}

.zeromo-list-item .z-item-title a {
    display: block;
    color: #323232;
}

.zeromo-list-item .z-item-wrap:hover .z-item-title a {
    color: #ff6000;
}

.zeromo-list-item .z-item-title .tag {
    color: #ff6000;
}

.zeromo-list-item .z-item-title .tag::after {
    content: ' - ';
    color: #b5b5b5;
}

.zeromo-list-item .z-item-meta {
    font-size: 14px;
    color: #b5b5b5;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.zeromo-list-item .z-item-meta .z-meta-sites a {
    color: #b5b5b5;
    white-space: nowrap;
    display: inline-block;
    margin: 0 7px;
}

.zeromo-list-item .z-item-meta .z-meta-sites strong {
    font-weight: 100;
}

.zeromo-list-item .z-item-wrap:hover .thumb {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.zeromo-list-item .z-item-wrap:hover .z-item-main {
    margin-top: -55px;
}

.zeromo-list-item .z-item-wrap:hover .z-hunter-entry {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: auto;
}

.zeromo-list-item .z-item-wrap:hover .z-item-tags {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 0px;
}

.zeromo-list-item .z-item-wrap:hover .z-item-thumb::after {
    bottom: 55px;
}

.zeromo-list-item .z-hunter-entry {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 25px;
    height: 100px;
    overflow: hidden;
    position: relative;
    height: 1px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.zeromo-list-item .z-hunter-entry::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.05)),
        color-stop(80%, #fff)
    );
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), #fff 80%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), #fff 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), #fff 80%);
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0.05), #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='rgba(255,255,255,0.05)', endColorstr='#fff');
}

.zeromo-list-item .z-hunter-entry .z-entry-btns {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    padding: 18px 0 0;
    z-index: 2;
}

.zeromo-list-item .z-item-tags {
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: normal;
    color: #b5b5b5;
    padding: 0 10px;
}

.zeromo-list-item .z-item-tags a {
    display: inline-block;
    white-space: nowrap;
    color: #b5b5b5;
    margin: 0 7px;
}

.zeromo-list-item .z-item-tags .ico {
    color: #ff6000;
    margin-right: 5px;
}

.btn-outline-danger {
    background-color: #fff;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap {
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: top center;
    background-origin: top center;
    background-repeat: no-repeat;
    height: 100%;
    background: #ff6000;
    /*background-image: radial-gradient( circle farthest-corner at 70% 80%,  rgba(255,211,211,0.5) 10%, rgba(255,255,255,0) 99.7% );*/
    background-image: linear-gradient(360deg, #ffffffa1 0%, #ff6000 70%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title {
    z-index: 1;
    color: #fff;
    padding: 20px;
    font-size: 18px;
    margin-bottom: 0;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title .z-item-site-title-left {
    margin-left: auto;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-title .z-item-site-title-left a {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 7px;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-title
    .z-item-site-title-left
    a:hover {
    color: #3d3d3d;
    transition: all 0.3s;
    background-color: #fff;
    padding: 3px 5px;
    border-radius: 7px;
    margin: 0 -5px 0 0px;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title {
    padding: 30px 30px 20px;
    font-size: 22px;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title .z-item-prompt-title-left {
    margin-left: auto;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-item-prompt-title .z-item-prompt-title-left a {
    font-size: 15px;
    color: #a7a7a7;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 7px;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-prompt
    .z-item-prompt-title
    .z-item-prompt-title-left
    a:hover {
    color: #fff;
    transition: all 0.3s;
    background-color: #f66000;
    padding: 3px 5px;
    border-radius: 7px;
    margin: 0 -5px 0 0px;
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-before:after {
    content: '';
    display: block;
    width: 360px;
    height: 220px;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 100% 0 0 0;
    background-image: linear-gradient(155deg, rgba(253, 246, 244, 0) 25%, #ffe6e1a1 80%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap:after {
    content: '';
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap:before {
    content: '';
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap:before {
    content: '';
    display: block;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-hot {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 20px;
    font-size: 14px;
    line-height: 1.5em;
    -webkit-box-align: center;
    color: #fff;
    background-color: #ff6000;
    border-radius: 1.6em;
    box-shadow: 0px 0px 100px 5px rgb(255 71 0);
    padding: 2px 7px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap a:hover h2 {
    color: #ff6000;
    transition: all 0.2s;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-hot i {
    color: #fff;
    margin-right: 5px;
    font-size: 18px;
    -webkit-text-stroke-width: inherit;
    margin-bottom: 3px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-title {
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    z-index: 1;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-item-title .nopic-txt {
    background-color: #ff6000;
    padding: 3px;
    font-size: 14px;
    color: #fff;
    font-style: normal;
    font-weight: 100;
    border-radius: 3px;
    margin-right: 5px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-h {
    height: 300px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item {
    background-color: #fafafa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: normal;
    color: #b5b5b5;
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item a:hover {
    color: #ff6000;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item a:hover .ico {
    color: #b5b5b5;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item a {
    display: inline-block;
    white-space: nowrap;
    color: #b5b5b5;
    margin: 0 7px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-tag .z-nopic-item .ico {
    color: #ff6000;
    margin-right: 5px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author {
    margin-top: 5px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author .z-author-img img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author .z-author-name {
    font-size: 14px;
    margin-left: 10px;
    color: #b5b5b5;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-author a:hover .z-author-name span {
    color: #ff6000;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content {
    margin-top: 10px;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 25px;
    padding: 5px;
    position: relative;
    z-index: 1;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content .z-nopic-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25px;
    text-align: center;
    padding: 18px 0 0;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content .z-nopic-btn a {
    z-index: 2;
    position: relative;
    padding: 5px 40px;
    border-radius: 3px;
}

.zeromo-list-item .z-item-wrap .z-nopic-item-wrap .z-nopic-content .z-nopic-btn::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.05)),
        color-stop(80%, #fff)
    );
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.05), #fff 80%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.05), #fff 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05), #fff 80%);
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0.05), #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='rgba(255,255,255,0.05)', endColorstr='#fff');
}

.zeromo-list-item .z-item-wrap .z-item-site-wrap .z-item-site-content .z-item-site-list {
    padding: 0 20px;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a
    .site-content {
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    z-index: 1;
    position: relative;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a:hover
    .site-content
    img {
    transform: scale(1.1);
    transition: all 0.2s;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a:hover
    .site-content
    .site-content-meta
    h5 {
    color: #ff6000;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a
    .site-content
    img {
    width: 40px;
	min-width: 40px;
    height: 40px;
    border-radius: 5px;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a
    .site-content
    .site-content-meta {
    margin-left: 10px;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a
    .site-content
    .site-content-meta
    h5 {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zeromo-list-item
    .z-item-wrap
    .z-item-site-wrap
    .z-item-site-content
    .z-item-site-list
    a
    .site-content
    .site-content-meta
    .site-content-meta-intd {
    color: #9f9f9f;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zeromo-list-title .z-list-mobile {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

.zeromo-list-title .z-list-mobile::-webkit-scrollbar {
    display: none;
}

@media (max-width: 768px) {
    .zeromo-list-title .items a {
        margin: 10px;
    }

    .zeromo-post-list {
        padding-top: 10px !important;
    }

    .zero-tab-hua {
        padding-top: 10px !important;
    }
}

@media (max-width: 768px) {
    .zeromo-home-pic .z-pic-item .z-item-mask {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1160px) {
    .zeromo-group-links h5 {
        font-size: 15px;
    }

    .zeromo-group-links span {
        display: none;
    }

    .zeromo-group-links i {
        height: 30px;
        width: 30px;
        font-size: 20px;
    }

    .zeromo-banner-new .z-right-new-title {
        font-size: 18px;
    }

    .zeromo-banner-new .z-right-new-title a {
        margin-left: 2px;
        padding: 2px 5px 2px 5px;
        font-size: 13px;
    }
}

@media (max-width: 1050px) {
    .zeromo-new-item .z-post-right-pic {
        display: none;
    }

    .zeromo-list-title .items a {
        margin: 10px;
    }

    .zeromo-list-item
        .z-item-wrap
        .z-item-site-wrap
        .z-item-site-content
        .z-item-site-list
        a
        .site-content {
        padding: 10px 15px;
    }

    .zeromo-list-item
        .z-item-wrap
        .z-item-site-wrap
        .z-item-site-content
        .z-item-site-list
        a
        .site-content
        .site-content-meta
        h5 {
        font-size: 16px;
    }
}

@media (min-width: 1051px) and (max-width: 1107px) {
    .zeromo-list-item
        .z-item-wrap
        .z-item-site-wrap
        .z-item-site-content
        .z-item-site-list
        a
        .site-content {
        padding: 12px 10px;
    }
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 30px;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-left-thumb {
    width: 60%;
    margin-right: 10px;
    flex-shrink: 0;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-left-thumb img {
    height: 170px;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb {
    margin-left: auto;
    width: 40%;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb .z-top-cl {
    margin-bottom: 10px;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb .z-top-cl img,
.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection .z-right-thumb .z-bottom-cl img {
    height: 80px;
}

.zeromo-list-item .z-item-wrap .z-item-prompt .z-prompt-collection img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.zeromo-list-item .z-item-wrap .z-item-prompt a:hover .z-prompt-collection img {
    transform: scale(0.99);
    transition: all 0.2s;
    box-shadow: 5px 5px 5px 2px rgb(103 103 103 / 37%) !important;
}

.zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-title {
    padding: 30px 30px 20px;
    font-size: 22px;
}

.zeromo-item
    .z-item-wrap
    .z-item-prompt-hd-wrap
    .z-item-prompt-hd-title
    .z-item-prompt-hd-title-left {
    margin-left: auto;
}

.zeromo-item
    .z-item-wrap
    .z-item-prompt-hd-wrap
    .z-item-prompt-hd-title
    .z-item-prompt-hd-title-left
    a {
    font-size: 15px;
    color: #2f2f2f;
    font-weight: 500;
    padding: 3px 5px;
    border-radius: 7px;
}

.zeromo-item
    .z-item-wrap
    .z-item-prompt-hd-wrap
    .z-item-prompt-hd-title
    .z-item-prompt-hd-title-left
    a:hover {
    color: #fff;
    transition: all 0.3s;
    background-color: #f66000;
    padding: 3px 5px;
    border-radius: 7px;
    margin: 0 -5px 0 0px;
}

.zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;
    overflow: hidden;
}

.zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-1 {
    height: 495px;
    animation: 35s linear 0s normal none running slideup;
    animation-iteration-count: infinite;
}

.zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-1 img,
.zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-2 img {
    width: 150px;
    height: 200px;
    border-radius: 10px;
    padding: 5px;
    object-fit: cover;
}

.zeromo-item .z-item-wrap .z-item-prompt-hd-wrap .z-item-prompt-hd-content .banner-img-2 {
    height: 525px;
    animation: 35s linear 0s normal none running slideDown;
    animation-iteration-count: infinite;
}

@keyframes slideup {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideDown {
    0% {
        transform: translate3d(0, -100%, 0);
    }

    100% {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slide {
    0% {
        transform: translate3d(0, 0, 0);
    }

    100% {
        transform: translate3d(-100%, 0, 0);
    }
}

.zero-author .zeromo-author-list .z-author-h5 {
    font-size: 22px;
}

.zero-author .zeromo-author-list .z-author {
    height: 445px;
    overflow: hidden;
}

.zero-author .zeromo-author-list .z-author.z-author-bg {
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: top center;
    background-origin: top center;
    background-repeat: no-repeat;
    background: #ff6000;
    /* background-image: radial-gradient( circle farthest-corner at 70% 80%, rgba(255,211,211,0.5) 10%, rgba(255,255,255,0) 99.7% ); */
    background-image: linear-gradient(360deg, #ffffffa1 0%, #ff6000 70%);
}

.zero-author .zeromo-author-list .z-author.z-author-bg::before {
    content: '';
    display: block;
    width: 250px;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zero-author .zeromo-author-list .z-author.z-author-bg::after {
    content: '';
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    right: -100px;
    top: 100px;
    border-radius: 100% 0 0 0;
    background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zero-author .zeromo-author-list .z-author.z-author-bg .z-author-bg2::before {
    content: '';
    display: block;
    width: 400px;
    height: 400px;
    position: absolute;
    left: -20px;
    bottom: -100px;
    border-radius: 100% 100% 100% 100%;
    background-image: linear-gradient(50deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
}

.zero-author .zeromo-author-list .z-author .z-author-content {
    padding: 35px;
    background-color: #fff;
    z-index: 1;
    height: 100%;
    border-radius: 10px;
}

.zero-author .zeromo-author-list .z-author .z-author-content .z-author-join {
    width: 100%;
    background-color: #ff6000;
    border: 1px solid #ff6000;
    color: #fff;
}

.zero-author .zeromo-author-list .z-author .z-author-content .z-author-join:hover {
    background-color: #e15500;
    border: 1px solid #e15500;
    transition: all 0.2s;
}

.zero-author .zeromo-author-list .z-author .z-author-content h3 i {
    -webkit-text-stroke-color: unset;
    font-size: 30px;
    margin-right: 5px;
    bottom: -3px;
    position: relative;
    color: #2a3547;
}

.zero-author .zeromo-author-list .z-author .z-author-content .z-content-int {
    font-size: 15px;
    line-height: 1.8;
    color: #6b6b6b;
}

.zero-author .zeromo-author-list .z-author .z-author-content .z-content-int a {
    color: #ff6000;
}

.zero-author .zeromo-author-list .z-author .z-author-main .z-author-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 7px;
    flex-shrink: 0;
}

.zero-author .zeromo-author-list .z-author .z-author-main button {
    margin-left: auto;
    padding: 0 5px;
    font-size: 14px;
    border-radius: 3px;
}

.zero-author .zeromo-author-list .z-author .z-author-main a:hover .z-author-name h3 {
    color: #ff6000;
}

.zero-author .zeromo-author-list .z-author .z-author-main a:hover img {
    transform: scale(1.1);
    transition: all 0.2s;
}

.zero-author .zeromo-author-list .z-author .z-author-main img {
    width: 100%;
    height: 100%;
}

.zero-author .zeromo-author-list .z-author .z-author-main .z-author-name h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    max-width: 75%;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    
}

.zero-author .zeromo-author-list .z-author .z-author-main .z-author-name span i {
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
    color: #ffb807;
}

.zero-author .zeromo-author-list .z-author .z-author-main .z-author-name .abi-user-level.badge-pill {
    padding: 1px 5px;
}

.zero-author .zeromo-author-list .z-author .z-author-main .z-author-meta {
    font-size: 12px;
    color: #9a9a9a;
    font-weight: 500;
    margin-top: 10px;
}

.zero-author .zeromo-author-list .z-author .z-author-main .z-author-meta span {
    margin-right: 10px;
}

.zero-author .zeromo-author-list .z-author .z-author-info {
    font-size: 14px;
    color: #9a9a9a;
    margin-top: 20px;
    line-height: 1.6;
    height: 45px;
}

.zero-author .zeromo-author-list .z-author .z-author-info i {
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
    margin-right: 5px;
}

.zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-title::before {
    content: '';
    flex: 1 1;
    border-bottom: 1px solid #efefef;
    margin: auto;
    margin-right: 5px;
}

.zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-title::after {
    content: '';
    flex: 1 1;
    border-bottom: 1px solid #efefef;
    margin: auto;
    margin-left: 5px;
}

.zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-title {
    font-size: 14px;
    color: #b5b5b5;
    margin: 20px 0;
    display: flex;
}

.zero-author .zeromo-author-list .z-author .z-author-newpost .z-newpost-list a:hover .z-newpost-t {
    color: #ff6000;
}

.zero-author
    .zeromo-author-list
    .z-author
    .z-author-newpost
    .z-newpost-list
    a:hover
    .z-newpost-img
    img {
    transform: scale(1.1);
    transition: all 0.2s;
}

.zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main {
    margin-bottom: 20px;
}

.zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main .z-newpost-img {
    max-width: 120px;
    height: 75px;
    margin-right: 10px;
    overflow: hidden;
    border-radius: 6px;
    flex-shrink: 0;
}

.zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main img {
    width: 150px;
    height: 75px;
    border-radius: 6px;
    object-fit: cover;
}

.zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main .z-newpost-t {
    font-size: 14px;
    line-height: 1.6;
    color: #323232;
    width: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
}

.zero-author .zeromo-author-list .z-author .z-newpost-list .z-newpost-main .z-newpost-t p {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
}

.zero-link .zeromo-link-list .z-link-h5 {
    font-size: 22px;
}

.zero-link .zeromo-link-list .z-link-h5 small {
    font-size: 14px;
    margin-left: 10px;
    color: #323232;
    font-weight: 100;
}

.zero-link .zeromo-link-list .z-link-list .z-link-item {
    color: #323232;
    position: relative;
    display: inline-block;
    margin: 5px;
}

.zero-link .zeromo-link-list .z-link-list .z-link-item span {
    margin-right: 15px;
}

.zero-link .zeromo-link-list .z-link-list .z-link-item:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    width: 0;
    border-right: 1px solid #8a8a8a;
    opacity: 0.5;
}

.zero-link .zeromo-link-list .z-link-list .z-link-item:nth-child(1) span {
    margin-left: 0;
}

.zero-link .zeromo-link-list .z-link-list .z-item-end {
    color: #ff6000;
    font-weight: 600;
}

.zero-link .zeromo-link-list .z-link-list .z-item-end i {
    margin-right: 2px;
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: unset;
    font-weight: 600;
}

.zero-link .zeromo-link-list .z-link-list .z-item-end:after {
    display: none !important;
}

/* 全局底部开始 */

.zero-footer .zeromo-footer-left:before {
    content: '';
    width: 0;
    height: 95%;
    border-left: 1px solid #33333c;
    position: absolute;
    right: 0;
    top: 5px;
}

.zero-footer .zeromo-footer-left {
    padding-right: 60px;
    position: relative;
}

.zero-footer .zeromo-footer-center {
    position: relative;
}

.zero-footer .zeromo-footer-center:before {
    content: '';
    width: 0;
    height: 95%;
    border-left: 1px solid #33333c;
    position: absolute;
    right: 0;
    top: 5px;
}

.zero-footer .zeromo-footer-center .z-footer-list {
    padding: 0 20px;
    list-style: none;
    text-align: center;
}

.zero-footer .zeromo-footer-center .z-footer-list .z-list-title {
    color: #fff;
    font-size: 18px;
}

.zero-footer .zeromo-footer-center .z-footer-list .z-list-item {
    margin-top: 15px;
}

.zero-footer .zeromo-footer-center .z-footer-list .z-list-item .z-item-content {
    padding: 2px;
}

.zero-footer .zeromo-footer-center .z-footer-list .z-list-item .z-item-content a {
    color: #949498;
    font-size: 14px;
}

.zero-footer .zeromo-footer-center .z-footer-list .z-list-item .z-item-content a:hover {
    color: #fff;
}

.zero-footer .zeromo-footer-right .z-right-soc {
}

.zero-footer .zeromo-footer-right .z-right-soc a i {
    -webkit-text-stroke-width: unset;
    -webkit-text-stroke-color: unset;
    color: #fff;
    font-size: 26px;
    margin-right: 20px;
    background-color: #535353;
    padding: 10px;
    border-radius: 5px;
}

.zero-footer .zeromo-footer-right .z-footer-qr img {
    width: 100px;
    padding: 5px;
}

.zero-footer .z-right-soc a:last-child i {
    margin-right: 0;
}

.zero-footer .zeromo-footer-center i {
    display: none !important;
}
.zero-footer .zeromo-footer-center > li {
    padding: 0 20px;
    list-style: none;
}
.zero-footer .zeromo-footer-center > li > a {
    color: #fff;
    font-size: 18px;
}
.zero-footer .zeromo-footer-center > li > ul {
    margin-top: 15px;
    list-style: none;
}
.zero-footer .zeromo-footer-center > li > ul > li {
    padding: 2px;
}
.zero-footer .zeromo-footer-center > li > ul > li > a {
    color: #949498;
    font-size: 14px;
}
.zero-footer .zeromo-footer-center > li > ul > li > a:hover {
    color: #fff;
}
@media (max-width: 500px) {
    .zero-footer .zeromo-footer-center > li > a {
        font-size: 16px !important;
    }
}

.z-bg-image .abi-user-poster::after {
    content: '';
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.2;
    top: 0;
}

/* 全局列表页面开始 */
.info-score {
}
.score-wrap {
    position: relative;
}
.score-show {
    overflow: hidden;
}
.info-score .score-show .show-wrap {
    float: left;
}
.info-score .score-show strong {
    display: block;
    color: #ff6000;
    font-size: 25px;
    line-height: 33px;
    height: 33px;
    overflow: hidden;
    font-family: Arial-BoldMT;
    text-align: center;
}
.info-score .score-show span {
    display: block;
    font-size: 14px;
    color: #8a8a8a;
}
.info-score .add-score-wrap .component-add-score {
    font-size: 22px;
    display: block;
}
.info-score .add-score-wrap .component-add-score .score {
    height: 33px;
    margin-bottom: 14px;
}
.info-score .add-score-wrap .component-add-score .star {
    margin-left: 0px;
    margin-right: 0px;
}
.component-score-show .score-stars .star.show-color,
.component-add-score .score-stars .star.show-color {
    color: #ffc168;
}
.component-score-show .score-stars .star,
.component-add-score .score-stars .star {
    display: inline-block;
    position: relative;
    color: #d3d3d3;
    font-size: 18px;
}
.info-score .add-score-wrap .score-info {
    font-size: 12px;
    text-align: center;
    color: #8a8a8a;
}

.z-site-right img {
    border-radius: 5px;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    visibility: visible;
    object-fit: cover;
}

/* 全局列表筛选开始 */
.z-site-classlist {
}

.z-site-sort dl dt {
    float: left;
    line-height: 20px;
    position: relative;
    font-size: 15px;
}

.z-site-sort dl dd {
    overflow: hidden;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
}

.z-site-sort dl dd a {
    color: #353535;
    padding: 0 5px;
    display: inline-block;
}

.z-site-sort dl dd a span {
    font-size: 14px;
}

.z-site-sort dl dd a:hover {
    color: #f60;
    border-radius: 3px;
}

.z-site-classlist dl dt {
    float: left;
    width: 100px;
    line-height: 20px;
    position: relative;
    font-size: 15px;
}

.z-site-classlist dl dd {
    overflow: hidden;
    gap: 30px;
    display: flex;
    flex-wrap: nowrap;
    margin: 10px;
    overflow: auto;
}

.z-site-classlist dl dd a {
    color: #353535;
    padding: 0 5px;
    display: inline-block;
    flex-shrink: 0;
}

.z-site-classlist dl dd a span {
    font-size: 14px;
}

.z-site-classlist dl dd a:hover {
    color: #f60;
    border-radius: 3px;
}

.z-site-classlist dd .z-selected {
    color: #f60;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    flex-shrink: 0;
}

.z-site-classlist dd .z-selected2 {
    background-color: rgb(255, 238, 227);
    color: #f60;
    padding: 0px 10px;
    border-radius: 3px;
}

.z-site-classlist dd .z-selected::after {
    content: '';
    width: 100%;
    height: 10px;
    display: block;
    margin: 0 auto;
    border-bottom: 2px solid #f60;
    padding: 1px;
}

.z-site-classlist dd .z-selected span {
}

/* 全局列表右侧栏开始 */

.zero-article-right .z-author-rank,
.zero-article-right .z-product-related {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

.zero-article-right .z-author-rank .plug-title h5,
.plug-title h5 {
    margin-bottom: 2px;
    color: #2b2b2b;
}

.zero-article-right .z-author-rank .plug-title small,
.plug-title small {
    color: #a9a9a9;
}

.zero-article-right .z-author-rank .plug-hr,
.plug-hr {
    color: #e5e5e5;
    margin: 5px 0px 20px 0px;
}

.zero-article-right .rank-list .rank-item {
    /* margin-bottom: 35px; */
    padding: 20px 0px 20px 0;
    border-bottom: 1px solid #f9f9f9;
}

.zero-article-right .rank-list .rank-item .rank-num {
    color: #faa90e;
    margin-right: 10px;
    font-size: 20px;
    font-weight: 600;
}

.zero-article-right .rank-list .rank-item:nth-child(1) .rank-num {
    color: #fe2d46;
}

.zero-article-right .rank-list .rank-item:nth-child(2) .rank-num {
    color: #ff6000;
}

.zero-article-right .rank-list .rank-item:nth-child(5) {
    border-bottom: unset;
    padding: 20px 0px 0px 0;
}

.zero-article-right .rank-list .rank-item .rank-pic {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 8px;
}

.zero-article-right .rank-list .rank-item .rank-pic img {
    width: 100%;
    height: 100%;
}

.zero-article-right .rank-list .rank-item:hover .rank-info h5 {
    color: #f60;
    font-weight: 600;
}

.zero-article-right .rank-list .rank-item:hover .rank-info span {
    color: rgb(255, 169, 111);
}

.zero-article-right .rank-list .rank-item:hover .rank-pic {
    border-radius: 50%;
    transition: all 0.3s;
}

.zero-article-right .rank-list .rank-item:hover .rank-pic img {
    transform: scale(1.1);
    transition: all 0.3s;
}

.zero-article-right .rank-list .rank-info {
    margin-left: 10px;
}

.zero-article-right .rank-list .rank-info h5 {
    margin-bottom: 3px;
    font-size: 16px;
    color: #595959;
}

.zero-article-right .rank-list .rank-info span {
    font-size: 12px;
    color: #a5a5a5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.zero-article-right .rank-list .rank-articlenum {
    flex-shrink: 0;
    color: #a9a9a9;
}

.z-product-related .product-item {
    margin-bottom: 30px;
}

.z-product-related .product-item:hover .product-info .info-title h5 {
    color: #f60;
    font-weight: 600;
}

.z-product-related .product-item:hover .product-info .info-snm {
    color: rgb(255, 169, 111);
}

.z-product-related .product-item:hover .product-pic {
    background-color: rgb(255, 202, 168);
}

.z-product-related .product-item .product-pic {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background-color: #eaeaea;
}

.z-product-related .product-item .product-pic img {
    width: 100%;
    height: 100%;
    transform: scale(0.8);
    border-radius: 50%;
    background-color: #fff;
}

.z-product-related .product-item .product-info {
    margin-left: 10px;
}

.z-product-related .product-item .product-info .info-title {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.z-product-related .product-item .product-info .info-title h5 {
    margin-bottom: 5px;
}

.z-product-related .product-item .product-info .info-snm {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    color: #8a8a8a;
    font-size: 12px;
}

/* 全局导航条开始 */
.z-nav-index .z-nav a {
    color: #434343;
    font-size: 14px;
}

.z-nav-index .z-nav i {
    color: #434343;
    font-size: 14px;
    -webkit-text-stroke-color: #8a8a8a;
    -webkit-text-stroke-width: initial;
    padding: 0 5px;
}

/* 全局CSS设置开始old */
.zeromo-post-content .z-post-header {
    height: 400px;
    background-color: #7a9cf3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.zeromo-post-content .z-post-header::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 40%;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#f9f9f9),
        to(rgba(0, 0, 0, 0))
    );
    background: -webkit-linear-gradient(bottom, #f9f9f9, rgba(0, 0, 0, 0));
    background: -o-linear-gradient(bottom, #f9f9f9, rgba(0, 0, 0, 0));
    background: linear-gradient(0deg, #f9f9f9, rgba(0, 0, 0, 0));
}

.zeromo-post-content .z-nav-index .z-nav {
    color: #ffffff;
    font-size: 14px;
}

.zeromo-post-content .z-nav-index .z-nav a {
    color: #ffffff;
    font-size: 14px;
}

.zeromo-post-content .z-nav-index .z-nav i {
    color: #ffffff;
    font-size: 14px;
    -webkit-text-stroke-color: #8a8a8a;
    -webkit-text-stroke-width: initial;
    padding: 0 5px;
}

.zeromo-post-content .z-post-header .z-post-bg {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.zeromo-post-content .z-post-header .z-post-bg::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -webkit-linear-gradient(192.6deg, rgba(250, 250, 250, 0.2) 2%, #7a9cf3 80%);
    background: -o-linear-gradient(192.6deg, rgba(250, 250, 250, 0.2) 2%, #7a9cf3 80%);
    background: linear-gradient(257.4deg, rgba(250, 250, 250, 0.2) 2%, #7a9cf3 80%);
}

.zeromo-post-content .z-post-header .z-post-bg .post-bg-1 {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-filter: blur(4px);
    filter: blur(4px);
}

.zeromo-post-content .z-post-header .z-post-bg .post-bg-1 img {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2);
}

.zeromo-post-content .hero-section .auto-ad-url>.card.io-radius {
    padding: 10px !important;
    background: linear-gradient(180deg,rgba(255,255,255,.5),#fff) !important;
    border: 1px solid #fff;
}

.zeromo-post-content .hero-section .auto-ad-url>.card.io-radius>.pt-2 {
    padding-top: 0 !important;
}

.zeromo-post-content .hero-section .auto-ad-url .io-radius a.io-ajax-modal-get {
    padding: 0px 5px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

.zeromo-post-content .z-card {
    background-color: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.5)),
        to(#ffffff)
    );
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 100%);
    border: 1px solid #fff;
    border-radius: 7px 7px 0 0;
}

/* 关联页分类开始 */

.zeromo-category .z-category-info .z-category-img {
    margin-right: 20px;
    width: 200px;
    height: 140px;
}

.zeromo-category .z-category-info .z-category-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.zeromo-category .z-category-info .z-category-meta {
    width: 65%;
}

.zeromo-category .z-category-info .z-category-meta .z-category-title {
    font-size: 24px;
    font-weight: 600;
    color: #2a3547;
    margin-bottom: 10px;
}

.zeromo-category .z-category-info .z-category-meta .z-category-int {
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 20px;
}

.zeromo-category .z-category-info .z-category-meta .z-category-site {
    font-size: 15px;
}

.zeromo-category .z-category-info .z-category-meta .z-category-site .z-category-sitelist {
}

.zeromo-category
    .z-category-info
    .z-category-meta
    .z-category-site
    .z-category-sitelist
    .z-category-siteitem {
    background-color: rgba(255, 140, 52, 0.1);
    padding: 3px;
    border-radius: 5px;
    margin: 0 10px 0 0;
    color: #ff6000;
    font-size: 14px;
}

.zeromo-category .z-category-info .z-category-left {
    margin-left: auto;
}

.zeromo-category .z-category-info .z-category-left .z-category-num {
    font-size: 30px;
    color: #ff6000;
    margin-bottom: 5px;
}

.zeromo-category .z-category-info .z-category-left .z-category-txt {
    color: #7f7f7f;
    font-size: 14px;
}

.zeromo-category .z-category-info .z-category-left .z-category-button {
    margin-top: 5px;
}

.zeromo-category .z-category-info .z-category-left .z-category-button button {
    color: #fff !important;
    background-color: #ff6000;
    border-radius: 4px;
    font-weight: 100 !important;
    border: 1px solid #ff6000;
}

.zeromo-category .z-category-card {
    border-radius: 0 0 7px 7px;
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.37) 0%, #ffffff 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.37) 0%, #ffffff 100%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0.37)),
        to(#ffffff)
    );
    background-color: rgba(255, 255, 255, 0.37);
}

.zeromo-category .z-category-card .zeromo-list-title .z-list-mobile {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
}

.zeromo-category .z-category-card .zeromo-list-title .items a:hover strong {
    background-color: #ff6000;
    color: #fff;
    border-radius: 4px;
    padding: 6px;
}

.zeromo-category .z-category-card .zeromo-list-title .items strong {
    font-weight: normal;
    display: inline-block;
    line-height: 20px;
    color: hsl(0, 0%, 25%);
    background-color: transparent;
    padding: 6px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    white-space: nowrap;
}

.zeromo-category .z-category-card .zeromo-list-title .items strong i {
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
    margin-right: 5px;
    font-size: 16px;
}

.zeromo-category .z-category-card .zeromo-list-title .items {
    float: left;
    display: block;
}

.zeromo-category .z-category-card .zeromo-list-title .items .current strong {
    color: #fff !important;
    background-color: #ff6000;
    padding: 6px;
    border-radius: 4px;
    font-weight: 500 !important;
}

.zeromo-category .z-category-card .zeromo-list-title .items:nth-child(1) a {
    margin-left: 0;
}

.zeromo-category .z-category-card .zeromo-list-title .items a {
    margin: 20px;
}

/* 全局列表网址块开始 */

.z-siteitems-sitelist .z-siteitems-sitegroup {
    margin-right: 10px;
}

.z-siteitems-sitelist .z-siteitems-sitegroup .z-siteitems-sitename {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #2a3547;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.z-siteitems-sitelist .z-siteitems-sitegroup .z-siteitems-siteinc {
    font-size: 12px;
    color: #979797;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 35px;
}

.z-siteitems-sitelist .z-siteitems-siteimg {
    width: 50px;
    height: 50px;
    background-color: #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank {
    margin-left: auto;
    color: #999999;
    opacity: 0;
    margin-right: 10px;
    position: absolute;
}

.z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-rank {
    opacity: 1 !important;
    margin-right: 0px;
    transition: all 250ms ease-in-out 0s;
    position: relative;
    height: 65px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-ranknum {
    font-size: 15px;
}

.z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like {
    font-size: 36px;
    color: #999999;
}

.z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like:hover {
    transform: scale(1.2);
    transition: all 0.3s;
    color: #ff6000;
    display: block;
}

.z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like i {
    -webkit-text-stroke-color: unset;
    -webkit-text-stroke-width: inherit;
}

.z-siteitems-sitelist a:hover .z-siteitems-sitegroup .z-siteitems-sitename {
    color: #ff6000;
}

.z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-siteimg {
    opacity: 0;
    position: absolute;
}

.z-siteitems-sitelist .z-siteitems-siteimg img {
    height: 100%;
    width: 100%;
    transform: scale(0.8);
    border-radius: 50%;
    background-color: #fff;
}
/* 20240510更新简朴网址详情页开始 */
.z-site-scroll img {
    max-width: 100%;
    height: 100%;
}

.z-site-scroll h1 {
    font-size: 26px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

.z-site-scroll h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

.z-site-scroll h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}

.z-site-scroll h4 {
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 30px !important;
}


/* 20240106新网址详情页开始 */
.zero-p-info img {
    width: 100%;
    height: 100%;
}

.zeromo-post-content .z-post-content img {
    max-width: 100%;
    height: 100%;
}

.zeromo-product-nitem .container {
    
}

.zeromo-product-nitem .z-sidebar-list {
    width: 100%;
    /*background-color: #FFF;*/
    border-radius: 10px;
    width: 60px;
    position: absolute;
    height: 95%;
}

.zeromo-product-nitem .z-sidebar-list .z-sidebar-directory {
    position: sticky;
    top: 90px;
}

.zeromo-product-nitem .z-sidebar-list ul {
}

.zeromo-product-nitem .z-sidebar-list ul li {
    padding: 0px 0px 25px 0px;
}

.zeromo-product-nitem .z-sidebar-list ul li .btn-zmo-like.liked i {
    color: #eecc9f !important;
    background-color: #222226 !important;
}

.zeromo-product-nitem .z-sidebar-list ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.zeromo-product-nitem .z-sidebar-list ul li a span {
    margin-top: 5px;
    color: #000;
    font-size: 14px;
}

.zeromo-product-nitem .z-sidebar-list ul li a small {
    position: absolute;
    background-color: #eecc9f;
    color: #253258;
    top: -5px;
    right: -5px;
    padding: 0 10px;
    border-radius: 20px;
}

.zeromo-product-nitem .z-sidebar-list ul li a i {
    font-size: 28px;
    color: #253258;
    background-color: #f9f9f9;
    border-radius: 50%;
    padding: 12px;
    -webkit-text-stroke-width: unset;
}

.zeromo-product-nitem .zero-product-mate .zero-product-image {
    width: 100%;
    height: 100%;
}

.zeromo-product-nitem .zero-product-mate .zero-product-image img {
    width: 100%;
    height: 160%;
    object-fit: cover;
}

.zeromo-product-nitem .zero-product-mate .zero-product-image::after {
    content: '';
    background-color: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.2;
    top: 0;
}

.zeromo-product-nitem .zero-product-mate {
    margin-left: 120px;
    margin-bottom: 30px;
}

.zeromo-product-nitem .zero-product-mate .auto-ad-url>.card.io-radius {
    padding: 10px !important;
}

.zeromo-product-nitem .zero-product-mate .auto-ad-url>.card.io-radius>.pt-2 {
    padding-top: 0 !important;
}

.zeromo-product-nitem .zero-product-mate .auto-ad-url .io-radius a.io-ajax-modal-get {
    font-size: 12px !important;
    border-radius: 5px !important;
    padding: 0 5px !important;
}

.zeromo-product-nitem .zero-product-mate .z-siteauthor.z-none .author-show {
    opacity: 0;
}

@media (max-width: 638px) {
    .zeromo-product-nitem .zeromo-content .z-nav-index {
        margin-bottom: 0px !important;
    }

    .zeromo-product-nitem .zero-product-mate {
        margin-left: 0;
    }

    .zeromo-product-nitem .zero-product-mate .z-siteauthor .author-show {
        opacity: 1 !important;
        position: absolute;
        right: 0px;
        top: 0;
        width: 100px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .zeromo-product-nitem .z-sidebar-mobile {
        position: fixed;
        margin: auto;
        left: 5%;
        right: 0;
		top: auto !important;
        bottom: 25px;
        width: 90%;
        height: 60px;
		margin: 0 !important;
        background-color: #ffffffc9;
        z-index: 99;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        top: unset;
        border-radius: 50px;
        backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(20px) hue-rotate(0deg);
        -webkit-backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(20px) hue-rotate(0deg);
    }
    
    .zeromo-product-nitem .z-sidebar-mobile .z-sidebar-directory {
        height: 100%;
    }

    .zeromo-product-nitem .z-sidebar-mobile ul li a span {
        display: none;
        font-size: 12px !important;
        margin-top: 0px !important;
    }

    .zeromo-product-nitem .z-sidebar-mobile ul li a i {
        background-color: unset;
        font-size: 30px !important;
        padding: 0px !important;
        width: 35px !important;
        height: 35px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .zeromo-product-nitem .z-sidebar-mobile ul li .btn-zmo-like.liked i {
        background-color: unset !important;
        color: #F60 !important;
    }

    .zeromo-product-nitem .z-sidebar-list ul li a small {
        padding: 0px 5px !important;
        top: -10px !important;
        font-size: 12px !important;
    }

    .zeromo-product-nitem .z-sidebar-mobile ul li {
        padding: 5px;
    }

    .zeromo-product-nitem .z-sidebar-mobile ul {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
        gap: 20px;
        width: 100%;
        height: 100%;
    }

    .zeromo-product-nitem .zero-product-mate .z-siteqr-mb {
        width: 100px !important;
    }

    .zeromo-product-nitem .zero-product-mate .z-siteqr {
        display: none !important;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-logo {
        margin-top: 5px !important;
    }

    .zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic {
        width: 60px !important;
        height: 60px !important;
    }

    .zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic .z-sitemeta-rank {
        display: block !important;
        position: absolute;
        top: -10px;
        right: -10px;
        background: #f60;
        color: #fff;
        border-radius: 10px;
        padding: 0px 5px;
        font-size: 12px;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m {
        padding-left: 0px !important;
        margin-top: 0px !important;
        display: block !important;
        position: relative;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title {
        margin-left: 80px;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title small {
        position: absolute;
        left: 0;
        margin-top: 10px;
    }
    
    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title small a:nth-child(4),
    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title small a:nth-child(5) {
        display: none;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn {
        width: 100%;
        gap: 10px;
        margin-top: 45px;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn {
        margin: 0 !important;
        width: 42.5%;
    }

    .zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn:nth-child(3) {
        width: 15%;
    }

    .zeromo-product-nitem .z-sitemeta-i {
        margin-bottom: 10px !important;
    }

    .nav-pills .nav-link {
        min-width: 0px;
    }

    .zeromo-product-nitem .zero-p-info h5 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .zeromo-product-nitem .zero-p-info p {
        font-size: 15px !important;
        margin-bottom: 15px !important;
        line-height: 1.9;
        letter-spacing: 1px;
    }

    .zeromo-product-nitem .zero-p-info .mb-5 {
        margin-bottom: 2rem !important;
    }

    .zeromo-product-nitem .z-siteright-mobile .z-siteauthor-m {
        display: none;
    }

    .zeromo-product-nitem .z-siteright-mobile .z-siterank-m {
        display: none;
    }
}

.z-siteright-mobile>.card {
    padding: 15px;
}

.z-siteright-mobile>.card h5 {
    margin-bottom: 2px;
}

.z-siteright-mobile>.card hr {
    color: #e5e5e5;
    margin: 5px 0px 20px 0px;
}

.z-siteright-mobile .z-siterank-m .z-siteauthor-info {
    padding: 10px;
}

.z-siteauthor-m .z-siteauthor-info .z-siteauthor-img {
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.z-siteauthor-m .z-siteauthor-info .z-siteauthor-img img {
   width: 100%;
   height: 100%;
   border-radius: 5px; 
}

.z-siteauthor-m .z-siteauthor-info .z-siteauthor-name {
    margin-left: 10px;
    width: 100%;
}

.z-siteauthor-m .z-siteauthor-info .z-siteauthor-name button {
    margin-left: auto;
}

.z-siteauthor-info .z-siteauthor-name .z-siteauthor-pd {
    color: #a1a1a1;
    font-size: 12px;
}

.z-siteauthor-info .z-siteauthor-name .z-siteauthor-pd p {
    margin-bottom: 0;
}

.z-siteauthor-info .z-siteauthor-name .z-siteauthor-pd .z-name-2 {
    color: #ff6000;
    margin-left: 10px;
    font-size: 14px;
}

.z-siteauthor-info .z-siteauthor-name .z-siteauthor-pd .z-name-2 i {
    font-size: 18px;
    -webkit-text-stroke-width: inherit;
    top: 3px;
    position: relative;
    margin-left: 5px;
}



.z-siteauthor-name .z-name-1 {
   margin-bottom: 0;
   font-size: 18px;
   color: #000;
   overflow: hidden;
   -o-text-overflow: ellipsis;
   text-overflow: ellipsis;
   word-break: break-all;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}



.zeromo-product-nitem .zero-product-mate .z-siteqr-mb {
    background-color: #000;
    position: absolute;
    height: 100%;
    width: 120px;
    top: 0;
    right: 0;
    opacity: 0.4;
}

.zeromo-product-nitem .zero-product-mate .z-siteqr {
    position: absolute;
    right: 20px;
    bottom: 20px;
    margin: 0;
}

.zeromo-product-nitem .z-sitemeta-i {
    padding: 20px;
    position: relative;
    margin-bottom: 30px;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-logo {
    margin-top: -40px;
    position: absolute;
}

.zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 20px rgb(0 0 0 / 10%);
}

.zeromo-product-nitem .z-sitemeta-i .sitemeta-logo-pic img {
    width: 100%;
    height: 100%;
    transform: scale(0.8);
    border-radius: 20px;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m {
    padding-left: 120px;
    margin-top: -5px;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-btn {
    flex-shrink: 0;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title {
    width: 70%;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-m .z-sitemeta-title p {
    font-size: 14px;
    color: #3b3b3b;
    margin-bottom: 5px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn {
    background: #f60;
    color: #fff;
    margin: 22px 5px;
    border-radius: 4px;
    height: 38px;
    white-space: nowrap;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn:nth-child(2) {
    color: #838383;
    border: 1px solid #e5e5e5;
    background: unset;
}

.zeromo-product-nitem .z-sitemeta-i .z-sitemeta-btn .btn:nth-child(3) {
    color: rgb(255, 72, 0);
    border: 1px solid rgb(255, 72, 0);
    padding: 7px;
    background: unset;
}

.zeromo-product-nitem .zero-p-info h5 {
    color: #000;
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
}

.zeromo-product-nitem .zero-p-info h5 i {
    margin-right: 5px;
    color: #ffb07b;
}

.zeromo-product-nitem .zero-p-info p {
    font-size: 16px;
    line-height: 28px;
    color: #222226;
    margin-bottom: 20px;
}

.zeromo-product-nitem .zero-product-mate .zero-p-info ul {
    width: 100%;
}

.zeromo-product-nitem .zero-product-mate .zero-p-info ul li {
    list-style-type: disclosure-closed;
    margin-left: 20px;
    color: #222226;
    padding: 0px 0px 15px 0px;
    line-height: 25px;
}

.zeromo-product-nitem .zero-product-mate .zero-p-info ol li {
    margin-left: 20px;
    color: #222226;
    padding: 0px 0px 15px 0px;
    line-height: 25px;
}

.zeromo-product-nitem .zero-p-info ul li:nth-last-child(1) {
    border-right: unset;
}

.zeromo-product-nitem .zero-p-info ul li span {
    display: block;
    text-align: center;
}

.zeromo-product-nitem .zero-p-info ul li span:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.zeromo-product-nitem .zero-p-info ul li span:nth-child(2) {
    font-size: 12px;
    color: #999;
}

.zeromo-product-nitem .item-profile-tab .nav-item .nav-link.active {
    color: #5d87ff;
    border-bottom: 2px solid #5d87ff;
    font-weight: 600;
}

.zeromo-product-nitem .item-profile-tab .nav-item .nav-link {
    color: #5a6a85;
}

.zeromo-content {
}

.zeromo-content .z-bg-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0.3;
}

.zeromo-content .z-bg-image .thumb {
    padding-top: 0;
    height: 100%;
    -webkit-filter: blur(30px) opacity(0.7) saturate(2);
    filter: blur(30px) opacity(0.7) saturate(2);
    display: none \9;
    background-position: center;
    box-shadow: inset 30px 0px 100px 50px #f9f9f9, inset -31px 0px 100px 51px #f9f9f9;
}

.z-bg-image .thumb {
    width: 100%;
    padding-top: 0;
    height: 100%;
}

.thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0;
}

.zeromo-content .z-nav-index .z-nav a {
    color: #8a8a8a;
    font-size: 14px;
}

.zeromo-content .z-nav-index .z-nav i {
    color: #8a8a8a;
    font-size: 14px;
    -webkit-text-stroke-color: #8a8a8a;
    -webkit-text-stroke-width: initial;
    padding: 0 5px;
}

@media (max-width: 638px) {
    .zeromo-site-meta .z-site .z-site-logo {
        width: 40px !important;
        height: 40px !important;
        border-radius: 10px !important;
    }

    .zeromo-site-meta .z-site .z-site-title .z-sitename {
        font-size: 16px;
    }

    .zeromo-site-meta .z-site .z-site-title {
        margin-bottom: 10px !important;
    }

    .zeromo-site-meta .z-site-meta {
        padding: 0 5px !important;
        font-size: 12px !important;
    }

    .zeromo-site-meta .z-site .z-site-btn {
        display: flex;
        width: 100%;
        margin-top: 10px;
    }

    .zeromo-site-meta .z-site .z-site-btn .btn-mobile {
        width: 50%;
        margin-top: 0.5rem;
    }

    .zeromo-site-meta .z-site .z-site-btn .btn-mobile a {
        width: 95%;
    }

    .zeromo-site-more {
        margin-top: 30px;
    }

    .zeromo-site-author .z-author .info-score {
        background-color: #fff;
        margin: auto;
        margin-top: 20px;
        padding: 10px 20px;
        border-radius: 10px;
    }
}

.zeromo-site-meta .z-site .z-site-btn {
    margin-left: auto;
}

.zeromo-site-meta .z-site .z-site-logo {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    background-color: #e7e7e7;
    border-radius: 15px;
}

.zeromo-site-meta .z-site-meta {
    padding: 0 20px;
    position: relative;
    color: #525252;
    font-size: 14px;
}

.zeromo-site-meta .z-site-meta .ico {
    color: #ff6000;
}

.zeromo-site-more {
    margin-bottom: 40px !important;
}

.zeromo-site-more .z-site-tag .ico {
    color: #ff6000;
    margin-right: 5px;
}

.zeromo-site-more .z-site-tag a {
    color: #8a8a8a;
    padding: 0 5px;
    position: relative;
    font-size: 12px;
}

.zeromo-site-meta .z-site-meta a {
    color: #525252;
}

.zeromo-site-meta .z-site-meta::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    height: 10px;
    width: 0;
    border-right: 1px solid #8a8a8a;
    opacity: 0.5;
}

.zeromo-site-author .z-author .z-author-avatar {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.zeromo-site-author .z-author .z-author-avatar i {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.zeromo-site-author .z-author .info-score {
    margin-left: auto;
}

/* 交易列表页开始 */

.business-screen {
}

.business-screen dl dt {
    float: left;
    width: 100px;
    line-height: 20px;
    position: relative;
    font-size: 15px;
}

.business-screen dl dd {
    overflow: hidden;
    gap: 20px;
    display: flex;
    flex-wrap: wrap;
}

.business-screen dl dd a {
    color: #353535;
    padding: 0 5px;
    display: inline-block;
}

.business-screen dl dd a:hover {
    background-color: #609bfb;
    border-radius: 3px;
    color: #fff;
}

.business-screen dd .z-selected {
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
    background-color: #609bfb;
}

.business-screen dd .z-selected span {
}

.zero-businesslist .z-nav-index .z-nav a {
    color: #434343;
    font-size: 14px;
}

.zero-businesslist .z-nav-index .z-nav i {
    color: #434343;
    font-size: 14px;
    -webkit-text-stroke-color: #8a8a8a;
    -webkit-text-stroke-width: initial;
    padding: 0 5px;
}

.business-code {
}

.z-pd-0 {
    padding: 0 !important;
}

.z-codeitem:hover .z-codeitem-img img  {
    transform: scale(1.1);
    transition: all .3s;
}

.z-codeitem:hover .z-codeitem-meta .z-item-title h4 {
    color: #F60;
}

.z-codeitem .z-codeitem-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.z-codeitem .z-codeitem-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.z-codeitem .z-codeitem-meta {
    padding: 15px;
}

.z-codeitem .z-codeitem-meta .z-codeitem-p {
    background-color: #fafafa;
    color: #8a8a8a;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.z-codeitem .z-codeitem-meta .z-codeitem-p .z-item-price {
    color: #f60;
    font-size: 16px;
    font-weight: 600;
}

.z-codeitem .z-codeitem-meta .z-codeitem-p .z-item-price span {
    font-size: 12px;
    font-weight: 500;
}

.z-codeitem .z-codeitem-meta .z-item-title {
    height: 50px;
}

.z-codeitem .z-codeitem-meta .z-item-title h4 {
    font-size: 15px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.z-codeitem .z-codeitem-meta .z-item-author {
    margin-top: 15px;
}

.z-codeitem .z-codeitem-meta .z-item-author .z-item-service {
    gap: 5px;
}

.z-codeitem .z-codeitem-meta .z-item-author .z-item-service .item-service {
    padding: 0 3px;
    border-radius: 20px;
}

.z-item-author .z-item-service .item-service.service-1 {
    background: #fff5ee;
    color: #f60;
    border: 1px solid #f60;
}

.z-item-author .z-item-service .item-service.service-2 {
    background: #f9f9f9;
    color: #999;
    border: 1px solid #ddd;
}

.z-item-author .z-item-service .item-service.service-3 {
    background: #eff;
    color: #6a4;
    border: 1px solid #6a4;
}

.z-codeitem .z-codeitem-meta .z-item-author .author-name {
    margin-left: 5px;
    color: #858585;
}

.z-codeitem .z-codeitem-meta .z-item-author .author-img {
    width: 25px;
    height: 25px;
}

.z-codeitem .z-codeitem-meta .z-item-author .author-img img {
    width: 100%;
    border-radius: 50%;
}

/* 商城详情页开始 */
.z-b-item-info ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0 18px 0;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

.z-b-item-info ul li {
    float: left;
    width: 25%;
    border-right: 1px solid #f6f6f6;
}

.z-b-item-info ul li:nth-last-child(1) {
    border-right: unset;
}

.z-b-item-info ul li span {
    display: block;
    text-align: center;
}

.z-b-item-info ul li span:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.z-b-item-info ul li span:nth-child(2) {
    font-size: 12px;
    color: #999;
}

.z-b-item-btn {
    width: 100%;
    display: flex;
    margin-top: 20px;
    gap: 20px;
}

.z-b-item-btn .btn {
    width: 33%;
    color: #fff;
    border-radius: 3px;
}

.z-b-item-btn .btn:first-child:active,
.z-b-item-btn .btn:active {
    border-color: none !important;
    box-shadow: unset !important;
    color: #FFF !important;
}

.z-b-item-btn a:hover {
    color: #FFF;
    opacity: 0.8;
}

.z-b-item-btn a:nth-child(1) {
    background-color: #00b788;
}

.z-b-item-btn .btn:first-child:active:nth-child(1) {
    background-color: #00b788;
}

.z-b-item-btn .btn:first-child:active:nth-child(2),
.z-b-item-btn .btn:active:nth-child(2) {
    background-color: #046eee;
}

.z-b-item-btn .btn:first-child:active:nth-child(3),
.z-b-item-btn .btn:active:nth-child(3) {
    background-color: #f68325;
}

.z-b-item-btn a:nth-child(2) {
    background-color: #046eee;
}

.z-b-item-btn a:nth-child(3) {
    background-color: #f68325;
}

.z-b-item-authinfo ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0 18px 0;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

.z-b-item-authinfo ul li {
    float: left;
    width: 33%;
    border-right: 1px solid #f6f6f6;
}

.z-b-item-authinfo ul li:nth-last-child(1) {
    border-right: unset;
}

.z-b-item-authinfo ul li span {
    display: block;
    text-align: center;
}

.z-b-item-authinfo ul li span:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.z-b-item-authinfo ul li span:nth-child(2) {
    font-size: 12px;
    color: #999;
}
.z-b-item-detailsinfo ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 0 18px 0;
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;
}

.z-b-item-detailsinfo ul li {
    float: left;
    width: 16.6%;
    border-right: 1px solid #f6f6f6;
}

.shop-detail .z-b-item-detailsinfo ul li {
    width: 14.2% !important;
}

.z-b-item-detailsinfo ul li:nth-last-child(1) {
    border-right: unset;
}

.z-b-item-detailsinfo ul li span {
    display: block;
    text-align: center;
}

.z-b-item-detailsinfo ul li span:nth-child(1) {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
}

.z-b-item-detailsinfo ul li span:nth-child(2) {
    font-size: 12px;
    color: #999;
}

/* 源码交易首页开始 */

.business-button {
    width: 100%;
    text-align: center;
    background: linear-gradient(to right, #609bfb, #ff6582);
    overflow: hidden;
    line-height: 35px;
    border-radius: 7px;
    height: 35px;
    display: flex;
    justify-content: space-evenly;
    flex-shrink: 0;
    margin-bottom: 10px;
}

.business-button a {
    color: #fff;
}

.business-button .business-button-code {
    color: #fff;
    width: 50%;
    display: block;
    background: #609bfb;
}

.business-button .business-button-code:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #609bfb;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-45deg);
    -ms-transform: skew(-45deg);
    transform: skew(-45deg);
    z-index: -1;
}

.business-button .business-button-website {
    color: #fff;
    width: 50%;
    display: block;
    background: #ff6582;
}

.z-pd-20 {
    padding: 20px !important;
}

.zero-businesshome .business-class .z-item-flex {
    align-items: center;
    justify-content: space-between;
}

.business-class .zero-item .z-item-mate h4 {
    font-size: 18px;
    font-weight: 600;
}

.business-class .zero-item .z-item-mate p {
    margin-bottom: 0px !important;
    font-size: 14px;
    color: #2c2f3280;
}

.business-class .zero-item .z-item-icon {
    width: 32px;
    height: 32px;
    overflow: hidden;
}

.business-class .zero-item .z-item-icon img {
    width: 100%;
    height: 100%;
}

/* 商城结算页开始 */

.zero-payment-list {
    gap: 10px;
}

.zero-payment-list .payment-list {
    gap: 10px;
    border-radius: 5px;
    padding: 10px;
    width: 33%;
    border: 1px solid #f3f3f3;
}

.zero-payment-list .payment-list.active {
    border: 1px solid #f60;
}

.zero-payment-list .payment-list .text-sm {
    font-size: 16px;
}

.zero-payment-list .payment-list img {
    width: 25px;
}

/* 用户中心设置开始 */

#sidebarnav .sidebar-item {
    position: relative;
}

#sidebarnav .sidebar-item .sidebar-link.has-arrow::after {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #2a3547;
    margin-left: 10px;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 25px;
    right: 15px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/*.sidebar-item .first-level {
    background-color: #ededed6e;
    border-radius: 10px;
    margin-top: 10px;
}*/

.sidebar-item .first-level li a {
    background-color: unset;
}

.sidebar-item .first-level li a i {
    -webkit-text-stroke-width: unset;
}

.sidebar-item .first-level li a:hover {
    color: #3772ff;
    background-color: #3772ff40 !important;
}

/* 用户中心头部开始 */

.zeromo-user-header {
    position: absolute !important;
    background-color: rgb(0 0 0 / 30%) !important;
    backdrop-filter: saturate(180%) blur(30px);
    box-shadow: 0 0 25px rgb(0 0 0 / 25%);
}

.zeromo-user-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    color: #fff;
    font-weight: 400 !important;
}

.zeromo-user-header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {
    color: #ffe9dc;
    background-color: rgb(255 255 255 / 18%);
}

.zeromo-user-header .zeromo-nav .zeromo-nav-right a {
    color: #f5f5f5;
    font-weight: 600;
    position: relative;
    vertical-align: top;
}

.zeromo-user-header .zeromo-nav .zeromo-nav-right .ti-diamond-filled {
    color: #ffda77;
}

.zeromo-user-header .zeromo-nav .zeromo-nav-right a .ti {
    -webkit-text-stroke-width: inherit;
    -webkit-text-stroke-color: unset;
}

.zeromo-user-header .zeromo-nav .zeromo-nav-right a .z-nav-drop {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
    color: #fff;
    padding: 0 5px;
    height: 18px;
    border-radius: 10px;
    white-space: nowrap;
    background-color: #ee3e31;
    font-weight: 400;
    font-style: inherit;
}

.zeromo-user-header .zeromo-nav .zeromo-nav-right .z-nav-search {
    display: block;
    background: #f5f5f5;
    border-radius: 18px;
    font-size: 14px;
    color: #666;
}

.zeromo-user-header .zeromo-nav .zeromo-nav-right .z-nav-search .ti-search {
    font-size: 16px;
    -webkit-text-stroke-width: inherit;
    margin-top: 3px;
    margin-right: 10px;
}

/* 用户中心设置开始 */
.cs-cover_photo {
    position: relative;
    height: 350px;
    background-position: cover;
    background-repeat: no-repeat;
    background-size: cover;
}
.cs-edit_cover {
    border: none;
    outline: none;
    background: #fff;
    height: 45px;
    width: 45px;
    border-radius: 5px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}
.cs-prifile_wrap {
    display: flex;
}
.cs-profile_sidebar {
    width: 250px;
    border-radius: 10px;
    padding: 20px 20px 30px;
}
.cs-white_bg {
    background-color: #fff;
}
.cs-box_shadow {
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 30px rgb(0 0 0 / 20%);
    border-radius: 10px;
}
.cs-profile_pic {
    width: 200px;
    height: 200px;
    border-radius: 15px;
    margin: auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.cs-profile_pic img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cs-profile_title {
    font-size: 28px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}
.cs-name {
    text-align: center;
    margin-top: 5px;
}
.cs-profile_meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.5em;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 10px;
}

@media screen and (min-width: 992px) {
    .cs-height_30 {
        height: 30px;
    }
    .cs-height_50 {
        height: 50px;
    }
}

.cs-profile_nav {
    color: #050023;
}

.cs-profile_nav li:not(:last-child) {
    margin-bottom: 10px;
}

.cs-profile_nav a:hover,
.cs-profile_nav a.active {
    background-color: #3772ff;
    color: #fff;
}

.cs-profile_nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    padding: 13px 20px;
    background-color: #f8fafc6e;
    color: #050023;
}

.cs-profile_nav a svg,
.cs-profile_nav a i {
    margin-right: 15px;
    font-size: 22px;
}

.cs-profile_right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 30px;
}

.cs-profile_right .z-login-api .col-lg-3 {
    margin-top: 10px !important;
}

@media (max-width: 991px) {
    .cs-profile_right .z-login-api .col-lg-3 {
        width: 33.3333% !important;
    }
}

@media (max-width: 768px) {
    .cs-profile_right .z-login-api .col-lg-3 {
        width: 33.3333% !important;
    }
}

@media (max-width: 520px) {
    .cs-profile_right .z-login-api .col-lg-3 {
        width: 50% !important;
    }
}

@media (max-width: 335px) {
    .cs-profile_right .z-login-api .col-lg-3 {
        width: 100% !important;
    }
}

.cs-profile_right .z-login-api .z-login-list {
    background-color: #f7f7f7;
    border-radius: 5px;
    height: 130px;
}

.cs-profile_right .z-login-api .z-login-list .z-login-item {
    padding: 1rem;
    text-align: center;
    height: 100%;
}

.cs-profile_right .z-login-api .z-login-list .z-login-item .z-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound {
    background-color: #dcf6e9;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound .z-login-item {
    position: relative;
    overflow: hidden;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound .z-login-item .login-icon {
    position: absolute;
    right: -25px;
    bottom: -15px;
    opacity: 0.2;
    transform: rotate(335deg);
    width: 100px !important;
    height: 100px !important;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound .z-login-item .z-btn p {
    font-size: 16px;
    margin-bottom: 0 !important;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound.openlogin-qq-a {
    background-color: #ffe9ea;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound.openlogin-wechat-a,
.cs-profile_right .z-login-api .z-login-list.z-unbound.openlogin-wechat-gzh-a {
    background-color: #dcf6e9;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound.openlogin-weibo-a {
    background-color: #fff2f1;
}

.cs-profile_right .z-login-api .z-login-list.z-unbound .z-login-item .z-btn span {
    margin-top: 5px !important;
}

.cs-profile_right .z-login-api .z-login-list .z-login-item .z-btn span {
    font-size: 14px;
    margin-top: 10px;
}

.cs-profile_right .z-login-api .z-login-list .z-login-item .login-icon {
    width: 50px;
    height: 50px;
}

.cs-edit_profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.cs-edit_profile_img {
    height: 90px;
    width: 90px;
    margin-right: 25px;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    border-radius: 10px;
    overflow: hidden;
}
.cs-edit_profile_img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.cs-edit_profile_btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.cs-delete_btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: #050023;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cs-delete_btn i {
    color: #fc466b;
    margin-right: 2px;
    font-size: 20px;
}
.cs-edit_profile p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: rgba(115, 122, 153, 0.5);
}

[data-zmo-button='subscribe'],
.subscribe-info {
    display: none;
}

.post-feature {
    display: inline;
    background-color: #F60;
    color: #fff;
    padding: 1px 2px;
    border-radius: 4px;
    margin-right: 4px;
    font-weight: 300;
    font-size: min(2rem, 65%);
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
}

.z-siteitems-sitelist .zero-sticky {
        /*border: 2px solid;
        border-image: linear-gradient(to right, #ff33cc, #ffcc33) 30 30 round;*/
    background-image: radial-gradient(closest-side, rgb(255 254 240), rgb(241 212 212 / 0%)), radial-gradient(closest-side, rgb(255 244 244), rgba(207, 209, 255, 0)), radial-gradient(closest-side, rgb(242 254 255), rgb(131 203 254 / 0%));
    background-color: #fff7f1;
    background-size: 130% 180%, 120% 220%, 110% 150%;
    background-position: -120% -50%, 280% 50%, -90% 80%;
    background-repeat: no-repeat;
    animation: 12s modal-header-anim infinite;
}

@keyframes modal-hearder-anim {
    0%, 100% {
        background-size: 130% 180%, 120% 220%, 110% 150%;
        background-position: -120% -50%, 280% 50%, -90% 80%;
    }
    
    25% {
        background-size: 120% 170%, 130% 240%, 120% 130%;
        background-position: -80% -60%, 260% 10%, -80% 90%;
    }
    
    50% {
        background-size: 110% 150%, 150% 200%, 130% 140%;
        background-position: -100% -20%, 200% 50%, -60% 50%;
    }
    
    75% {
        background-size: 140% 170%, 120% 180%, 120% 130%;
        background-position: -130% -70%, 150% 80%, -70% 80%;
    }
}

.z-siteitems-sitelist .zero-sticky .z-siteitems-siteimg:after {
    content: "\e63c";
    font-family: "io" !important;
    display: block;
    position: absolute;
    font-size: 18px;
    top: 10px;
    right: 20px;
    opacity: .8;
    color: #F60;
}

.z-siteitems-sitelist .zero-sticky .z-siteitems-sitegroup .z-siteitems-sitename .post-feature-sticky {
    display: none !important;
}

.z-siteitems-sitelist .zero-sticky .z-siteitems-siteimg {
    background-color: #fff3eb !important;
}

.z-siteitems-sitelist .zero-premium .post-feature-premium {
    position: unset !important;
    margin-right: 0 !important;
    font-size: 14px !important;
    background-color: #ff0000 !important;
}

.z-siteitems-sitelist .zero-new .post-feature-new {
    background-color: #00b6ff !important;
}

.z-siteitems-sitelist .zero-premium .z-siteitems-sitename {
    color: #ff0000 !important;
}

.z-sitename .tooltip-toggle {
    padding: 0;
    vertical-align: text-top;
}
.app-header {
    background-color: #fff;
}

.app-header.header {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}

#main-wrapper[data-layout='vertical'][data-header-position='fixed'] .app-header,
.app-header.fixed-header {
    position: fixed;
    z-index: 500;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: saturate(180%) blur(6px);
    -webkit-backdrop-filter: saturate(180%) blur(6px);
}

[data-status='rejected'].has-count:not(.active) {
    color: var(--bs-danger);
}

.btn-zmo-like {
    cursor: pointer;
}

.modal {
    --bs-modal-zindex: 1095;
}

.btn-follow.btn-follow--base {
    padding: 3px 5px;
    border-radius: 4px;
    margin: 0 5px;
    font-size: 12px;
    color: #fff;
    background: #13DEB9;
    border: 0;
    flex-shrink: 0;
}

.z-right-site-list img {
    max-width: 100%;
}

.navbar-collapse ul li.focus > ul,
.navbar-collapse ul li:hover > ul {
    z-index: 999;
}

.seach-edit-items {
    position: relative;
}

.search-suggestions {
    background-color: #f1f1f1;
    text-align: left;
    padding: 8px;
    display: none;
    color: #333;
    cursor: pointer;
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
}

.ac_suggestions--shown {
    display: block;
}

.search-suggestions ul {
}

.search-suggestions li {
    padding: 2px;
    cursor: pointer;
}

.search-suggestions li.hl,
.search-suggestions li:hover {
    color: var(--bs-primary);
}

.seach-edit-items .added-items {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    padding: 10px 0;
}

.seach-edit-items .added-items > * {
    display: inline-flex;
    background-color: #f6f6f6;
    padding: 3px 6px;
    border-radius: 6px;
    gap: 4px;
    align-items: center;
    justify-content: space-between;
}

.seach-edit-items .added-items > * .remove-item {
    cursor: pointer;
    color: var(--bs-primary);
}

/* 主导航栏Start */
.collapse:not(.show):not(.in) {
    display: none;
}

.navbar-collapse li > ul {
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
    will-change: transform;
}
.navbar-collapse ul li ul {
    position: absolute;
    min-width: 160px;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.navbar-collapse ul li:hover > ul {
    opacity: 1;
    z-index: 1;
    overflow: visible;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.navbar-collapse ul li.menu-item-has-children:after {
    content: '\e612';
    font-family: 'iconfont';
    position: absolute;
    top: 11px;
    right: -2px;
    font-size: 12px;
    -webkit-transform: scale(0.6);
    transform: rotate(0deg) scale(0.6);
    will-change: transform;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}
.navbar-collapse ul li.menu-item-has-children:hover:after {
    transform: rotate(45deg) scale(0.6);
}
.navbar-top .sub-menu {
    padding: 6px;
}
.navbar-top .sub-menu a {
    padding: 8px 15px !important;
}
.navbar-top .sub-menu a:hover {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-collapse ul li:hover > ul {
    z-index: 999;
}
.navbar-collapse ul li {
    position: relative;
    list-style: none;
}
.navbar .navbar-nav li > a {
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    transition: color 0.2s;
}
.navbar .navbar-nav i {
    margin-right: 2px !important;
}

.navbar-nav .menu-item i.icon-lg {
    font-size: 16px;
}

@media (max-width:1100px) {
    .navbar-nav .menu-item i.icon-lg {
        display: none;
    }
    
    .navbar .navbar-nav li > a {
        font-size: 14px;
        padding: 10px;
    }
}
.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-size: 1rem;
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }
}
@media (max-width: 991.98px) {
    .navbar-collapse {
        border-top: 1px solid #ebf1f6;
        padding: 0 15px;
        background-color: #fff;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }
}
/* 主导航栏End */

/* 重新设计小工具样式2023 */
.theiaStickySidebar .card-header i {
    font-size: 23px;
    margin-right: 0.5rem;
}

.io-widget-ranking-list .sidebar-header .card-header {
    padding: 1rem 1.5rem !important;
}

.io-widget-ranking-list .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.io-widget-ranking-list .card-body .url-card a .card-body {
    padding: 0.4rem 0.5rem !important;
}

.sidebar .url-card .card {
    background: none !important;
    border: none !important;
    color: #282a2d;
    box-shadow: none !important;
}

.sidebar .url-card .card:hover {
    border: none !important;
    color: #f1404b;
}

.url-card .post-min .url-img {
    width: 25px;
    height: 25px;
    border-radius: 8px !important;
}

.url-card .url-info {
    padding-left: 0.5rem !important;
}

.url-card .url-info .text-xs {
    font-size: 14px !important;
}

.sidebar .sidebar-header .load {
    margin-left: auto;
}

.mr-3 {
    margin-right: 1rem !important;
}

.ml-2 {
    margin-left: 0.5rem !important;
}


.zeromo-site-category .z-sitebanner-r {
        height: 440px;
    }

    .zeromo-site-category .z-sitebanner-r:after {
        content: "";
        display: block;
        width: 200px;
        height: 200px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 0 0 100% 0;
        background-image: linear-gradient(45deg, rgba(253, 246, 244, 0) 20%, #ffe6e1a1 99%);
    }

    .zeromo-site-category .z-sitebanner-r .z-sitebanner-title {
        z-index: 1;
    }

    .zeromo-site-category .z-sitebanner-r .z-sitebanner-more {
        margin-left: auto;
        color: #878787;
    }

    .zeromo-site-category .z-sitebanner-r .z-sitebanner-more:hover {
        color: #FF6000;
    }

    .zeromo-site-category .z-sitebanner-r .z-sitebanner-more .ti {
        box-shadow: 0px 0px 100px 15px rgb(255 71 0);
        color: #ffe6e178;
        right: 30px;
        bottom: 20px;
        position: absolute;
        border-radius: 100%;
        font-size: 12px;
        background-color: #ffe6e1;
        -webkit-text-stroke-color: unset;
    }

    .zeromo-site-category .z-sitebanner-r .z-sitebanner-more .ti-sparkles {
        -webkit-text-stroke-color: unset;
        -webkit-text-stroke-width: unset;
        font-size: 130px;
        position: absolute;
        bottom: 0;
        right: 0;
        opacity: 0.09;
        color: #ff6000;
        box-shadow: 0px 0px 100px 15px rgb(255 71 0);
        background-color: #ff600099;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem {
        z-index: 1;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site {
        background-color: #FFF;
        border-radius: 10px;
        box-shadow: 0 0 2rem 0 #2930421a !important;
        padding: 10px;
        margin: 10px 0px 15px 0px;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site:hover .z-siteitem-logo img {
        transform: scale(1.1);
        transition: all .3s;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site:hover .z-siteitem-info .z-siteitem-title {
        color: #FF6000;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site .z-siteitem-logo {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site .z-siteitem-logo img {
        height: 100%;
        border-radius: 7px;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site .z-siteitem-info {}

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site .z-siteitem-info .z-siteitem-title {
        font-size: 16px;
        color: #2A3547;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem .z-siteitem-site .z-siteitem-info .z-siteitem-inc {
        font-size: 12px;
        color: #9f9f9f;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend {
        margin: 10px 0px 10px 0px;
        z-index: 1;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item ol {
        padding-left: 25px;
        height: 340px;
        overflow: hidden;
        width: 125%;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item .z-recommend-name::marker {
        display: block;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item .z-recommend-name {
        margin: 0px 0px 15px 0px;
        float: left;
        width: 50%;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item .z-recommend-name a {
        color: #2A3547;
        font-size: 14px;
    }

    .zeromo-site-category .z-sitebanner-r .z-siteitem-recommend .z-recommend-list .z-recommend-item .z-recommend-name a:hover {
        color: #FF6000;
    }

    .zeromo-site-category .z-site-card {
        cursor: pointer;
    }

    .zeromo-site-category .z-site-card .z-site-category {}

    .zeromo-site-category .z-site-card .z-site-category .z-site-categoryname {
        font-size: 20px;
        font-weight: 600;
        color: #2A3547;
    }

    .zeromo-site-category .z-site-card .z-site-category .z-site-categorysite {
        font-size: 14px;
        margin-top: 5px;
        color: #8a8a8a;
    }

    .zeromo-site-category .z-site-card .z-site-category .z-site-categorysite .io {
        position: absolute;
        font-size: 100px;
        top: 5px;
        right: -30px;
        opacity: 0.09;
        -webkit-text-stroke-color: unset;
        -webkit-text-stroke-width: unset;
    }

    .zeromo-site-category .z-sitebanner-author .z-sitebanner-title {
        margin-bottom: 15px;
    }

    .zeromo-site-category .z-sitebanner-author .z-sitebanner-apic {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .zeromo-site-category .z-sitebanner-author .z-sitebanner-apic img {
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }

    .zeromo-site-category .z-sitebanner-author .z-sitebanner-name {
        font-size: 14px;
        color: #2A3547;
    }

    .zeromo-site-category .z-sitebanner-author .z-sitebanner-apic span {
        font-size: 8px;
        background-color: rgb(255 140 52);
        color: #ffffff;
        padding: 1px;
        border-radius: 5px;
        position: absolute;
        margin-left: -30px;
        bottom: 20px;
    }

    .zeromo-site-category .z-sitebanner-author a:hover .z-sitebanner-name {
        color: #FF6000;
        font-weight: 600;
    }

    .zeromo-site-category .z-sitebanner-author .z-sitebanner-info {
        font-size: 12px;
        color: #a7a7a7;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitegroup {
        margin-right: 10px;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitegroup .z-siteitems-sitename {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: 600;
        color: #2A3547;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-width: 135px;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitegroup .z-siteitems-siteinc {
        font-size: 12px;
        color: #979797;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-siteimg {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: #F3F3F3;
        margin-left: auto;
        flex-shrink: 0;
    }
    
    @media (max-width: 500px) {
        .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-siteimg {
            width: 30px;
            height: 30px;
            position: absolute;
            bottom: 5px;
            right: 5px;
            opacity: 0.4;
            overflow: hidden;
        }
        
        .zeromo-site-category .zero-siteitems .z-siteitems-sitegroup .z-siteitems-sitename {
            font-size: 14px;
            margin-bottom: 5px !important;
        }
        
        .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-siteimg img {
            border-radius: 50%;
            width: 100% !important;
        }
        
        .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-rank {
            display: none !important;
        }
        
        .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-siteimg {
            opacity: 0.4;
        }
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank {
        margin-left: auto;
        color: #999999;
        opacity: 0;
        margin-right: 15px;
        position: absolute;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-rank {
        opacity: 1 !important;
        margin-right: 5px;
        transition: all 250ms ease-in-out 0s;
        position: relative;
        height: 100%;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-ranknum {
        font-size: 15px;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like {
        font-size: 36px;
        color: #999999;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like:hover {
        transform: scale(1.2);
        transition: all .3s;
        color: #FF6000;
        display: block;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover .z-siteitems-rank .z-siteitems-like i {
        -webkit-text-stroke-color: unset;
        -webkit-text-stroke-width: inherit;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist a:hover .z-siteitems-sitegroup .z-siteitems-sitename {
        color: #FF6000;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-hover:hover .z-siteitems-siteimg {
        opacity: 0;
        position: absolute;
    }
    
    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .d-flex {
        height: 70px;
        width: 100%;
    }

    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .z-siteitems-siteimg img {
        height: 100%;
        border-radius: 50%;
        transform: scale(0.7);
        opacity: 0.8;
        width: 50px;
        object-fit: cover;
    }
    
    .zeromo-site-category .z-site-card:hover {
        background-color: #FF6000;
        transition: all 250ms ease-in-out 0s;
    }

    .zeromo-site-category .z-site-card:hover .z-site-category .z-site-categoryname {
        color: #FFF;
    }

    .zeromo-site-category .z-site-card:hover .z-site-category .z-site-categorysite {
        color: #FFF;
    }

    .zeromo-site-category .z-site-card:hover .z-site-category .z-site-categorysite i {
        color: #FFF;
        opacity: 0.3;
        right: 0;
        transition: all 250ms ease-in-out 0s;
        -webkit-transition: all 250ms ease-in-out 0s;
    }

    .zeromo-site-category .z-site-card.current {
        background-color: #FF6000;
    }
    
    .zeromo-site-category .zero-siteitems .z-siteitems-sitelist .disabled {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.zeromo-site-category .zero-siteitems .z-siteitems-sitelist .disabled .disabled-text {
    position: absolute;
    font-size: 14px;
    background-color: rgb(245, 245, 245);
    color: rgb(150, 150, 150);
    padding: 2px 10px;
    border-radius: 20px;
    font-style: normal;
}


.zeromo-site-category .zero-siteitems .z-siteitems-sitelist .disabled:before {
    content: '';
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    opacity: 0.3;
    display: block;
}

.zeromo-site-category .zero-siteitems .z-siteitems-sitelist>.card {
    margin-bottom: 20px !important;
}

.flex-avatar {
    border-radius: 15px !important;
}

.abi-user-level {
    background: #f2995f !important;
    background: -o-linear-gradient(left, #f7c797, #f2995f) !important;
    background: -webkit-gradient(linear, left top, right top, from(#f7c797), to(#f2995f)) !important;
    background: linear-gradient(to right, #f7c797, #f2995f) !important;
    color: #fff !important;
}

.z-siteitems-sitelist .disabled {
    overflow: hidden;
    align-items: center;
    justify-content: center;
}

.z-siteitems-sitelist .disabled .z-siteitems-rank {
    display: none;
}

.z-siteitems-sitelist .disabled .disabled-text {
    position: absolute;
    font-size: 14px;
    background-color: rgb(245, 245, 245);
    color: rgb(150, 150, 150);
    padding: 2px 10px;
    border-radius: 20px;
    font-style: normal;
}


.z-siteitems-sitelist .disabled:before {
    content: '';
    background: #000 !important;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    opacity: 0.3 !important;
    display: block !important;
    border-radius: unset !important;
}

/*详情页图片圆角*/
.site-content img{
    border-radius: 5px!important;
}

.comment-reply-link {
    font-weight: 800;
    position: relative
}

.zero-template-page .body-wrapper {
    margin-left: 0px !important; 
    transform: none;
}

.max-1200 {
    max-width: 1200px !important;
}

.body-wrapper .max-1200 {
    padding-top: 0 !important;
    transform: translateY(-68.297px);
}

.post-type-archive .cs-collection_bottom {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.post-type-archive .cs-collection_bottom .cs-collection_info {
    background-color: #FFF;
    border-radius: 15px;
    flex: 1;
}

.post-type-archive .cs-collection_bottom .cs-collection_info .cs-collection_info_in {
    border-radius: inherit;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 25px;
    box-shadow: 0 0 2rem 0 rgba(41,48,66,0.10) !important;
    text-align: center;
}

.post-type-archive .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_avatar_name {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 20px;
}

.post-type-archive .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_avatar_name i {
    margin-right: 10px;
}

.post-type-archive .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_user {
  font-size: 16px;
  line-height: 1.6em;
  margin-bottom: 10px;
  font-weight: 600;  
}

.zero-template-page .body-wrapper .container-fluid {
    max-width: 1500px; 
    margin-top: -80px; 
    z-index: 1; 
    position: relative; 
    transform: none;
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom {
    display: flex; 
    align-items: center; 
    margin-bottom: 20px;
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info {
    background-color: #FFF; 
    border-radius: 15px; 
    flex: 1;
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in {
    border-radius: inherit; 
    align-items: center; 
    justify-content: space-between; 
    flex-wrap: wrap; 
    padding: 15px 25px; 
    box-shadow: 0 0 2rem 0 rgba(41,48,66,0.10) !important; 
    text-align: center;
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name {
    font-size: 30px;
    margin-bottom: 15px;
    font-weight: 600;
    margin-top: 20px;
}

@media (max-width: 500px) {
    .zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name {
        font-size: 20px !important;
        margin-top: 10px !important;
    }
    
    .zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_user {
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    
    .zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name>i {
        font-size: 20px !important;
    }
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name i {
    font-size:30px; 
    margin-right: 10px;
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name .edit-link , .edit-link , .edit-link i {
    font-size: .75rem !important;
    margin-right: 0px !important;
    margin-left: 5px;
    
}

.zero-template-page .body-wrapper .container-fluid .cs-collection_bottom .cs-collection_info .cs-collection_info_in .cs-collection_info_left .cs-collection_user {
    font-size: 16px; 
    line-height: 1.6em; 
    margin-bottom: 10px;
    font-weight: 600;
}

/* 引入父主题css */
.flex-avatar {
    background: unset !important;
}

.cursor-pointer {
    cursor: pointer
}

.bg-o-muted {
    background: rgba(130,130,130,0.15);
}

.io {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.io-radio {
    padding: 5px;
    border: 1px solid rgba(130,130,130,0.15);
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.io-radio.active {
    border-color: #f1404b;
}

.io-radio+.io-radio {
    margin-left: 10px
}

.io-radio img {
    margin: 4px;
    height: 30px
}

.modal-content {
    border-radius: 10px !important;
}

/*.modal-open .page-wrapper {
    filter: blur(20px) opacity(0.8) saturate(2);
}*/

.muted-box {
    position: relative;
    background: var(--muted-border-color);
    border-radius: var(--main-radius);
    padding: 15px
}

.modal .modal-dialog .modal-content .io-modal-content .bg-muted {
    background: var(--muted-border-color)!important;
    font-size: 12px;
}

.modal .modal-dialog .modal-content .io-modal-content .tips-box.btn-block {
    color: var(--this-color);
    background: var(--this-bg);
    border: 1px solid var(--this-border);
    box-shadow: var(--this-shadow);
    transition: .2s;
    --this-shadow: none;
    font-size: 12px;
}

.io-modal-content {
    border-radius: inherit;
}

.modal-header-bg.modal-header .io-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000 !important;
}

.modal-header-zerofoam {
    padding: 30px !important;
}

.modal-header-zerofoam .z-modal-t>.text-sm {
    font-size: 20px !important;
    color: #000;
    font-weight: 600;
}

.modal-header-zerofoam .io-close {
    font-size: 20px;
    color: #979797;
    font-weight: 500;
}

.z-modal-body {
    margin: 0 !important;
    padding: 0 15px 30px 15px !important;
}

.z-modal-body .user-bind-from {
    padding: 0 15px 0 15px !important;
}

.z-modal-body .user-bind-from .z-modal-meta {
    font-size: 15px;
    color: #555;
}

.z-modal-body .user-bind-from .form-group {
    position: relative;
}

.z-modal-body .user-bind-from .form-group .col-form-label {
    position: absolute;
    top: 0;
    right: 15px;
}

.z-modal-body .user-bind-from .z-btn {
    background-color: #393939;
    color: #FFF;
    letter-spacing: 2px;
    font-size: 16px;
}

.z-modal-body .user-bind-from .z-btn i {
    margin-right: 5px;
}

.z-modal-body .user-bind-from .z-btn:hover {
    background-color: #656565;
}

.z-modal-body .user-bind-from .custom-checkbox {
    font-size: 13px !important;
    margin-bottom: 20px !important;
    margin-top: -10px !important;
    color: #575757 !important;
    display: flex;
    align-items: center;
}

.z-modal-body .user-bind-from .custom-checkbox a {
    color: #393939;
    font-weight: 600;
    margin: 0px 3px 0px 3px;
}

.z-modal-body .user-bind-from .custom-checkbox .custom-control-input {
    margin-right: 5px;
}

.z-modal-body .user-bind-from .form-group .password-show-btn {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 20px;
}

.z-modal-body .text-right .user-reset-password {
    font-size: 14px !important;
    color: #555 !important;
}

.z-modal-body .text-right .user-reset-password i {
    margin-right: 5px;
}

.slider-captcha {
    min-height: 205px
}

.placeholder {
    opacity: 1 !important;
    cursor: unset !important;
}

.captcha-body-bg {
    border-radius: 4px;
    border: 1px solid var(--muted-border-color);
    background: var(--main-border-color)
}

.slider-captcha .captcha-body-bar {
    position: absolute;
    top: 0;
    left: 0
}

.sliderContainer {
    text-align: center;
    background: var(--main-border-color);
    color: var(--muted-color);
    border-radius: 4px;
    margin-top: 0.5rem;
    position: relative;
    line-height: 40px;
    height: 40px
}

.refreshIcon {
    position: absolute;
    cursor: pointer;
    right: 0;
    opacity: .6;
    top: 0;
    padding: 10px;
    color: #fff;
    text-shadow: 0 0 5px #000
}

.sliderMask {
    position: absolute;
    border-radius: 4px;
    height: 40px;
    transition: .3s
}

.sliderContainer_active .sliderMask {
    background: rgba(5,224,96,0.1);
    transition: unset
}

.sliderContainer_success .sliderMask {
    background: rgba(0,153,255,0.2)
}

.sliderContainer_fail .sliderMask {
    background: rgba(255,0,0,0.2)
}

.slider-captcha-close {
    cursor: pointer;
    opacity: .5
}

.slider-captcha-close:hover {
    cursor: pointer;
    opacity: .8
}

.captcha-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    background: var(--main-bg-color);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    cursor: pointer;
    border-radius: 4px;
    transition: .3s
}

.sliderContainer_active .captcha-slider {
    transition: unset
}

.sliderContainer_success .captcha-slider {
    background: #3ca4f9;
    color: #fff
}

.sliderContainer_fail .captcha-slider {
    background: #f7564a;
    color: #fff
}

.sliderContainer_success .sliderIcon:before {
    content: "\e601"
}

.sliderContainer_fail .sliderIcon:before {
    content: "\e60f"
}

.sliderContainer_active .sliderText,.sliderContainer_success .sliderText,.sliderContainer_fail .sliderText {
    display: none
}

.original-price {
    position: relative;
    opacity: .7
}

.original-price::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    top: 50%;
    left: 0;
    background: #f1404b;
    transform: rotate(5deg)
}

.user-area .user-cover {
    position: relative;
}

.user-cover:hover .io-cover-picker {
    opacity: 1;
    transition: all .3s;
}

.user-area .io-cover-picker {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 50%;
    top: 50%;
    bottom: 50%;
    left: 50%;
    margin: auto;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .2);
    cursor: pointer;
    opacity: 0;
}

.user-area .cover-picker::after {
    content: '\e634';
    color: #fff;
    font-family: "iconfont";
    position: absolute;
    font-size: 50px;
    line-height: 50px;
    opacity: .8;
}

.user-area .avatar-picker input, .user-area .cover-picker input {
    border: 1px solid #eee;
    border-radius: 50%;
}

#sites-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%
}

#sites-tabs li .user-tab {
    padding: 8px 0;
    display: block;
    border-radius: 4px
}

#sites-tabs li .user-tab.active {
    background-color: rgba(136,136,136,.1)
}

#sites-tabs .local-avatar-label svg {
    display: none;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0,0,0,.2);
    border-radius: 50%;
    transform-origin: 50% 50% 0;
    fill: rgba(255,255,255,.65);
    cursor: pointer
}

#sites-tabs .local-avatar-label:hover svg {
    display: block
}

#sites-tabs .avatar-picker {
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

#sites-tabs .avatar-picker input,#sites-tabs .cover-picker input {
    border: 1px solid #eee;
    border-radius: 5px
}

#sites-tabs .user-cover {
    position: relative
}

#sites-tabs .io-cover-picker {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 2px;
    top: 2px;
    border-radius: 20px;
    background-color: rgba(0,0,0,.2);
    cursor: pointer
}

#sites-tabs .cover-picker::after {
    content: '\e634';
    color: #fff;
    font-family: "iconfont";
    position: absolute;
    font-size: 24px;
    line-height: 24px;
    opacity: .6
}

#sites-tabs .cover-picker:hover:after {
    opacity: 1
}

#sites-tabs .author-meta-r {
    margin-top: -110px
}

.manage-sites .sites-card,.sites-placeholder,.admin-sites .sites-card {
    padding: 6px 8px;
    background-color: #eee
}

.manage-sites .sites-card:not(.add) {
    cursor: move;
    transition: box-shadow .3s
}

.sites-placeholder {
    border: 2px dashed #4ecdff;
    background-color: transparent
}

.manage-sites .sites-card:not(.add):hover,.admin-sites .sites-card:hover {
    box-shadow: 0 6px 10px rgba(0,0,0,.15)
}

.sites-hover .nav-link {
    background-color: rgba(136,136,136,.15)
}

.sites-weight {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #fff !important;
    height: 18px;
    width: 52px;
    margin: 6px 5px 6px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.sites-weight span {
    position: absolute;
    right: 6px;
    line-height: 18px;
    width: 20px;
    text-align: center
}

.sites-weight.loading {
    border-radius: 4px;
    background: linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
    -webkit-animation: placeholder-horizontal 1.5s ease infinite !important;
    animation: placeholder-horizontal 1.5s ease infinite !important;
    background-size: 400% 100% !important
}

.sites-weight.BaiduPCWeight {
    background-image: url("../images/baidupc.png")
}

.sites-weight.BaiduMobileWeight {
    background-image: url("../images/baidumobile.png")
}

.sites-weight.HaoSouWeight {
    background-image: url("../images/360.png")
}

.sites-weight.SMWeight {
    background-image: url("../images/sm.png")
}

.sites-weight.TouTiaoWeight {
    background-image: url("../images/toutiao.png")
}

.nav-pills.sites-nav .nav-link {
    border: 1px solid rgba(136,136,136,.1)
}

.nav-pills .nav-link {
    border-radius: 0.25rem;
    font-size: 14px;
}

.nav-pills.sites-nav .nav-link.active, .nav-pills.sites-nav .show>.nav-link {
    background-color: #3772ff;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #FFF;
    background-color: #3772ff;
}

.sites-li {
    position: relative
}

.sites-li .sites-setting {
    position: absolute;
    top: 9px;
    right: 5px;
    opacity: 0;
    transition: opacity .3s
}

.sites-li.admin-li .sites-setting {
    top: 15px
}

.tab-pane .sites-li .sites-setting {
    top: 6px
}

.sites-li:hover .sites-setting {
    opacity: 1
}

.sites-li .active:not(.d-none)+.change-terms-name+.sites-setting a {
    color: #fff
}

.notifications-list li {
    position: relative
}

.notifications-list li .notifi-time {
    position: absolute;
    top: -18px;
    left: 0
}

.tab-content .sites-lists .ui-sortable .sites-li .sites-card .sites-name {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .sites-card .dropdown-menu {
        min-width:450px
    }

    .admin-sites .overflow-auto {
        max-height: 750px
    }
}

@media (max-width: 768px){
    .modal-body #admin-sites-list.admin-sites .mb-4 {
        margin-bottom: 10px !important;
    }
}

/* 搜索页开始 */
#search {
    max-width: 800px;
    position: relative
}

#search form {
    position: relative
}

#search-text {
    z-index: inherit;
    padding: 9pt;
    height: 50px;
    font-size: 1pc;
    border: 0;
    border-radius: 3px;
    background-color: #fff;
    transition: .3s
}

#search button {
    position: absolute;
    top: 0;
    right: 0;
    background: #313437;
    border: 0;
    width: 60px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px
}

#search button:hover {
    background: #000;
    cursor: pointer
}

#search button i {
    color: #fff;
    font-size: 18px
}

#search .search-select {
    height: 50px;
    cursor: pointer;
    border: none;
    background-color: #fff;
    transition: .3s
}

#search .input-group-prepend:not(.d-none)+.search-key {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

#search #super-search-fm {
    display: block;
    position: relative;
    width: 100%;
    box-shadow: 0 16px 32px 0 rgba(0, 0, 0, 0.02);
}

#search #super-search-fm .search-keyword {
    display: block;
    width: 100%;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 19px 90px 19px 12px;
    font-size: 16px;
    line-height: 20px;
    color: #515151;
    background: #fff;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#search #super-search-fm button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 60px;
    background: #ff5c00;
    color: #fff;
    text-align: center;
    cursor: pointer;
    border: none;
    outline: none;
    font-size: 20px;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

@media (min-width: 768px) {
    #search #super-search-fm .search-keyword {
        padding-right: 220px;
    }
    
    #search #super-search-fm button {
        width: 140px;
        letter-spacing: 2px;
    }
}

.search .container .content .content-wrap .content-layout .btn-search.current {
    background-color: #F60 !important;
    color: #FFF !important;
}

.search .container .content .content-wrap .content-layout .btn-search:hover.current {
    background-color: #F60 !important;
    color: #FFF !important;
}

.search .container .content .content-wrap .content-layout .btn-search:hover {
    background-color: #FFF !important;
    color: #F60 !important;
    border: 1px solid #F60;
}

.search .container .content .content-wrap .content-layout .btn-search {
    line-height: 36px;
    height: 36px;
    white-space: nowrap;
    padding: 0 18px;
    font-size: 16px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    color: #8a8a8a;
    margin: 0 10px;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card {
    border-bottom: 1px solid #efefef;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-img {
    width: 120px;
    height: 80px;
    border-radius: 8px;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-img>img {
    object-fit: cover;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-sites-img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    background-color: #f1f1f1;
    flex-shrink: 0;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-sites-img>img {
    object-fit: cover;
    max-height: 65%;
    vertical-align: unset;
    border-radius: 5px;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-info {
    padding-left: 1rem !important;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-info>.text-sm {
    font-size: 19px !important;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body a:hover .card-body .url-info>.text-sm {
    color: #F60;
}

.search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-info>p {
    font-size: 15px !important;
    color: #8f8f8f !important;
    margin-top: 6px !important;
}

.search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item {
    border-bottom: 1px solid #efefef;
    display: flex;
}

.search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.media {
    width: 120px;
    height: 80px;
    border-radius: 8px;
}

.search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.list-content>.list-body .list-title {
    font-size: 19px;
    font-weight: 700;
}

.search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.list-content>.list-body:hover .list-title {
    color: #F60;
}

.search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.list-content>.list-body .list-desc {
    font-size: 15px !important;
    color: #8f8f8f !important;
    margin-top: 6px !important;
    line-height: 25px;
}

.search .container .content .content-wrap .content-layout .row .card .search-keywords {
    font-size: 14px;
    margin: 0 -6px 20px;
    overflow: hidden;
    line-height: 36px;
}

.search .container .content .content-wrap .content-layout .row .card .search-keywords a {
    display: inline-block;
    white-space: nowrap;
    margin: 0 6px 10px;
    color: #888;
    background-color: #f7f7f7;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.search .container .content .content-wrap .content-layout .row .card .search-keywords a:hover {
    background-color: #f60;
    color: #ffffff;
}

.search .container .content .content-wrap .content-layout .row .card .search-keywords .red-light:hover {
    background-color: #fa455f;
    color: #fff;
}

.search .container .content .content-wrap .content-layout .row .card .search-keywords .red-light {
    background: rgba(255, 20, 43, 0.05);
    color: #fa455f;
}

@media (max-width:500px) {
    .search .container .content .content-wrap .content-layout .row .card {
        padding: 15px !important;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-img {
        width: 80px !important;
        height: 60px !important;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .url-content {
        align-items: center;
        padding: 20px;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-info>.text-sm {
        font-size: 16px;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.url-card>.url-body .card-body .url-info>p {
        font-size: 14px !important;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.media {
        width: 80px;
        height: 60px;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item {
        height: 120px;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.list-content>.list-body .list-title {
        font-size: 16px !important;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.list-content>.list-body .list-desc {
        font-size: 14px !important;
        margin-top: 4px !important;
        line-height: unset !important;
    }
    
    .search .container .content .content-wrap .content-layout .row .card>.list-grid>.list-item>.list-content>.list-body .list-desc.my-3 {
        margin-bottom: 0 !important;
    }
    
    .list-footer {
        margin-top: 0px !important;
    }
}

.url-card .url-img {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    overflow: hidden
}

.url-card .url-img>img {
    max-height: 100%;
    vertical-align: unset
}

.posts-nav {
    font-size: 14px;
    color: rgba(0,0,0,.44);
    padding: 10px 0;
    text-align: center
}

.posts-nav .page-numbers {
    position: relative;
    min-width: 35px;
    height: 35px;
    padding: 0 5px;
    line-height: 35px;
    display: inline-block;
    background-color: rgba(150,150,150,.16);
    margin: 0 2px;
    border-radius: .2rem;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out
}

.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover {
    color: #fff !important;
    background-color: #f60;
    box-shadow: 0px 5px 20px -3px rgb(249 155 90 / 60%);
}

.posts-nav .page-numbers.dots {
    border-color: rgba(0,0,0,0)
}



.list-grid .list-item {
    -ms-flex-direction: row;
    flex-direction: row
}

.list-grid .list-item .list-body .list-title {
    font-size: 14px !important;
    line-height: 25px;
    color: #000;
}

.list-grid .list-item .list-body .list-title:hover {
    color: #f60;
}

.list-grid.list-grid-padding .list-item {
    padding: 1.25rem;
}

.list-grid.list-grid-padding .list-content {
    padding: 0 0 0 1rem;
    width: 100%;
}

.list-grid .list-item .media:first-child {
    border-radius: inherit
}

.list-grid .list-item .media:last-child {
    border-radius: inherit
}

.list-grid .flex-row-reverse .media:first-child {
    border-radius: 0;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

@media (max-width: 767.98px) {
    .list-grid.list-grid-padding .list-item {
        padding:.675rem .75rem;
        margin-bottom: .75rem
    }

    .list-grid.list-grid-padding .list-item .media-3x2:after {
        padding-top: 75%
    }

    .list-grid.list-grid-padding .list-content {
        padding: 0 0 0 .75rem
    }
}

.media-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 0;
    border-radius: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgba(120,120,120,.1);
}

.carousel-item.home-item:after {
    content: "";
    display: block;
    padding-top: 300px
}

.carousel-caption {
    bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px
}

.widget-author-cover {
    position: relative;
    border-radius: 7px 7px 0 0;
}

.widget-author-avatar {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.widget-author-cover .widget-author-avatar {
    top: auto;
    bottom: 0;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.widget-author-cover+.widget-author-meta {
    margin-top: 2rem;
}

.widget-author-cover .widget-author-avatar .flex-avatar {
    width: 90px;
    height: 90px;
    border-radius: 100% !important;
    overflow: hidden;
}

.widget-author-cover .widget-author-avatar .flex-avatar img {
    border-radius: inherit !important;
}

.widget-author-cover .media-2x1:after {
    padding-top: 25%;
}

.list-content {
    padding: 1rem 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-body {
    flex: 1 1 auto;
}

.list-item {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}

.list-footer {
    margin-top: .5rem; 
}

.sidebar .card-header {
    position: relative;
    background-color: transparent;
    border-bottom: none;
}

.media {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.media:after {
    content: '';
    display: block;
    padding-top: 66.666666%
}

.media-2x1:after {
    padding-top: 50%;
}

.media-5x1:after {
    padding-top: 20%;
}

.media-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 5px 10px;
    color: #fff
}

.zeromo-favorites .zeromo-content .z-favorites-arthor .z-arthor-info .z-arthor-name button {
    font-size: 14px;
}

/* 文章详情页开始 */
.zeromo-article .z-bg-image {
  position: absolute;
  left: 0px;
  right: 0px;
  top: -50px;
  bottom: -50px;
  overflow: hidden;
}

.zeromo-article .z-bg-image .abi-user-poster {
    transform: scale(1.1);
}

.z-post-meta .z-nav-index .z-nav {
    color: #FFF;
}

.z-post-meta .z-nav-index .z-nav a {
    color: #FFF;
}

.z-post-meta .z-nav-index .z-nav i {
    color: #FFF;
}

.z-article-directory .z-article-author-m {
  display: none;
}

.zeromo-article .z-bg-image .abi-user-poster::after {
  content: '';
  background-color: #000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  opacity: .4;
  top: 0;
}

.zeromo-article .article-header {
  position: relative;
  color: #FFF;
  text-align: center;
}

.zeromo-article .article-header .article-title {
  margin-bottom: 15px;
  font-size: 30px;
  font-weight: 600;
  color: #FFF;
}

.zeromo-article .article-header .article-mate {
  margin-bottom: 15px;
}

.zeromo-article .article-header .article-mate .article-info-text {
  font-size: 16px;
  margin-bottom: 0;
}

.zeromo-article .article-header .article-mate .article-info-text li::after {
  content: "";
  border-right: 2px solid #CCC;
  margin: 0px 15px 0px 15px;
  height: 10px;
  display: inline-flex;
}

.zeromo-article .article-header .article-mate .article-info-ico {

}

.zeromo-article .article-header .article-mate .article-info-ico ul {
  margin-bottom: 0;
}

.zeromo-article .article-header .article-mate .article-info-ico ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.zeromo-article .article-header .article-mate .article-info-ico ul li i {
  -webkit-text-stroke-width: unset;
  font-size: 15px;
}

.zeromo-article .article-header .article-mate .article-info-ico ul li span {
  margin-left: 3px;
}

.zeromo-article .article-header .article-author {
  display: flex;
  align-items: center;
  justify-content: center;
}

.zeromo-article .article-header .article-author .author-img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  overflow: hidden;
}

.zeromo-article .article-header .article-author .author-img img {
  width: 100%;
  height: 100%;
}

.zeromo-article .article-header .article-author .author-name {
  font-size: 16px;
  color: #FFF;
  margin-left: 10px;
}

.zeromo-article .article-header .article-author .author-btn {
  margin-left: 15px;
}

.zeromo-article .article-header .article-author .author-btn .btn {
  background-color: #F60;
  color: #FFF;
  height: 25px;
  padding: 0 10px;
  border-radius: 3px;
}

.zeromo-article .article-header .article-hot {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 40px;
  opacity: .7;
}

.zeromo-article .article-header .article-hot i {
  
}

.zeromo-article .article-header .article-hot span {
  margin-left: -15px;
  font-style: italic;
  font-weight: 600;
}

.zeromo-article .z-article-directory .z-article-author {
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.zeromo-article .z-article-directory .z-article-author .z-author-new:hover .author-pic img {
 transform: scale(1.1);
 transition: all .3s;
}

.zeromo-article .z-article-directory .z-article-author .z-author-new:hover .author-title {
  color: #F60;
}

.zeromo-article .z-article-directory .z-article-author .author-pic {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 50%;
}

.zeromo-article .z-article-directory .z-article-author .author-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zeromo-article .z-article-directory .z-article-author .author-info {
  color: #2A3547;
  margin-left: 10px;
}

.zeromo-article .z-article-directory .z-article-author .author-info .author-title {
  font-size: 16px;
  font-weight: 600;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 10px 0 10px 0;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate {
  margin-top: 15px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li {
  float: left;
  width: 33.3333%;
  border-right: 1px solid #f6f6f6;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li:nth-child(3) {
  border-right: 0;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li span {
  display: block;
  text-align: center;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li span:nth-child(1) {
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}

.zeromo-article .z-article-directory .z-article-author .z-author-mate ul li span:nth-child(2) {
  font-size: 12px;
  color: #999;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update h5 {
  font-size: 14px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update h5::before {
  content: '';
  flex: 1 1;
  border-bottom: 1px solid #efefef;
  margin: auto;
  margin-right: 5px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update h5::after {
  content: '';
  flex: 1 1;
  border-bottom: 1px solid #efefef;
  margin: auto;
  margin-left: 5px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item {
  padding-bottom: 15px;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item a {
  color: #2A3547;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item a:hover {
  color: #F60;
}

.zeromo-article .z-article-directory .z-article-author .z-author-update .update-list .update-item a i {
  font-size: 16px;
  color: #F60;
  margin-right: 5px;
  font-weight: 600;
}

.zeromo-article .z-article-directory .directory-box {
  padding: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 80px;
}

.directory-box .directory-title {
  margin-bottom: 15px;
}

.directory-box .directory-title h4 {
  font-size: 16px;
  margin-bottom: 0;
}

.directory-box .directory-content {

}

.directory-box .directory-content .directory-list {
  width: 195px;
  gap: 10px;
  display: grid;
}

.directory-box .directory-content .directory-list .directory-item {
  
}

.directory-box .directory-content .directory-list .directory-item a {
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.directory-box .directory-content .directory-list .directory-item i {
  -webkit-text-stroke-width: unset;
  margin-right: 5px;
}

.directory-box .directory-content .directory-list .directory-item .directory-item-title {
    margin-bottom: 10px;
    font-weight: 600;
}

.directory-box .directory-content .directory-list .directory-item .directory-item-title:hover {
  color: #F60;
  transition: all .3s;
}

.directory-box .directory-content .directory-list .directory-item .directory-item-subtitle:hover {
  color: rgb(255 154 88);
  transition: all .3s;
}

.directory-box .directory-content .directory-list .directory-item .directory-item-subtitle {
  margin-left: 10px;
  color: #a1a1a1;
} 

.zeromo-article .z-articel-new {
  
}

.zeromo-article .z-articel-new .z-articel-box {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.zeromo-article .z-articel-new .z-articel-box .url-card .url-body .card-body {
    border-radius: 10px;
    border: 1px solid #ededed;
    align-items: center;
}

.zeromo-article .z-articel-new .z-articel-box .url-card .url-body .url-sites-img {
    margin-right: 10px;
    border-radius: 10px;
    width: 50px;
    height: 50px;
}

.zeromo-article .z-articel-new .z-articel-box .url-card .url-body .url-info strong {
    font-size: 18px !important;
}

.zeromo-article .z-articel-new .z-articel-box .url-card .url-body .url-info p {
    font-size: 14px !important;
    letter-spacing: unset;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 5px !important;
}

.zeromo-article .z-articel-new .z-articel-box .url-card .url-body:hover {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}

.zeromo-article .z-articel-new .z-articel-box .auto-ad-url>.card.io-radius {
    box-shadow: unset !important;
    padding: 5px !important;
    border: 1px solid #F7F7F7;
}

.zeromo-article .z-articel-new .z-articel-box .auto-ad-url>.card.io-radius .pt-2 {
    padding-top: 0 !important;
}

.zeromo-article .z-articel-new .z-articel-box .auto-ad-url .io-radius a.io-ajax-modal-get {
    padding: 0 5px !important;
    font-size: 12px !important;
    border-radius: 5px !important;
}

.z-articel-new .z-articel-mobile {
  display: none;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous {
  padding: 15px 5px;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa {
  font-size: 18px;
  font-weight: 600;
  color: #2A3547;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa .previous-title {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #797979;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .previous-right {
  text-align: end;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa:nth-child(2) i {
  margin-right: 0;
  margin-left: 10px;
}

.zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa i {
  -webkit-text-stroke-width: unset;
  margin-right: 10px;
}

.z-articel-box .article-content .article-text {
  
}

/*.z-articel-box .article-content .article-text::after {
  content: "";
  border-right: 1px solid #F9F9F9;

}*/

.article-post .content-hide-tips {
    position: relative;
    overflow: hidden;
}

.hide-type-buy .card-thumbnail {
    background: unset !important;
    height: unset !important;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: skew(322deg, 38deg);
}

.z-articel-box .article-content .article-text .article-post {
  padding: 10px;
}

.z-articel-box .article-content .article-text .article-post img {
    max-width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
    margin-top: 20px;
    height: auto;
    width: auto;
}

.z-articel-box .article-content .article-text .article-post h1::before {
    content: url("data:image/svg+xml,%3Csvg t='1724738255900' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='46514' %3E%3Cpath d='M87.23 285.2l335.41 567.88c22.94 39.08 54.69 60.65 89.41 60.75h0.25c34.82 0 66.8-21.53 90.07-60.64l334.8-568.05c12.04-20.51 19.33-40.52 21.65-59.48 2.46-20.02-0.83-38.63-9.52-53.8-14.77-25.79-43.21-40-80.09-40H155.16c-36.69 0-65.06 14.37-79.9 40.47-17.14 30.13-12.76 71.29 11.97 112.87z' fill='%23FF6600' p-id='46515'%3E%3C/path%3E%3C/svg%3E");
    width: 20px;
    height: 20px;
    margin-right: 10px;
    
}

.z-articel-box .article-content .article-text .article-post h1 {
    font-size: 22px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.z-articel-box .article-content .article-text .article-post h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  border-bottom: 1px solid #eaecef;
  padding-bottom: 5px;
}

.z-articel-box .article-content .article-text .article-post p {
  line-height: 1.9;
  font-size: 16px;
  margin-bottom: 20px;
  color: #222226;
  letter-spacing: 1px;
}

.z-articel-box .article-content .article-text .article-post ol,
.z-articel-box .article-content .article-text .article-post ul {
    line-height: 1.9;
    font-size: 16px;
    color: #222228;
    list-style: decimal;
    padding-left: 30px;
    letter-spacing: 1px;
}

.z-articel-box .article-content .article-text .article-post p img {
    max-width: 100%;
    max-height: 100%;
}

.z-articel-box .article-content .article-text .article-post p a img {
    max-width: 100%;
    max-height: 100%;
}

.z-articel-box .article-content .article-text .article-post a {
    border-bottom: 1px dashed #F60;
    font-weight: 600;
    margin: 0px 5px;
}

.z-articel-box .article-content .article-text .article-post .external:after {
    margin-left: 2px;
}

.z-articel-box .article-content .article-text .article-post p iframe {
    max-width: 100%;
    max-height: 100%;
}

.z-articel-box .article-content .article-text .article-post iframe {
    max-width: 100%;
    max-height: 100%;
}

.z-articel-box .article-content .article-right {
  padding: 20px;
}

.z-articel-box .article-content .article-right .right-sites {
  margin-bottom: 20px;
}

.article-right hr {
  color: #dbdbdb;
  margin: 30px 0;
}

.article-right h5 {
  font-size: 18px;
  margin-bottom: 20px;
  font-weight: 600;
}

.article-right .right-sites .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.article-right .right-tag .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.article-right .right-article .card {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.article-right .right-sites .sites-info {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.article-right .right-sites .sites-info:hover .sites-logo img {
  transform: scale(1.1);
  transition: all .3s;
}

.article-right .right-sites .sites-info:hover .sites-name .name-product {
  color: #F60;
}

.article-right .right-sites .sites-info .sites-logo {
  width: 70px;
  height: 70px;
  border-radius: 15px;
  padding: 8px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.article-right .right-sites .sites-info .sites-logo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.article-right .right-sites .sites-info .sites-name {
  display: flex;
  flex-direction: column;
  margin-left: 15px;
}

.article-right .right-sites .sites-info .sites-name .name-product {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}

.article-right .right-sites .sites-info .sites-name .sum-product {
  color: #535353;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.article-right .right-tag .tag-name {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.article-right .right-tag .tag-name .tag-item {
  margin: 5px;
}

.article-right .right-tag .tag-name .tag-item:nth-child(1) {
  margin-left: 0;
}

.article-right .right-tag .tag-name .tag-item:hover a {
  color: #F60;
  background-color: rgb(255, 238, 227);
  transition: all .3s;
}

.article-right .right-tag .tag-name a {
  font-size: 14px;
  color: #b5b5b5;
  background-color: #fafafa;
  padding: 5px;
  border-radius: 5px;
}

.article-right .right-tag .tag-name a i {
  color: #F60;
  padding: 2px;
  margin-right: 5px;
}

.article-right .right-article .article-list {

}

.article-right .right-article .article-list .article-item:hover .article-img img {
  transform: scale(1.1);
  transition: all .3s;
}

.article-right .right-article .article-list .article-item:hover .article-title {
  color: #F60;
}

.article-right .right-article .article-list .article-item {
  display: flex;
  margin-bottom: 30px;
  color: #000;
}

.article-right .right-article .article-list .article-item .article-img {
  width: 85px;
  height: 55px;
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}

.article-right .right-article .article-list .article-item .article-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-right .right-article .article-list .article-item .article-title {
  font-size: 14px;
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 100%;
  line-height: 25px;
}

/* 新增评论css开始 */
.z-comment-board {
    background: #4B81FF;
}

.z-comment-board h4 {
   color: #FFF;
   margin-bottom:20px !important;
}

.z-comment-board span {
    color:#FFF;
}

.z-comment-board span .z-comment-login {
    background-color: #fff;
    color:#000;
    padding: 2px 6px;
    border-radius: 3px;
    margin-right: 5px;
}

.z-comment-board span .z-comment-gz {
    color: #FFF;
}

/* 文章返回首页开始 */
.z-articel-more .z-article-function {
    right: 30px;
    bottom: 30px;
    flex-direction:column;
    position: inherit;
  }

  .z-articel-more .z-article-function a {
    color: #253258;
    background-color: #f9f9f9;
    border-radius: 50%;
    margin-bottom: 15px;
    position: relative;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .z-articel-more .z-article-function .z-author-m {
    display: none;
  }

  .z-articel-more .z-article-function a:hover {
    color: #F60;
    background-color: rgb(255, 238, 227);
    transition: all .3s;
  }

  .z-articel-more .z-article-function a small {
    position: absolute;
    top: -5px;
    right: -5px;
    background-color: #eecc9f;
    padding: 0 5px;
    border-radius: 20px;
    color: #253258;
  }

  .z-articel-more .z-article-function a i {
    -webkit-text-stroke-width: unset;
    font-size: 28px;
  }

  /* 文章手机版开始 */

  @media (max-width: 1199px) {
    .zeromo-article .z-article-directory .directory-box {
      display: none;
    }
  }

  @media (max-width: 600px) {
    .article-header {
      display: none;
    }

    .zeromo-article .article-header .article-title {
      font-size: 18px;
    }

    .zeromo-article .article-header .article-mate .article-info-text {
      font-size: 12px;
    }

    .zeromo-article .article-header .article-hot i {
      display: none;
    }

    .zeromo-article .article-header .article-hot {
      top: -25px;
      font-size: 20px;
    }

    .zeromo-article .article-header .article-mate .article-info-text li::after {
      margin: 0px 5px 0px 5px;
    }

    .zeromo-article .article-header .article-mate .article-info-ico ul li {
      margin-right: 5px;
    }

    .zeromo-article .z-bg-image {
      overflow: hidden;
      bottom: unset;
    }

    .zeromo-article .abi-user-poster {
      height: 250px;
    }

    .z-article-author {
      display: none;
    }

    .z-article-directory .z-article-author-m {
      display: block;
      margin-top: 0px;
      z-index: 1;
      position: relative;
    }

    .z-article-directory .z-article-author-m .author-pic {
      width: 80px;
      height: 80px;
      overflow: hidden;
      border-radius: 50%;
      background-color: #FFF;
    }

    .z-article-directory .z-article-author-m .author-pic img {
      width: 100%;
      height: 100%;
      transform: scale(0.9);
      border-radius: 50%;
    }

    .z-articel-new .z-articel-mobile {
      display: block;
    }

    .z-articel-new .z-articel-mobile h4 {
      margin-top: 20px;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.6;
    }

    .z-articel-new .z-articel-mobile .tag-name {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    .z-articel-new .z-articel-mobile .tag-name .tag-item {
      margin: 10px 10px 10px 0px;
    }

    .z-articel-new .z-articel-mobile .tag-name .tag-item a {
      color: #000;
      margin: 5px;
      background-color: #FAFAFA;
      padding: 5px;
      border-radius: 3px;
    }

    .z-articel-new .z-articel-mobile .tag-name .tag-item a i {
      color: #F60;
      margin-right: 5px;
    }

    .zeromo-article .z-articel-new .z-articel-box {
      box-shadow: none;
      border: 0;
      padding: 0;
    }
    
    .z-articel-box .article-content .article-text .article-post h1 {
        font-size: 18px;
    }
    
    .z-articel-box .article-content .article-text .article-post h1::before {
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }

    .z-articel-box .article-content .article-text .article-post h2 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 5px;
      color: #000;
    }
    
    .z-articel-box .article-content .article-text .article-post ol,
    .z-articel-box .article-content .article-text .article-post ul {
        font-size: 15px;
        letter-spacing: unset;
    }

    .z-articel-box .article-content .article-text .article-post p {
      font-size: 15px;
      margin-bottom: 15px;
      line-height: 1.9;
    }

    .z-articel-more {
      z-index: 99;
    }

    .z-articel-more .z-article-function {
      flex-direction: row;
      background-color: #ffffffc9;
      width: 90%;
      right: 0;
      left: 0;
      bottom: 30px;
      margin: auto;
      border-radius: 50px;
      -webkit-backdrop-filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 20px ) hue-rotate( 0deg );
      backdrop-filter: brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 20px ) hue-rotate( 0deg );
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      justify-content: space-around;
      height: 60px;
      align-items: center;
      z-index: 99;
    }

    .z-articel-more .z-article-function a {
      padding: 15px;
      margin-bottom: 0;
      width: 20%;
      text-align: center;
      background-color: unset;
      height: unset !important;
    }
    
    .z-articel-more .z-article-function a:hover {
        background-color: transparent;
    }
    
    .z-articel-more .z-article-function .btn-zmo-like.liked {
        color: #F60;
    }

    .z-articel-more .z-article-function a small {
      top: -5px;
      right: 5px;
      padding: 0 10px;
      font-size: 13px;
    }

    .z-articel-more .z-article-function .z-author-m {
      display: block;
    }

    .z-articel-more .z-article-function .z-author-m .author-m-pic {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      overflow: hidden;
    }

    .z-articel-more .z-article-function .z-author-m .author-m-pic img {
      width: 100%;
      height: 100%;
    }

    .zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa {
      font-size: 14px;
    }

    .zeromo-article .z-articel-new .z-articel-box .z-previous .z-previousa .previous-title {
      width: 140px;
      font-size: 12px;
      line-height: 1.6;
    }

    .z-post-meta .article-right {
      display: none;
    }
  }
  
.hot-card .hot-body {
    height: 200px;
}

.hot-ico {
    height: 18px;
    margin-right: .25rem;
    margin-bottom: .2rem;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.text-xs {
    font-size: .75rem !important;
}

.hot-rank {
    width: 18px;
    border-radius: 50%;
    background: rgba(124, 124, 124, .3);
    display: inline-block;
}

.hot-card .hot-body a {
    color: #282a2d !important;
    outline: 0 !important;
    text-decoration: none;
}

.hot-card .hot-body a:hover {
    color: #F60 !important;
}

.hot-rank-1 {
    color: #fff;
    background: #f1404b;
}

.hot-rank-2 {
    color: #fff;
    background: #c56831;
}

.hot-rank-3 {
    color: #fff;
    background: #b89e2c;
}

.hot-card .hot-heat {
    white-space: nowrap;
}

.text-muted {
    color: #bbbbbb !important;
    font-size: 12px;
}

.ajax-loading {
    background: rgba(250, 250, 250, .7) !important;
}

@media only screen and (min-device-width: 768px) {
    ::-webkit-scrollbar-thumb {
        background-color:rgba(130,130,130,.5);
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgb(130 130 130 / 80%);
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgb(130 130 130 / 80%);
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-corner {
        background: rgba(0,0,0,0);
        border-radius: 0 0 8px 0
    }

    ::-webkit-scrollbar-button {
        background-color: rgba(0,0,0,0);
        height: 2px;
        width: 2px;
    }
}

@media (max-width: 767.98px) {
    .tab-auto-scrollbar::-webkit-scrollbar {
        display:none
    }
}
  
.col-1a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.col-2a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-3a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-4a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-5a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.col-6a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-7a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 14.285714%;
    flex: 0 0 14.285714%;
    max-width: 14.285714%
}

.col-8a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-9a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11.111111%;
    flex: 0 0 11.111111%;
    max-width: 11.111111%
}

.col-10a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%
}

@media (min-width: 576px) {
    .col-sm-1a {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-sm-2a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-3a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-4a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-sm-6a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-7a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%
    }

    .col-sm-8a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-sm-9a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.111111%;
        flex: 0 0 11.111111%;
        max-width: 11.111111%
    }

    .col-sm-10a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }
}

@media (min-width: 768px) {
    .col-md-1a {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-md-2a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-3a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-4a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-md-6a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-7a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%
    }

    .col-md-8a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-md-9a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.111111%;
        flex: 0 0 11.111111%;
        max-width: 11.111111%
    }

    .col-md-10a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .modal-content.modal-suspend .modal-body {
        margin-left: 12px;
        margin-right: 12px
    }
}

@media (min-width: 992px) {
    .col-lg-1a {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-lg-2a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-3a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-4a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-lg-6a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-7a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%
    }

    .col-lg-8a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-lg-9a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.111111%;
        flex: 0 0 11.111111%;
        max-width: 11.111111%
    }

    .col-lg-10a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }
}

@media (min-width: 1200px) {
    .col-xl-1a {
        -webkit-box-flex:0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xl-2a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-3a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-4a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xl-6a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-7a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%
    }

    .col-xl-8a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xl-9a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.111111%;
        flex: 0 0 11.111111%;
        max-width: 11.111111%
    }

    .col-xl-10a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }
}

@media (min-width: 1400px) {
    .container-lg,.container-md,.container-sm,.container-xl {
        max-width:1320px
    }

    .d-xxl-block {
        display: block !important
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-xxl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xxl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xxl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xxl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xxl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xxl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xxl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xxl-1a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .col-xxl-2a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xxl-3a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xxl-4a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xxl-5a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .col-xxl-6a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xxl-7a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 14.285714%;
        flex: 0 0 14.285714%;
        max-width: 14.285714%
    }

    .col-xxl-8a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-xxl-9a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 11.111111%;
        flex: 0 0 11.111111%;
        max-width: 11.111111%
    }

    .col-xxl-10a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .mx-xxl-n5 {
        margin-left: -5rem !important;
        margin-right: -5rem !important
    }

    .container-lg,.container-md,.container-sm,.container-xl {
        max-width: 1500px
    }
}

@media (min-width: 1560px) {
    .mx-xxxl-n5 {
        margin-left:-5rem !important;
        margin-right: -5rem !important
    }
}

.row-cols-lg-7>* {
    flex: 0 0 auto;
    width: 14.28571428571429%
}

.row-cols-lg-8>* {
    flex: 0 0 auto;
    width: 12.5%
}

.row-cols-lg-9>* {
    flex: 0 0 auto;
    width: 11.11111111111111%
}

.row-cols-lg-10>* {
    flex: 0 0 auto;
    width: 10%
}

@media (min-width: 571px) and (max-width: 992px) {
    .row-cols-lg-10>* {
        flex: 0 0 auto;
        width: 32%
    }
    .row-cols-lg-9>* {
        flex: 0 0 auto;
        width: 33.33333%
    }
    .row-cols-lg-8>* {
        flex: 0 0 auto;
        width: 33.33333%
    }
    .row-cols-lg-7>* {
        flex: 0 0 auto;
        width: 33.33333%
    }
    
}

@media (max-width: 570px) {
   .row-cols-lg-10>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-9>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-8>* {
        flex: 0 0 auto;
        width: 50%
    }
    .row-cols-lg-7>* {
        flex: 0 0 auto;
        width: 50%
    }
}

/* 创作中心图片修复 */
.zmo-field-upload-image .upload-image-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.zmo-field-upload-image .upload-image-btn img {
    width: unset !important;
    height: unset !important;
    max-width: 100%;
    max-height: 100%;
}

/* 个人主页开始 */
.author .cs-collection_bottom {
    display: flex;
    align-items: center;
}

.author .cs-collection_bottom .cs-collection_info {
    background-color: #FFF;
    border-radius: 15px;
    margin-left: 25px;
    flex: 1;
}

.author .cs-collection_bottom .cs-collection_info .cs-collection_info_in {
    border-radius: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px 25px;
    box-shadow: 0 0 2rem 0 rgba(41,48,66,0.10) !important;
    text-align: initial;
    width:100%;
}

.author .cs-collection_info_in .cs-collection_info_left {
    max-width: 410px;
    width:50%;
}

.author .cs-collection_info_in .cs-collection_info_left .cs-collection_avatar_name {
    font-size: 28px;
    margin-bottom: 5px;
    font-weight: 600;
}

.author .cs-collection_info .cs-collection_info_in .cs-collection_right {
    background: linear-gradient(116.85deg, rgb(149 149 149 / 30%) 0%, rgb(183 183 183 / 30%) 100%);
    padding: 1px;
    border-radius: 10px;
    flex: 1;
    max-width: 670px;
    margin-left: 25px;
}

.author .cs-collection_info_in .cs-collection_right .cs-collection_list_wrap {
    background: #FFF;
    border-radius:inherit;
}

.author .cs-collection_info_in .cs-collection_right .cs-collection_list_wrap .cs-collection_list {
    display:flex;
    justify-content:space-between;
    border-radius:inherit;
    padding: 12px 20px 12px 0;
    margin-bottom:0;
}

/* 补充头部代码 */
.zeronav {
       color: #666;
       font-weight: 600;
       position: relative;
       vertical-align: top;
    }

    .zeronav.zero_vip {
       color:#ffda77 !important;
    }

    .zeronav .zeronav_text {
        position: absolute;
        right: 0px;
        top: 0px;
        font-size: 12px;
        line-height: 18px;
        display: inline-block;
        color: #fff;
        padding: 0 5px;
        height: 18px;
        border-radius: 10px;
        white-space: nowrap;
        background-color: #ee3e31;
        font-weight: 400;
        font-style: inherit;
    }

    .navbar-nav .zero_creation {
        display: block;
    }

    .zero_creation:hover {
        color: #666;
    }

    .zero_search {
        display: block;
        background: #f5f5f5;
        border-radius: 18px;
        font-size: 14px;
        color: #666;
        flex-shrink: 0;
    }

    .zero_search:hover {
        background: #FF6600;
        color: #FFF !important;
    }

    .zero_search .ti-search {
        font-size: 16px;
        -webkit-text-stroke-width: inherit;
        margin-top: 3px;
        margin-right: 10px;
    }

    @media (max-width: 768px) {
        .zero_search {
            padding-right: 5px !important;
            padding-left: 7px !important;
            width: 30px;
            height: 30px;
            position: absolute;
            right: 60px;
        }

        .zero_search .ti-search {
            margin: 0;
        }
    }

    .zero_user {
        margin-left: 10px;
    }

    .navbar-nav .zero-dropdown {
        box-shadow: 0 0 2rem 0 rgba(41,48,66,0.20) !important;
        transform: translate(-40%,0%);
        overflow: hidden;
        width: 100%;
        max-width: 300px;
        left: auto;
        top: auto;
        margin: auto;
    }


    .navbar-nav .zero-dropdown .row .dropdowm-zmof {
        padding: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .navbar-nav .zero-dropdown .row .dropdowm-zmof i {
        font-size: 20px;
        margin-bottom: 10px;
        background: #ea613b;
        border-radius: 50%;
        color: #FFF;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-nav .zero-dropdown .row .dropdowm-zmof .io-SDKhuichang {
        background: #eeb94d;
    }

    .navbar-nav .zero-dropdown .row .dropdowm-zmof .io-a-3Dhuichang {
        background: #7a9cf3;
    }
    
    .navbar-nav .zero-dropdown .row .dropdowm-zmof .io-shopping {
        background: #b287c7;
    }

    .navbar-nav .zero-dropdown .row .col-4:nth-child(1) a:hover i {
        background: #ff693f;
    }

    .navbar-nav .zero-dropdown .row .col-4:nth-child(2) a:hover i {
        background: #ffc756;
    }

    .navbar-nav .zero-dropdown .row .col-4:nth-child(3) a:hover i {
        background: #4b7eff;
    }

    .dropdowm-zmobutton {
        text-align: center;
        border-radius: 5px;
        padding: 6px;
        background: #5d87ff;
        font-size: 15px;
    }

    .dropdowm-zmobutton a {
        color: #FFF;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .dropdowm-zmobutton:hover {
        background-color: #4f73d9;
    }

    .navbar-nav .zero-dropdown .zero-nologin {
        background: #fff6f1;
        padding: 20px;
        position: relative;
    }

    .navbar-nav .zero-dropdown .zero-nologin:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(43deg, #FEDBC7 1%, #FFF6F1 100%);
        width: 65px;
        height: 65px;
        border-radius: 100% 0 0 0;
        -webkit-border-radius: 100% 0 0 0;
    }

    .navbar-nav .zero-dropdown .zero-nologin:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        opacity: .7;
        background-image: linear-gradient(44deg, #FEDBC7 48%, #FFF6F1 91%);
        width: 80px;
        height: 60px;
        border-radius: 0 0 100% 0;
        -webkit-border-radius: 0 0 100% 0;
    }

.navbar-nav .zero-dropdown .zero-nologin .zero-nologin-avatar {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.navbar-nav .zero-dropdown .zero-nologin .zero-nologin-avatar img {
    width: 100%;
    height: 100%;
}

.navbar-nav .zero-dropdown .zero-nologin .zero-nologin-info {
    flex-direction:column;
    font-size: 15px;
}

.navbar-nav .zero-dropdown .zero-nologin .zero-nologin-info .zero-nologin-info-text {
    font-size: 12px;
}

.navbar-nav .zero-dropdown .zero-nologin-btn .zero-nologin-l {
    background: #FF6600;
    border-radius: 5px;
}

.navbar-nav .zero-dropdown .zero-nologin-btn .zero-nologin-l a {
    display: block;
    width: 100%;
    color: #FFF;
    padding: 5px;
}

.navbar-nav .zero-dropdown .zero-nologin-btn .zero-nologin-l:hover {
    color: #FFF;
    background: #e65600;
}

.navbar-nav .zero-dropdown .zero-login-d {
    background: #fff6f1;
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #f1f1f1;
}

.navbar-nav .zero-dropdown .zero-login-d:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        background-image: linear-gradient(43deg, #FEDBC7 1%, #FFF6F1 100%);
        width: 65px;
        height: 65px;
        border-radius: 100% 0 0 0;
        -webkit-border-radius: 100% 0 0 0;
    }

    .navbar-nav .zero-dropdown .zero-login-d:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        opacity: .7;
        background-image: linear-gradient(44deg, #FEDBC7 48%, #FFF6F1 91%);
        width: 80px;
        height: 60px;
        border-radius: 0 0 100% 0;
        -webkit-border-radius: 0 0 100% 0;
    }

.navbar-nav .zero-dropdown .zero-login-d .zero-login-avatar {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

.navbar-nav .zero-dropdown .zero-login-d .zero-login-avatar img {
    width: 100%;
    height: 100%;
}

.navbar-nav .zero-dropdown .zero-login-d .zero-login-info {
    flex-direction:column;
    font-size: 16px;
    align-items: flex-start;
}

.navbar-nav .zero-dropdown .zero-login-d .zero-login-info .zero-login-info-text {
    font-size: 12px;
    background: linear-gradient(to right, #f7c797, #f2995f);
    color: #FFF;
    border-radius: 2px;
    padding: 0 10px;
    margin-top: 3px;
}

.navbar-nav .zero-dropdown .zero-login-d .zero-login-rbtn {
    margin-left: auto;
}

.navbar-nav .zero-dropdown .zero-login-d .zero-login-rbtn a {
    color: #FFF;
    background: #F60;
    padding: 5px;
    border-radius: 5px;
}

.navbar-nav .zero-dropdown .zero-login-d .zero-login-rbtn a:hover {
    background: #e65600;
    color: #FFF;
}

.navbar-nav .zero-dropdown .zero-login-center {
    border-bottom: 1px solid #f3f3f3;
}

.navbar-nav .zero-dropdown .zero-login-center .zero-center-l i {
    font-size: 18px;
    top: 2px;
    position: relative;
    margin-right: 5px !important;
}

.navbar-nav .zero-dropdown .zero-login-center .col-6 {
    text-align: center;
    flex-direction: column;
}

.navbar-nav .zero-dropdown .zero-login-center .col-6 a {
    padding: 0px 0px 15px 0px;
}

/* 如果页面启用了背景色 */
.page-template-default .zero-template-page .abi-user-poster .page_banner_title {
    text-align: center;
    padding: 40px;
    font-size: 26px;
    color: #FFF;
}

@media (max-width:500px) {
    .page-template-default .zero-template-page .abi-user-poster .page_banner_title {
        font-size: 20px !important;
    }
    
    .page-template-default.page-id-464 .page-wrapper .abi-user-poster .page_banner_title i {
        font-size: 70px !important;
        top: 55px !important;
        right: 20px !important;
    }
}

/* 商务页面背景 */
.page-template-default.page-id-464 .page-wrapper .abi-user-poster {
    background: linear-gradient(270deg, #0072ff 0%, #005fff 100%) !important;
}

.page-template-default.page-id-464 .page-wrapper .abi-user-poster:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#FFFFFF));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #FFFFFF 100%);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 100%);
}

.page-template-default.page-id-464 .page-wrapper .abi-user-poster .page_banner_title i {
    position: absolute;
    -webkit-transform: skew(322deg, 38deg);
    font-size: 150px;
    opacity: 0.3;
    top: 15px;
    right: 180px;
    color: #FFF;
}


@media (min-width: 992px) {
    .sidebar_left .content-wrap {
        float:right
    }

    .sidebar_left .content-layout {
        margin-left: calc(310px + 15px)
    }

    .sidebar_left .sidebar:not(.col-12) {
        float: left;
        margin-right: -310px;
        width: 310px;
        position: unset
    }

    .sidebar_right .content-wrap {
        float: unset !important;
    }

    .sidebar_right .content-layout {
        margin-right: unset !important;
    }

    .sidebar_right .sidebar:not(.col-12) {
        float: right;
        margin-left: -310px;
        width: 100% !important;
        position: unset;
        border-radius: 7px;
    }
}

.sidebar_right .io-sidebar-widget {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.sidebar_right .io-sidebar-widget .sidebar-header {
    align-items: center;
}

.sidebar_right .io-sidebar-widget .sidebar-header .load .sidebar-rand-post {
    font-size: 18px;
}

.sidebar_right .io-sidebar-widget .card-header {
    padding: 20px !important;
}

.sidebar_right .io-sidebar-widget .card-header>h3 {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.sidebar_right .io-sidebar-widget .card-header>h3 i {
    display: none !important;
}

.sidebar_right .io-sidebar-widget .card-body {
    padding: 0 20px 20px 20px;
}

.sidebar_right .io-sidebar-widget .card-body .list-grid .list-item {
    padding-bottom: 20px !important;
}

.sidebar_right .io-sidebar-widget .card-body .url-content .url-img {
    border-radius: 50% !important;
}

.sidebar .card-header:after {
    display: none !important;
}

.theiaStickySidebar:after {
    display: none !important;
}

@media (max-width: 767.98px) {
    .list-title {
        font-size:.9375rem !important
    }

    .list-title .badge {
        padding: .2em;
        margin: 0 .25rem 0 0
    }
}

.io-grey-mode .sidebar-logo {
    background: #fff
}

.io-grey-mode .page-header {
    box-shadow: none
}

.io-grey-mode .sidebar-nav-inner {
    background: #f9f9f9
}

.io-grey-mode .border-color {
    border-color: transparent !important
}

.io-grey-mode .sidebar-nav .flex-bottom a,.io-grey-mode .sidebar-menu-inner a {
    color: #515C6B
}

.io-grey-mode .sidebar-menu .sidebar-more {
    color: #282a2d
}

.io-grey-mode .sidebar-popup div {
    background: #dadbdd
}

.io-grey-mode .sidebar-popup::before {
    border-color: transparent #dadbdd transparent
}

.io-grey-mode .sidebar-nav,.io-grey-mode .sidebar-popup.sidebar-menu-inner ul {
    background: #f0f2f4
}

/* 更新模态框 */
.io-bomb-header {
    padding: 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.io-bomb-header i {
    font-size: 20px;
    margin-right: 10px;
    color: #000;
}

.io-bomb-header>.text-md.mt-1 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-top: 0 !important;
}

.io-bomb-content>.m-4 {
    font-size: 15px;
    color: #555;
    line-height: 25px;
}

.io-bomb-content>.text-center.mb-4 button {
    background-color: #ededed;
    color: #000;
}

.io-bomb-content>.text-center.mb-4 button.btn-outline {
    background-color: #000 !important;
    color: #FFF !important;
}

.modal-content.modal-suspend {
    background: #FFF !important;
}

.modal-content.modal-suspend .modal-header-bg {
    background: #FFF !important;
    padding-bottom: 165px !important;
}

.modal-header-bg.modal-header {
    justify-content: unset !important;
}

.modal-content.modal-suspend .modal-body {
    box-shadow: unset !important;
}

.io-modal-content .modal-body>.p-3 {
    padding: 20px !important;
}

.io-modal-content .modal-body>.p-3>.d-flex.align-items-center.justify-content-center.flex-wrap {
    position: absolute;
    top: -60px;
    font-size: 20px;
    left: 10px;
    color: #000;
    font-weight: 600;
}

.io-modal-content .modal-body>.p-3>.d-flex.align-items-center.justify-content-center.flex-wrap .tips-box {
    font-size: 20px !important;
    color: #000;
    font-weight: 600;
    background: unset !important;
}

.io-modal-content .modal-body>.p-3>.d-flex.align-items-center.justify-content-center.flex-wrap .tips-box i {
    display: none !important;
}

.io-modal-content .modal-body>.p-3>.muted-box {
    background: #f9f9f9;
}

.io-modal-content .modal-body>.p-3>.muted-box .tips-top-l {
    color: #fff !important;
    border: 1px dashed #000 !important;
    font-size: 12px !important;
    background: #000 !important;
}

.io-modal-content .modal-body>.p-3>.muted-box .text-danger {
    color: #000 !important;
    font-weight: 600;
}

.io-radio.active {
    border-color: #000 !important;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn.btn-block {
    background: #000 !important;
    color: #FFF !important;
}

.modal .modal-dialog .modal-content .io-modal-content form .dependency-box .btn.btn-block:hover {
    box-shadow: unset !important;
    color: #FFF !important;
    background: #656565 !important;
}

.modal .modal-dialog .modal-content .io-modal-content .bg-muted {
    border-radius: 7px !important;
    background: #f9f9f9 !important;
}

.io-modal-content .modal-header-simple {
    padding: 20px !important;
}

.io-modal-content .modal-header-simple .zf-title {
    font-size: 20px;
    color: #000;
}

.io-modal-content .modal-header-simple .zf-title i {
    margin-right: 10px;
}

.io-modal-content .modal-header-simple .zf-title span {
    font-weight: 600;
}

.io-modal-content .modal-header-simple .io-close i {
    font-size: 20px ;
}

.io-modal-content .btn-group {
    gap: 5px;
}

.io-modal-content .btn-group .btn {
    font-size: 16px;
    color: #000;
    background: #ededed;
    border-radius: 5px !important;
}

.io-modal-content .btn-group .btn.active {
    color: #fff;
    background: #000;
}

.tips-box.vc-yellow.ajax-custom-product-val {
    background-color: #000 !important;
}

.modal-header {
    padding: 20px !important;
}

.modal-header .modal-title {
    font-size: 20px !important;
    color: #000 !important;
    font-weight: 600; 
}

.modal-content .modal-body {
    padding: 20px !important; 
}

.modal-content .modal-body .col-form-label {
    color: #555 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

.modal-content .modal-footer button {
    width: 100%;
    background: #000;
    border: none !important;
    border-radius: 6px !important;
}

/* 2024新版本分类页码开始 */
.pagination .page-item {
    padding-left: 5px !important;
}

.active>.page-link, .page-link.active {
    background-color: #F60;
    border-color: #F60;
}

.page-link {
    font-size: 16px;
    border-radius: 5px;
    padding: 5px 12px;
    color: #3d3d3d;
}

.page-link:hover {
    color: #F60;
    background-color: #fffbf9;
    z-index: 2;
}








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

.justify-content-between {
    justify-content: space-between !important;
}
.d-flex {
    display: flex !important;
}
@font-face {
    font-family: cryptocoins;
    src: url(cryptocoins.woff2) format('woff2'), url(cryptocoins.woff) format('woff'), url(cryptocoins.ttf) format('truetype')
}
.ti {
    font-family: tabler-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ti-square-rounded-arrow-right:before {
    content: "\f63b";
}
.zero-sitelist {
    --bs-gutter-x: 24px;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
	--bs-gutter-x: 1rem;
	--bs-gutter-y: 1rem;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.tabBar .bd { height: 462px; margin-bottom: 60px; overflow: hidden}