/*
Theme Name:     B2子主题
Theme URI:      https: //www.haah.net/
Description:    Brain子主题
Author:         辉哥博客
Author URI:     https: //www.haah.net/
Template:       b2
Version:        2.0.5
*/

/*下面是您自己DIY的css样式代码*/
/*自定义鼠标指针开始*/
html {
    cursor: url(Assets/cursor/html.cur),default;
}
a:hover{
    cursor:url(Assets/cursor/a.cur), pointer;
}
/*自定义鼠标指针结束*/
 body {
    /*去除全局DIN英文字体*/
    font-family: font-regular, 'Helvetica Neue', sans-serif;
    /*修改字体抗锯齿，字体恢复正常粗细。如果还是喜欢原来的粗细，可以吧把这行删除~*/
    -webkit-font-smoothing: subpixel-antialiased;
}

/*局部统计模块添加DIN英文字体*/
 .post-list-meta-like, .post-list-meta-comment, .post-list-meta-views, .top-user-box-drop .top-user-info-box-count p b, .top-user-info-box .user-w-gold a, .credit-top-info-right span, .user-mission-info-right span, .user-mission-info-right, .w-a-count div span, .lv-icon.user-lv i, .user-w-tj div span, .bar-user-info-row .user-w-rw span, .user-money b, .user-credit b, .user-money-and-credit > div span, .user-sidebar-count li p, .widget-new-header .ps1, .shop-normal-item-price span, .shop-normal-tips, .b2-widget-post-order span, .custom-page-row.gold-row > div:first-child, .mission-page-user-right, .task-finish, .task-day-list li .task-box-r span b, .shop-single-price, .shop-single-data b, .content-footer-zan-cai span b, .circle-admin-info > div b, .vote-pk-left p, .vote-pk-right p, .topic-vote-radio-picked > div:first-child > span:last-child {
    font-family:'DIN-Medium';
}

/*iconfont图标*/
svg.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden;
}

/*20px 圆角*/
 .user-sidebar-count li, .user-money-and-credit > div, .com-form-textarea, .content-hidden-info, .content-ds, #nuandao .entry-content pre, .error-404, .verify-content, .vip-faq, .verify-step-2, .entry-content p img, .com-form-input input, .com-form-textarea textarea, .erptitle, .download-current, .download-page-box h1, .download-meta > ul, .tqma .fuzhi, .entry-content .box, .b2-widget-post-thumb-product-img img, .custom-page-row.gold-row, .mission-tk, .single-circle .b2-single-content .circle-topic-item, .widget-circle-info-desc, .shop-normal-list-box, .tax-title h1::after, .tags-page ul li a, .user-money, .user-credit, .gold-bor, .gold-page-list, .input-file, .verify-chenghao .verify-shiming, .verify-shiming, .entry-content p iframe, .modal.address-box .pay-box-content li.picked, .pay-box-content li:hover, .ds-box .modal-content ul.ds-money li div, ul.ds-money li label, .news-content .modal-content, .login-social-button-bottom, .login-box-content .login-social-button-bottom a, .site-terms, .user-w-rw-bg, .single-document-footer, .comment-img-box img, .document-cat-item, .qmsg .qmsg-content, .qmsg .qmsg-item .qmsg-count, .forget-pass-info, .recaptcha-img img, .collection-posts li span, .collection-number.ar, .my-dmsg-content, .dmsg-content p, .pager-center, .search #primary-home .box, .content-ds-users li img, .dmsg-to-textarea, .gg-box .gg-box-title .title-bg, .button.empty, #TA-con, .authorCard--title .button--follow,.message-content p.comment span,.vip-current,.cat-picked span,.b2-menu-1 .sub-menu-0 li a,.lv-icon i,.has_children .sub-menu,.circle-my-create ul li > div,.comment-smile-box,.ask-reward-input .zhanwei span,.all-circles-item-list li > div,.circle-users-date,#circle-topic-list .topic-type-menu,#item-name b,.single-link-content,.b2-widget-box .link-list li .link-in,#b2-stream,.infomation-list-top-l span{
    border-radius: var(--b2radius) !important;
}
/*20px top左右圆角*/
 .task-title, .top-user-info-box, .verify-content img, .dark-room-header::after, .dark-room-header img,.po-topic-textarea .topic-title.required{
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
/*20px bottom左右圆角*/
 .buy-resout-box, .mission-page-list ul li:last-child, .my-circle-list .circle-my-create, .gold-page-list ul li:last-child, .news-item-date p span:last-child, li.widget-post-small:last-child, .slider-info-box{
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}
/*10px top左bottom左圆角*/
 .gdd-quick-link-buy-vip__hover-block, .gdd-quick-link-buy-vip__popover, .gdd-quick-link-buy-vip__popover div, .bar-normal, .bar-footer, .bar-top {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}
/*10px 圆角*/
 .circle-admin-info>div {
    border-radius: 10px !important;
}
/*15px 圆角*/
 .topic-more-menu ul, .topic-footer-right button, .topic-comment-form.show textarea, .bar-user-info-row, .content-footer-poster button.poster-span, .content-footer-zan-cai span, .b2-widget-post-thumb-img .picture img, .post-news .news-des-textarea, .post-news > div, .post-news label input, select, .single-document-search input {
    border-radius: 15px !important;
}
/*100% 圆角*/
 .gold-top-list .gold-top-avatar img, .following-avatar img, .content-footer-poster button[class*='b2tooltipbox'], .user-avatar-chose li, .user-avatar-chose li img, .user-open-avatar img, .user-open-avatar {
    border-radius: 100% !important;
}

/*卡片阴影*/
.box, .side-fixed{
    box-shadow: 0px 0px 10px 0px rgb(189 189 189 / 50%);
}

/*认证用户*/
/*.comment-author .user-title {*/
/*    font-size: 13px;*/
/*    margin-left:10px;*/
/*    display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 1;*/
/*    overflow: hidden;*/
/*    width:50%;*/
/*    -webkit-animation: shake 3s infinite;*/
/*    animation: shake 3s infinite;*/
/*    color:#ff9900;*/
/*}*/
.disclaimer ul li{
    list-style: disc!important;
}

/*文章字数和阅读时间*/
.single-eyes{
    color: #8590A6;
    font-size: 12px;
}

/*首页标签鼠标移上去*/
.post-list-cats a span:hover {
    color: var(--b2color);
    font-weight: 700;
}
/*加载更多按钮*/
 .post-list .load-more .post-load-button {
    width: auto;
    border: 0;
    transition: all .3s;
    padding: 12px 40px;
    font-size: 15px;
    letter-spacing: .5px;
    background-color: var(--primary-color);
    background-image: -webkit-gradient(linear, left top, right top, from(#2882C5), to(#1ba3ec));
    background-image: -webkit-linear-gradient(left, #2882C5, #1ba3ec);
    background-image: -o-linear-gradient(left, #2882C5 0, #1ba3ec 100%);
    background-image: linear-gradient(90deg, #2882C5, #1ba3ec);
    -webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
    box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
    color: #fff!important;
    margin: 20px 0;
}
/*页面a标签颜色*/
 .page-template .entry-content a {
    color: var(--b2color) !important;
}
/*收藏后变成粉红*/
 .content-footer-poster .favorite-button.sc i, .shop-single-action-right .favorite-button.sc {
    color: #f96078 !important;
}
/*帮助中心文章搜索背景*/
 .single-document-search input {
    background-color: #FFF;
}
/*帮助中心文章回复背景*/
 .sticky-itme {
    background-color: #FFF;
}
/*导航菜单添加角标*/
 .new {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #03a9f4 0%, #00bcd4 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
.hot {
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: linear-gradient(to top, #ec867e 0%, #ec6190 100%);
    color: #ffffff;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
}
.golden{
    display: inline-block;
    transform: translateY(-12px);
    font-size: .75rem;
    letter-spacing: 0.05em;
    background: #333b3e;
    border-radius: 1rem;
    padding: .15rem .275rem;
    line-height: 1;
    font-weight: bold;
    color: #fdd4a0;
}
/*顶部二级菜单栏鼠标移上去效果*/
 .b2-menu-3 .sub-menu-0 > li:hover > a, .b2-menu-3 .sub-menu-0 a:hover {
    background-color: var(--b2color) !important;
    color: #FFFFFF;
}
/*文章分类页分类样式*/
 a.post-list-cat-item, .collection-posts li span {
    background-color: rgba(40, 130, 197, 0.1);
    color: var(--b2color)!important;
    padding: 4px 7px;
    height: 24px;
    line-height: 19px;
    font-weight: bold;
}
/*作者面板小工具修复*/
 .w-a-lv img {
    height: 18px;
    width: 18px;
}
.w-a-lv span {
    float: left;
}
/*右侧图标加粗*/
 .bar-item i {
    font-weight: 600 !important;
}
/*首页header*/
 .header, .header .wrapper {
    height: 65px;
}
.top-menu ul li.depth-0 > a {
    height: 65px;
    font-size: 17px;
}
/*首页header菜单子菜单*/
 .top-menu-ul .b2-menu-3 .sub-menu > li a::before {
    content:'🎉';
    margin-right: 10px;
    display: block;
    color: var(--b2color);
}
.top-menu-ul .b2-menu-3 .sub-menu > li a span {
    width: 100%;
}
/*文章内页隐藏内容*/
 .content-hidden {
    padding: 0 28px;
}
.content-hidden-info {
    box-shadow: 0px 0px 3px 0px rgb(59 57 168 / 50%);
}
/*文章内页推荐文章*/
 .insert-post {
    max-width: 100%;
}
/*底部友情链接*/
 .footer-links {
    padding: 20px 0 0 0;
}
.site-footer-nav .wrapper .footer-links {
    margin: 0;
}
/*专题页头部信息*/
 .read-more {
    color: hsl(324deg 69% 54% / 64%);
    font-weight: 600;
    font-size: 15px;
}
.collection-list-top .content-area {
    color: var(--b2color);
}
.collection-list-top .content-area p {
    color: hsl(0deg 0% 31% / 81%);
}
/*圈子用户头像*/
 .topic-avatar img {
    border-radius: 100%;
}
/*圈子参与讨论按钮*/
 .topic-footer-right .topic-comment-button:hover {
    background-color: var(--b2color);
    color: #FFFFFF !important;
}
/*首页分类鼠标移上去颜色*/
 .post-3-li-dubble .post-list-cats a span:hover {
    color: #d53eb9;
}
/*文章内页文章顶部显示作者信息*/
 .post-user-info {
    display: flex;
}
/*文章内页顶部作者头像*/
 .post-meta-left .avatar {
    border-radius: 100%;
}
/*文章内页作者面板头像*/
 .w-a-info img {
    border-radius: 100%;
}
/*文章内页用户面板头像*/
 .user-w-avatar img {
    border-radius: 100%;
}
/*购买结构*/
 .buy-resout-title {
    font-size: 20px;
}
/*侧栏小工具签到排行头像圆角*/
 .mission-today-list img {
    border-radius: 100%;
}
/*签到管理页头像圆角*/
 .mission-page-list li .avatar {
    border-radius: 100%;
}
/*文章内页评论按钮*/
 .comment-list button.text {
    color: var(--b2color) !important;
}
.comment-footer-tools .comment-up:hover, .comment-footer-tools .comment-down:hover {
    color: #f96078 !important;
}
/*文章内页左边图标*/
 .post-content-footer button i:hover, .post-content-footer .content-footer-zan-cai i:hover, .post-content-footer .content-footer-zan-cai:hover {
    color: #f96078;
}
/*文章内页底部上一篇下一篇*/
 .post-pre-next-info .post-per-next-cats a:hover, .post-pre-next-in h2:hover {
    color: var(--b2color);
    font-weight: 600;
}
/*文章内页底部评论者头像圆角*/
 .comment .gravatar img, .com-info img {
    border-radius: 100%;
}
/*个人主页头像圆角*/
 .user-panel .avatar {
    border-radius: 100%;
}
.user-panel .avatar:hover .editor-avatar {
    border-radius: 100%;
}
/*菜单栏头像点击*/
 .top-user-box-drop .avatar {
    border-radius: 100%;
}
/*侧边栏整体*/
 .bar-user-info {
    padding-top: 113px !important;
}
/*修复侧边栏购买会员样式*/
 .aside-bar > div > div + div {
    border-top: 0;
}
/*菜单栏投稿*/
 .hgwrite {
    position: absolute;
    top: 1px;
    right: 48px;
    width: 65px;
}
.hgwrite a {
    line-height: 36px;
    font-size: 17px;
}
.post-style-2 .hgwrite a {
    color: #fff;
}
.hgwrite i {
    font-size: 24px;
    margin-right: 2px;
    font-weight: 600;
    float: left;
    color: #5f6575;
}
/*文章内页右侧用户面板任务完成度修复*/
 .user-widget-content .user-w-rw {
    width: 32px;
    height: 32px;
}
.user-widget-content .user-w-rw-bg {
    line-height: 35px;
}
/*首页分类标题*/
 .post-list .module-title {
    font-weight: 600;
    color: var(--b2color);
}
/*首页文章鼠标移上去样式*/
 .post-3 .post-3-li .item-in:hover {
    background-color: #fafafa;
}
/*底部字母闪动*/
 .hg-yj p span {
    font: 700 3.7em/1"Oswald", sans-serif;
    letter-spacing: 0;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgb(255 255 255 / 50%);
    background: url(Assets/footer/footer-logo-bg.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
}
.hg-yj {
    text-align: center;
}
.hg-yj p {
    text-transform: uppercase;
    letter-spacing: .5em;
    display: inline-block;
}
/* Animate Background Image */
 @-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
/*认证页头像圆角*/
 .verify-box-avatar img {
    border-radius: 100% !important;
}
/*文章内页左侧图标*/
 .post-content-footer {
    /*left: -50px;*/
}
/*文章h2标题*/
/* .entry-content > h2::before {*/
/*    content:'#';*/
/*    margin-right: 10px;*/
/*    display: block;*/
/*}*/
/*文章内页标题取消加粗*/
 .single-article h1 {
    font-weight: 500;
}
/*顶部头像圆角*/
 .top-user-avatar img, .header-user .top-user-box, .social-top .top-user-avatar img {
    border-radius: 50%;
}
/*文章内页标题加粗*/
 .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6 {
    font-weight: 400;
}
/*文章h2标题大小*/
 .entry-content > h2, .content-show-roles > h2 {
    font-size: 1.5em;
    display: flex;
}
/*文章内页图片加圆角和阴影*/
 .entry-content p img {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
}
/*文章图片居中*/
 .entry-content img['height'!='17px'] {
    display: flex;
    margin: 0 auto;
}
/*评论样式*/
 .comment-list .children article .comment-item {
    padding: 16px 16px 16px 44px;
    border: 1px dashed #e2e2e2;
    margin-right: 15px;
    margin-bottom: 10px;
    background: #f9f9f9;
}
.comment-list .children article .gravatar img {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-bottom: 3px;
}
.comment-list .children article .gravatar {
    left: 65px;
}
/*首页文章简介两行*/
 .post-item-latest .item-in .post-info h2 {
    -webkit-line-clamp: 2;
}
/*首页文章简介字体大小*/
 .post-3-li-dubble .post-excerpt {
    font-size: 14px;
}
/*首页文章标题加粗*/
 .post-info h2 {
    font-weight: 500;
}
/*文章内页a标签样式*/
 .single-article > p a {
    color: var(--b2color);
}
.single-article a:hover {
    text-decoration: underline;
}
.single-article ul a {
    color: var(--b2color);
}
/*代码样式*/
 code,.entry-content p > code{
    color: var(--b2color);
    background-color: rgb(85 185 255 / 20%);
    margin: 2px;
    padding: 2px 4px;
    font-size: 90%;
    border-radius: 5px;
}
/*电脑版*/
 @media screen and (min-width: 768px) {
    /*Logo添加闪光效果*/
    .logo {
        position: relative;
        font-size:2em;
        font-weight:700;
        line-height:39px;
        overflow:hidden;
        margin:0;
    }
    .logo::before {
        content:"";
        position: absolute;
        width: 150px;
        height: 10px;
        background-color: rgba(255, 255, 255, .5);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: searchLights 1.5s ease-in 1.5s infinite;
        animation: searchLights 1.5s ease-in 1.5s infinite;
    }
    @-webkit-keyframes searchLights {
        0% {
            left: -90px;
            top: 0;
        }
        to {
            left: 90px;
            top: 0;
        }
    }
    /*自定义浏览器滚动条样式*/
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
        width: 10px;
        height: 9px;
    }
    /*定义滚动条轨道*/
    ::-webkit-scrollbar-track {
        /*background-color: transparent;*/
        background-color: #FFF;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }
    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        background-color: #356be8;
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }

    /*文章内页顶部标签样式*/
    .single .post-list-cat a {
        display: block;
        margin-right: 10px;
        float: left;
    }
    /*底部版权信息及备案*/
    .footer-bottom{
        height: auto;
        padding: 10px 0 10px 0;
    }
    .footer-custom{
        display: flex;
        height: 30px;
        align-items: center;
        justify-content: space-between;
        padding: 0 0 10px 0;
    }
    .footer-custom-class{
        display: flex;
        align-items: center;
    }
    /*优化专题显示*/
    .collection-item {
        width: 25%!important;
    }
}
/*手机版*/
 @media screen and (max-width: 768px) {
     /*关闭手机端来源文章*/
     #page .entry-header .single-from{
         display: none;
     }
     .box, .side-fixed{
        box-shadow: none;
     }
     .post-list-cats a{
         margin-bottom: 0!important;
         padding-bottom: 0!important;
     }
     
     .post-list .module-title{
         font-size: 22px!important;
     }
     /*手机端下载圆角*/
     .download-list{
         border-radius: var(--b2radius) !important;
     }
     
     /*底部菜单*/
    .mobile-footer-menu.footer-fixed {
        background: rgba(255, 255, 255, 0.9)!important;
        border-radius: 12px;
        margin: 0 auto;
        left: 0;
        right: 0;
        width: 90%;
        bottom: 10px!important;
    }
    .mobile-footer-menu a b {
        font-weight: 100;
    }
    .mobile-footer-center {
        padding: 10px;
    }
    .mobile-footer-menu .mobile-footer-center button i {
        right: -30%;
        position: absolute;
        line-height: 40px!important;
        height: 40px!important;
        border-radius: 50%!important;
        margin-top: -40px;
    }
    .mobile-footer-menu.footer-down {
        transform: translate(0,140%)!important;
    }
    
     /*手机菜单下拉背景圆角*/
     .top-menu-ul>li.depth-0 > a i.b2-arrow-down-s-line{
         border-radius: 100%;
         height: 20px;
         width: 20px;
         right: 2px;
         top: 2px;
         line-height: 20px;
     }
    /*底部自定义*/
    .footer-custom {
        padding: 12px;
        font-size: 12px;
    }
    .footer-custom-class {
        flex-flow: column;
        display: flex;
        align-items: center;
    }

    /*隐藏弹幕*/
    #Danmu {
        display: none;
    }
    
    /*文章分类页分类样式*/
    a.post-list-cat-item, .collection-posts li span {
        background-color: rgba(40, 130, 197, 0.1);
        color: var(--b2color)!important;
        padding: 2px 7px;
    }
    .content-footer-poster button:first-child {
        border-radius: 15px !important;
    }
    .single .post-list-cat {
        display: block !important;
    }
    .comment-list .children article .gravatar {
        left: 10px;
    }
    .top-menu ul li.depth-0 {
        border-radius: var(--b2radius);
    }
    .top-menu-ul>li.depth-0 > a i.b2-jt-down {
        border-radius: var(--b2radius);
    }
    /*菜单上方Logo*/
    .header-tools .logo img {
        position: relative;
        top: 0px;
        left: 58px;
        ;
        height: 40px;
    }
    /*私信评论*/
    .dmsg-to-textarea {
        margin-bottom: 20px;
    }
    /*文章内页顶部标签样式*/
    .single .post-list-cat a {
        /*display: block;*/
        margin-right: 10px;
        float: left;
    }
    /*文章内页顶部显示访问量*/
    .post-meta li {
        margin-right: 6px;
    }
    .single .post-meta li:nth-last-child(2) {
        display: block;
    }
    /*文章内页评论图片圆角*/
    .comment-img-box img {
        border-radius: 5px !important;
    }
    /*分类修复*/
    .post-3.post-list .post-list-cat a {
        height: 19px!important;
    }
}
@media screen and (min-width: 720px) {
    .post-item-latest .post-info h2 {
        font-weight: 700;
        font-size: 16px;
    }
    .post-item-latest .post-excerpt {
        -webkit-line-clamp: 2;
    }
}
.post-tags-meat a:hover {
    text-decoration: none;
    color: #d53eb9;
}
/*首页专题*/
 .home-collection-info h2 {
    color: #d53eb9;
}
.home-collection-info h2:hover {
    color: #8234d1;
    text-decoration: underline;
}
.home-collection-info h2, .home-collection-info h2:hover {
    font-weight: 600;
}
/*首页文章标题鼠标移上去变色*/
 .post-list-item .item-in:hover {
    color: #2882C5;
}
.com-form-input input {
    margin-bottom: 4px;
}
.download-meta > ul {
    padding: 20px;
    background: rgba(66, 133, 244, 0.076);
}
.download-meta li, .download-meta li span {
    font-size: 13px;
    float: left;
}
.download-page-box .download-meta {
    padding-right: 0px;
}
.download-current span {
    font-size: 13px;
}
.download-page-box .download-meta li {
    margin-bottom: 0;
}
.download-page-title {
    /*margin-top: -20px;*/
    display: none;
}
/*.modules-title-box{*/

/*    padding: 20px;*/

/*}*/
 .erpDown {
    margin: 30px auto 0;
    font-family:'zti';
    font-size: 15px;
    color: #868686;
    text-indent: 2em;
    min-height: 240px;
    border-radius: 3px;
    padding: 0px 0px 8px;
    position: relative;
    text-align: center;
}
.erptitle {
    clear: both;
    text-indent: 0px;
    font-size: 18px;
    color: #666;
    font-weight: bold;
    /*background-color: #EFEFEF;*/
    background-color: #F1F6FE;
    border-bottom: 0px solid #12b4f0;
    padding: 8px 12px;
    /*border-left: 8px solid #24b4f0;*/
    border-left: 15px solid #24b4f0;
    margin: 18px 0px;
    /*border-radius: 6px;*/
}
.erptitle2 {
    min-height: 0px;
}
.erpDown li {
    color: #868686;
    text-align: left;
    padding: 5px;
}
.erpDown span {
    text-align: center;
}
.ppppp {
    text-align: justify !important;
    color: #868686;
    text-indent: 2em;
    text-align: left;
    padding: 6px 18px 8px;
    line-height: 25px;
}
.erptitleUl {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}
.download-page-box h1 {
    padding: 20px;
    background: rgba(66, 133, 244, 0.076);
}
.tqma .fuzhi {
    font-size: 13px;
    background-color: #F1F6FE;
}
.tqma .fuzhi:active {
    background-color: #F1F6FE;
}
/* 网站添加公众号涨粉功能样式代码 */
 .post_hide_box, .secret-password {
    background: none repeat scroll 0 0 #fcffff;
    border: 1px dashed #24b4f0;
    color: #123456;
    padding: 10px;
    border-radius: var(--b2radius);
    margin: 18px 0px;
    overflow:hidden;
    clear:both;
}
.post_hide_box .post-secret {
    font-size: 18px;
    line-height:20px;
    color:#f0503c;
    margin:5px;
}
.post_hide_box form {
    margin:15px 5px;
}
.post_hide_box form span {
    font-size:18px;
    font-weight:bold;
}
.post_hide_box .erweima {
    margin: 15px;
}
.post_hide_box input[type=password] {
    color: #00a0f0;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #24b4f0;
    border-radius: 5px;
    font-size: 12px;
    margin: 6px 7px 6px 0px;
    -moz-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.post_hide_box input[type=submit] {
    background: #24b4f0;
    border: none;
    padding: 5px;
    width: 88px;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight:bold;
}
.details {
    color:#123456;
    font-size: 16px;
    line-height: 30px;
    margin: 5px;
    padding: 3px;
}
.post_hide_box .details span {
    color:#e74c3c;
}
/*h1-h6去除标签颜色*/
 .single-article h1 a, .single-article h1 a:hover, .single-article h2 a, .single-article h2 a:hover, .single-article h3 a, .single-article h3 a:hover, .single-article h4 a, .single-article h4 a:hover, .single-article h5 a, .single-article h5 a:hover, .single-article h6 a, .single-article h6 a:hover, .single-article strong a, .single-article strong a:hover {
    color: #333;
    text-decoration: none;
}
/*
* B2主题代码高亮美化
* 暖岛 zizhuti.nuandao.cn
*/
 #nuandao .entry-content pre {
    position: relative;
    background: #21252b;
    padding-top: 50px;
    box-shadow: 0px 8px 20px -10px #000;
    color: #d7d6d6;
}
#nuandao .entry-content pre:after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fc625d;
    margin: 15px 25px;
}
#nuandao .entry-content pre:before {
    content:'';
    position: absolute;
    top: 0;
    left: 25px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 15px 25px;
    background: #fdbc40;
}
#nuandao ol.linenums {
    background: #2f3640;
    padding: 10px 0;
}
#nuandao ol.linenums:after {
    content:'';
    position: absolute;
    top: 0;
    left: 50px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 15px 25px;
    background: #35cd4b
}
#nuandao .entry-content pre ol li {
    background: transparent;
    line-height: 32px;
    white-space: pre-wrap;
}

/*憨宝网认证图标*/
 .certification {
    background: url(Assets/vip/verify-one.svg) no-repeat;
    width: 50px;
    height: 14px;
    display: inline-block;
    position: relative;
    left: 0;
    top: 3px;
}
/*隐藏cnzz图标*/
 span#cnzz_stat_icon_1276225857 {
    display: none;
}
/*小工具头像跳动*/
 .user-w-avatar .avatar-parent img, .img-ip:hover, .w-a-info img {
    -webkit-animation: swing 3s .4s ease both;
    -moz-animation: swing 3s .4s ease both;
}
@-webkit-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -webkit-transform-origin:top center
    }
    20% {
        -webkit-transform:rotate(15deg)
    }
    40% {
        -webkit-transform:rotate(-10deg)
    }
    60% {
        -webkit-transform:rotate(5deg)
    }
    80% {
        -webkit-transform:rotate(-5deg)
    }
    100% {
        -webkit-transform:rotate(0deg)
    }
}
@-moz-keyframes swing {
    20%, 40%, 60%, 80%, 100% {
        -moz-transform-origin:top center
    }
    20% {
        -moz-transform:rotate(15deg)
    }
    40% {
        -moz-transform:rotate(-10deg)
    }
    60% {
        -moz-transform:rotate(5deg)
    }
    80% {
        -moz-transform:rotate(-5deg)
    }
    100% {
        -moz-transform:rotate(0deg)
    }
}
/*文章小工具鼠标移上去背景色*/
 li.widget-post-small:hover {
    background-color: #F8FBFF;
}
/*免责声明样式*/
 .disclaimer {
    margin-top: 16px;
    margin-bottom: 20px;
    padding: 25px 16px 25px 16px;
}
/*屏蔽百度返回顶部*/
 .hm-t-container {
    display: none !important;
}

/*去除hover阴影*/
.post-list-meta-box {
    /*模块hover出现meat*/
    position: relative;
    /*visibility: hidden;*/
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}
.post-list-item:hover .post-list-meta-box {
    visibility: inherit;
    /*color: #1b1d1f;*/
    -webkit-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    transition: 0.5s ease all;
}


/*搜一搜小组件*/
.searchs1 {
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 15px;
    overflow: hidden;
    transition: all 0.3s;
    border-radius: 4px;
    position: relative;
    margin: 0 0 15px 0;
}
.mip-layout-container, .mip-layout-fixed-height {
    margin: 0;
    display: block;
    position: relative;
}
mip-form form {
    position: relative;
}
.searchs input[type="text"] {
    border: #45B6F7 1px solid;
    border-radius: var(--b2radius);
    width: calc( 100% - 2px );
}
mip-form input[type='text'], mip-form input[type='input'], mip-form input[type='datetime'], mip-form input[type='email'], mip-form input[type='number'], mip-form input[type='tel'], mip-form input[type='url'] {
    padding-right: 30px;
}
.searchs input {
    outline: none;
}
mip-form input, mip-form textarea, mip-form select {
    border: 1px solid #f1f1f1;
    padding: 6px;
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    resize: none;
    font-size: 16px;
}
mip-form div {
    display: none;
    color: #ec1f5c;
    font-size: 12px;
    text-align: left;
    padding: 0 10% 0 3%;
}
.searchs input[type="submit"] {
    position: absolute;
    right: 3px;
    top: 1px;
    background-color: #45B6F7;
    color: #fff;
    font-size: 13px;
    margin: 1px;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
}
mip-form input[type='submit'] {
    border: 1px solid #f1f1f1;
    border-radius: var(--b2radius);
    color: #333;
    background-color: #d8d7d7;
}
.searchs input {
    outline: none;
}
.tit {
    background-color: #FF5E52;
    position: relative;
    top: -15px;
    display: inline-block;
    color: #fff;
    padding: 4px 15px;
    font-size: 14px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
}
.tit strong {
    font-weight: normal;
}
.tit {
    background-color: #FF5E52;
    position: relative;
    top: -15px;
    display: inline-block;
    color: #fff;
    padding: 4px 15px;
    font-size: 14px;
}

/*倒计时小组件*/
.aside-count .content {
    padding: 15px
}
.aside-count .content .item {
    margin-bottom: 15px
}
.aside-count .content .item:last-child {
    margin-bottom: 0
}
.aside-count .content .item .title {
    font-size: 12px;
    color: var(--minor);
    margin-bottom: 5px;
    display: flex;
    align-items: center
}

.aside-count .content .item .title span {
    color: var(--theme);
    font-weight: 500;
    font-size: 14px;
    margin: 0 5px
}
.aside-count .content .item .progress {
    display: flex;
    align-items: center
}
.aside-count .content .item .progress .progress-bar {
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: var(--classC);
    width: 0;
    min-width: 0;
    flex: 1;
    margin-right: 5px
}
@keyframes progress {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 30px 0
    }
}
.aside-count .content .item .progress .progress-bar .progress-inner {
    width: 0;
    height: 100%;
    border-radius: 5px;
    transition: width 0.35s;
    -webkit-animation: progress 750ms linear infinite;
    animation: progress 750ms linear infinite
}
.aside-count .content .item .progress .progress-bar .progress-inner-1 {
    background: #bde6ff;
    background-image: linear-gradient(135deg, #50bfff 25%, transparent 25%, transparent 50%, #50bfff 50%, #50bfff 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
.aside-count .content .item .progress .progress-bar .progress-inner-2 {
    background: #ffd980;
    background-image: linear-gradient(135deg, #f7ba2a 25%, transparent 25%, transparent 50%, #f7ba2a 50%, #f7ba2a 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
.aside-count .content .item .progress .progress-bar .progress-inner-3 {
    background: #ffa9a9;
    background-image: linear-gradient(135deg, #ff4949 25%, transparent 25%, transparent 50%, #ff4949 50%, #ff4949 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}
.aside-count .content .item .progress .progress-bar .progress-inner-4 {
    background: #67c23a;
    background-image: linear-gradient(135deg, #4f9e28 25%, transparent 25%, transparent 50%, #4f9e28 50%, #4f9e28 75%, transparent 75%, transparent 100%);
    background-size: 30px 30px
}

/*首页最新文章字体*/
.post-list .module-title {
    position: relative;
    display: inline-block;
}
.post-list .module-title::after{
    bottom: 5%;
    content: '';
    position: absolute;
    width: 100%;
    height: 30%;
    background: #c76dc0a1;
    border-radius: 5px;
    left: 0;
}

/*取消聚合视频去水印页面按钮下边框样式*/
.page-template-aggregation-analysis .entry-content a{
    border-bottom: 1px solid #c8cccf!important;
}

/*首页6格*/
.mu-block {
    padding-top:0;
    position:relative
}
.mu-block .cut-prev, .mu-block .cut-next {
    position:absolute;
    font-size:14px;
    top:63px;
    width:35px;
    height:35px;
    text-align:center;
    line-height:35px;
    color:#ccc;
    background:#f3f4f7;
    border-radius:50%;
    cursor:pointer
}
.mu-block .cut-prev {
    display:none;
    left:-55px
}
.mu-block .cut-next {
    right:-55px
}
.mu-block .cut-prev:hover, .mu-block .cut-next:hover {
    color:#39aeff;
    background:#f3f4f7
}
.mu-circulation {
    height:197px;
    overflow:hidden;
    padding:5px 5px
}
.mu-circulation ul {
    width:300%
}
.mu-circulation ul li {
    float:left;
    position:relative;
    width:5%;
    height:100px;
    margin-right:23px;
    z-index:3
}
.mu-circulation ul li .mu-content::before {
    content:'';
    position:absolute;
    right:0;
    top:0;
    width:168px;
    height:100px
}
.mu-circulation ul li .mu-content {
    position:relative;
    height:100px;
    font-size:14px;
    border-radius:var(--b2radius);
    transition:.2s;
    overflow:hidden
}
.mu-content .mu-top {
    display:block;
    position:relative;
    box-sizing:border-box;
    padding:22px 0 0 16px;
    border-radius:5px;
    overflow:hidden;
    height:100px
}
.mu-name {
    position:relative;
    font-size:26px;
    line-height:26px;
    margin-bottom:8px;
    z-index:1
}
.mu-hint {
    position:relative;
    z-index:1;
    text-shadow:0 0 5px rgba(255, 255, 255, 0.8);
    background:linear-gradient(to right, #ffffffa6, #fefefd00);
    margin-left:-18px
}
.mu-circulation ul li.off:hover .mu-content {
    height:100px
}
.mu-circulation ul li:hover .mu-content {
    height:180px;
    box-shadow:0 6px 10px 0 rgba(0, 0, 0, 0.10)
}
.mu-circulation .color1 .mu-content {
    background:#fee7e7;
    -moz-box-shadow:0 2px 5px #7a7a7a45;
    -webkit-box-shadow:0 2px 5px #7a7a7a45
}
.mu-circulation .color1 .mu-top {
    color:#ff94b2
}
.mu-circulation .color1 .mu-name {
    color:#fff;
    font-weight:900;
    text-shadow:5px 5px 5px #ff00238c
}
.mu-circulation li.color1 .mu-content::before {
    background-position:0 -100px
}
.mu-circulation .color2 .mu-content {
    background:#c9f1ed;
    -moz-box-shadow:0 2px 5px #7a7a7a45;
    -webkit-box-shadow:0 2px 5px #7a7a7a45
}
.mu-circulation .color2 .mu-top {
    color:#87bab5
}
.mu-circulation .color2 .mu-name {
    color:#fff;
    font-weight:900;
    text-shadow:5px 5px 5px #1dab9d
}
.mu-circulation li.color2 .mu-content::before {
    background-position:-178px -100px
}
.mu-circulation .color3 .mu-content {
    background:#ffecb4;
    -moz-box-shadow:0 2px 5px #7a7a7a45;
    -webkit-box-shadow:0 2px 5px #7a7a7a45
}
.mu-circulation .color3 .mu-top {
    color:#debd83
}
.mu-circulation .color3 .mu-name {
    color:#fff;
    font-weight:900;
    text-shadow:5px 5px 5px #ffa500
}
.mu-circulation li.color3 .mu-content::before {
    background-position:-534px -100px
}
.mu-circulation .color4 .mu-content {
    background:#ffd4d4;
    -moz-box-shadow:0 2px 5px #7a7a7a45;
    -webkit-box-shadow:0 2px 5px #7a7a7a45
}
.mu-circulation .color4 .mu-top {
    color:#bd7c7c
}
.mu-circulation .color4 .mu-name {
    color:#fff;
    font-weight:900;
    text-shadow:5px 5px 5px #ff00238c
}
.mu-circulation li.color4 .mu-content::before {
    background-position:-1424px -100px
}
.mu-circulation .color5 .mu-content {
    background:#e6f2ff;
    -moz-box-shadow:0 2px 5px #7a7a7a45;
    -webkit-box-shadow:0 2px 5px #7a7a7a45
}
.mu-circulation .color5 .mu-top {
    color:#8eb1ff
}
.mu-circulation .color5 .mu-name {
    color:#fff;
    font-weight:900;
    text-shadow:5px 5px 5px #4eadff
}
.mu-circulation li.color5 .mu-content::before {
    background-position:-712px -100px
}
.mu-circulation .color6 .mu-content {
    background:#ffe2d0;
    -moz-box-shadow:0 2px 5px #7a7a7a45;
    -webkit-box-shadow:0 2px 5px #7a7a7a45
}
.mu-circulation .color6 .mu-top {
    color:#ff9a83
}
.mu-circulation .color6 .mu-name {
    color:#fff;
    font-weight:900;
    text-shadow:5px 5px 5px #ff8100
}
.mu-circulation li.color6 .mu-content::before {
    background-position:-890px -100px
}
.mu-content .mu-top i {
    position:absolute;
    top:0;
    right:-20px;
    width:130px;
    height:100px;
    background:url(Assets/imgs/mod-min.webp) no-repeat 0 0
}
.mu-circulation li .icon1 {
    background-position:0 0
}
.mu-circulation li .icon2 {
    background-position:-140px 0
}
.mu-circulation li .icon3 {
    background-position:-280px 0
}
.mu-circulation li .icon4 {
    background-position:-410px 0
}
.mu-circulation li .icon5 {
    background-position:-530px 0
}
.mu-circulation li .icon6 {
    background-position:-650px 0
}
.mu-block .mu-content {
    height:100px
}
.mu-block .mu-link {
    text-align:center;
    line-height:26px;
    font-size:14px
}
.mu-block .mu-link a {
    margin:10px 5px 0;
    display:inline-block;
    background:rgba(255, 255, 255, 0.50);
    width:77px;
    height:26px;
    border-radius:var(--b2radius);
    font-size:13px;
    color:#842100
}
.mu-block .mu-link a:hover {
    background:#fff;
    color:#666
}
/*修复顶部二级菜单，三级菜单错位*/
.b2-menu-3 .sub-menu-0 a{
    justify-content: inherit;
}
/** 促销公告横幅**/
.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5;
}
.alert-dismissible {
    padding-right: 3rem;
}
.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: var(--b2radius);
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade {
    transition: opacity .15s linear;
}
.bg-danger {
    background-color: #dc3545!important;
}
.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: var(--b2radius);
}
.bg-warning {
    background-color: #ffc107!important;
}
.text-dark {
    color: #212529!important;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}
@media (prefers-reduced-motion: reduce) {
    .spinner-border, .spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
    }
}
.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}
.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: .75s linear infinite spinner-grow;
    animation: .75s linear infinite spinner-grow;
}
.small, small {
    font-size: .875em;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: none;
    }
}
.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75;
}
sup.spinner-grow.spinner-grow-sm.ml-1.small {
    margin-left: 4px;
    margin-bottom: 4px;
}
.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem;
}
.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: transparent url(Assets/imgs/close.svg) center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
}

/*文章底部文章链接修复*/
.open-message a{
    border-bottom: 1.6px dashed #3860f4!important;
    color: #3860f4!important;
}
.open-message a:hover{
    text-decoration: none;
    border-bottom: 1.6px solid #3860f4!important;
}

/*文章目录*/
.hg-bound {
    height: 108px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 10%);
    color: #fff;
    position: fixed;
    left: 0;
    font-size: 14px;
    text-align: center;
    z-index: 999999;
    bottom: 0;
    top: calc(50% - 108px);
}
.hg-bound__hover-block{
    border: none!important;
    position: absolute!important;
    left: 0;
    z-index: 100;
    padding: 0!important;
    width: 40px;
    height: 108px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #fff;
    background-color: var(--b2color);
}
.hg-bound__hover-block i{
    margin-top: 10px;
    display: block;
    font-size: 22px;
}
.hg-bound__hover-block p{
    width: 28px;
    margin-left: 6px;
    font-size: 16px;
    text-align: center;
}
.hg-bound__popover{
    position: absolute!important;
    left: 0;
    top: 0;
    width: 200px!important;
    min-height: 108px!important;
    padding: 8px!important;
    padding-left: 40px!important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
    border-bottom: none!important;
    transform: translateX(-200px);
    -ms-transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
    transition: all .3s;
    background-color: var(--b2color);
    text-align: left;
    font-size: 12px;
}
.hg-bound__popover li {
    border-left: 2px solid #d3dae04a;
    padding: 4px;
}
.hg-bound__popover li a{
    color: #FFF;
}
.hg-bound__popover li a:hover{
    text-decoration: none;
    border-bottom: 1.6px dashed #ffffff;
}
.hg-bound:hover .hg-bound__popover{
    display: block;
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition: all .3s;
}

/*
* 签到按钮
*/
/*渐变文字*/
.user-w-qd {
    background-image: linear-gradient(90deg, #673ab7 0%, #e91e63 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 15px;
}
/*去除背景图片*/
.user-w-qd-list-title {
    background-image: none;
}
/*隐藏背景颜色*/
.user-w-qd-list-title {
    background-color: #f000 !important;
}
/*左边按钮*/
.user-w-qd-list-title p.picked span {
    background-image: linear-gradient(90deg, #03a9f4 0%, #00bcd4 100%);
    color: #fff;
    font-size: 15px;
}
/*右边按钮*/
.user-w-qd-list-title p span {
    border-radius: var(--b2radius);
    background-image: linear-gradient(90deg, #ec867e 0%, #ec6190 100%);
    color: #fff;
    color: #fff;
    font-size: 15px;
}

/*列表文字前自定义图标*/
.modules-title-box {
    display: flex;
}
.post-list .module-desc {
    height: 30px;
    margin-top: -3px;
    margin-right: 10px;
    width: 30px;
}
p.module-desc {
    border-left: none!important;
    padding-left: 0!important;
}

/* google 翻译 */
.overflow-hidden {
    overflow: hidden;
}
.ml-2 {
    margin-left: .5rem;
}
#google_translate_element {
    overflow: hidden;
    border-width: 1px;
    /*border-radius: 0.25rem;*/
}
.goog-te-gadget {
    font-size: 0 !important;
}
.goog-te-combo {
    margin-top: 0 !important;
    padding-top: 0 !important;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    color: #FFF;
    background-color: #272727;
    box-shadow: 0 0 0 0 #272727;
    border-radius: var(--b2radius)!important;
    /*background: url(Assets/fontend/images/arrow.png) no-repeat 97% 9px;*/
    
}
.goog-logo-link {
    display: none !important;
}
.goog-te-banner-frame {
    display: none !important;
    position: fixed !important;
}
.goog-te-gadget .goog-te-combo {
    font-size: .75rem!important;
    line-height: 1rem!important;
    margin: 0!important;
    outline: .125rem solid #0000!important;
    outline-offset: .125rem!important;
    padding: .25rem 0 .25rem 0.5rem!important;
    font-family: "zti";
}
/*取消超出范围隐藏*/
.circle-archive .content-area,.shop-home-left{
    overflow: unset;
}

/*图标*/
.icon-play-1:before {
    content:'☛';
}
/*开始布局*/
 .home-section-knowledge {
    /*background: #fff;*/
}
@media (min-width: 768px) {
    .home-section-knowledge {
        /*background: #eaeef1;*/
        padding: 60px 0;
    }
}
.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    *zoom: 1;
}
@media (min-width: 768px) {
    .container {
        overflow: visible;
        max-width: 1330px;
    }
}
.part-hot-knowledge .part-title {
    font-size: 20px;
    color: #3c3c3c;
    margin: 0 -15px;
    font-weight: 400;
    background: #f5f9fc;
    padding: 15px;
}
@media (min-width: 768px) {
    .part-hot-knowledge .part-title {
        font-size: 30px;
        background: rgba(0, 0, 0, 0);
        margin: 0 0 30px;
        padding: 0;
    }
}
/*第一部分*/
 .part-hot-knowledge .part-content {
    margin: 0 0 30px;
}
@media (min-width: 768px) {
    .part-hot-knowledge .part-content {
        margin: 0;
    }
}
.articles_knowledge {
    margin: 0 -14px;
    overflow: hidden
}
.articles_knowledge .item_wrap {
    float: left;
    width: 100%;
    padding: 25px 14px 15px
}
@media (min-width:1024px) {
    .articles_knowledge .item_wrap {
        width: 50%;
        margin-bottom: 30px
    }
}
.articles_knowledge .item {
    background: #fff;
    padding: 0;
    -webkit-border-radius: var(--b2radius);
    border-radius: var(--b2radius);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    min-height: 145px
}
@media (min-width:768px) {
    .articles_knowledge .item {
        padding: 30px 40px
    }
}
.articles_knowledge .item:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}
.articles_knowledge .item-main {
    position: relative;
    padding-right: 126px
}
@media (min-width:768px) {
    .articles_knowledge .item-main {
        height: 210px;
        padding-right: 246px;
        margin-bottom: 30px
    }
}
.articles_knowledge .item-main .item-thumb {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px
}
@media (min-width:768px) {
    .articles_knowledge .item-main .item-thumb {
        top: -50px;
        width: 200px
    }
}
.articles_knowledge .item-main .item-thumb .item-href {
    display: block;
    -webkit-border-radius: var(--b2radius);
    border-radius: var(--b2radius)
}
.articles_knowledge .item-main .item-thumb .thumb {
    padding-top: 130%;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-size: contain;
    background-size: contain
}
.articles_knowledge .item-main h2 {
    font-size: 14px;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: 400;
    color: #2c3e50
}
@media (min-width:768px) {
    .articles_knowledge .item-main h2 {
        font-size: 18px;
        margin-bottom: 20px
    }
}
.articles_knowledge .item-main h2 a {
    color: #2c3e50
}
.articles_knowledge .item-main h2 a:hover {
    color: #3385ff
}
.articles_knowledge .item-main ul li {
    display: block;
    padding: 5px;
    overflow: hidden;
    font-size: 12px
}
@media (min-width:768px) {
    .articles_knowledge .item-main ul li {
        padding: 10px;
        font-size: 14px;
        border-radius: var(--b2radius);
    }
}
.articles_knowledge .item-main ul li:nth-child(odd) {
    background: hsla(0, 0%, 84.7%, .16)
}
.articles_knowledge .item-main ul li a {
    position: relative;
    display: block;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    color: #7c808a
}
.articles_knowledge .item-main ul li a:hover {
    color: #3385ff
}
.articles_knowledge h4 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 400;
    color: #bdbdbd;
    overflow: hidden;
    height: 24px;
    display: none
}
@media (min-width:768px) {
    .articles_knowledge h4 {
        display: block
    }
}
.articles_knowledge h4 a {
    color: #bdbdbd
}
.articles_knowledge h4 a:hover {
    color: #3385ff
}
.articles_knowledge h4 span {
    float: left;
    margin-right: 40px
}
.articles_knowledge .avatar {
    width: 24px;
    height: 24px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    padding: 0;
    display: inline-block;
    vertical-align: top
}
.articles_knowledge .thumb {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 66.7%;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
}
/*按钮*/
.home-section-knowledge .section-more {
    text-align: center;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .section-more {
        margin-bottom: 0;
    }
}
.section-more .btn {
    display: block;
    text-align: center;
    background: #f7f7f7;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #9e9e9e;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    white-space: nowrap;
}
@media (min-width: 768px) {
    .section-more .btn {
        background-color: #3385ff;
        background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(left, #006eff, #13adff);
        background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
        background-image: linear-gradient(90deg, #006eff, #13adff);
        -webkit-box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        box-shadow: 0 5px 10px 0 rgba(16, 110, 253, .3);
        -webkit-border-radius: 4px;
        border-radius: var(--b2radius);
        color: #fff;
        display: inline-block;
        font-size: 16px;
    }
}
@media (min-width: 768px) {
    .section-more .btn:hover {
        background-image: -webkit-gradient(linear, right top, left top, from(#006eff), to(#13adff));
        background-image: -webkit-linear-gradient(right, #006eff, #13adff);
        background-image: -o-linear-gradient(right, #006eff 0, #13adff 100%);
        background-image: linear-gradient(270deg, #006eff, #13adff);
    }
}

.load-more{
    background-color: rgb(255 255 255 / 0%);
    box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 0%);
}


.slider-height{
width: 100%!important;
}
#home-row-sliders .b2-radius,#home-row-sliders .slider-info-box{
    border-radius: 0px!important;
}
.slider-height .b2-radius{
    border-radius: 0px;
}
#home-row-sliders/*轮播名id*/ .wrapper{
width: 100%!important;
margin-top: -15px;
z-index: 0;
height: auto;
}
.home-row-left.content-area{
width: 100%!important;
height: auto;
border-radius: 0;
}
.home_row.home_row_bg_img {
background-size: 1920px 1249px;
background-repeat: no-repeat;
overflow: hidden;
background-position: center 0;
margin-top: -126px;
background-attachment: initial;
}
#home-row-sliders/*轮播名id*/ .slider-1 .flickity-page-dots {
position: absolute;
bottom: 0;
top: 90%;
left: auto;
right: 100px;
padding: 0 .1rem .12rem 0;
font-size: 0
}
#home-row-sliders/*轮播名id*/ .slider-1.slider-type-width .slider-info-box {
height: 100%;
display: flex;
justify-content: flex-end;
align-items: self-start;
flex-flow: column
}
.dot.is-selected{
width: 22px!important;
height: 26px;
margin: 0 3px;
border-radius: 8px!important;
transition-delay: 0.1s;
}#home-row-sliders/*轮播名id*/ .slider-1 .flickity-page-dots .dot {
width: 10px;
height: 10px;
margin: 0 3px;
border-radius: 50%
}
/* 幻灯片样式结束*/


/*搜索模块样式*/
.search-module-form .search-button-action::after{
content: '搜索';
font-size: 22px;
width: auto;
height: auto;
}
.search-module-form ul {/*搜索分类*/
width: auto;
}
.search-module-form ul li {/*分类右浮动*/
float: left;
border-radius: var(--b2radius);
}
.search-module-form ul::before {
content: '';
display: block;
position: absolute;
top: -8px;
left: 25px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid rgb(181, 181, 181);
z-index: 2;
}
.search-module-key {
display: flex;
width: 65%;
justify-content: center;/*剧中*/
}
/*//符号*/
#home-row-searchs .module-title:before{ content: "♢♢♢";
font-weight: 700;
position: relative;
left: -15px;
opacity: .7;
 
}
#home-row-searchs .module-title:after{ content: "♢♢♢";
font-weight: 700;
position: relative;
right: -15px;
opacity: .7;
 
}
#home-row-searchs .search-module-title{
    color: #FFFFFF;
}

#home-row-searchs .search-module-title:before{ content: "//";
font-weight: 700;
position: relative;
left: -15px;
opacity: .7;}
 
#home-row-searchs .search-module-title:after {
content: "//";
font-weight: 700;
position: relative;
left: 15px;
opacity: .7;
}
/*//符号*/
.home_row.module-search {
background-image: inherit;
position: absolute;
/* top: -700px; */
text-align: center;
width: calc(50% - 0%);
margin-top: -500px;
height: auto;
left: 25%;
}.search-module-key ul li {
margin-right: 16px;
opacity: .8;
margin-bottom: 8px;
border-radius: 4px;
width: auto;
font-size: 16px;
}.picked-category,.search-module-form input{
font-size: 16px;
}.picked-category span{
    color: var(--b2color);
}.search-module-form {
background: #fff;
position: relative;
width: 75%;
border: 1px solid #fff;
background: #fff;
box-shadow: 0 10px 30px 0 rgba(0,0,0,.16);
border-radius: var(--b2radius);
}.search-module-form .search-button-action,.search-module-form ul li{
    color: var(--b2color);
}.search-module-key ul li{
    color: #FFFFFF;
}.search-module-key ul li:first-child {
width: 100px;
margin-right: 16px;
opacity: 1;
margin-bottom: 8px;
font-size: 18px;
background: none;
box-shadow: none;
/*搜索模块样式结束*/}

/*公告弹窗美化*/
.gg-box .modal-content {
    width: 28rem;
    overflow: hidden;
    margin-top: 0;
    background-image: url(Assets/imgs/announcement_bg.jpg);
    background-position: 50% 50%;
}
.gg-box-title h2{
    color: #111111;
}
.modal-content .close-button{
    color: #b2bac2;
}
.gg-box-title .gg-title {
    width: 100%;
    text-align: center;
    padding: 0!important;
    color: #111111;
}
.modal-content .gg-box-title h2 {
    font-size: 22px;
    margin-bottom: 0;
    text-align: center;
    font-weight:bold; 
}
.gg-box .gg-box-title{
    background-image: none!important;
}
.gg-box-title .gg-title span {
    font-size: 14px;
    /*color: rgba(255, 255, 255, 0.5);*/
}
.title-bg {
    border: 0;
}
.modal-content .gg-title {
    padding: 20px 30px 0px 30px;
}
.modal-content .gg-title a {
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    display: block;
    font-family: Arial;
    text-decoration:none
}
.modal-content .gg-desc {
    padding: 20px 30px;
    font-size: 14px;
    letter-spacing: .5px;
    padding-bottom: 0;
}
.title-bg{
    background: none;
}
.modal-content .gg-desc p {
    color: #111111;
    padding: 20px;
    line-height: 24px;
    border-radius: var(--b2radius);
    background-color: rgb(226 226 226 / 40%);
}
.gg-button a {
    border: 0;
    display: inline-block;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .5px;
    background-color: #206aff;
    background-image: -webkit-gradient(linear, left top, right top, from(#006eff), to(#13adff));
    background-image: -webkit-linear-gradient(left, #006eff, #13adff);
    background-image: -o-linear-gradient(left, #006eff 0, #13adff 100%);
    background-image: linear-gradient(90deg, #006eff, #13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
    box-shadow: 0 5px 10px 0 rgb(16 110 253 / 30%);
}

/*文章缩略图放大效果*/
.post-1 .b2_gap .post-list-item .post-thumb, .post-3 .b2_gap .post-list-item .post-thumb {
    transition: .35s
}
.post-1 .b2_gap .post-list-item:hover .post-thumb, .post-3 .b2_gap .post-list-item:hover .post-thumb {
    -ms-transform: scale(1.305);
    -moz-transform: scale(1.305);
    -webkit-transform: scale(1.305);
    transform: scale(1.305)
}

/*缩放进度条*/
.post-module-thumb a:hover:after {
    width: 100%;
    left: 0;
}
.post-module-thumb a:after {
    bottom: 0;
    content:"";
    height: 2px;
    left: 50%;
    position: absolute;
    background: #4f9eee;
    transition: width 0.7s ease 0s, left 0.7s ease 0s;
    width: 0;
    border-radius: 12px;
}
.aibkcontainer .hf-widget-1 .scroll-h li:hover{
    -webkit-transform:scale(1.05);
    -moz-transform:scale(1.05);
    transform:scale(1.05);
    z-index:6;
}

/*文章网格模式美化*/
.home .post-1 .post-info {
    margin-top: 20px;
}
.home .post-1 .post-info .post-excerpt {
    background-color: #fafafa;
    border-radius: 10px;
    padding: 8px 16px;
    color: #8a8a8a;
    -webkit-transition: all .2s;
    transition: all .2s;
    margin: 0px;
    line-height: 30px;
    transition: all .2s;
    font-size: 14px;
}
.home .post-1 .b2_gap>li .item-in {
    border-radius: var(--b2radius);
    margin-right: 32px;
    padding: 22px;
}
.home .post-1 .b2_gap {
    margin-right: -32px;
}
.home .post-1 .post-module-thumb {
    border-radius: var(--b2radius);
}
.home .post-1 .list-footer {
    padding: 12px 0 0;
    border-top:none;
}
/*.home .post-1 .b2_gap>li .item-in .post-thumb {*/
/*    -webkit-transition: all 0.2s;*/
/*    transition: all 0.2s;*/
/*}*/
.home .post-1 .b2_gap>li .item-in:hover .post-thumb {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.home .post-1 .post-info .post-list-meta .post-list-meta-views{
    font-weight: bold;
}
.home .post-1 .b2_gap>li .item-in .post-info h2{
    font-weight: 600;
    color: #565656;
    margin: 11px 0px;
    font-size: 16px;
}

/*
展示木块
*/
 @-webkit-keyframes woo-icon-wooSprite {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 bottom;
    }
}
@keyframes woo-icon-wooSprite {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: 0 bottom;
    }
}
/*金V*/
 .vrnzhengss {
    position: absolute;
    background-image: url(Assets/Img/goldvvv.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    -webkit-animation: woo-icon-wooSprite 2.1s steps(15) infinite backwards;
}
.user-verify .vrnzhengss {
    position: initial;
    margin-bottom: -6px;
    display: inline-block;
    width: 23px;
    height: 23px;
}
.top-user-avatar .vrnzhengss {
    bottom: -5px;
    right: -6px;
    width: 16px;
    height: 16px;
}
.verify-box-avatar .vrnzhengss, .user-w-avatar .vrnzhengss, .gold-top-avatar .vrnzhengss, .mission-page-user-verify .vrnzhengss, .post-meta-left .avatar-parent .vrnzhengss, .topic-avatar .vrnzhengss {
    bottom: -5px;
    right: -6px;
    width: 20px;
    height: 20px;
}
.w-a-info .vrnzhengss {
    bottom: -5px;
    right: 200px;
    width: 20px;
    height: 20px;
}
@media (min-width:800px) {
    .user-verify .vrnzhengss {
        position: initial;
        margin-bottom: -6px;
        display: inline-block;
        width: 23px;
        height: 23px;
    }
    .top-user-avatar .vrnzhengss, .verify-box-avatar .vrnzhengss, .user-w-avatar .vrnzhengss, .gold-top-avatar .vrnzhengss, .mission-page-user-verify .vrnzhengss, .post-meta-left .avatar-parent .vrnzhengss, .topic-avatar .vrnzhengss {
        bottom: -5px;
        right: -6px;
        width: 16px;
        height: 16px;
    }
    .w-a-info .vrnzhengss {
        /*bottom: -5px;*/
        /*right: 200px;*/
        /*width: 20px;*/
        /*height: 20px;*/
        bottom: -3px;
        right: 213px;
        width: 20px;
        height: 20px;
    }
    .credit-top-avatar{
        background: none;
    }
}

.author-widget-content .w-a-info .w-a-name .w-a-lv {
    display: flex;
}
.author-widget-content .w-a-info .w-a-name .w-a-lv .user-vip {
    margin-left: -10px;
}

/*用户侧边栏面板显示问题*/
 .user-w-lv {
    display: flex;
    height: 22px;
    flex-wrap: wrap;
}
/*会员标志 用户评论会员图标和等级图标美化(包含圈子)*/
.comments-title{
    justify-content: left;
}
.lv-icon img{
    width: 72px !important;
}
.lv-icon {
    margin-right: 0;
}
span.lv-icon.user-lv img{
    width: 52px !important;
}
.lv-icon.user-vip{
    height: 20px;
    padding: 0;
}
.comment-author .user-title {
    width:9% !important
}
@media (max-width:768px) {
    .comment-author .user-title {
        width:40% !important
    }
}
.author-lv-background{
    width: 52px;
    height: 24px!important;
    background-color: transparent!important;
    background-size: cover;
    padding: 0px;
    margin: 0px;
    background-position: center center;
}
.author-vip-background{
    width: 72px;
    height: 20px!important;
    background-color: transparent!important;
    margin: 0px 0px 2px 0px;
    background-position: center center;
}
@media screen and (max-width:768px) {
    .post-item-zuixin_wz ul.b2_gap>li .post-module-thumb {
        min-width:120px !important
    }
    .author-lv-background{
        width: 51px;
        height: 20px!important;
        background-color: transparent!important;
        background-size: cover;
        padding: 0px;
        margin: 0px;
        background-position: center center;
    }
    .author-vip-background{
        width: 71px;
        height: 20px!important;
        background-color: transparent!important;
        background-position: center center;
        margin: 0!important;
        padding: 0!important;
    }
}
.comment-author .user-title {
    font-size:13px;
    background:linear-gradient(90deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 33.3%, rgba(252, 176, 69, 1) 66.6%, rgba(131, 58, 180, 1) 100%);
    -webkit-background-clip:text;
    color:transparent !important;
    background-size:300% 100%;
    animation:text 4s infinite linear
}
@keyframes text {
    0% {
        background-position:0 0
    }
    100% {
        background-position:-150% 0
    }
}


/*工单页面*/
#requests-page .request-box li .request-content{
    border-radius: var(--b2radius);
}
#requests-page .request-box li:last-child {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*nicetheme提示框开始*/
.alert {
    position:relative;
    padding:.75rem 1.25rem;
    margin-bottom:1rem;
    border:1px solid transparent;
    border-radius:var(--b2radius)
}
.alert-heading {
    color:inherit
}
.alert-link {
    font-weight:700
}
.alert-dismissible {
    padding-right:4rem
}
.alert-dismissible .close {
    position:absolute;
    top:0;
    right:0;
    padding:.75rem 1.25rem;
    color:inherit
}
.alert-primary {
    color:#004085;
    background-color:#cce5ff;
    border-color:#b8daff
}
.alert-primary hr {
    border-top-color:#9fcdff
}
.alert-primary .alert-link {
    color:#002752
}
.alert-secondary {
    color:#383d41;
    background-color:#e2e3e5;
    border-color:#d6d8db
}
.alert-secondary hr {
    border-top-color:#c8cbcf
}
.alert-secondary .alert-link {
    color:#202326
}
.alert-success {
    color:#155724;
    background-color:#d4edda;
    border-color:#c3e6cb
}
.alert-success hr {
    border-top-color:#b1dfbb
}
.alert-success .alert-link {
    color:#0b2e13
}
.alert-info {
    color:#0c5460;
    background-color:#d1ecf1;
    border-color:#bee5eb
}
.alert-info hr {
    border-top-color:#abdde5
}
.alert-info .alert-link {
    color:#062c33
}
.alert-warning {
    color:#856404;
    background-color:#fff3cd;
    border-color:#ffeeba
}
.alert-warning hr {
    border-top-color:#ffe8a1
}
.alert-warning .alert-link {
    color:#533f03
}
.alert-danger {
    color:#721c24;
    background-color:#f8d7da;
    border-color:#f5c6cb
}
.alert-danger hr {
    border-top-color:#f1b0b7
}
.alert-danger .alert-link {
    color:#491217
}
.alert-light {
    color:#818182;
    background-color:#fefefe;
    border-color:#fdfdfe
}
.alert-light hr {
    border-top-color:#ececf6
}
.alert-light .alert-link {
    color:#686868
}
.alert-dark {
    color:#1b1e21;
    background-color:#d6d8d9;
    border-color:#c6c8ca
}
.alert-dark hr {
    border-top-color:#b9bbbe
}
.alert-dark .alert-link {
    color:#040505
}
/*nicetheme提示框结束*/
/*代码复制按钮开始*/
.code-copy-btn{
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    overflow: visible;
    padding: 15px 25px;
    border: 0;
    border-radius: 0px var(--b2radius) 0px var(--b2radius);
    outline: 0;
    font-size: 1em;
    background: rgb(255 255 255 / 0%);
    background: var(--theme-color,grey);
    color: #fff;
    opacity: 1;
}
.code-copy-btn span{
    font-size: 20px;
}
/*代码复制按钮结束*/
/*信息提示框抖动弹出效果开始*/
.el-notification.right{
    border-radius: 14px!important;
    opacity: 1;
    z-index: 6;
    transform: translateY(-5px);
    animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;
}
.el-notification.el-notification-content{
    display: flex!important;
    position: inherit!important;
    border-radius: 14px!important;
    padding: 18px!important;
    width: 100%!important;
}
.el-notification.el-notification-content:hover{
    opacity: 1;
    z-index: 6;
    transform: translateY(-5px);
    animation: index-link-active 1s cubic-bezier(0.315, 0.605, 0.375, 0.925) forwards;
}
.el-notification.el-notification__content_content{
    font-size: 16px!important;
    margin: 0!important;
}
/*信息提示框抖动弹出效果结束*/

/*文章内页自动兼容代码开始*/
    /*文章内页隐藏作者信息*/
    .post-user-info {
        display: none!important;
    }
    /*文章内页未登录不可见样式*/
    .hg-content-hidden{
        margin-bottom: 1.7em;
        padding: 0 28px;
        position: relative;
        min-height: 85px;
        margin-right: -28px;
        margin-left: -28px;
    }
    .hg-content-hidden-info{
        box-shadow: 0px 0px 3px 0px rgb(59 57 168 / 50%);
        border-radius: var(--b2radius) !important;
        position: relative;
        background-image: url(//res.haah.net/wp-content/themes/b2/Assets/fontend/images/hidden-bg.svg);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #fafcff;
        height: 100%;
        box-sizing: border-box;
        padding: 16px 28px;
        min-height: 168px;
    }
    .hg-content-hidden .content-show-roles{
        height: 100%;
    }
    
    /*列表前圆点*/
    .entry-content > ol li::marker, .entry-content > ul li::marker, .content-hidden ul li::marker, .content-hidden ol li::marker {
        color: #2882C5;
    }
    
    /*超文本*/
    .single-post .entry-content p a {
        border-bottom: 1.6px dashed var(--b2color);
    }
    .single-post .entry-content p a:hover {
    	text-decoration: none;
        border-bottom: 1.6px solid var(--b2color);
    }
    
    /*首页搜索*/
    #home-row-searchs .search-module{
        margin-top: -72px;
    }
    
    /*首页搜索下方专题*/
    #home-row-sort{
        margin-bottom: 0;
    }
    .sort {
        position:absolute;
        max-width: 100%;
        top:-173px;
        /*z-index:3;*/
        padding:30px;
        background:hsla(0, 0%, 100%, .96);
        border:1px solid #fff;
        -webkit-box-shadow:0 40px 75px 0 rgba(57, 60, 67, .08);
        box-shadow:0 40px 75px 0 rgba(57, 60, 67, .08);
        border-radius:var(--b2radius);
        -webkit-backdrop-filter:blur(10px);
        backdrop-filter:blur(10px)
    }
    .sort-config-next {
        position:absolute;
        right:20px;
        top:31px;
        z-index:3;
        width:60px;
        height:60px;
        cursor:pointer
    }
    .sort-config-next, .sort-config-next .sort-next-wrap {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .sort-config-next .sort-next-wrap {
        width:40px;
        height:40px;
        background:#fff;
        border-radius:50%;
        -webkit-box-shadow:0 6px 25px 0 rgba(65, 68, 76, .12);
        box-shadow:0 6px 25px 0 rgba(65, 68, 76, .12)
    }
    .sort-config-next .sort-next-wrap:hover {
        -webkit-box-shadow:0 6px 25px 0 rgba(65, 68, 76, .2);
        box-shadow:0 6px 25px 0 rgba(65, 68, 76, .2)
    }
    .sort-config-prev {
        position:absolute;
        left:0;
        top:31px;
        z-index:3;
        width:60px;
        height:60px;
        cursor:pointer
    }
    .sort-config-prev, .sort-config-prev .sort-next-wrap {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .sort-config-prev .sort-next-wrap {
        width:40px;
        height:40px;
        background:#fff;
        border-radius:50%;
        -webkit-box-shadow:0 6px 25px 0 rgba(65, 68, 76, .12);
        box-shadow:0 6px 25px 0 rgba(65, 68, 76, .12)
    }
    .sort-config-prev .sort-next-wrap:hover {
        -webkit-box-shadow:0 6px 25px 0 rgba(65, 68, 76, .2);
        box-shadow:0 6px 25px 0 rgba(65, 68, 76, .2)
    }
    .sort-config-prev .icon-you {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    .sort-swiper-container {
        position:relative;
        overflow:hidden;
        height:62px
    }
    .sort-config {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .sort-config>li {
        width:16.66667%;
        overflow:hidden;
        height:100%
    }
    .sort-config-item {
        display:block;
        height:100%
    }
    .sort-config-item:hover .sort-config-desc, .sort-config-item:hover .sort-config-title {
        color:var(--b2color)
    }
    .sort-config-item:hover .sort-config-icon {
        opacity:.8
    }
    .sort-config-icon {
        width:62px!important;
        height:62px;
        margin-right:12px
    }
    .sort-config-icon, .sort-config-title {
        float:left;
        -webkit-transition:.3s;
        transition:.3s
    }
    .sort-config-title {
        position:relative;
        line-height:34px;
        font-size:18px;
        font-weight:600;
        color:#2d2d2d
    }
    .sort-title-icon {
        display:block;
        position:absolute;
        top:0;
        right:-10px;
        min-width:18px;
        min-height:18px;
        -webkit-box-sizing:border-box;
        box-sizing:border-box;
        padding:3px;
        line-height:12px;
        text-align:center;
        font-size:12px;
        color:#fff;
        border-radius:4px;
        background-color:red;
        -webkit-transform:translate(100%);
        transform:translate(100%)
    }
    .sort-title-icon.icon--xin {
        background-color:#ff9600
    }
    .sort-title-icon.icon--bao {
        background-color:#c30202
    }
    .sort-config-desc {
        float:left;
        line-height:22px;
        font-size:14px;
        color:#8e8e8e;
        -webkit-transition:.3s;
        transition:.3s
    }
    
    /*等级自定义颜色*/
    .lv-icon.b2-lv0 i{border:1px solid #c6c6c6;color:#c6c6c6;}.lv-icon.b2-lv0 b{color:#c6c6c6;}
    .lv-icon.b2-lv1 i,.lv-icon.b2-lv2 i{border:1px solid #ff9400;color:#ff9400;}.lv-icon.b2-lv1 b,.lv-icon.b2-lv2 b{color:#ff9400;}
    .lv-icon.b2-lv3 i,.lv-icon.b2-lv4 i{border:1px solid #ff3a55;color:#ff3a55;}.lv-icon.b2-lv3 b,.lv-icon.b2-lv4 b{color:#ff3a55;}
    .lv-icon.b2-lv5 i,.lv-icon.b2-lv6 i{border:1px solid #de00ff;color:#de00ff;}.lv-icon.b2-lv5 b,.lv-icon.b2-lv6 b{color:#de00ff;}
    .lv-icon.b2-lv7 i{border:1px solid #ff0000;color:#ff0000;}.lv-icon.b2-lv7 b{color:#ff0000;}
    .lv-icon.b2-lv8 i{border:1px solid #3478f7;color:#3478f7;}.lv-icon.b2-lv8 b{color:#3478f7;}
    /*圈子内等级美化*/
    .author-vip{
        height: 18px;
        line-height: 18px;
        padding: 0;
        padding-left: 20px;
    }
    .topic-author-info-left .b2-lv1{
            background-color: #ff9400;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv2{
            background-color: #ff9400;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv3{
            background-color: #ff3a55;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv4{
            background-color: #ff3a55;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv5{
            background-color: #de00ff;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv6{
            background-color: #de00ff;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv7{
            background-color: #ff0000;
            height: 18px;
        line-height: 18px;
    }
    .topic-author-info-left .b2-lv8{
            background-color: #3478f7;
            height: 18px;
        line-height: 18px;
    }
    
    /*消息提示显示数值*/
    p.tiaoslo {
        font-size: 1px!important;
        margin-top:2px!important;
    }
    .change-theme b {
        width:15px!important;
        height:15px!important;
        background:#f27!important;
        top:-7px!important;
        right:2px!important;
        padding:1.5px!important
    }
    
    /*广告样式*/
    /*定位*/
    .n_banner_inner {
        position: relative;
    }
    /*提示信息*/
    .n_banner_inner .img-info {
        position: absolute;
        right: 12px;
        top: 9px;
        padding: 0;
        text-align: right;
        color: #fff;
    }
    .n_banner_inner .img-info i {
        position: relative;
        display: inline-block;
        color: #007bff;
        font-size: 20px;
        line-height: 19px;
        text-align: center;
        z-index: 9;
        font-style: inherit;
    }
    .n_banner_inner .img-info .info {
        position: absolute;
        bottom: 5px;
        right: 0;
        width: 0;
        padding: 5px 0;
        overflow: hidden;
        background: #007bff;
        border-radius: 10px;
        line-height: 10px;
        text-align: center;
        font-size: 10px;
        color: #fff;
        white-space: nowrap;
        -webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        -moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        -ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        -o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
    }
    .n_banner_inner .img-info .info a {
        color: #fff;
    }
    .n_banner_inner .tirr {
        max-width: 100%;
        height: auto;
        transition: 0.5s;
        border-radius: var(--b2radius);
    }
    /*触发Hover*/
    .n_banner_inner:hover .info {
        width: auto;
        padding: 5px 23px 5px 12px;
        -webkit-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        -moz-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        -ms-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        -o-transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        transition: all 0.2s cubic-bezier(0, 0.34, 0.71, 1.26) !important;
        font-size: 12px;
        z-index: 1;
    }
    .n_banner_inner img:hover {
        filter: brightness(50%);
    }
    /*出发声明hover*/
    .n_banner_inner .info:hover a {
        color: red;
        text-decoration: none;
    }
    /*左下角广告*/
    .n_banner_inner .Banner-adTag {
        position: absolute;
        left: 10px;
        top: 5px;
        width: 50px;
        border: 1px solid #ebebeb;
        border-radius: 3px;
        color: #ebebeb;
        opacity: 0.5;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
    }
    @media screen and (max-width: 768px) {
        .n_banner_inner .img-info {
            display: none;
        }
    }
    
    /**/
    .shop-box-title .modules-title-box{
        margin: 16px 0;
    }
    /*首页文章列表开始*/
    .post-list .post-module-thumb a.thumb-link time {
        position: absolute;
        z-index: 4;
        top: 16px;
        right: 9px;
        background:#1b1;
        height: 20px;
        line-height: 20px;
        padding: 0 8px;
        color: #ffffff;
        font-size: 12px;
        border-radius: 10px;
        -webkit-transition: -webkit-transform .35s;
        transition: transform .35s;
        transition: transform .35s, -webkit-transform .35s;
        -webkit-transform: translate3d(120%, 0, 0);
        transform: translate3d(120%, 0, 0);
    }
    li.post-list-item:hover .post-module-thumb a.thumb-link time {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    .post-list .item-in:before {
        position:absolute;
        z-index:1;
        top:24px;
        left:3.4px;
        content:"";
        width:4px;
        height:25px;
        border-radius:2px;
        background:#1b1;
        -webkit-transform:scaleY(0);
        transform:scaleY(0);
        -webkit-transition:-webkit-transform .35s;
        transition:transform .35s;
        transition:transform .35s, -webkit-transform .35s
    }
    .post-list .item-in:hover:before {
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
    @media screen and (max-width: 768px) {
        .post-list .post-module-thumb a.thumb-link time {
            top: 6px;
            right: 4px;
        }
        .post-list .item-in:before{
            top:12px;
            left: 4.5px;
        }
    }
    /*首页文章列表结束*/
    /*文章内页下载标题*/
    .download-info h2 span {
        color: #FFF;
        text-shadow: #4994ec 1px 1px, #4994ec 1px -1px, #4994ec 1px -1px, #1985ff -1px 1px, #4994ec -1px -1px, #1985ff 0px 1.4px, #4994ec 0px -1.4px, #1985ff -1.4px 0px, #4994ec 1.4px 0px, 2px 0px, #1985ff 0px 3px, #1985ff 0px 3px, #1985ff 0px 2px, #1985ff 0px 2px;
    }

    /*给头像添加头像框/头像挂饰*/
    .txgj {
        top: -2px;
        transform: scale(1.7);
        width: 90px;
        position: absolute;
    }
    .top-user-info-box-name .txgj{
        left: -5px;
        transform: scale(1);
        top: 6px;
    }
    .post-meta-left .txgj{
        display: none;
    }
    .post-meta-left .avatar-parent .txgj{
        display: block;
        transform: scale(1.6);
        display: block;
        left: 0px!important;
    }
    .top-user-box-drop .avatar {
        border-radius: 50%;
    }
    .comment .gravatar img {
        border-radius: 50%;
    }
    
    /*菜单栏图标*/
    .site-header-in .icon-dhs {
        width: 1.2em;
        height: 1.2em;
        margin-bottom: 0;
    }
/*文章内页自动兼容代码结束*/

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    /*::-webkit-scrollbar {*/
    /*    width: 10px;*/
    /*    height: 9px;*/
    /*}*/
    /*定义滚动条轨道*/
    /*::-webkit-scrollbar-track {*/
        /*background-color: transparent;*/
    /*    background-color: #FFF;*/
    /*    -webkit-border-radius: 2em;*/
    /*    -moz-border-radius: 2em;*/
    /*    border-radius: 2em;*/
    /*}*/
    /*定义滑块 内阴影+圆角*/
    /*::-webkit-scrollbar-thumb {*/
    /*    background-color: #356be8;*/
    /*    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .4) 75%, transparent 75%, transparent);*/
    /*    -webkit-border-radius: 2em;*/
    /*    -moz-border-radius: 2em;*/
    /*    border-radius: 2em;*/
    /*}*/


/*供求页面开始*/
.info-po-attrs > div .info-po-input,.info-po-type-in,.info-po-type-in > div.picked,.info-connect p,.info-counnect-number{
    border-radius: 10px;
}
/*供求页面结束*/


/*角标CSS*/
.tipss {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    width: 50px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
    z-index: 100;
}
.yellow {background-color: #ff6000;}
.huodong{background:#0693e3}
.remen{background:#fcb900}
.jingping{background:#cf2e2e}
.guanggao{background:#00d084}
.tuijain{background:#ff6900}
.yuliu{background:#0693e3}

/*404模板开始*/
.page-404 .page-content h2 {
    font-size: 45px;
    font-weight: 700
}
.page-404 .page-content p {
    text-align: left;
    padding: 40px 0;
    color: #888;
    font-size: 16px;
    line-height: 1.875
}
.page-404 .page-content .go-home {
    color: #fff;
    border: 0;
    display: inline-block;
    padding: 15px 40px;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: .5px;
    background-color: #206aff;
    background-image: -webkit-gradient(linear,left top,right top,from(#006eff),to(#13adff));
    background-image: -webkit-linear-gradient(left,#006eff,#13adff);
    background-image: -o-linear-gradient(left,#006eff 0,#13adff 100%);
    background-image: linear-gradient(90deg,#006eff,#13adff);
    -webkit-box-shadow: 0 5px 10px 0 rgb(16 110 253/30%);
    box-shadow: 0 5px 10px 0 rgb(16 110 253/30%)
}
.page-404 .page-content .go-home:active {
    transform: translateY(1px)
}
.page-404 .page-content h3 {
    font-size: 24px;
    font-weight: 700;
    margin-top: 40px
}
.page-404 .page-content ul {
    margin: 20px 0
}
.page-404 .page-content ul li {
    color: #909399;
    margin-bottom: 10px
}
.page-404 .page-content ul li a {
    color: #606266;
    font-size: 14px
}
.page-content {
    margin-top: 35px
}
@media screen and (max-width: 768px) {
    .error-404 {
        display:block;
        position: relative
    }
    .page-404 .page-content h2 {
        font-size: 24px
    }
    .error-404 .page-img {
        display: none !important
    }
    .page-content {
        text-align: center
    }
    .page-404 .page-content p {
        text-align: unset
    }
    .page-404 .page-content .go-home {
        padding: 10px 25px
    }
}
.error-404 {
    display: flex;
    align-items: center;
    justify-content: center
}
.error-404 h1 {
    font-size: 20px;
    margin: 26px 0 16px;
    font-weight: 600;
    text-align: center
}
.error-404 p {
    text-align: center;
    margin-bottom: 5px
}
/*404模板结束*/

/*文章角标*/
/*.post-module-thumb .tian {*/
/*    position: absolute;*/
/*    border: 2px solid #FFFFFF;*/
/*    border-radius: 12px;*/
/*    top: 10px;*/
/*    left: 10px;*/
/*    z-index: 1;*/
/*    font-size: 12px;*/
/*    color: #f9f9f9;*/
/*    padding: 0 8px;*/
/*    line-height: 20px;*/
/*    -webkit-box-align: center;*/
/*    justify-content: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    -webkit-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    text-align: center;*/
/*    display: flex;*/
/*}*/
/*.post-module-thumb .tian.yue {*/
/*    background-color: #ff8936;*/
/*    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);*/
/*    box-shadow: 0 0px 0px 1.2px #fff;*/
/*}*/
/*.post-3 .post-pay-type{*/
/*    top: calc(100% - 42px);*/
/*    background: none;*/
/*}*/

/*文章添加附件下载美化*/
.file-down {
    max-width: 100%;
    margin: 0 auto;
    background-image: url(images/hidden-bg.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #fafcff;
}

/*文章内页h2-h4标题美化*/
.entry-content h2::before,.entry-content h3::before,.entry-content h4::before{
    display: block;
}
.entry-content h3, .entry-content h2, .entry-content h4 {
    position: relative;
}
.entry-content h2:before, .entry-content h3:before {
    box-shadow: 1px 1px 3px -1px #2882C5;
}
.entry-content h2:hover:before {
    width:7px
}
.entry-content h2 {
    padding-left:16px;
    margin:12px 0;
    border:0;
    font-weight:700;
    color:#2882C5 !important;
    font-size:20px;
    padding: 0 0 0 1.5rem;
}
.entry-content h2:before {
    position:absolute;
    content:'';
    width:5px;
    top:10%;
    left:2px;
    bottom:10%;
    border-radius:5px;
    transition:.4s;
    border-radius: .625rem;
    background: #2882C5;
    background: -o-linear-gradient(bottom, #7ab5e4, #2882C5);
    background: -webkit-gradient(linear, left bottom, left top, from(#7ab5e4), to(#2882C5));
    background: linear-gradient(to top, #7ab5e4, #2882C5);
    box-shadow: 1px 1px 3px -1px #2882C5;
}
.entry-content h3, .entry-content h4 {
    padding-bottom:10px;
    margin:12px 0
}
.entry-content h3:before {
    width: 40px;
    height: 4px;
    top: auto;
    left: 0;
    bottom: 3px;
    transition: .4s;
    position: absolute;
    content:'';
    border-radius: 5px;
    background: -o-linear-gradient(bottom, #7ab5e4, #2882C5);
    background: -webkit-gradient(linear, left bottom, left top, from(#7ab5e4), to(#2882C5));
    background: linear-gradient(to right, #7ab5e4, #2882C5);
}
.entry-content h3:hover:before {
    width:50px
}
.entry-content h4 {
    padding-left:5px
}
.entry-content h4:before {
    left:-3px;
    position:absolute;
    content:'';
    width:0;
    height:0;
    border:5px solid #2882C5;
    border-color:#2882C5 transparent transparent;
    transform:rotate(-90deg);
    top:20%
}

/*文章角标*/
.post-list-item{
    position: relative;
}
.post-list-item:hover > .article-tag {
    transform: translateY(-60%);
}
.post-list-item .article-tag {
    border-radius: .375rem;
    display: flex;
    /*align-items: flex-start;*/
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.25rem;
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: .25rem;
    padding-bottom: .75rem;
    position: absolute;
    left: 1.5rem;
    top: -4px;
    box-shadow: 0 0 transparent, 0 0 transparent, 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);
    color: rgba(255,255,255,1);
    text-transform: uppercase;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background: linear-gradient(130deg, #24c6dc, #5433ff 41.07%, #ff0099 76.05%);
    z-index: 0;
    transition: transform .2s ease-in-out;
}
.post-list-item .article-tag>b {
    border-radius: .25rem;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .75rem;
    padding-right: .75rem;
    stroke: currentColor;
    color: rgba(255,255,255,1);
    width: 100%;
    height: 100%;
    text-shadow: 0 2px 2px rgb(0 0 0 / 50%);
    background: rgba(0,0,0,.5);
}