/**
 * B2子主题样式文件
 * 包含各功能模块的样式定义
 */
 /*文章字体*/
@font-face {
  font-family: 'dh';
  src: url('https://img.mkwy.cn/i/eryaxindahei1.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}
/* ==========================================================================
   表情功能样式
   ========================================================================== */
/* 评论中的表情 */
.comment-emoji {
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin: 0 2px;
    object-fit: contain;
    border-radius: 4px;
}

/* 表情按钮样式 */
#emoji-btn,
.emoji-btn-span {
    margin: 0 5px;
    background: transparent;
    color: #666;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}

#emoji-btn:hover,
.emoji-btn-span:hover {
    color: #333;
}

/* 表情面板容器 */
#emoji-panel {
    display: none;
    position: absolute;
    z-index: 9999;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    width: 350px;
    height: 260px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    bottom: 100%;
    left: 0;
    margin-bottom: 5px;
}

/* 表情内容区域 */
.emoji-content {
    height: 230px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background: #fff;
}

.emoji-content::-webkit-scrollbar {
    width: 5px;
    background-color: #f5f5f5;
}

.emoji-content::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 3px;
}

.emoji-content::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
}

/* 表情网格布局 */
.emoji-grid {
    display: grid;
    grid-template-columns: repeat(5, 60px);
    gap: 6px;
    justify-content: start;
}

.emoji-item {
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s ease;
    object-fit: contain;
    border: 1px solid transparent;
    background: #f7f7f7;
    padding: 5px;
    box-sizing: border-box;
}

.emoji-item:hover {
    transform: scale(1.05);
    box-shadow: 0 2px 5px rgba(181, 181, 181, 0.32);
    border-color: rgba(183, 183, 183, 0.5);
}

/* 分类标签区域 */
.emoji-tabs {
    display: flex;
    flex-wrap: wrap;
    background: #F3F7FA;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid #eee;
    padding: 0 10px;
}

.emoji-tab {
    background: none;
    border: none;
    padding: 0 12px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 12px;
    color: #666;
    transition: all 0.2s ease;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 0 0 6px 6px;
}

.emoji-tab:hover {
    background: #ffffff;
}

.emoji-tab.active {
    background: #ffffff;
    color: #464646;
    font-weight: bold;
}

/* 分类内容区域 */
.emoji-category-content {
    display: none;
}

.emoji-category-content.active {
    display: block;
}
.com-form-button-l > span:first-child {
    display: none !important;
}
/* 移动端适配 */
@media (max-width: 480px) {
    #emoji-panel {
        height: 240px;
    }
    
    .emoji-content {
        height: 210px;
    }
}
/* ==========================================================================
   快捷评论按钮样式
   ========================================================================== */
/* 快捷评论按钮样式 */
.quick-comment-buttons {
    display: flex;
    align-items: center;
    color: #aaa;
    padding: 10px 20px;
}
.quick-comment-title{
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #737F99;
    padding: 2px 0;
    margin-right: 10px;
}

.quick-comment-btn, .quick-comment-btn-span {
    margin: 0 5px;
    background: transparent;
    color: #666;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}

.quick-comment-btn:hover, .quick-comment-btn-span:hover {
    color: #333;
}

.quick-comment-btn:active, .quick-comment-btn-span:active {
    color: #333;
}

/* ==========================================================================
   面包屑导航样式
   ========================================================================== */

.custom-breadcrumb {
    padding: 10px 0;
    font-size: 14px;
    color: #666;
    margin: 0 auto;
}

.custom-breadcrumb a {
    text-decoration: none;
}

.custom-breadcrumb a:hover {
    text-decoration: underline;
}

.custom-breadcrumb .separator {
    margin: 0 8px;
    color: #999;
}

.custom-breadcrumb .home-icon {
    margin-right: 5px;
}

.custom-breadcrumb .current-page {
    color: #333;
    font-weight: 500;
}

/* ==========================================================================
   移动端样式
   ========================================================================== */

@media (max-width: 768px) {
    .mobile-comment-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 10px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 999;
        display: none;
    }

    .mobile-comment-bar div {
        display: flex;
        justify-content: space-around;
    }

    .mobile-comment-bar button {
        background: none;
        border: none;
        padding: 10px;
        cursor: pointer;
        font-size: 14px;
        transition: all 0.3s ease;
    }

    .mobile-comment-bar button:hover {
        background: #f8f9fa;
        border-radius: 4px;
    }

    /* 移动端左侧菜单滚动文字样式 */
    .gdpcyc {
        display: block;
    }
    
    #container-box-1 {
        color: #526372;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        line-height: 40px;
        text-align: center;
    }

    #flip-box-1 {
        overflow: hidden;
        height: 40px;
    }

    #flip-box-1 div {
        height: 50px;
    }

    #flip-box-1 > div > div {
        display: inline-block;
        text-align: center;
        height: 40px;
        width: 100%;
    }

    /* 移动端滚动文字容器 */
    .gdpcyc {
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 14px;
    }

    .container-box-1-1, .container-box-1-2 {
        height: 50px;
        line-height: 50px;
    }

    #flip-box-1 {
        height: 50px;
        overflow: hidden;
    }

    /* 滚动动画容器 */
    .mobile-scroll-container {
        height: auto;
    }

    .mobile-scroll-container > div {
        height: 50px;
        line-height: 50px;
    }

    /* 每2秒滚动一个的动画 - 1个文字 */
    .mobile-scroll-1 {
        animation: scroll1 2s linear infinite;
    }

    @keyframes scroll1 {
        0%, 100% { transform: translateY(0); }
    }

    /* 每2秒滚动一个的动画 - 2个文字 */
    .mobile-scroll-2 {
        animation: scroll2 4s linear infinite;
    }

    @keyframes scroll2 {
        0%, 49.99% { transform: translateY(0); }
        50%, 100% { transform: translateY(-50px); }
    }

    /* 每2秒滚动一个的动画 - 3个文字 */
    .mobile-scroll-3 {
        animation: scroll3 6s linear infinite;
    }

    @keyframes scroll3 {
        0%, 33.32% { transform: translateY(0); }
        33.33%, 66.65% { transform: translateY(-50px); }
        66.66%, 100% { transform: translateY(-100px); }
    }

    /* 每2秒滚动一个的动画 - 4个文字 */
    .mobile-scroll-4 {
        animation: scroll4 8s linear infinite;
    }

    @keyframes scroll4 {
        0%, 24.99% { transform: translateY(0); }
        25%, 49.99% { transform: translateY(-50px); }
        50%, 74.99% { transform: translateY(-100px); }
        75%, 100% { transform: translateY(-150px); }
    }

    /* 每2秒滚动一个的动画 - 5个文字 */
    .mobile-scroll-5 {
        animation: scroll5 10s linear infinite;
    }

    @keyframes scroll5 {
        0%, 19.99% { transform: translateY(0); }
        20%, 39.99% { transform: translateY(-50px); }
        40%, 59.99% { transform: translateY(-100px); }
        60%, 79.99% { transform: translateY(-150px); }
        80%, 100% { transform: translateY(-200px); }
    }

    /* 每2秒滚动一个的动画 - 6个文字 */
    .mobile-scroll-6 {
        animation: scroll6 12s linear infinite;
    }

    @keyframes scroll6 {
        0%, 16.65% { transform: translateY(0); }
        16.66%, 33.32% { transform: translateY(-50px); }
        33.33%, 49.99% { transform: translateY(-100px); }
        50%, 66.65% { transform: translateY(-150px); }
        66.66%, 83.32% { transform: translateY(-200px); }
        83.33%, 100% { transform: translateY(-250px); }
    }

    #quick-comment-panel {
        padding: 0 15px;
    }
}

@media screen and (min-width: 769px) {
    .gdpcyc {
        display: none;
    }
}

.com-form-button-l {
    align-items: center;
}
/* 一言按钮样式 */
.b2child-hitokoto-btn,
.hitokoto-btn-span {
    margin: 0 5px;
    background: transparent;
    color: #666;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    padding: 0 10px;
    display: block;
}

.b2child-hitokoto-btn:hover,
.hitokoto-btn-span:hover {
    color: #333;
}

.b2child-hitokoto-btn:active,
.hitokoto-btn-span:active {
    color: #333;
}

/* 版权说明 */
.Mrxu-bqts {
    background-color: rgb(245, 245, 245);
	border-radius: 12px;
	padding: 15px;
	color: #949ab1;
}
.Mrxu-bqts1 {
	display: flex;
	margin-bottom: 10px;
	font-size: 18px;
}
.Mrxu-bqts2 {
    font-size: 14px;
	padding-left: 28px;
}
.icon-xiaolaba {
    color: #fe5f84;
    font-size: 25px;
}
@media screen and (max-width: 768px){
.Mrxu-bqts .Mrxu-bqts2 {
    padding-left: 0px;
}
.Mrxu-bqts .Mrxu-bqts2 p {
    margin-bottom: 5px;
    font-size: 12px;
}
}


.com-form-button-l{
    text-align: center;
    width: 100%;
}

/*猫耳样式*/
.Mrxu-icon {
    text-align: center;
    margin-top: -56px;
    height: 70px;
}

/* ==========================================================================
   首页自定义模块样式
   ========================================================================== */

/* 自定义首页模块基础样式 */
.custom-homepage-module {
    margin-bottom: 30px;
}

.custom-homepage-module .module-header {
    display: flex;
}

.custom-homepage-module .module-title {
    margin: 0;
    font-size: 20px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
}

.custom-homepage-module .module-description {
    margin: 8px 0 0 0;
    color: #afb1b5;
    font-size: 14px;
    margin-left: 30px;
}

/* 动漫导航模块样式 - 新卡片式布局 */
.custom-homepage-module .Mrxu-block {
    padding-top: 30px;
    position: relative;
    z-index: 3;
}

.custom-homepage-module .Mrxu-block .cut-prev,
.custom-homepage-module .Mrxu-block .cut-next {
    position: absolute;
    font-size: 14px;
    top: 63px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: #CCCCCC;
    background: #F3F4F7;
    border-radius: 50%;
    cursor: pointer;
}

.custom-homepage-module .Mrxu-block .cut-prev {
    display: none;
    left: -55px;
}

.custom-homepage-module .Mrxu-block .cut-next {
    right: -55px;
}

.custom-homepage-module .Mrxu-block .cut-prev:hover,
.custom-homepage-module .Mrxu-block .cut-next:hover {
    color: #39AEFF;
    background: #F3F4F7;
}

.custom-homepage-module .Mrxu-circulation ul {
    width: 100%;
    display: flex;
    flex-wrap: nowrap; /* 不换行 */
    justify-content: flex-start;
    gap: 24px;
}

.custom-homepage-module .Mrxu-circulation ul li {
    position: relative;
    height: 100px;
    z-index: 1;
    flex-shrink: 0; /* 防止压缩 */
}

/* 根据卡片数量动态设置宽度 */
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(1) {
    width: 25%; /* 只有1个卡片时，按4个的宽度显示 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(2),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(2) ~ li {
    width: 25%; /* 2个卡片时，按4个的宽度显示 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(3),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(3) ~ li {
    width: 25%; /* 3个卡片时，按4个的宽度显示 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(4),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(4) ~ li {
    width: calc(25% - 18px); /* 4个卡片时，占满全屏 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(5),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(5) ~ li {
    width: calc(20% - 19.2px); /* 5个卡片时，占满全屏 */
}

.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(6),
.custom-homepage-module .Mrxu-circulation ul li:first-child:nth-last-child(6) ~ li {
    width: calc(16.666% - 20px); /* 6个卡片时，占满全屏 */
}

/* 超过6个卡片时，只显示前6个，其他隐藏 */
.custom-homepage-module .Mrxu-circulation ul li:nth-child(n+7) {
    display: none;
}

.custom-homepage-module .Mrxu-circulation ul li .Mrxu-content::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100px;
}

.custom-homepage-module .Mrxu-circulation ul li .Mrxu-content {
    position: relative;
    height: 100px;
    font-size: 14px;
    border-radius: 10px;
    transition: 0.2s;
    overflow: hidden;
}

.custom-homepage-module .Mrxu-content .Mrxu-top {
    display: block;
    position: relative;
    box-sizing: border-box;
    padding: 22px 0 0 16px;
    border-radius: 10px;
    overflow: hidden;
    height: 100px;
    text-decoration: none;
}

.custom-homepage-module .Mrxu-name {
    position: relative;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 8px;
    z-index: 1;
}

.custom-homepage-module .Mrxu-hint {
    position: relative;
    z-index: 1;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
    margin: 0;
}

.custom-homepage-module .Mrxu-circulation ul li.off:hover .Mrxu-content {
    height: 100px;
}

.custom-homepage-module .Mrxu-circulation ul li:hover .Mrxu-content {
    height: 218px;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.10);
    z-index: 999; /* 确保悬停菜单在最上层 */
    position: relative;
}

/* 颜色主题 */
.custom-homepage-module .Mrxu-circulation .color1 .Mrxu-content:hover {
    background: #FFD4D4;
}

.custom-homepage-module .Mrxu-circulation .color1 .Mrxu-top {
    color: #C68686;
}

.custom-homepage-module .Mrxu-circulation .color1 .Mrxu-name {
    color: #5B0000;
}

.custom-homepage-module .Mrxu-circulation .color2 .Mrxu-content:hover {
    background: #C9F1ED;
}

.custom-homepage-module .Mrxu-circulation .color2 .Mrxu-top {
    color: #87BAB5;
}

.custom-homepage-module .Mrxu-circulation .color2 .Mrxu-name {
    color: #0C534D;
}

.custom-homepage-module .Mrxu-circulation .color3 .Mrxu-content:hover {
    background: #FFECB4;
}

.custom-homepage-module .Mrxu-circulation .color3 .Mrxu-top {
    color: #DEBD83;
}

.custom-homepage-module .Mrxu-circulation .color3 .Mrxu-name {
    color: #844000;
}

.custom-homepage-module .Mrxu-circulation .color4 .Mrxu-content:hover {
    background: #FFD4D4;
}

.custom-homepage-module .Mrxu-circulation .color4 .Mrxu-top {
    color: #BD7C7C;
}

.custom-homepage-module .Mrxu-circulation .color4 .Mrxu-name {
    color: #5B0000;
}

.custom-homepage-module .Mrxu-circulation .color5 .Mrxu-content:hover {
    background: #FFE2EF;
}

.custom-homepage-module .Mrxu-circulation .color5 .Mrxu-top {
    color: #D390A7;
}

.custom-homepage-module .Mrxu-circulation .color5 .Mrxu-name {
    color: #840028;
}

.custom-homepage-module .Mrxu-circulation .color6 .Mrxu-content:hover {
    background: #FFE2D0;
}

.custom-homepage-module .Mrxu-circulation .color6 .Mrxu-top {
    color: #D49D86;
}

.custom-homepage-module .Mrxu-circulation .color6 .Mrxu-name {
    color: #842100;
}

/* 图标样式 */
.custom-homepage-module .Mrxu-content .Mrxu-top i {
    position: absolute;
    top: 0;
    right: -20px;
    width: 130px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 自定义图标样式 */
.custom-homepage-module .custom-nav-icon {
    position: absolute;
    top: 0;
    right: -20px;
    width: 130px;
    height: 100px;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* 链接按钮样式 */
.custom-homepage-module .Mrxu-block .Mrxu-content {
    height: 100px;
}

.custom-homepage-module .Mrxu-block .Mrxu-link {
    text-align: center;
    line-height: 26px;
    font-size: 14px;
}

.custom-homepage-module .Mrxu-block .Mrxu-link a {
    margin: 10px 1px 0;
    display: inline-block;
    background: rgba(255,255,255,0.50);
    width: 77px;
    height: 26px;
    border-radius: 13px;
    font-size: 13px;
    text-decoration: none;
    line-height: 26px;
}

.custom-homepage-module .Mrxu-block .Mrxu-link a:hover {
    background: #fff;
    color: #666;
}

/* 分类链接样式 */
.custom-homepage-module .Mrxu-classify {
    margin: -87px 0 0;
    padding-bottom: 30px;
    white-space: nowrap;
}

.custom-homepage-module .Mrxu-classify li {
    width: 10%;
    position: relative;
    display: inline-block;
}

.custom-homepage-module .Mrxu-classify li::before {
    content: '';
    position: absolute;
    right: -1px;
    top: 2px;
    width: 2px;
    height: 16px;
    background: #DDDDDD;
}

.custom-homepage-module .Mrxu-classify li:nth-child(10)::before {
    display: none;
}

.custom-homepage-module .Mrxu-classify li .iconfont {
    font-size: 16px;
    color: #39AEFF;
    margin-right: 6px;
}

.custom-homepage-module .Mrxu-classify li a {
    margin-left: 6%;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
}

.custom-homepage-module .Mrxu-classify li a:hover {
    color: #2CAEFF;
}

/* 动画效果 */
.custom-homepage-module .Mrxu-circulation li.AnRotate .Mrxu-top i {
    animation: AnRotate 1.2s ease-in-out infinite alternate;
    transform-origin: 76px 90%;
}

@keyframes AnRotate {
    0% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
}

/* 空状态样式 */
.anime-nav-empty,
.ui-toolbar-empty,
.quick-nav-empty {
    text-align: center;
    color: #999;
    padding: 40px 20px;
    font-style: italic;
}

/* ==========================================================================
   UI快捷栏模块样式
   ========================================================================== */

.custom-homepage-module .newmrxu_link {
    margin: 0 auto;
}

.custom-homepage-module .mrxu_link {
    padding: 5px;
}

.custom-homepage-module .mrxu_link dl {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 10px;
}

.custom-homepage-module .mrxu_link dl dd {
    display: inline-block;
    width: 20%; /* 一排5个 */
    margin-bottom: 10px;
    margin-top: 10px;
    min-width: 18.3%; /* 最少3个时的宽度 */
}

.custom-homepage-module .mrxu_link dl dd{
    width: 20%; /* 5个项目时，一排5个 */
}

.custom-homepage-module .mrxu_link dl dd a {
    display: block;
    text-decoration: none;
    text-align: center;
    transition: transform 0.3s ease;
}

.custom-homepage-module .mrxu_link dl dd a:hover {
    transform: translateY(-2px);
}

.custom-homepage-module .mrxu_link dl dd a i {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 5px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.custom-homepage-module .mrxu_link dl dd a:hover i {
    transform: scale(1.1);
}

.custom-homepage-module .mrxu_link dl dd a p {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666;
    text-align: center;
    overflow: hidden;
    margin: 0;
}

/* ==========================================================================
   快捷导航模块样式
   ========================================================================== */

.custom-homepage-module .mrxu_4glink {
    width: 100%;
    padding-bottom: 10px;
}

.custom-homepage-module .mrxu_4glink ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-homepage-module .mrxu_4glink ul li {
    width: 25%;
    height: 80px;
    position: relative;
}

.custom-homepage-module .mrxu_4glink ul li a {
    border-radius: 12px;
    padding:10px 25px;
    display: flex;
    flex-direction: column;
    margin: 10px;
    background: #b8c1d01c;
    text-decoration: none;
    box-sizing: border-box;
}

.custom-homepage-module .mrxu_4glink ul li p {
    font-size: 18px;
    color: #747990;
    margin: 0;
    font-weight: 500;
}

.custom-homepage-module .mrxu_4glink ul li span {
    font-size: 13px;
    color: #999999;
    padding-top: 10px;
    margin: 0;
}

.custom-homepage-module .mrxu_4glink ul li i {
    position: absolute;
    margin-top: 2px;
    width: 50px;
    height: 50px;
    right: 25px;
    top: 15px;
    border-radius: 8px;
}

/* 响应式设计 - UI快捷栏 */
@media (max-width: 768px) {
    .custom-homepage-module .mrxu_link dl dd {
        width: 33.333% ; /* 移动端固定3个一排 */
    }
    .custom-homepage-module .newmrxu_link .mrxu_link dl dd{
        width: 20%;
    }
    .custom-homepage-module .mrxu_link dl dd a p {
        font-size: 12px;
    }
    
    .custom-homepage-module .mrxu_link dl dd a i {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 768px) {
    .custom-homepage-module .mrxu_4glink ul li {
        width: 50% !important; /* 移动端2个一排 */
    }
}

/* ==========================================================================
   编辑器短代码样式
   ========================================================================== */

/* 折叠栏样式 */
.entry-content .child-head-title{
    margin: 0;
}

img.child-head-img {
    position: absolute;
    left: -16px;
    width: 46px;
}

.child-head-title-box{
    display: flex;
    position: relative;
    border-radius: 8px;
    border: 1px dashed #d7d7d7;
    align-items: center;
    margin: 0 20px;
    background: #69C2F4;
    color: #fff;
}
.child-head-title-boxs {
    margin-left: 50px;
    width: 100%;
    padding: 6px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.child-head-title-boxs .zkicon {
    display: flex;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    justify-content: center;
    align-items: center;
}

.child-head-title.active .zkicon {
    transform: rotate(45deg);
}

.child-head-title.active .child-class-item {
    margin: 0 20px;
    border: 1px dashed #d7d7d7;
    border-top:none;
    border-radius: 0 0 8px 8px;
    max-height: 1000px;
    display: block;
}

.child-class-item {
    max-height: 0;
    overflow: hidden;
    display: none;
}

.child-head-title.active .child-head-title-box {
    border-radius: 8px 8px 0 0;
}
.child-box-content {
    padding: 15px;
    background: white;
}

.zdzhedie {
    line-height: 1.6;
}

/* 图片网格样式 - 完全按照用户原始CSS */
.img_li div a img.lazy.loaded {
    transition: .5s;
}

.img_2li > div:hover a img {
    transform: scale(1.1);
}

.img_4li > div:hover a img {
    transform: scale(1.2);
}

.img_6li > div:hover a img {
    transform: scale(1.3);
}

/* 添加缺失的3格和5格悬停效果 */
.img_3li > div:hover a img {
    transform: scale(1.15);
}

.img_5li > div:hover a img {
    transform: scale(1.25);
}

.img_li {
    align-items: stretch;
    flex-flow: wrap;
    width: 100%;
    display: flex;
}

.img_li > div a {
    border-radius: 5px;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img_li > div {
    padding: 5px;
    object-fit: cover;
    position: relative;
    box-sizing: border-box;
}

.img_li > div img {
    transition: .5s;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.img_2li > div {
    height: auto;
    width: 50%;
}

.img_3li > div {
    width: 33.333%;
}

.img_4li > div {
    width: 25%;
}

.img_5li > div {
    width: 20%;
}

.img_6li > div {
    width: 16.666%;
}

@media screen and (max-width: 768px) {
    .img_li > div {
        width: 50%;
    }
}

/* 自定义内容框样式 */
.custom-content {
    margin: 20px 0;
    padding: 15px 20px;
    border-radius: 8px;
    border-left: 4px solid;
    position: relative;
    background: #f8f9fa;
    line-height: 1.6;
}

.custom-content::before {
    content: '';
    position: absolute;
    top: 15px;
    left: -2px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
}

/* 信息框 */
.custom-content-info {
    border-left-color: #2196F3;
    background: #e3f2fd;
    color: #0d47a1;
}

.custom-content-info::before {
    background: #2196F3;
}

/* 警告框 */
.custom-content-warning {
    border-left-color: #FF9800;
    background: #fff3e0;
    color: #e65100;
}

.custom-content-warning::before {
    background: #FF9800;
}

/* 成功框 */
.custom-content-success {
    border-left-color: #4CAF50;
    background: #e8f5e8;
    color: #1b5e20;
}

.custom-content-success::before {
    background: #4CAF50;
}

/* 错误框 */
.custom-content-error {
    border-left-color: #F44336;
    background: #ffebee;
    color: #b71c1c;
}

.custom-content-error::before {
    background: #F44336;
}

/* 笔记框 */
.custom-content-note {
    border-left-color: #9C27B0;
    background: #f3e5f5;
    color: #4a148c;
}

.custom-content-note::before {
    background: #9C27B0;
}

/* 视频解析样式 */
.video-parse-container {
    margin: 20px 0;
    text-align: center;
}

.video-parse-container iframe {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.video-login-required {
    background: #f8f9fa;
    border: 2px dashed #dee2e6;
    border-radius: 8px;
    padding: 40px 20px;
    text-align: center;
    margin: 20px 0;
}

.video-login-required a {
    display: inline-block;
    padding: 12px 24px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.video-login-required a:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}

/* 响应式优化 */
@media (max-width: 768px) {
    .custom-content {
        margin: 15px 0;
        padding: 12px 15px;
    }
    
    .child-box-content {
        padding: 12px;
    }
    
    .video-parse-container iframe {
        height: 250px;
    }
}

/* 排名模块样式 */
.ranking-module {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.ranking-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ranking-item {
    display: flex;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
}

.ranking-item:last-child {
    border-bottom: none;
}

.ranking-item:hover {
    background: #f8f9fa;
}

.rank-number {
    font-weight: bold;
    margin-right: 15px;
    font-size: 18px;
    min-width: 30px;
    text-align: center;
}

.rank-content h4 {
    margin: 0 0 5px 0;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    line-height: 1.3;
}

.rank-content p {
    margin: 0;
    color: #666;
    font-size: 14px;
    line-height: 1.4;
}

/* 首页模块响应式设计 */
@media (max-width: 768px) {
    /* 动漫导航卡片布局 - 移动端只显示前2个 */
    .custom-homepage-module .Mrxu-circulation ul li {
        width: calc(50% - 12px) !important; /* 移动端一行2个 */
    }
    
    /* 移动端隐藏第3个及以后的卡片 */
    .custom-homepage-module .Mrxu-circulation ul li:nth-child(n+3) {
        display: none !important;
    }
    
    .custom-homepage-module .Mrxu-circulation ul {
        gap: 15px;
    }
    
    .custom-homepage-module .Mrxu-circulation {
        height: auto;
    }
    
    .custom-homepage-module .Mrxu-name {
        font-size: 20px;
        line-height: 20px;
    }
    
    .custom-homepage-module .Mrxu-hint {
        font-size: 12px;
    }
    
    .custom-homepage-module .Mrxu-content .Mrxu-top {
        padding: 18px 0 0 12px;
    }
    
    .custom-homepage-module .Mrxu-content .Mrxu-top i,
    .custom-homepage-module .custom-nav-icon {
        width: 100px;
        right: -15px;
    }
    
    .custom-homepage-module .Mrxu-block .Mrxu-link a {
        width: 60px;
        height: 22px;
        line-height: 22px;
        font-size: 11px;
        margin: 8px 1px 0;
    }
    
    .custom-homepage-module .module-title {
        font-size: 18px;
    }
    
    /* 排名模块移动端样式 */
    .ranking-item {
        padding: 12px;
    }
    
    .rank-number {
        font-size: 16px;
        min-width: 25px;
        margin-right: 12px;
    }
    
    .rank-content h4 {
        font-size: 15px;
    }
    
    .rank-content p {
        font-size: 13px;
    }
    
    /* 分类链接移动端调整 */
    .custom-homepage-module .Mrxu-classify {
        margin: -60px 0 0;
        padding-bottom: 20px;
    }
    
    .custom-homepage-module .Mrxu-classify li {
        width: 20%;
        margin-bottom: 10px;
    }
    
    .custom-homepage-module .Mrxu-classify li a {
        font-size: 12px;
        margin-left: 3%;
    }
}

@media (max-width: 480px) {
    /* 小屏手机 - 保持2个卡片显示 */
    .custom-homepage-module .Mrxu-circulation ul li {
        width: calc(50% - 12px) !important;
    }
    
    .custom-homepage-module .Mrxu-circulation ul {
        gap: 12px;
    }
    
    .custom-homepage-module .module-title {
        font-size: 16px;
    }
    
    .custom-homepage-module .Mrxu-name {
        font-size: 18px;
    }
    
    .custom-homepage-module .Mrxu-hint {
        font-size: 11px;
    }
    
    .custom-homepage-module .Mrxu-content .Mrxu-top {
        padding: 15px 0 0 10px;
    }
    
    .custom-homepage-module .Mrxu-content .Mrxu-top i,
    .custom-homepage-module .custom-nav-icon {
        width: 80px;
        right: -10px;
    }
    
    .custom-homepage-module .Mrxu-block .Mrxu-link a {
        width: 50px;
        height: 20px;
        line-height: 20px;
        font-size: 10px;
        margin: 6px 1px 0;
    }
    
    /* 排名模块小屏样式 */
    .ranking-item {
        padding: 10px;
    }
    
    .rank-number {
        font-size: 14px;
        min-width: 20px;
        margin-right: 10px;
    }
    
    .rank-content h4 {
        font-size: 14px;
    }
    
    .rank-content p {
        font-size: 12px;
    }
    
    /* 分类链接小屏调整 */
    .custom-homepage-module .Mrxu-classify {
        margin: -50px 0 0;
    }
    
    .custom-homepage-module .Mrxu-classify li {
        width: 25%;
    }
    
    .custom-homepage-module .Mrxu-classify li a {
        font-size: 11px;
        margin-left: 2%;
    }
}


/*文章聚合*/
.b2-child-widget-hot{
    position: sticky;
}
.b2-child-widget-hot .b2-widget-title {
    flex-direction: row;
    padding: 16px;
    justify-content: left;
    align-items: center;
}
.b2-child-widget-hot .b2-widget-title h2{
    padding:0;
    margin-left: 10px;
    font-family: dh!important;
    font-weight: 100;
    font-size: 20px;
}
.b2-child-widget-hot .b2-widget-title .title-icon {
    width: 34px;
    height: 34px;
}

.b2-child-widget-hot .b2-widget-box a{
    display: flex;
    align-items: center;
}
.b2-child-widget-hot .b2-widget-box{
    padding-right:20px ;
    transition: all 0.5s;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-order{
    color: #9daec3;
    padding: 15px 9px;
    font-size: 18px;
    font-weight: 700;
    border-radius: 6px;
    margin-right: 10px;
}
.b2-child-widget-hot .b2-widget-box .widget-order-1{
    color: #e6415d;
    background-color: rgb(230 65 93 / 0.1);
    border: 2px solid #e6415d40;
    border-radius: 12px 30px 30px 30px;
}
.b2-child-widget-hot .b2-widget-box .widget-order-2{
    color: #fe8c34;
    background-color: rgb(255 159 42 / 0.1);
    border: 2px solid #ff9f2a40;
    border-radius: 12px 30px 30px 30px;
}
.b2-child-widget-hot .b2-widget-box .widget-order-3{
    color: #6a80fc;
    background-color: rgb(104 126 255 / 0.1);
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    margin-right: 10px;
    border-radius: 12px;
    overflow: hidden;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-img img{
    width:100%;
    height: 100%;
}
.b2-child-widget-hot .b2-widget-box ul li h2{
    color: #494d52;
    font-size: 13px;
    font-weight: 700;
    -webkit-line-clamp: 1;
    position: relative;
    padding-right: 30px;
}
.b2-child-widget-hot .b2-widget-box ul li:hover{
    transform: translateX(10px);
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-title .category{
    font-size: 12px;
    color: #9ca3ba;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin-bottom: 8px;
    word-break: break-all;
    width: 130px;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-title .category .cut{
    margin: 0 5px;
    line-height: 10px;
    background: #dfe2ed;
    width: 1px;
    height: 5px;
}
.b2-child-widget-hot .b2-widget-box .b2-widget-post-title .hots {
    position: absolute;
    top: 0px;
    right: 1px;
    background: linear-gradient(270deg, rgb(232, 77, 103) 0%, rgb(249, 120, 141) 100%);
    color: #fff;
    padding: 0px 5px;
    border-radius: 6px;
    font-size: 13px;
    box-shadow: 0 2px 3px #b3363675;
}


/*自定义文章 标题样式*/
.custom-homepage-module .module-header{
    margin-bottom: 10px;
}
.custom-homepage-module .module-header .module-title{
    font-family: dh!important;
    font-weight: 100;
}
.custom-homepage-module .module-header img{
    width: 30px;
    height: 30px;
}

/*自定义文章 分类样式*/
.custom-homepage-module .post-categories-filter ul{
    display: flex;
    margin-bottom: 20px;
}
.custom-homepage-module .post-categories-filter ul li{
    margin-right: 20px;
}
.custom-homepage-module .post-categories-filter ul li a{
    font-size: 13px;
    color:#494d52;
}

.post-7 .posts-list {
    display: grid;
    gap: 16px;
    margin-bottom: 30px;
}
.post-7 .post-item .post-content .post-content-box {
    border-radius: 0 0 8px 8px;
    /*transition: all 0.5s;*/
}

.post-7 .post-item:hover .post-content .post-content-box{
    z-index: 10;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    height: 165px;
    background: #fff;
}
.post-7 .post-item:hover .post-info,
.post-7 .post-item:hover .post-title{
    padding: 0 10px;
}

.post-7 .post-item:hover .post-excerpts {
    opacity: 1;
}
.post-7 .post-item:hover .post-thumbnail {
    box-shadow: 
    -5px 0 15px -5px rgba(0,0,0,0.1),  /* 左侧阴影 */
    5px 0 15px -5px rgba(0,0,0,0.1),   /* 右侧阴影 */
    0 -5px 15px -5px rgba(0,0,0,0.1);  /* 顶部阴影 */
}
.bofangicon {
    position: absolute;
    z-index: 2;
    font-size: 60px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
/* 视频容器样式 */
.post-7 .video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: none;
}

.post-7 .post-item:hover .video-container {
    display: block; 
}

/* 视频元素样式 */
.post-7 .post-video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    background: #000;
}
.post-7 .post-thumbnail {
    position: relative;
    border-radius: 8px;
    transition: all 0.5s;
}

/* 确保缩略图在非悬停状态下显示 */
.post-7 .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.post-7 .post-content {
    height: 100px;
    position: relative;
}
.post-7 .post-content .post-content-box{
    height: 100px;
    padding: 15px 0;
    position: relative;
    transition: all 0.5s;
    overflow: hidden;
}
.post-7 .post-title {
    margin-bottom:  10px;
    transition: all 0.5s;
}
.post-7 .post-title a{
    margin-bottom: 8px;
    position: relative;
}
.post-7 .post-title .post-titles{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    word-break: break-all;
    font-size: 15px;
    font-weight: bold;
    padding-right: 50px;
    color: #494d52;
}
.post-7 .post-title .post-views{
    position: absolute;
    top: 0px;
    right: 10px;
    color: #9ca3ba;
    font-size: 12px;
}
.post-7 .post-title .post-views i{
    font-size: 12px;
}

.post-7 .post-content .post-info{
    transition: all 0.5s;
    color: #9ca3ba;
}
.post-7 .post-content .post-info .post-category{
    font-size: 13px;
    margin-bottom: 10px;
}
.post-7 .post-content .post-info .post-category a.post-list-cat-item{
    color: #9ca3ba!important;
}
.post-7 .post-content .post-metas{
    display: flex;
    justify-content: space-between;
}
.post-7 .post-content .post-metas span{
    font-size: 13px;
}
.post-7 .post-content .post-excerpts {
    position: absolute;
    color: #9ca3ba;
    font-size: 13px;
    opacity: 0;
    transition: all 0.5s;
    padding: 0 10px;
}
.post-7 .post-content .post-excerpts p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    line-height: 2;
    margin: 0 10px;
}
.loading-posts{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

 .load-more-container {
    display: flex;
    justify-content: center;
}

.load-more-btn {
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: #9ca3ba;
}



@media (max-width: 1000px) {
   .b2-child .posts-list {
        grid-template-columns: repeat(3, 1fr)!important;
    }
}

@media (max-width: 768px) {
   .b2-child .posts-list {
        grid-template-columns: repeat(2, 1fr)!important;
    }
}


/*=====================================================================================*/
    /*会员页*/
.vip-top > div {
    padding: 10px 0;
}
.mrxu_vip_link .vip_dl {
    display: none;
}
.mrxu_vip_link .vip_dl.mrxu_vip_x{
    display: block;
    padding: 18px;
}
.my-vip-s .swiper-slide{
    background: none;
    display:block;
}
.my-vip-s{
    width: 92%;
    margin: 0 auto;
}
.mrxu-vip-jiaru {
    margin-right: 30px;
    float: right;
    cursor: pointer;
    background: #3DA7FE;
    color: #fff;
    border: 2px solid #2197F9;
    border-radius: 12px;
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
    position: relative;
    z-index: 5;
}
.mrxu-vip-list01 {
    padding: 30px 0 20px 120px;
}
.mrxu-vip-list02 {
    margin-top: 10px;
    text-decoration: line-through;
    color: #828282;
    position: absolute;
    padding-left: 180px;
}
.mrxu-vip-list01 p {
    font-size: 20px;
}
.mrxu-vip-list01 p span:nth-child(1){
    color: #8e5f1f;
}
.mrxu-vip-list01 p span:nth-child(2){
    color: #8e5f1f;
    padding: 3px;
    font-size: 30px;
}
.mrxu-vip-list01 p span:nth-child(3){
    color: #8e5f1f;
}
.mrxu-vip-list01 p span:nth-child(4){
    color: #8e5f1f;
}
.mrxu-vip-lv {
    border-radius: 0 17px 0 20px;
    color: #ffffff;
    position: absolute;
    float: right;
    background: #3da7fe;
    padding: 0 10px 2px 10px;
    right: 0px;
    margin-top: -10px;
    font-weight: 700;
}
.mrxu-vip-flex{
    padding: 10px 0 0 30px;
}
.mrxu-vip-name-box span {
    font-weight: 700;
    font-size: 20px;
    color: #714d1e;
}
	.mrxu_vip_link {
    padding: 5px;
    margin-top: 10px;
    box-shadow: 0 3px 20px #e8eff3;
    background: #fff;
    border-radius: 12px;
}
.mrxu-vip-flex .vip-lv-icon {
    height: 70px;
    width: 70px;
    position: absolute;
    margin-top: 40px;
}
.mrxu-vip-flex .vip-lv-bg {
    /*opacity: 0.06;*/
    opacity: 0.1;
    height: 200px;
    width: 200px;
    position: absolute;
    margin-top: -40px;
    margin-left: 184px;
}
	.mrxu_vip_link_1 {
    text-align: center;
    display: inline-block;
    width: 18.3%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.mrxu_vip_link_1.mrxu_vip_hui span{
    /*background: #efefefad;*/
    /*background: #efefef6b;*/
    
}
.mrxu_vip_link_1.mrxu_vip_hui i{
color: #929292ad;
}
.mrxu_vip_link_1.mrxu_vip_hui p{
color: #929292ad;
}
.mrxu_vip_link dl dd i {
    font-size: 28px;
    /*color: #d4a15f;*/
    /*color: #253a68;*/
    color: #3DA7FE;;
}

.mrxu-vip-lv:after {
    content: '';
    position: absolute;
    top: 6px;
    left: -50px;
    width: 39px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.mrxu-vip-lv:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -80px;
    width: 22px;
    height: 4px;
    background: #3DA7FE;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
.mrxu_vip_link dl dd span {
    padding: 18px 11px 11px 11px;
    /*background: #eaeaea;*/
    border-radius: 30px;
}
.mrxu_vip_link dl dd p{
    font-size: 12px;
    margin-top: 10px;
    color: #636363;
}

	.mrxu-vip-qx-box{
    font-size: 20px;
    width: 100%;
    text-align: center;
    color: #636363;
    padding: 15px 0;
	}
	.mrxu-vip-qx-box svg{
    font-size: 13px;
	}
	.mrxu-vip-kt {
    height: 200px;
    background-size: cover;
    box-shadow: 0 3px 20px #e0e0e0;
    border-radius: 20px;
    border: 2px solid #2197f982;
    background: #fff;
    overflow: hidden;
    position: relative;
}
.mrxu-vip-kt:after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 18px;
    width: 20px;
    height: 4px;
    background: #3da7fe;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
}
	
	.mrxu-vip-kt-box {
   text-align: inherit;
}
	
	
	.vip-current {
    color: #636363;
}
	.vip_name{
    color: #ff3a55;
    margin: 0 10px 0 10px;
	}
	.vip-current {
     border: none; 
}

.mrxu_vip_link em {
    position: absolute;
    background: #3DA7FE;
    border-radius: 6px;
    font-size: 12px;
    padding: 3px;
    color: #fff;
}

.swiper-button {
    position: fixed;
    top: 50%;
    display: flex;
    justify-content: space-between;
    width: 100%;
    left: 0;
    z-index: 6;
}
.swiper-button-next, 
.swiper-button-prev{
    background: #65666e87;
    border-radius: 8px;
    color: #fff;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 22px;
}
.vipconnect:after {
    content: '';
    position: absolute;
    top: 186px;
    left: 80px;
    width: 9px;
    height: 31px;
    background: #ffffff;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 8px #3167ff66;
    border: 2px solid #b2c5c5;
    z-index: 5;
}
.vipconnect::before {
    content: '';
    position: absolute;
    top: 186px;
    right: 80px; /* 调整位置，避免重叠 */
    width: 9px;
    height: 31px;
    background: #ffffff;
    display: block;
    border-radius: 8px;
    box-shadow: 0 2px 8px #3167ff66;
    border: 2px solid #b2c5c5;
    z-index: 5;
}

/*PC端*/
@media (min-width: 768px) {
.my-vip-pc{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.mrxu-vip-kt-box{
    width: 450px;
    margin: 0 auto;
}
.mrxu_vip_link {
    background: #fff;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0 3px 20px #e8eff3;
}
}
.my-vip-pc .mrxu_vip_link .vip_dl{
    display: block;
}
.vip-top{
    background:none;
    border:none;
}
.vip-current{
    margin: 0;
}
@media (max-width: 768px) {
   .anime .top-menu {
       display:none;
   }
   .new-site-header {
        height: 80px!important;
    }
    .new-site-header-img{
        height: 0!important;
    }
    .b2-side-html{
display: none;
    }
}

    .b2-side-html{
        position: fixed;
        top: 50%;
        right: 10px;
        z-index: 50;
    }
    .side-html-box {
        background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgb(86 100 118 / 10%);
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .side-html-box li{
        margin:  5px;
        padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    color: #9598A9;
    width: 34px;
    }
    .side-html-box li a{
    display: flex;
    flex-direction: column;
    align-items: center;

    }
    .side-html-box li:hover{
    color: #1A85FF;
    /*background: #bbb;*/
    border-radius: 12px;
    }
    
    .side-html-box li span{
    font-size: 12px;
    }
    .side-html-box .divider {
    width: 10px;
    height: 4px;
    background-color: #cdd0dfa6;
    border-radius: 6px;
}
 
    
    .post-list ul.b2_gap {
        display: flex;
        flex-wrap: wrap;
    }
    
    .anime .post-list-item{
        position: relative;
    }
    
    .anime .post-list-item:before {
        /*content: '';*/
        /*position: absolute;*/
        /*top: -7px;*/
        /*height: 27px;*/
        /*background: #c0c7cd;*/
        /*border-radius: 13px 13px 0 0;*/
        /*width: 84%;*/
        /*margin: 0 10px;*/
    }
    
    .anime .post-thumb {
        border-radius: 12px;
    }

    /*发布*/
     @media screen and (max-width: 768px) {
        .new-po-post-icons {
            grid-template-columns: repeat(3, 1fr)!important;
        }
        .anime .po-post-in {
            width: 400px!important;
            background: #fff;
            padding: 10px;
        }
        .po-close-button button {
            position: absolute;
            right: 0;
        }
    }
    .new-po-post-icons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 13px;
        margin-bottom: 20px;
    }
    .new-po-post-icons .icons-item button{
        display: flex;
        width: 88px;
        flex-direction: column;
        background: none;
        color: #52565e;
        font-size: 15px;
        font-weight: bold;
        border: none;
    }
    .icons-title {
        font-size: 18px;
        font-weight: bold;
        display: flex;
        white-space: nowrap;
    }
    .icons-title .divider{
        border-bottom: 2px solid #9db0bd26;
        margin: 10px 0;
        width: 100%;
        display: flex;
        margin-left: 20px;
    }
    /*------------------------------------------------------------------------------------------------------*/
    .anime .post-box-content.show{
        background: none;
        backdrop-filter: blur(2px);
    }
    .anime .po-post-in {
    width: 500px;
    border: 2px solid #3DA7FE;
    border-radius: 12px;
    position: relative;
}
.anime .po-close-button {
    top: 0px;
    right: 0px;
}
.anime .po-close-button button i {
    font-size: 14px;
    color: #6e6161;
}

.anime .change-theme button i ,.anime .change-theme a i{
    font-size: 22px;
    color: #707a87;
}
.anime .tax-search input {
    background: #E9F0F6;
    border: 2px solid transparent;
    border-radius: 12px;
}
.anime .tax-search input::placeholder {
    color: #606173;
}
.anime .tax-search input:focus{
    border: 2px solid <?php echo $web_color; ?>;
}
.anime .b2-widget-author .widget-title span button:nth-child(1) {
    background: #45aafe;
    padding: 4px 9px;
    color: #fff;
    border: 1px solid #4982d7;
}
.anime .b2-widget-author .widget-title span button:nth-child(2) {
     padding: 4px 9px;
     border:1px solid #45aafe;
     border-radius: 6px;
}
.anime .tax-info-item .fliter-button:hover{
    background-color: #E7EBEF;
    color: <?php echo $web_color; ?>;
}
.single .entry-header .post-list-cat a{
    color: #5B4A37 ;
    background: #FED316 ;
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
    background-color: rgba(0, 102, 255, 0.18) ;
}
.anime .single-button-download button{
    color: #5B4A37;
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
    background-color: rgba(0, 102, 255, 0.18);
    z-index: 3;
}
.anime .download-item {
    color: #5B4A37;
    border: 2px solid #687eff40;
    border-radius: 12px 30px 30px 30px;
    background-color: rgba(0, 102, 255, 0.18);
    position: relative;
    z-index: 2;
}
.anime .not-allow-down .download-current {
    border-radius: 12px 30px 30px 30px;
}
.anime .download-button-box button{
    background: #3DA7FE;
    border: 2px solid #2197F9;
    border-radius: 12px;
}

    .new-site-header{
        margin-bottom: 10px;
        height: 310px;
    }
    .new-site-header-top{
        position: fixed;
        width: 100%;
        background: #ffffffd6;
        box-shadow: 0 4px 10px #74747414;
        z-index: 10;
        top:0;
        height: 60px;
        padding: 0 10px;
    }
    .new-site-header-top.tops{
        background: #ffffff;
    }
    .new-site-header-top-box{
        display: flex;
        height: 60px;
        align-items: center;
        justify-content: space-between;
    }
    @media screen and (max-width: 768px) {
        .anime .new-site-header-top-box {
            flex-flow: inherit;
        }
        .anime .mobile-box.show-menu-box {
        z-index: 10;
        width: 80%;
        }
       .anime #mobile-menu .top-menu{
           display: block;
       }
    }
    @media screen and (max-width: 768px){
        .anime .header-banner .wrapper {
            flex-flow: inherit;
        }
        .anime .new-header-banner-left-logo{
            display: none;
        }
            .anime .menu-icon .line-1,.anime .menu-icon .line-2, .anime .menu-icon .line-3 {
            background-color: #94999e!important;
        }
        .anime .top-menu-ul>li.depth-0 > a i.b2-arrow-down-s-line {
             background: #ffffff00; 
        }
        .anime .top-menu ul li.depth-0 > a, .anime .logo-top .top-menu ul li.depth-0 > a {
            font-size: 17px!important;
        }
        .anime .mobile-box + .site-opt {
            backdrop-filter: blur(4px)!important;
            background-color: #080808c4!important;
        }
        .anime .header-tools {
            background:none!important;
            background-image:none!important;
        }
        .anime .top-menu ul li.depth-0 > a, .anime .logo-top .top-menu ul li.depth-0 > a {
            background: #9a9a9a26!important;
            border-radius: 12px;
        }
        .anime .top-menu-ul > li.depth-0:first-child > a {
            color: #fe5f84!important;
        }
        .anime .sub-menu {
             background:#ffffff00; 
             backdrop-filter: blur(0px);
        }
        .anime .sub-menu-0 span {
            margin-left: 10px;
        }
        .anime .b2-menu-3 .sub-menu-0 a {
             font-weight: 100; 
        }
        .anime .top-menu .top-menu-ul {
             padding-bottom: 0px!important;
        }
        .anime .menu-icon {
            top: 17px;
        }
        .post-7 .b2_gap {
            grid-template-columns: repeat(2, 1fr)!important;
        }
        .anime .mobile-menu .login-logo {
            position: absolute;
            left: 70px;
            top: 18px;
            float: left;
        }
    }
    @media screen and (min-width: 768px){
    .anime .new-site-header-menu .mobile-menu{
            display: none;
        }
        
    }
    @media screen and (max-width: 768px){
    .top-menu ul li.depth-0 i.menu-fill{
        display: none;
    }
    }
    .anime .aside-container { display: none !important; }
    .new-header-banner-left {
        display: flex;
        align-items: center;
    }
    .new-header-banner-left a{
        display: flex;
        align-items: center;
    }
    .anime #ym-menu{
        margin-left:  50px;
    }
    .anime .tax-header .tax-info {
    background: #fff;
    padding: 18px;
    margin: 10px 0;
    border-radius: 12px;
    box-shadow: 0 4px 10px #74747414;
}
    .new-header-banner-left img{
        max-height: 42px;
        margin-right: 20px;
    }
    .new-site-header-img{
        height: 200px;
        overflow: hidden;
    }
    .new-site-header-img img{
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        vertical-align: inherit;
    }
    .new-site-header-menu{
        display: flex;
        height: 60px;
        align-items: center;
        transition: all 0.3s;
        background: #F8F8F8;
        box-shadow: 0 4px 10px #74747414;
    }
    .new-site-header-menu.fixed{
        position: fixed;
        top: 60px;
        z-index: 9;
        width: 100%;
        /*background: #ffffffcc;*/
        background: #F9F9F9;
    }
    @media screen and (max-width: 768px) {
        .new-site-header-menu.fixed{
        position: absolute;
    }
    }
    .new-site-header-menu-box{
        display: flex;
    }
    .new-site-header #ym-menu .menu-item a{
        font-size: 13px;
        color: #43464e;
        
    }
    .new-site-header #ym-menu .menu {
        display: flex;
    }
    .new-site-header #ym-menu .menu .menu-item{
        margin-right: 20px;
    }
    .social-top .top-search {
        margin-right: 16px;
        border: 2px solid #8f919354;
        border-radius: 20px;
    }
    .anime .b2-menu-3 .sub-menu-0{
        z-index: 10;
    }
    .top-search form{
    background: #F3F5F7;
    border-radius: 20px;
    width: 300px;
    }
        .anime .login-box-content .login-box-top{
            /*border: 2px solid #5B4A37;*/
            border-radius: 12px;
            box-shadow: 0px 4px 14px 0px rgba(34, 87, 179, 0.1);
            padding: 30px 40px 24px;
        }
        .anime .login-box-top:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 47px;
            bottom: -2px;
            left: 0;
            background-image: url(/wp-content/themes/b2child/assets/img/other/wave2.png);
            background-repeat: no-repeat;
            background-size: cover;
            opacity: 0.1;
            border-radius: 12px;
            z-index: 0;
            }
            form {
                display: block;
                z-index: 3;
                position: relative;
            }
        .anime .login-box-top:before {
            content: '';
            position: absolute;
            bottom: 13px;
            left: 11px;
            width: 21px;
            height: 4px;
            background: #3DA7FE;
            display: block;
            border-radius: 8px;
            box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
        }
        .anime .show-modal{
            backdrop-filter:none;
        }
        .anime .modal-content{
            overflow: inherit;
            border-radius: 12px;
            background-image:none;
            width: 450px;
            border: 2px solid #3DA7FE;
        }
        .anime .search-box-content .search-button button {
            background: #3DA7FE;
            border: 3px solid #2197F9;
            border-radius: 12px;
            font-size: 20px;
            font-weight: bold;
        }
        .anime .search-box-content .search-title {
            font-size: 18px;
            font-weight: bold;
            color: #49545c;
        }
        .anime .close-button img{
            width: 20px;
            height: 20px;
        }
        .anime .modal-content .close-button {
            font-size: 30px;
        }
        .anime .modal-content input::placeholder {
          font-size: 16px;
          color: #8a97a4;
          padding-left: 10px;
        }
        .anime .login-form-item input{
            border:none;
        }
        .anime .login-form-item input {
          background-color: #edf1f3; 
          border-radius: 12px;
          border: 3px solid #ffffff00;
        }
        .anime .login-form-item input:focus{
            /*border:none;*/
             border: 3px solid <?php echo $web_color; ?>;
        }
        .anime .login-title{
            text-align: left;
            font-size: 24px;
            color:#2C2E35;
            margin-bottom: 50px;
        }
        .anime .login-box-content .login-title b ,.login-box-content .login-title{
            font-weight:700 ;
        }
        .anime .login-bottom button{
            margin-top: 30px;
        }
        .anime .login-form-item input:-webkit-autofill {
          background-color: #edf1f3 !important; 
          -webkit-text-fill-color: #333 !important; 
          -webkit-box-shadow: 0 0 0 1000px #edf1f3 inset !important; 
        }
        .anime .login-form-item input {
          caret-color: #bbb; 
        }
        .anime .login-social-button-bottom{
            border:none;
        }
        .anime .login-box-content .login-social-button-bottom a{
            background: #e7ebef85;
            border-radius: 50%;
            width: 40px;
            height: 40px;
        }
        
        .anime .login-social-button i{
            color: #A7A7A7;
            font-size: 30px;
            margin-right: 0;
        }
        .anime img.login-img {
            position: absolute;
            top: -159px;
            width: 173px;
            transform: scaleX(-1);
        }
        .anime .login-box-content .invitation-button a{
            color:<?php echo $web_color; ?>;
        }
        .anime .login-social-button-bottom > div{
            font-size: 14px;
        }
        .anime .login-title:before {
            content: '';
            position: absolute;
            top: 24px;
            left: -33px;
            width: 9px;
            height: 4px;
            background:#3DA7FE;
            display: block;
            border-radius: 8px;
            box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
        }
        .anime .login-title:after {
            content: '';
            position: absolute;
            top: 24px;
            left: -15px;
            width: 20px;
            height: 4px;
            background:#3DA7FE;
            display: block;
            border-radius: 8px;
            box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
        }
        .anime .close-button-top{
            position: absolute;
            top: 0;
            right: 0px;
        }
        .anime .close-button-top:after {
            content: '';
            position: absolute;
            top: 20px;
            left: -119px;
            width: 70px;
            height: 4px;
            background: #3DA7FE;
            display: block;
            border-radius: 8px;
            box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
        }
        .anime .close-button-top:before {
            content: '';
            position: absolute;
            top: 20px;
            left: -163px;
            width: 22px;
            height: 4px;
            background: #3DA7FE;
            display: block;
            border-radius: 8px;
            box-shadow: 0 2px 2px rgb(49 103 255 / 40%);
        }
        .anime .login-bottom{
            display: flex;
        }
        .anime .login-bottom button {
            margin: 10px;
            background: #3DA7FE;
            color: #fff;
            border: 3px solid #2197F9;
            border-radius: 12px;
            font-size: 20px;
            font-weight: bold;
            padding: 8px;
        }
        .anime .login-box-in .forget-pass-info{
            font-size: 14px;
            background: none;
            color: #7992ab;
            border: none;
        }
         .anime .login-box-top .login-tk a{
            color: #3DA7FE;
        }
        .anime .login-box-content a{
            color: #3DA7FE;
        }
        .anime .w-a-count {
            background: none;
        }
        
        
/*登录 头像 样式*/

.new-user-box.top-user-box .user-money img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.new-user-box.top-user-box .user-credit img{
    width: 32px;
    height: 32px;
    margin-right: 10px;
}
.new-user-box.top-user-box .top-user-box-drop ul li{
    width: 25%;
}
.new-user-box.top-user-box .top-user-box-drop ul li img{
    width: 25px;
}
.new-user-box.top-user-box .top-user-box-drop p{
    margin-left: 0px;
    line-height: 2.5;
    font-size: 11px;
    color: #899199;
}
.new-user-box.top-user-box .top-user-box-drop li a{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.new-user-box.top-user-box .top-user-box-drop.show{
    width: 320px;
    border:2px solid #3DA7FE;
    /*border:2px solid #5B4A37;*/
    border-radius: 12px;
    background: #fff;
    margin-right: 10px;
}
.new-user-box.top-user-box-drop.jt::before, .top-user-box-drop.jt::after {
    border-bottom: 8px solid #008cff;
}
.new-user-box.top-user-box .top-user-info-box{
    background: none;
    
}
.new-user-box.top-user-box .top-user-info-box .user-w-rw a span {
    font-size: 14px;
    color: #ffffff;
}
.new-user-box.top-user-box .top-user-info-box .user-w-rw {
    color: #ffffff;
    background: none;
    border: none;
    margin: 10px 27px;
    height: 40px;
    text-shadow: none;
    background-size: cover;
    background-image: url(/wp-content/themes/b2child/assets/img/info/ed.webp);
}
.new-user-box.top-user-box .top-user-info-box .user-w-rw-bg:before {
    content: "";
    top: -8px;
    position: absolute;
    left: -16px;
    width: 50px;
    height: 50px;
    z-index: 2;
    background-image: url(/wp-content/themes/b2child/assets/img/info/rwt.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.new-user-box.top-user-box .top-user-info-box-count p span {
    color: #A5B4C1;
    font-size: 14px;
}
.new-user-box.top-user-box .top-user-info-box-count p b {
    color: #899199;
    font-size: 14px;
}
.new-user-box.top-user-box .top-user-info-box-count {
    border-radius: 12px;
    margin: 20px 10px;
    background: #EDF1F3;
}
.new-user-box.top-user-box .top-user-info-box .user-w-gold > div {
    background: #EDF1F3;
    border-radius: 8px;
}
.new-user-box.top-user-box .top-user-info-box .user-w-gold a{
    color: #899199;
}
.new-user-box.top-user-box .top-user-info-box-name .avatar_k{
    position: absolute;
    top: 14px;
    left: 13px;
    width: 70px;
    height: 70px;
}
.new-user-box.top-user-box .top-user-box-drop .avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

/*------------------------------------------------------------------------------------------------------*/
/*首页*/
.anime .site{
    background: #fff;
}
.anime .site .site-header-in {
    box-shadow: 0px 2px 2px 0px rgb(0 69 255 / 6%);
}

.anime .post-modules-top{
    margin-bottom: 30px;
}

.anime .post-list-cats,.anime .post-carts-list-row{
    overflow: inherit;
}
.anime .post-list .load-more button span {
    background: #F3F5F7;
    padding: 10px 17px;
    border-radius: 20px;
    color: #000200;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #5B4A37;
    position: relative;
    z-index: 3;
}
.anime .post-list .load-more button {
    width: auto;
    margin: 0 auto;
}
.anime .post-list .load-more button:after {
    content: "";
    padding: 10px 40px;
    border-radius: 20px;
    background: #F3F5F7;
    border: 1px solid #5B4A37;
    bottom: 23px;
    position: relative;
}









/*菜单*/
/*一级菜单*/
.anime .top-menu ul li.depth-0 > a{
    /*font-size: 19px;*/
    /*font-weight: bold;*/
    color: #43464e;
}
.anime .hob{
    display: none;
}
.anime .menu-fill {
    font-size: 9px;
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
    transition: all 0.5s ease;
    position: absolute;
    right: 12px;
    top: 16px;
    left: 50%;
    width: auto;
    height: auto;
}

.anime .current-menu-item.depth-0 .menu-fill,
.anime .depth-0:hover .menu-fill {
    opacity: 1;
    transform: translateX(-50%) translateY(0); 
}




.anime .single-article:before {
    background-image: url(https://acg.mkwy.cn/wp-content/uploads/2025/09/zz.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg);
    opacity: 0.1;
}
.anime .single-article:after {
    background-image: url(https://acg.mkwy.cn/wp-content/uploads/2025/09/zz.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    right:  0;
    transform: rotate(90deg);
    opacity: 0.1;
}
.anime .top-menu-ul > li.depth-0:first-child > a{
    padding: 0 12px;
}
.anime .content-footer .inner-wrapper-sticky{
    top: 120px!important;
}
.anime .single-article{
    background-color: rgb(255 255 255);
    border-radius: 20px;
    overflow: hidden;
}
.anime .comments-box{
    background-color: rgb(255 255 255);
    border-radius: 20px;
}
.anime .comments-box .box {
    box-shadow: none;
    background: transparent;
}
.anime .module-posts .home-row-left.content-area {
    background-color: rgb(255 255 255);
    border-radius: 12px;
    padding: 20px 12px;
    position: relative;
    color: #4a5462;
    font-size: 15px;
}
.anime .post-list .module-title{
    font-family: dh!important;
    font-weight: 100;
    color: #4a5462;
    font-size: 15px;
}
.anime .post-list-item{
    transition: transform 0.3s ease;
}




/* 文字容器样式 */
.anime .picked.post-load-button span {
    color: #5B4A37;
    border: 2px solid #687eff40;
    /* background: #FED316 !important; */
    border-radius: 12px 30px 30px 30px;
}

/* 左侧装饰图形（原始） */
/*.anime .picked.post-load-button span:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 20px;*/
/*    height: 28px;*/
/*    background: #3da7fe;*/
/*    border-radius: 100% 0 0 53% / 80% 0 0 20%;*/
/*    z-index: -1;*/
/*    left: 10px;*/
/*    top: -2px;*/
/*}*/

/*.anime .picked.post-load-button span:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 20px;*/
/*    height: 28px;*/
/*    background: #3da7fe;*/
/*    border-radius: 0 100% 53% 0 / 0 80% 20% 0;*/
/*    z-index: -1;*/
/*    right: 10px;*/
/*    top: -2px;*/
/*}*/




/*文章内页评论*/
.anime .comment-list .children article .comment-item {
    background: #F3F5F7;
    padding: 20px 20px 20px 60px!important;
    border-radius: 12px;
}
.anime .comment-list .comment-content-text, .anime .comment-list .children article .comment-item .comment-content-text p{
    font-size: 13px;
    color: #586772;
}
.anime .comment-author {
    color: #9FAFBF;
}
.anime .comment-user-info > div{
    display: flex;
    align-items: center;
}
.anime .comment-user-info > div .comment-author > span{
    display: flex;
    align-items: center;
}
.anime .comment .gravatar img{
    border-radius: 50%;
    background: none;
    min-width: 60px;
    min-height: 60px;
}
.anime .children .comment .gravatar img{
    min-width: 45px;
    min-height: 45px;
}
.anime .comment-list .children article .gravatar {
    left: 65px;
}
.anime .comment-list .comment {
    margin-bottom: 10px;
}
.anime .comment .comment-item{
    border-top: 2px solid #F5F6F7;
    padding: 20px 0 20px 80px;
}
.anime .comment-author a, .comment-author {
    font-size: 14px;
}
.anime .comment-count {
    color: #2C2F37;
}
.anime .comment-list .comment-footer button.text,.anime .comment-floor{
    color: #abb5c7;
}
.anime .comment-content-text p{
    font-size: 13px;
    color: #586772;
}
.anime .com-form-textarea textarea {
    background-color: #E7EBEF;
    border-radius: 8px;
}
.anime .com-form-textarea textarea::placeholder {
    font-size: 14px;
    color: #8a97a4;
    padding-left: 10px;
}
.anime .com-form-textarea div {
    display: none;
}
.anime .com-form-textarea {
    border:none;
    padding: 0;
}
.anime .com-form-button .com-form-button-r button {
    background: #3DA7FE;
    color: #fff;
    border: 2px solid #2197F9;
    border-radius: 12px;
    font-size: 17px;
    font-weight: bold;
    padding: 6px 16px;
}

.anime .com-form-button-l i {
    color: #3DA7FE;
}

.anime #emoji-panel{
    border-top: solid #3DA7FE;
    border-left: solid #3DA7FE;
    border-bottom: 8px solid #3DA7FE;
    border-right:  solid #3DA7FE;
}
.anime #emoji-panel:before, .anime #emoji-panel:after {
    content: '';
    display: block;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #3DA7FE;
    bottom: -17px;
    left: 16px;
}
.anime .sidebar-innter .widget{
    border-radius: 12px;
}
.anime .widget-mission-footer a {
    background: #45AAFE;
    width: 120px;
    margin: 0 auto;
    border-radius: 12px;
    color: #fff;
    margin-bottom: 10px;
}
.anime .widget-mission-footer {
    padding-bottom: 5px;
}
.anime .b2-widget-title .widget-title{
    color: #4a5462;
    font-size: 15px;
}
.anime .emoji-item{
    background: none;
}
.anime .entry-content img{
    border: 2px solid #c3d7e75c;
    border-radius: 12px;
    transition: transform 0.3s ease, border 0.3s ease;
}
.anime .entry-content .child-head-title-box img{
    border: none;
}
.anime .entry-content .child-head-title-box img:hover{
    border: none;
    transform: scale(1); 
}

.anime .entry-content img:hover {
    border: 2px solid #5B4A37;
    transform: scale(1.01); 
}
.anime .comments-title:before {
    content: '#';
    position: absolute;
    left: 3px;
    color: #50B0FE;
    font-size: 30px;
    font-weight: bold;
}
@media screen and (max-width: 768px) {
    .comments-title {
        padding: 16px 24px;
    }
}



/* WebKit 浏览器 */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #959da1;
}



/*---------------------------------------------------------------------------------------------------*/
.new-vip-count{
    font-size: 40px;
}
.new-vip-list{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    grid-gap: 16px;
}
.new-vip-item{
    padding: 16px;
    width: calc(25% - 12px);
    border-radius: 8px;
    background: #ffffff;
    min-width: 288px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
    transition: all .3s linear, transform .3s linear;
}
.vip-name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 16px;
}
.new-vip-time{
    font-size: 15px;
    color: #2B3F5D;
    margin-bottom: 16px;
}
.new-vip-price{
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.new-vip-price .price{
    font-size: 30px;
    font-weight: bold;
    color: #2C415F;
    margin-right: 10px;
}
.new-vip-price .yprice{
    font-size: 13px;
    color: #abb7c5;
    text-decoration: line-through;
}
.new-vip-des{
    font-size: 13px;
    color: #abb7c5;
    margin-bottom: 16px;
}
.new-vip-buy{
    display: flex;
    margin-bottom: 16px;
}
.new-vip-jiaru{
    color: #2C415F;
    font-weight: bold;
    font-size: 14px;
    background-color: #FFC107;
    padding: 8px 20px;
    border-radius: 8px;
    cursor: pointer;
}
.new-vip-position ul li{
    font-size: 14px;
    color: #5f6e85;
    margin-bottom: 8px;
}
.new-vip-bg {
    left: -98%;
    height: 88px;
    width: 100%;
    position: absolute;
    opacity: .15;
    top: 0;
    border-radius: 8px 8px 0 0;
    transition: all .3s linear, transform .3s linear;
}
.new-vip-item:hover .new-vip-bg {
    left: 0%;
}
.new-vip-item:hover  {
    transform: translateY(-5px);
}
.new-vip-position i.b2font.b2-check-line {
    background-color: rgba(29, 209, 161, 0.1);
    color: #10ac84;
    border-radius: 50%;
    padding: 2px;
}
.new-vip-position i.b2font.b2-close-line {
    background-color: rgba(234, 84, 85, 0.1);
    color: #ee5253;
    border-radius: 50%;
    padding: 2px;
}
@media screen and (max-width: 768px) {
.anime .vip-page .new-vip-item{
    width: 100%;
    text-align: center;
}
.anime .vip-page .new-vip-price ,.anime .vip-page .new-vip-buy{
    justify-content: center;
}
}