/*=================================== 网讯扩展 START ===========================*/
/*下面是您自己DIY的css样式代码*/

body {
    /*去除全局DIN英文字体*/
    font-family: font-regular, 'Helvetica Neue', sans-serif;
    /*修改字体抗锯齿，字体恢复正常粗细。如果还是喜欢原来的粗细，可以吧把这行删除~*/
    -webkit-font-smoothing: subpixel-antialiased;
}

/*全站字体替换*/
@font-face {
    font-family: "zti";
    src: url('../fonts/one.woff2');
}

div, blockquote, span, a {
    font-family: "zti" !important;
}

/*全站字体替换*/

b {
    font-weight: 500;
}

/*局部统计模块添加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';
}


:root {
    --this-red-color: #ff5473;
    --this-red-bg: rgba(255, 84, 115, .1);
    --this-blue-color: #2997f7;
    --this-blue-bg: rgba(41, 151, 247, .1);
}


/*阿里巴巴图标*/
svg.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
    padding: 0 0.1em;
}
/*防止vue  v-if闪烁*/
[v-cloak] {
  display: none;
}

a, a:active, a:visited {
    text-decoration: none;
    transition: all .2s;
}

/*网讯扩展*/
.logo img {
    object-position: 0px;
}

/*电脑版*/
@media screen and (min-width: 768px) {
    /*Logo添加闪光效果*/
    .logo {
        position: relative;
        font-size: 2em;
        font-weight: 700;
        line-height: 39px;
        overflow: hidden;
        margin: 0;
    }

    /*自定义浏览器滚动条样式*/
    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
        width: 8px;
        height: 6px;
    }

    /*定义滚动条轨道*/
    ::-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;
    }
}

/*底部字母闪动*/
.hg-yj p span {
    font: 700 3.7em/1 "Oswald", sans-serif;
    letter-spacing: 0;
    padding: .2em 0 .3em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgb(255 255 255 / 50%);
    color: var(--b2color);
}

.hg-yj p span .logo-img {
    max-width: 80%;
}

.hg-yj p span .service-support {
    font-weight: 600;
}

.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%;
    }
}


/*首页header*/
.header, .header .wrapper {
    height: 65px;
}

.top-menu ul li.depth-0 > a {
    height: 65px;
    font-size: 16px;
}

/*首页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%;
}
/*快讯时间样式*/
.news-item-date p span:last-child {
    border-radius: 0 0 calc(var(--b2radius) - 2px) calc(var(--b2radius) - 2px);
}

/*文章内页隐藏内容*/
/*.content-hidden {
    padding: 0 28px;
}

.content-hidden-info {
    box-shadow: 0px 0px 3px 0px rgb(59 57 168 / 50%);
}
*/
.post-pay-type span {
    vertical-align: middle;
}
.content-hidden-info{
    background: var(--main-bg-color)!important;
    background-color: white;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
/*文章内页推荐文章*/
.insert-post {
    max-width: 100%;
}

/*底部友情链接*/
.footer-links {
    padding: 20px 0 0 0;
}

.site-footer-nav .wrapper .footer-links {
    margin: 0;
}

/*修复个人中心背景上传*/
.user-cover-button label.empty {
    color: #0066ff;
    border-color: #0066ff;
}

/*修复侧边最新评论翻页按钮样式*/
.comment-widget-nav {
    top: 15px;
}

/*底部统计 start*/
/** .hide, .show {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}*/

.hide {
    visibility: hidden;
    opacity: 0;
}

.clearfix:after, .clearfix:before {
    content: "";
    height: 0;
    line-height: 0;
    display: block;
    visibility: none;
    clear: both;
}

.b2-content {
    display: block;
    flex-flow: row;
}

.siteCount {
    position: relative;
    padding: 20px 0;
    background: url('../icon/tongjibg.png') center center / cover no-repeat fixed;
}

.siteCount .cover {
    height: 100%;
    width: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    position: absolute;
    top: 0;
    left: 0;
}

.siteCount .wrapper {
    position: relative;
    display: block;
}

.siteCount ul {
    display: flex;
}

.siteCount ul li {
    width: 20%;
    color: #fff;
    text-align: center;
}

.siteCount ul li b {
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.siteCount ul li span {
    font-size: 48px;
    font-family: Arial;
}

.siteCount .join-vip {
    text-align: center;
    color: #fff;
    margin-top: 30px;
}

.siteCount .join-vip a {
    display: inline-block;
    border: 0;
    transition: all .3s;
    padding: 10px 30px;
    font-size: 15px;
    letter-spacing: .5px;
    background: #3385ff;
    background-image: linear-gradient(90deg, #006eff, #13adff);
    color: #fff !important;
}

.siteCount .join-vip a:hover {
    transform: translateY(-3px);
}

.siteCount .join-vip p {
    margin-top: 15px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.80);
    letter-spacing: .5px;
    font-family: Arial;
}

/*底部统计 end*//*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:hover,.page-404 .page-content ul li a:hover {
    color: var(--this-blue-color);
}

.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模板结束*//*文章内页标题取消加粗*/
body .single-article h1 {
    font-weight: 500;
}

/*公告弹窗美化 start*/
body .gg-box .modal-content {
    width: 28rem;
    overflow: hidden;
    margin-top: 0;
}

body .gg-box-title .gg-title {
    width: 100%;
    text-align: center;
    padding: 0 !important;
}

body .modal-content .gg-box-title h2 {
    font-size: 22px;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
}

body .gg-box-title .gg-title span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

body .title-bg {
    border: 0;
}

body .modal-content .gg-title {
    padding: 20px 30px 0px 30px;
}

body .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;
}

body .modal-content .gg-desc p {
    color: #909399;
    font-family: Arial;
    background: #f8f8f8;
    padding: 20px;
    line-height: 24px;
}

.gg-box .close-button:hover {
    color: #2884fc;
}

body .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%);
}

/*公告弹窗美化 end*/
/*文章分类页分类样式*/
body a.post-list-cat-item,body  .collection-posts li span {
    background-color: rgba(40, 130, 197, 0.1);
    color: var(--b2color) !important;
    padding: 4px 7px !important;
    height: 24px !important;
    line-height: 19px !important;
    font-weight: bold !important;
}

/*文章缩略图放大效果*/
.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;
}

/*
 * ------------------------------------------------------------------------------
 * 文章小动画
 * 水纹特效！！！
 * ------------------------------------------------------------------------------
 */
.post-module-thumb a.thumb-link, .shop-normal-item-img a.link-block {
    transition: 0.9s ease-out all;
}

.post-module-thumb a.thumb-link:hover::after, .shop-normal-item-img a.link-block:hover::after {
    opacity: 0.8;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.post-module-thumb a.thumb-link:hover, .shop-normal-item-img a.link-block:hover {
    /* -webkit-transform:translateY(-5px);
transform:translateY(-5px); */
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transition: 0.9s ease-out all;
    background: rgba(0, 0, 0, 0.5);
}

.post-module-thumb a.thumb-link::before, .shop-normal-item-img a.link-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background 0.3s ease-out;
    z-index: 2
}

.post-module-thumb a.thumb-link::after, .shop-normal-item-img a.link-block::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NSIgdmlld0JveD0iMCAwIDQ1IDQ1IiBzdHJva2U9IiNmZmYiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIj48Y2lyY2xlIGN4PSIyMiIgY3k9IjIyIiByPSI2IiBzdHJva2Utb3BhY2l0eT0iMCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iNjsyMiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iMTswIiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS13aWR0aCIgYmVnaW49IjEuNXMiIGR1cj0iM3MiIHZhbHVlcz0iMjswIiBjYWxjTW9kZT0ibGluZWFyIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIvPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjIyIiBjeT0iMjIiIHI9IjYiIHN0cm9rZS1vcGFjaXR5PSIwIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBiZWdpbj0iM3MiIGR1cj0iM3MiIHZhbHVlcz0iNjsyMiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utb3BhY2l0eSIgYmVnaW49IjNzIiBkdXI9IjNzIiB2YWx1ZXM9IjE7MCIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJzdHJva2Utd2lkdGgiIGJlZ2luPSIzcyIgZHVyPSIzcyIgdmFsdWVzPSIyOzAiIGNhbGNNb2RlPSJsaW5lYXIiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjIiIGN5PSIyMiIgcj0iOCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iciIgYmVnaW49IjBzIiBkdXI9IjEuNXMiIHZhbHVlcz0iNjsxOzI7Mzs0OzU7NiIgY2FsY01vZGU9ImxpbmVhciIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz48L2NpcmNsZT48L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 3;
    -webkit-transform: scale(2);
    transform: scale(2);
    transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: transform 0.35s, opacity 0.35s;
    transition: transform 0.35s, opacity 0.35s, -webkit-transform 0.35s;
    opacity: 0;
}

/*
 * ------------------------------------------------------------------------------
 * 文章小动画
 * 水纹特效结束！！！
 * ------------------------------------------------------------------------------
 *//*首页文章标题鼠标移上去变色*/
.post-list-item .item-in:hover {
    color: var(--b2color) !important;
}

/*首页文章鼠标移上去样式*/
.post-3 .post-3-li .item-in:hover {
    background-color: #fafafa;
}

.post-3 .post-3-li .item-in {
    border-bottom: 1px solid #F5F6F7;
    margin: 0;
}

/*专题顶部标题 start*/
body .collection-top {
    position: relative;
    height: 300px !important;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: #113c4a;
}

.collection-top::after {
    content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000000;
    opacity: .6;
}

.collection-top h1, .collection-top p {
    position: relative;
    z-index: 99;
}

@media screen and (max-width: 768px) {
    body .collection-top {
        height: 250px !important;
        padding-bottom: 30px !important;
    }
}

/*专题顶部标题 end*//*网网址导航 start*/
.link-in:hover {
    box-shadow: 0 0 0 !important;
    border: 1px solid var(--b2color);
}

/* 修复评论作者文字太小  */
.comment-author a,.comment-author{
    font-size: 14px;
}

/*网网址导航 end*//*文章底部文章链接修复*/
.open-message a {
    border-bottom: 1.6px dashed #3860f4 !important;
    color: #3c84fa !important;
}

.open-message a:hover {
    text-decoration: none;
    border-bottom: 1.6px solid #3c84fa !important;
}

/*列表前圆点*/
.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);
}

/*代码样式*/
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;
}

/*VIP用户等级文字美化- https://www.yiluxb.cn/post/273.html*//* .lv-icon.b2-vip0 b {
color: #607a87 !important;
background: linear-gradient(90.34deg, #e8eff0 0.27%, #e8eff0 99.7%);
padding: 0 5px;
border-radius: 3px;
}
.lv-icon.b2-vip1 b {
color: #6C4A20 !important;
background: linear-gradient(90.34deg, #FFD2A2 0.27%, #FFE2C2 99.7%);
padding: 0 5px;
border-radius: 3px;
} *//*VIP用户等级图标美化- https://www.yiluxb.cn/post/273.html*//*等级标识*//* .lv-icon.b2-lv0 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #121212 0.27%, #333 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv1 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #85df8f 0.27%, #4dc265 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv2 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #85dfd3 0.27%, #6db7b3 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv3 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #759ce0 0.27%, #467db4 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv4 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #8a75e0 0.27%, #6c46b4 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv5 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #e78de3 0.27%, #ea14b0 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv6 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #f58292 0.27%, #f5013e 99.7%);
    padding: 0 5px;
    border-radius: 3px;
}
.lv-icon.b2-lv7 i {
    color: #fafafa !important;
    background: linear-gradient(90.34deg, #f58282 0.27%, #f5aa01 99.7%);
    padding: 0 5px;
    border-radius: 3px;
} */
/*等级标识结束*/
/*用户等级修复 开始*/
body .user-s-info-desc {
    font-size: 13px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    background: var(--main-bg-color);
    padding: 10px;
    color: #bcbcbc;
    height: 45px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid var(--body-bg-color);
}

body .lv-icon.user-vip i {
    width: 100%;
    height: 15px;
    display: inline-block;
    margin-right: 3px;
    border: 0px solid var(--body-bg-color);
    border-radius: 100%;
    vertical-align: 0px;
    display: unset;
}

body .lv-icon.user-lv i {
    background-color: transparent !important;
    font-size: unset;
    padding: 0px;
    margin-left: 0px;
}

body .author-widget-content .w-a-info .w-a-name .w-a-lv {
    display: flex;
}

body .w-a-info i img {
    width: unset;
    height: unset;
    display: block;
    margin-right: 8px;
}

body .content-user-lv > span {
    margin-right: 8px;
}

body .w-a-info .picture img {
    width: 50px;
    height: 50px;
    display: block;
    margin-right: 8px;
}

body .lv-icon {
    margin-right: 5px;
    margin-top: 0px;
    font-size: large;
}

body .lv-icon.user-vip {
    height: 18px;
    line-height: 18px;
    padding: 0;
    margin-right: 0px;
}

body .lv-icon img {
    vertical-align: middle;
}

body .author-widget-content .w-a-info .w-a-name .w-a-lv .lv-icon.user-vip {
    position: relative;
    top: 2px;
}

body .topic-guess-box.allow-read-type li {
    margin-right: 6px;
}

@media screen and (max-width: 768px) {
    body .user-page-lv .user-lv img {
        top: 0px !important;
    }
}
.top-user-info-box-name h2 span {
    color: #ff5722;
}
/*用户等级修复 结束*/
/*修改认证 开始*/
.vrnzhengss {
    position: absolute;
    background-image: url(../icon/gold.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;
    margin-right: 3px;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.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: 22px;
        height: 22px;
    }

    .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: 18px;
        height: 18px;
        vertical-align: text-top;
        margin-left: 2px;
    }
}

@media screen and (max-width: 768px) {
    .user-verify .vrnzhengss {
        position: initial;
        margin-right: 2px;
        width: 20px;
        height: 20px;
        margin-bottom: -5px;
    }

    .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: -4px;
        right: -5px;
        width: 16px;
        height: 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;
    }
}

/*修改认证 结束*/
/*修复用户 title提示*/
.top-user-info-box-name h2 span,.top-user-info-box-name div span{
    position: relative;
    z-index: 100;
    cursor: pointer;
}
/*圈子管理*/
body .circle-is-circle-admin {
    color:#fff;
    background-color: #005bff;
}

body .circle-is-admin {
    color:#fff;
    background-color: #ff3c3c;
}

body .circle-is-circle-admin, .circle-is-admin {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    height: 16px;
    text-align: center;
    border-radius: 3px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    width: 32px;
}

/*阴影*/
body .box, .side-fixed,.jitheme-zt .item-wrapa,.ji-bg-white, .jitheme-zt-more, .jitheme_arc_b{
    background: var(--main-bg-color)!important;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
/*友情链接样式*/
.link-box .link-in{
    transition: none;
}
/*评论框圆角修复*/
.com-form-textarea {
    border-radius: var(--b2radius);
}
.com-form-textarea textarea {
     border-radius: var(--b2radius);
}
/*背景色*/
.b2-menu-3 .sub-menu-0 > li:hover > a, .b2-menu-3 .sub-menu-0 a:hover, .site, .widget-comment-contnet, .user-widget-content .user-w-rw, .widget .recommended-widget li.picked a, .po-ask button span, .po-topic-box-tips, .insert-post, .download-list, .content-ds, .download-rights, .download-info, .w-d-role.d-allow, .com-form-textarea textarea, .document-content .button, .pager-center, .homebk12 .homebk8-ctn li, .post-6-jiehsao, .post-tags-meat-onecad .tag-img i, .post-tags-meat-onecad .sub-nav span, .audio-wrapper, .site-terms, .topic-guess-box, .topic-card-box li, .file-list-item, .topic-vote-box, .user-money, .user-credit, #Onecad_vips .vip-faq-list p, .post-user-info, .jitheme-bqts, .jitheme_slide_d .mini-stats, .jitheme_slide_link ul li a, .c-topic-list > div:nth-child(even), .topic-image-light, .info-po-attrs > div .info-po-input, .info-po-type-in, .po-attrs-buttons, .tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type):before, .new-meta-left button, .infomation-list-top-l span, .document-cat-item:hover, .fancybox-thumbs, .w-d-list.gujia .w-d-meta p, .widget .widget-gujia-hot-circle .widget-circle-info h2, .post-tags-meat a, .post-tags-meat a .tag-img, .ji-downMain .categories, .tax-fliter-hot .order-items a:hover {
    background: var(--body-bg-color);
}
/*=================================== 网讯扩展 END ===========================*/
/*重新定义会员列表css开始*/
.item-author .item-wrap,.home-authors .item-wrap {
    background-color:var(--main-bg-color);
    overflow:hidden;
    position:relative;
    -webkit-transition:all .2s;
    transition:all .2s;
}
.home-authors .item, .home-authors .group-item .item-images .img-item {
    padding: 0 var(--ji--2item);
}
.item-author .author-btn .btn {
    line-height: 13px;
    font-size: 13px;
    width: 100%;
    color: var(--key-color);
    background-color: var(--main-bg-color);
}
.item-author .author-btn {
    position: absolute;
    right: 0;
    top: 85px;
    display: none;
    width: 100%;
}
.item-author .author-btn .user-s-follow {
    padding: 10px;
    text-align: center;
}
.item-author .item-wrap:hover .item-top .author-btn, .home-authors .item-tobe-author .item-wrap:hover .item-top .author-btn {
    display: block;
}
.home-authors .author-items {
    margin: 0 var(--ji--3item);
    margin: 0 var(--ji--3item);
    display: flex;
    flex-wrap: wrap;
}
.author-items .ap-item img{
    height: 100%;
    width: -webkit-fill-available;
}
.item-author .item-bg {
    position:absolute;
    left:0;
    right:0;
    top:0;
    padding-top:35%;
    overflow:hidden;
}
.item-author .item-bg .thumb {
    padding-top: 50%;
    position:absolute;
    left:-31.25px;
    right:-31.25px;
    top:-31.25px;
    width:auto;
}
.item-author .item-bg::before {
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
}
.item-author .item-bg::after {
    content:'';
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0%;
    padding-top:11%;
    background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,#FFFFFF 100%);
    background-image:linear-gradient(180deg,rgba(255,255,255,0.7) 0%,#FFFFFF 100%);
}
.item-author .item-top {
    position:relative;
    box-shadow:0 12.5px 25px 0 rgba(0,0,0,0.02);
    padding: 10px;
    background-color:var(--main-bg-color);
    z-index:1;
}

.item-author .item-bottom {
    font-size:8.75px;
    position:relative;
    z-index:1;
    padding: 15px;
    height:auto;
    overflow:hidden;
    box-sizing:border-box;
}
.item-author .author-intro {
    display:block;
    position:relative;
    min-height:37.5px;
    padding-left:50px;
}
.item-author .author-intro {
    padding-left:70px;
}
.item-author .author-intro:hover .author-name {
    color:var(--b2color);
}
.item-post-style-6 .item-author .item-bg {
    display:none;
}
.item-author .author-avatar {
    position:absolute;
    left:0;
    top:0;
    font-size:37.5px;
    width:60px;
    height:60px;
}
.item-author .author-main{
    padding-top: 5px;
}
.item-author .author-avatar .avatar {
    box-sizing:border-box;
    padding-top:0;
    height:60px;
    border:0px solid #ffbc00;
    border-radius:100%;
    overflow:hidden;
}

.item-author .author-info  i {
    margin-right: 5px;
}
.item-author .author-name {
    font-size: 18px;
    color:var(--key-color);
    margin-bottom: 5px;
    white-space:nowrap;
}
.item-author .author-xixi {
    font-size: 13px;
    margin-bottom: 10px;
    white-space:nowrap;
}
#user-list .item-author .author-name .uname {
    margin-right: 10px;
    display:inline-block;
    vertical-align:middle;
    max-width: 80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.item-author .author-name .short-label {
    display:inline-block;
    vertical-align:bottom;
    margin-left: 5px;
}
.item-author .author-name .short-label img {
    width:8.75px;
    height:auto;
}
.item-author .author-meta span:first-child:after {
    content:'';
    display:none;
    height:.8em;
    width:0;
    border-left:0.625px solid #b5b5b5;
    opacity:.4;
    position:absolute;
    right:0;
    top:50%;
    margin-top:-0.4em;
}
.author-meta span,.ap-item-meta{
    font-size: 13px;
    color: #b5b5b5;
    margin-right: 10px;
}
.item-author .author-info {
    font-size: 14px;
    margin-top: 25px;
    color: #b5b5b5;
    text-align: center;
    line-height: 30px;
    background: var(--body-bg-color);
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
}
.item-author .author-info .ico {
    margin-right:.5em;
}
.item-author .item-bottom-title {
    font-size: 15px;
    color:#b5b5b5;
    font-weight:normal;
    margin-bottom: 10px;
}
.item-author .ap-item {
    font-size: 14px;
    margin: 15px 0px 0px;
}
.item-author .ap-item-wrap {
    display:block;
    position:relative;
}
.item-author .ap-item-wrap.has-thumb {
    padding-left:87.5px;
    min-height:47.5px;
}
.item-author .ap-item-wrap.has-thumb {
    padding-left:120px;
}
.item-author .ap-item-wrap.has-thumb .ap-item-title {
    height: 45px;
    overflow:hidden;
    font-weight:normal;
}
.item-author .ap-item-wrap.no-thumb .ap-item-thumb {
    display:none;
}
.item-author .ap-item-wrap:hover .thumb {
    -webkit-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.item-author .ap-item-wrap:hover .ap-item-title {
    color:var(--b2color);
}
.item-author .ap-item-wrap .ap-item-thumb {
    position:absolute;
    left:0;
    top:0;
    width:75px;
    overflow:hidden;
}
.item-author .ap-item-wrap .ap-item-thumb {
    width: 110px;
    height: 100%;
}
.item-author .ap-item-wrap .ap-item-thumb .thumb {
    -webkit-transition:all .2s;
    transition:all .2s;
    padding-top:63.3333%;
    border-radius:2.5px;
}
.item-author .ap-item-wrap .ap-item-title {
    font-size:7.5px;
    line-height:1.5em;
    color: var(--key-color);
    margin-bottom: 7px;
}
.item-author .ap-item-wrap .ap-item-title {
    font-size: 14px;
}
/*.thumb {
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    width:100%;
    height:0;
}*/
@media only screen and (min-width: 990px) {
    .home-authors .item, .home-authors .group-item .item-images .img-item {
      margin-bottom: var(--ji--1item);
      width: 25%;
    }
}
.home-authors .item,.home-authors .group-item .item-images .img-item {
    float:left;
    box-sizing:border-box;
}
.item-author .author-name .short-label img {
    width: 18px;
}
i.b2-vrenzhengguanli {
    z-index: 2;
}
.item-author .author-avatar {
    position:absolute;
    left:0;
    top:0;

}
.home-authors .item-tobe-author .tobe-author-wrap {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-authors .item-tobe-author .tobe-author {
    background-color:var(--main-bg-color);
    height: calc(100% - 20px);
    box-sizing: border-box;
    position: relative;
}
.home-authors .item-tobe-author .item-title {
    color: var(--b2color);
    font-size: 28px;
    margin-bottom: 10px;
    font-weight: bold;
}
.item-author .item-wrap, .home-authors .item-wrap {
     height: 100%;
}
.home-authors .item-tobe-author .item-cont {
    font-size: 15px;
    color: #b5b5b5;
    height: auto;
    line-height: 30px;
    margin-bottom: 50px;
}

.home-authors .item-tobe-author .item-cont .count {
    margin-top: 35px;
    margin-bottom: 15px;
}

.home-authors .item-tobe-author .item-cont .count strong {
    font-size: 45px;
    color: var(--b2color);
    font-weight: bold;
}
.home-authors .item-tobe-author .item-cont .count span {
font-size: 15px;
    font-weight: normal;
}
.home-authors .item-tobe-author .item-btns {

    font-size: 14px;
    text-align: center;
    color: #fff;
}

.home-authors .item-tobe-author .item-btns .btn {
    display: block;
    line-height: 50px
}
/*重新定义会员列表css结束*/

.box:not(.post-3){
    background: var(--main-bg-color)!important;
}
.Onecad_title >div:nth-of-type(2) {
    display: none;
}
.Onecad_title >div:nth-of-type(2) {
    color: #bbb;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 0px;
}
.Onecad_title >div:nth-of-type(1) {
    color: var(--key-color);
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    font-size: 20px;
}
/*.webfont, .module-title, .widget-title, .Onecad_title {
    font-family: "webfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
/*暂无数据icon*/
.e404-page-icon img{
    width:150px;
}
/*重构推荐用户发稿按钮*/
.listygo-btn {
    color: #fff;
    border: 0;
    outline: 0;
    box-shadow: none;
    background-color: var(--b2color);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 600;
    width: 100%;
    border-radius:  var(--ji--radius);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    padding: 0;
    display: inline-flex;
    align-items: center;
    position: relative;
    text-align: center;
    z-index: 1;
}

.listygo-btn--style1:hover::before {
    left: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: width 0.8s ease;
}
.listygo-btn--style1::before {
    position: absolute;
    content: "";
    left: 100%;
    width: 0%;
    height: 100%;
    background-color: #00d084;
    border-radius: var(--ji--radius);
    opacity: 0;
    visibility: hidden;
    transition: all 0.8s ease;
    z-index: -1;
}
.listygo-btn__icon {
    min-width: 40px;
    min-height: 40px;
    display: inline-grid;
    background-color: var(--color-secondary);
    place-content: center;
    border-radius: 40px;
    transition: all 0.8s ease;
    position: relative;
    z-index: 1;
}
.listygo-btn--style1:hover .listygo-btn__icon i {
    transform: rotate(180deg);
    transition: all 0.8s ease;
}
.wh-100, .listygo-btn__icon::before, .event-wrapper::before, .blog-block__figure::before {
    width: 100%;
    height: 100%;
}
.listygo-btn__icon i {
    z-index: 1;
    font-size: 20px;
    transition: all 0.8s ease;
    transform: rotate(0deg);
}
.listygo-btn__text {
    padding: 0 30px 0 12px;
    margin: 0 auto;
}
.listygo-btn--style1:hover .listygo-btn__icon::before {
    transform: scale(1) rotate(180deg);
    transition: all 0.8s ease;
}
.listygo-btn__icon::before {
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 50%;
    transition: all 0.8s ease;
}
.home-authors .item-tobe-author .tobe-author, .item-author .item-top {
        margin: 15px;
        padding: 15px;
}
.red-color{
    color: var(--this-red-color)!important;
    background-color:var(--this-red-bg)!important ;
}
.blue-color{
    color: var(--this-blue-color)!important;
    background-color:var(--this-blue-bg)!important ;
}
.web-color{
    color: var(--b2color)!important;
    background-color:var(--b2lightcolor)!important ;
}
.jitheme-button button{
    border: 0px;
}
.jitheme-button button i{
    margin-right: 5px;
    vertical-align: text-top;
}
@media screen and (max-width: 766px){
    .home-authors .item, .home-authors .group-item .item-images .img-item {
        padding: 0px;
        width: 100%;
    }
    .home-authors .item, .home-authors .group-item .item-images .img-item {
        margin-bottom: 5px;
    }
    .home-authors .author-items {
        margin: 0 -5px;
    }
    .item-author .item-wrap {
        padding: 10px;
    }
}
.ap-item-meta .post-list-cat:before {
    content: '#';
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 5px;
    color: var(--b2color);
    text-align: center;
    float: left;
    background: var(--b2lightcolor);
    border-radius: 50%;
    display: block;
    left: 0;
}
#Onecad-tuijian .vrnzhengss {
    bottom: 0;
    right: 0;
    width: 18px;
    height: 18px;
}

/*首页用户推荐 end*/


.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-dismissible {
    padding-right: 3rem
}

.alert {
    position: relative;
    padding: 10px 16px;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-size: 13px
}

.alert span {
}

@media (prefers-reduced-motion:reduce) {
    .fade {
        transition: none
    }
}

.fade {
    transition: opacity .15s linear
}

.bg-danger {
    background-color: #dc3545!important
}

.badge {
    display: inline-block;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    margin: 0px 30px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.bg-warning {
    background-color: #ff6000!important
}

.badge-warning {
    color: #FFF;
    background-color: #ffc107
}

.badge-hot {
    color: #FFF;
    background: linear-gradient(to right,#f35 0%,#ff6780 100%)
}

.text-dark {
    color: #fff
}

.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;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border-radius: .25rem;
    opacity: .5
}

@media (prefers-reduced-motion:reduce) {
    .spinner-border,.spinner-grow {
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s
    }
}

/*首页VIP模块CSS start*/
.one-home-homevip{
    padding: 20px 0;
    background-repeat: no-repeat;
        background-position: center;
}
.home-homevip-boxmk img{
    height: 52px;
    display: block;
    margin: 0 auto 10px auto;
}
.home-homevip-boxmktitle{
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
.home-homevip-boxmktitle .price{
    font-size: 16px;
    color: var(--key-color);
    margin-bottom: 15px;
}
.home-homevip-boxmktitle .price strong{
    font-size: 43px;
    margin: 0 5px;
    font-weight: bolder!important;
}
.home-homevip-boxmktitle p{
    font-size: 14px;
    line-height: 27px;
    background-color:var(--body-bg-color);
    color: var(--b2color);;
    border-radius: 50px;
}
.home-homevip-boxmktitle p span{
    
}
.home-homevip-boxmk:hover a{
    opacity: .8;
}
.home-homevip-boxmks{
    padding: 20px 0px;
}
.home-homevip-boxmks span{
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    font-weight: 600;
    margin-right: 3px;
}
.home-homevip-boxmks li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 13px;
    margin: 0 -20px;
    line-height: 45px;
    padding: 0px 15px;
    color: var(--key-color);
    /* border-top: 1px solid #F5F6F7; */
}
.home-homevip-boxmks li:last-child{
    margin-bottom: 0px;
}
.home-homevip-boxmks li em, .home-homevip-boxmks li em span p {
    display: flex;
    font-size: 14px;
    font-weight: 100;
}
.home-homevip-boxmks li em{
    margin-top: 0px;
    font-style: inherit;
}
.home-homevip-boxmks li:nth-child(odd){
background-color:var(--muted-bg-color)
}
.one-home-homevip2-box{
    
}
.home-homevip2-boxmk{
    padding: 30px;
}
.home-homevip2-boxmk .title{
    
}
.home-homevip2-boxmk .title i{
    display: block;
    font-size: 14px;
    line-height: 27px;
    background-color: #f0506e17;
    color: #f0506e;
    border-radius: 50px;
    width: 100px;
    text-align: center;
}
.home-homevip2-boxmk .title span{
    font-size: 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    color: #333;
}
.home-homevip2-boxmk .title p{
    
}
.home-homevip2-boxmk .i{
    width: 60px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    font-size: 30px !important;
    box-shadow: 0px 15px 60px rgba(54, 127, 255, 0.1);
    transition: box-shadow .2s;
}
.home-homevip2-boxmk:hover .i{
    box-shadow: 0 0 0 10px rgba(198, 209, 255, 0.45), 0 0 0 24px rgba(197, 209, 255, 0.22);
    border-radius: 100%;
}
.home-homevip2-boxmk .an{
    margin-top: 20px;
    height: 33px;
    line-height: 33px;
}
.home-homevip2-boxmk .an a{
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 4px;
    background: var(--b2color);
}
.home-homevip2-boxmk .an .jg{
    font-size: 30px;
    font-weight: bold;
    color: #333;
}
.one-grid-onecadsmls > *, .one-grid-column-onecadsmls > * {
    padding-left: 16px;
}
.home-homevip2-boxmk .an .jg em{
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
    color: #777;
}
.home-homevip-boxmk {
    text-align: center;
    padding: 20px;
    overflow: hidden!important;
    position: relative;
}
.one-background-default {
    background-color: var(--main-bg-color);
}
.one-home-title{
    text-align: center;
    margin-bottom: 40px;
}
.one-home-title span{
    font-size: 28px;
    font-weight: bold;
    color: var(--key-color);
}
.one-home-title p{
    font-size: 16px;
    font-weight: 400;
    color: #999999;
    margin-top: 20px;
    line-height: 25px;
}
.one-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}
.one-container >:last-child {
    margin-bottom: 0;
}
.one-grid-onecadsmls, .one-grid-column-onecadsmls {
    margin-left: -20px;
}
.one-container {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    /* padding-left: 15px; */
    /* padding-right: 15px; */
}
.vip_tj {
    position: absolute;
    top: 15px;
    right: -40px;
    overflow: hidden!important;
    z-index: 1;
    width: 150px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    line-height: 30px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: 14px;
}
.vips_tj {
    position: absolute;
    top: 0px;
    right: 0px;
    overflow: hidden!important;
    z-index: 1;
    width: 120px;
    height: 30px;
    background: var(--b2color);
    color: #fff;
    line-height: 30px;
    /* -webkit-transform: rotate(45deg); */
    /* transform: rotate(45deg); */
    text-align: center;
    font-size: 14px;
    border-radius: 0px 0px 0px 20px;
    box-shadow: 0 0 10px rgb(255 51 85 / 47%);
}
.one-dongtai:hover {
    transform: translateY(-3px);
    -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);
}
.one-dongtai {
    transition: all 0.3s ease 0s;
}
.vip-top > div p {
    font-size: 16px;
    margin-top: 20px;
}
/* 图酷网会员列表 */

@media (min-width:768px) {
    .home-section-designs {
        display: block;
        margin-right: var(--ji--0item); 
    }
    .home-section-designs .item-wrap {
        display: block;
        width: calc(50% - var(--ji--1item));
        display: flex;
        float: left;
        margin-right: var(--ji--1item);
    }
}


@media (min-width:1024px) {
    .home-section-designs .items .item-wrap,.one-width-1 {
        width: calc(25% - var(--ji--1item));
        margin-right: var(--ji--1item);
    }
    .home-section-designs .items {
        margin: 0px;
        margin-right: 0px;
        display: flex;
    }
}
.home-section-designs .items .item {
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.home-section-designs .items .item-wrap {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}
.home-section-designs .items .item-wrap:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.home-section-designs .items .item-thumb .thumb {
    padding-top: 100%
}

.home-section-designs .items .item-thumb .thumb:hover {
    opacity: .8
}

.home-section-designs .items .item-main {
    padding: 15px 0 0
}

@media (min-width:768px) {
    .home-section-designs .items .item-main {
        padding: 10px;
    }
}

.home-section-designs .items .item-main h2 {
    font-size: 16px;
    color: #3c3c3c;
    font-weight: 600;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 15px
}

.home-section-designs .items .item-main h2 span {
    margin-left: 5px;
    font-size: 13px;
    color: #b2b2b2
}

.home-section-designs .items .item-main h2:hover {
    color: #3385ff
}

.home-section-designs .items .item-main h4 {
    margin: 0 -5px;
    font-weight: 400;
    line-height: 22px;
    height: 22px;
    overflow: hidden
}
.one_list_a{
    font-size: 13px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    background: #ffffff;
    color: #bcbcbc;
}
.home-section-designs .items .item-main h4 span {
    display: inline-block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #e5f0ff;
    font-size: 12px;
    color: #3385ff;
    padding: 0 5px;
    margin: 0 5px;
    white-space: nowrap
}

.home-section-designs .items .item-main h4 span:hover {
    background: #3385ff;
    color: #fff
}
#onecad-id-0 .home-homevip-boxmk img {
    transform: scale(1.2);
}
/*首页VIP模块CSS end*/
/*按钮 start*/
/*共有特性*/
jitheme-widget-tjzt{
    
}
 .jitheme-widget-title h2 {
    padding: 16px 0px;
    margin-bottom: 20px;
    font-size: 18px;
    color: var(--key-color);
    font-weight: 600;
    line-height: 1;
}
.jitheme_widget_padding{
    padding:10px 20px;
    /*background-image: url(../img/uisdc-widget-news.jpg);*/
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.jitheme-jb-btn{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 32px;
    color: var(--key-color) !important;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
    border: 1px solid var(--main-border-color);
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 1;
}

.jitheme-jb-btn:hover button div {
    color:  #fff;
}

.jitheme-jb-btn:hover{
  color: #fff !important;
  /*box-shadow: 0 20px 30px rgb(211, 220, 232, 0.8);*/
}

.jitheme-jb-btn:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  z-index: -1;
  transition: all 500ms ease;
}

.jitheme-jb-btn:hover:before{
  width: 100%;
}

.jitheme-jb-btn:after{
  position: absolute;
  content: '';
  height: 32px;
  width: 26px;
  right: 4px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 60% 0%);
  opacity: 0.2;
  z-index: -1;
}
.jitheme-jb-btn:after{
    background:var(--b2color);
}

.jitheme-jb-btn:before{
    background: var(--b2color);
}

.jitheme-jb-btn:hover{
    border-color: var(--b2color);
}

.jitheme-widget-btn a:hover {
    /* background: var(--b2color); */
    /* color: #FFF!important; */
}
#jitheme-widget-ask a:hover,#ji-widget-zt  a:hover{
    color: var(--b2color);
}
#jitheme-widget-ask .item-meta ,#ji-widget-zt .item-meta{
    font-size: 13px;
    color: #b5b5b5;
}
/*按钮 end*/
/*VIP2 start*/
#Onecad_vips .vip-top {
    background: none;
    border-bottom: 0px solid #ccc;
}
#Onecad_vips b {
    font-weight: 100;
}
#Onecad_vips .vip-top > div {
    padding: 0px;
    color: #fff;
}
#Onecad_vips .onecad_vips_title{
    margin: 0 -20px;
    padding: 15px 0px 15px 10px;
    text-align: left;
    color: var(--key-color);
}
#Onecad_vips .Onecad-grid {
    display: flex;
    /* flex-wrap: wrap; */
    margin: 0;
    padding: 0;
    list-style: none;
}
#Onecad_vips .Onecad_vip_logo {
    }#Onecad_vips .Onecad_vip_logo a {
    display:block
}
#Onecad_vips .Onecad_vip_logo a img {
    height:36px
}
#Onecad_vips .Onecad_vip_top {
    text-align:center;
    width:100%;
    height:613px;
    display:inline-block
}
#Onecad_vips .Onecad_vip_max {
    padding-top: 100px;
    /* padding-bottom: 50px; */
    /* position: absolute; */
    /* margin-top: -280px; */
}
#Onecad_vips .Onecad_vip_max h2 {
    font-size: 22px;
    margin-top: 35px;
    line-height: 35px;
    color: #fff;
}
#Onecad_vips .Onecad_vip_privilege_list {
    margin-top:35px
}
#Onecad_vips .Onecad_vip_privilege_list span {
    font-size:14px;
    height:38px;
    line-height:38px;
    padding:0 18px;
    border-radius:5px;
    background-color:rgba(255,255,255,0.2);
    margin-right:10px;
    display:inline-block
}
#Onecad_vips .Onecad_vip_privilege_list span:last-child {
    margin-right:0px
}
#Onecad_vips .Onecad_vip_privilege_list span i {
    margin-right:5px
}
#Onecad_vips .vip-page {
    margin-top: -260px;
}
#Onecad_vips .vip-item {
    width: 25%;
    padding: 8px!important;
    box-sizing: border-box;
}
#Onecad_vips .vip-list{margin:0px -8px!important}

#Onecad_vips .button,#Onecad_vips  button {
    border: 0px solid #ff3355;
    border-radius: 0px;
}
#Onecad_vips .jitheme-jb-btn button{
    background: none!important;
    border: 0px solid #ff6000!important;
    border-radius: 8px!important;
    padding: 0px;
}
#Onecad_vips .home-homevip-boxmk:hover .vip-buy span{
    color: #fff;
}
#Onecad_vips .b2-check-line{
    color:#00ce41;
}
#Onecad_vips .b2-close-line{
    color:var(--b2color);
}
#Onecad_vips button,#Onecad_vips .button {
    color:  var(--key-color);
}
#Onecad_vips .vip-faq-list p {
    font-size: 15px;
    margin-top: 20px;
    padding: 20px;
    line-height: 35px;
    color: var(--key-color);
}
#Onecad_vips .vip-faq-list h2 {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: var(--key-color);
    overflow: hidden;
}
#Onecad_vips .box,#Onecad_vips .side-fixed {
    background-color: unset;
    box-shadow: 0px 0px 0px rgb(98 124 153 / 10%);
    position: relative;
}
#Onecad_vips .vip-faq-list {
    font-size: 18px;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 20px;
    background-color: var(--main-bg-color)!important;
    border-radius: 5px;
}
.Onecad-vip2-qy{
    padding: 20px 0;
}
.vip2-qy-title{
    text-align: center;
    margin: 40px 0px;
     color: var(--key-color);
}
.vip2-qy-title h2{
    font-size: 28px;
    font-weight: bold;
    color: var(--key-color);
    margin-bottom: 20px;
}
.vip2-qy-title p{
    font-size: 16px;
}
.vip2-tqyc-box{
    text-align: center;
    padding: 30px;
}
.vip2-tqyc-box img{
    height: 52px;
    display: block;
    margin: 0 auto;
}
.vip2-tqyc-box span{
    font-size: 16px;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    color: var(--key-color);
}
.vip2-tqyc-box p{
     font-size: 14px;
    color:var(--key-color);
    font-weight: 100;  
}
.Onecad-width-1-4\@s {
    width: 25%;
    background-color: #fff;
}
.Onecad-grid {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    padding: 0;
    list-style: none;
}
.Onecad-dongtai{
    transition: all .3s;
}
.Onecad-dongtai:hover {
    transform: translateY(-3px);
    -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);
}
.Onecad-images img {
    width:100%;
    height:100%;
    vertical-align:top;
    -webkit-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
}
/*VIP2 end*/
/*首页隐藏模块 start*/
html body .wxtheme_index_qx{
    margin-top: 20px;
    padding: 15px;
    background-color: var(--main-bg-color);
    margin-bottom: 24px;
}
/*.wxtheme_index_qx .content-user-lv-login a {
    background-color: var(--b2color);
    color: #fff;
}*/
html body .sort-config-title {
    top: -1px;
}
.lv-icon {
    color: var(--b2color)!important;
}
.wxtheme_index_qx .lv-icon.user-vip{
    margin-right: 5px;
}
body .lv-icon.user-verify b{
    padding: 1px;
    border: 1px solid var(--b2color);
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 12px;
}
/*首页隐藏模块 end*/
/* 头部VIP弹窗 */
.Onecad_benefitTag_benefits-wrapper {
    position:relative;
    margin-right: 5px;
    /* width:48px; */
    display:flex;
    justify-content:center;
    height:53px;
}
.benefitTag__benefits-icon___3aeab {
    display:inline-block;
    width:32px;
    height:32px;
}
.benefitTag__benefits-text___5d19f {
    font-size:12px;
    color:#4d3626;
    font-weight:600;
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    white-space:nowrap;
}
.benefitTag__popover___fbaea {
    min-width:0;
    max-width:200px;
    z-index:9;
}

.Onecad_memberWrapper {
    position: relative;
    padding: 5px 20px 20px;
    /* background-image: linear-gradient(135deg,#f2d6c2,#f2c8aa); */
    cursor: pointer;
    display: flex;
    flex-direction: column;
    background-color: #ffffff87;
    backdrop-filter: blur(10px);
    align-items: center;
    border-radius:10px;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
    
}
.Onecad_memberWrapper .Onecad_memberCard_member-header {
    position:relative;
    padding-top:12px;
    font-weight:700;
    white-space:nowrap;
    text-align:center;
    margin-bottom:16px;
    width: 300px;
    box-sizing:border-box;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
    font-size:16px;
    line-height:22px;
    color:#663f32;
    letter-spacing:0;
    font-weight:600;
    margin-bottom:4px;
}
.Onecad_memberWrapper .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
    font-size:12px;
    color:#663f32;
    letter-spacing:0;
    line-height:17px;
    font-weight:400;
}
.Onecad_memberWrapper.Onecad_memberCard_none .Onecad_memberCard_member-header .Onecad_memberCard_member-title {
    height:25px;
    width:180px;
    margin-left:auto;
    margin-right:auto;
}
.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header,.Onecad_memberWrapper.memberCard__will-expired___3128d .Onecad_memberCard_member-header {
    background:hsla(0,0%,100%,.8);
    padding:16px 0;
    border-radius:8px;
}
.Onecad_memberWrapper.memberCard__expired___9de29 {
    background:#dadde0;
}
.Onecad_memberWrapper.memberCard__expired___9de29 .Onecad_memberCard_member-header .Onecad_memberCard_member-desc {
    color:#ff2b00;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits {
    position:relative;
    width: 100%;
    box-sizing:border-box;
    /* padding:12px 16px; */
    background:hsla(0,0%,100%,.8);
    border-radius:8px;
    margin-bottom:16px;
    white-space:nowrap;
    overflow:hidden;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits li {
    /* display:inline-block; */
    float: left;
    width: 25%;
    margin: 10px 0;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
    position:absolute;
    top:50%;
    width:12px;
    height:28px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background-color:rgba(230,163,115,.2);
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .25s;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917 .memberCard__icon-font___9846a,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 .memberCard__icon-font___9846a {
    color:#4d3626;
    font-size:12px;
    -webkit-transform:scale(.5);
    transform:scale(.5);
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917:hover,.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46:hover {
    background-color:rgba(230,163,115,.16);
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__leftBtn___ec917 {
    left:0;
    border-radius:0 4px 4px 0;
}
.Onecad_memberWrapper .Onecad_memberCard_member-benefits .memberCard__rightBtn___0cc46 {
    right:0;
    border-radius:4px 0 0 4px;
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1 {
    position:relative;
    width:152px;
    height:32px;
    background-image:linear-gradient(134deg,#4d5580,#3d4466);
    font-size:14px;
    color:#fff3eb;
    font-weight:600;
    display:flex;
    align-items:center;
    border-radius: 5px;
    justify-content:center;
    cursor:pointer;
}
.Onecad_memberWrapper>button{
    border: 0!important;
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1:hover {
    background-image:linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1:active {
    background-image:linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));
}
.Onecad_memberWrapper .memberCard__joinBtn___a50c1 .memberCard__tips___3220a {
    top: -10px;
    right: -15px;
    position: absolute;
    background-image: linear-gradient(90deg,#ff9580,#f36);
    border-radius: 6px;
    color: #fff;
    letter-spacing: 0;
    text-align: center;
    font-weight: 100;
    padding: 2px 8px;
    font-size: 12px;
}
.Onecad_memberCard_benefitsLiWrapper {
    position:relative;
    left:0;
    transition:left .3s linear;
}
.Onecad_header_vip_topi {
    padding: 0px 3px;
    right: 5px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 5px; 
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;

}
.Onecad_header_vip {
    padding: 0px 20px;
    position: relative;
    width: 25px;
    height: 25px;
    margin-right: 20px;
    background:url(./Center/Assets/images/vipiconhover.svg) no-repeat 50%/25px;
}
.Onecad_header_vip > i {
  position: absolute;
  top: -15px;
  font-size: 12px!important;
}
.Onecad_header_vip:hover .Onecad_member_tip[data-status=true] {
    display:block;
}
.Onecad_member_tip {
position: absolute;
    padding-top: 70px;
    margin-top: -23px;
    right: -14px;
    display: none;
    z-index: 8000;
}
.Onecad_header_vip{
    margin-right: 20px;
}
dfn, cite, em, i {
    font-style: inherit !important;
}

/*移动端适配 start*/
@media screen and (max-width: 768px){
    html body .vip-top {
        margin-right: 0;
        margin-left: 0;
        padding: 0 20px;
    }
    /*  html body .site-content {
        margin: 0;
     */
    html body .footer-bottom {
         margin-bottom: 20px; 
    }
    .Onecad_header_vip, #onecad_btna {
        display: none;
    }
}
/*移动端适配 end*/
/*首页区块 start*/
/*商品内页CSS*/
.onecad_box{
    padding: 15px;
}
/*幻灯片下区块*/
.sort {
    position: relative;
    z-index: 1;
    padding: 26px;
    background:var(--main-bg-color);
    /* border: 1px solid #797c80; */
    /* -webkit-box-shadow: 0 40px 75px 0 rgba(57,60,67,.08); */
    /* box-shadow: 0 40px 75px 0 rgba(57,60,67,.08); */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
.sort-config {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sort-config-item a{
    color:var(--key-color);
}
.main {
    width: 1410px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.sort-config>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}
.ibanner-tips-float {
    position: absolute;
    top: -70px;
    left: 1096px;
    z-index: 24;
}
.quk_img{
    width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 0px;
    margin-right: 16px;
}
.sort-config-item {
display: flex;
    height: 100%;
}
.sort-config-item img {
    /* width: 62px; */
    height: 50px; 
    /* height: 46px; */
    width: 50px;
    text-align: center;
    margin-right: 12px;
}
.item-ico {
    float: left;
    width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 10px;
    background-color: var(--body-bg-color);
    margin-right: 16px;
}
/*.sort-config-item:hover .item-ico,.sort-config :hover .quk_img {
    background-color:var(--b2color);
    -webkit-transition: .3s;
    transition: .3s;
}*/
.sort-config-item:hover .item-ico {
    background-color:var(--b2color);
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-item:hover .item-ico i {
    color:#fff;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config :hover .sort-config-title {
    color:var(--b2color);
}
.item-ico i {
    font-size: 30px;
    line-height: 30px;
}
.item-ico svg.icon {
    font-size: 30px;
    line-height: 30px;
}
.sort-config-title {
    line-height: 34px;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-desc {
    float: left;
    line-height: 22px;
    font-size: 14px;
    color: #8e8e8e;
}
.sort-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin-top: 35px;
}
.sort-blocks-item {
    position: relative;
    overflow: hidden;
    width: 214px;
    height: 100%;
    background: #f7f9fa;
    border-radius: 14px;
}
.sort-blocks-item .blocks-item-wrap {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: none;
    filter: none;
}
.sort-blocks-icon {
    display: block;
    width: 60px;
    height: 47px;
    margin: 18px auto 15px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sort-blocks-title {
    line-height: 22px;
    font-size: 22px;
    font-weight: 600;
    color: #2d2d2d;
    letter-spacing: 1px;
    text-align: center;
}
.sort-mine-wrap img {
    display: flex;
    width: auto;
}
.sort-config-title .go {
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    font-weight: normal;
    padding: 2px 5px;
    position: absolute;
    line-height: 15px;
    margin-left: 5px;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 7px;
}
.sort-blocks-item .blocks-hover, .sort-blocks-item .blocks-hover-title {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 22px;
}
.sort-blocks-item .blocks-hover {
    left: 0;
    height: 100%;
    padding-top: 22px;
    font-size: 14px;
    background: rgba(0,0,0,.4);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.sort-blocks-item .blocks-hover-tit {
    line-height: 18px;
    font-size: 18px;
}
.sort-blocks-item .blocks-hover-line {
    width: 158px;
    height: 1px;
    margin: 12px auto 8px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(30%,hsla(0,0%,100%,.7)),color-stop(70%,hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.1)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 30%,hsla(0,0%,100%,.7) 70%,hsla(0,0%,100%,.1));
}
.srot-mine {
    position: relative;
    width: 376px;
    background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
    /*background: -webkit-gradient(linear,left top,right top,from(#fdf8eb),to(#feeec3));*/
    /*background: linear-gradient(90deg,#fdf8eb,#feeec3);*/
    height: 180px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
}
.srot-mine-bg {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 118px;
    height: 78px;
    background: url(../img/sort_zuanshi.png) no-repeat;
    background-size: cover;
}
.sort-mine-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 12px 16px 15px;
}
.srot-mine-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
}
.srot-mine-ava {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.srot-mine-tit>span {
    margin-left: 9px;
    font-size: 15px;
    font-weight: 600;
    color: #613c14;
}
.srot-mine-vips {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 337px;
    margin: 15px 0px 5px;
}
.sort-vips-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
.sort-vips-icon {
    display: block;
    width: 32px;
    height: 36px;
    margin: 0 auto;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 30px;
}
.sort-vips-tit {
    margin: 15px 0px;
    line-height: 12px;
    font-size: 13px;
    color: #613c14;
    margin-left: 10px;
}
.sort-vips-tit2-kt {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    background-image: linear-gradient(90deg,#ffc046,#ff7d04);
    margin: 10px 0px 0px 9px;

}
.sort-vips-tit2-wk {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    opacity: 0.5;
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%); background-blend-mode: multiply;
    margin: 10px 0px 0px 9px;
}
.bt-body {
    padding-bottom: 0px;
    background: transparent;
    width: calc(100% - 376px);
    margin: 0px -8px;
}
.b-boxs .video .s-pic{height: 189px;}
.b-boxs .video .video-view {height: 186px;width: 337px; overflow: hidden; cursor: pointer;display: block;}
.b-boxs .video:hover .video-view .img-none{display: none;}
.b-boxs .video .video-view video{width: 337px;}
.b-boxs .video:hover .video-view video{display: block;}
.b-boxs .video .mark{height: 189px; display: none;}
.b-boxs .video:hover .mark{display: none;}
.b-boxs .video .v-down{
    position: absolute;
    top: 12px;
    left: 57%;
    z-index: 2;
    margin-left: 65px;
    padding-left: 21px;
    width: 45px;
    height: 31px;
    border-radius: 2px;
    background: url(./Center/Assets/images/video.png) -8px -77px no-repeat #007aff;
    color: #fff;
    font-size: 20px;
    font-size: 14px;
    line-height: 31px;
    opacity: 0;
    cursor: pointer;
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.b-boxs .video .v-down:hover {
    background: url() -5px -77px no-repeat #6e91e6;
}
.b-boxs .video .v-collect{
    width: 31px;
    height: 31px;
    line-height: 31px;
    position: absolute;
    left: 58%;
    top: 12px;
    margin-left: 23px;
    color: #333;
    font-size: 20px;
    border-radius: 2px;
    z-index: 2;
    background: url(./Center/Assets/images/video.png) -11px 5px no-repeat #fff;
    padding-left: 0px;
    cursor: pointer;
    filter: alpha(opacity=0);
    ilter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    font-size: 17px;
    letter-spacing: 7px;
}
.b-boxs .video:hover .v-collect,.b-boxs .video:hover .v-down{
    filter: alpha(opacity=1);
    ilter: alpha(opacity=1);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.b-boxs .video .chosed{
    background: url(./Center/Assets/images/video.png) -11px -36px no-repeat #fff;
}
.b-boxs .video .title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 316px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    text-align: left;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 12px;
    background: #00000075;
    background-color: #1677ff00;
    background-image: linear-gradient(-90deg, #00000000, #000000);
}
.b-box .audio-box {
    width: 340px;
    height: 160px;
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0px 9px rgba(0,0,0,.1);
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    border-radius: 10px;
}
.b-boxs .video:hover  .video-bq,.b-boxs .video:hover .title{
    display: none;
}
.b-boxs .video:hover .mc-bottom{
    display:none;
}
.b-boxs .video .mc-bottom{
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 32%;
    left: 0;
    bottom: 0;
    background: #000;
    opacity: .4 \9 \0;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .4)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .4) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .4)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#000000, endColorstr=#ffffff)";
}
.good-ppt {
    width: 100%;
}
.topic-title {
    height: 41px;
    color: #484747;
    text-align: left;
}
.wlimits {
    margin-right: -59px;
}
.topic-title .jptitle {
    display: inline-block;
    width: 280px;
    color: #000;
    letter-spacing: 2px;
    font-size: 24px;
}
.topic-title .jptitle .shiping {
    display: inline-block;
    width: 87px;
    height: 63px;
    background: url(../image/tb.png) 0px -345px no-repeat;
    vertical-align: -23px;
}
.topic-title ul {
    display: inline-block;
    float: right;
}
.topic-title ul li {
    display: inline-block;
}
.topic-title ul li a {
    display: inline-block;
    margin-right: 6px;
    padding: 0 10px;
    height: 35px;
    /* border: 1px solid #e5e5e5; */
    /* background: #fff; */
    color: #606060;
    font-size: 14px;
    line-height: 35px;
}
.topic-title ul li em {
    display: inline-block;
    height: 14px;
    width: 1px;
    background: #b7b7b7;
    vertical-align: -2px;
}
.b-boxs {
    margin-right: -16px;
    overflow: hidden;
}
.b-boxs .s-box {
    width: 337px;
    height: auto;
    float: left;
    margin-right: 19px;
    margin-bottom: 36px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 9px rgba(0,0,0,.1);
    background: #ffffff;
}
.b-boxs .s-box .s-pic {
    width: 100%;
    height: 407px;
}
@media screen and (max-width: 768px){
.flickity-enabled.is-draggable {
    margin-top: 0px;
}
}
.b2-menu-4 .sub-menu-0 li ul a:hover {
    font-weight: 500; 
    border-radius: 3px;
    color: #ff416c;
}
.b2-menu-4 .sub-menu-0 li ul a {
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
    display: flex;
    align-items: center;
    margin-top: 0px;
}
@media screen and (max-width: 1366px) {
.srot-mine {
    width: 355px;
    z-index: 2;
    margin-right: -5px;
    }
}
.containerrr .itemss a {
    display: inline-block;
    margin-right: 16px;
    width: calc(20% - 16px);
    height: 180px;
    text-align: center;
}
.card_ZQsT- {
    height: 180px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    white-space: normal;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding: 0px 0 16px 0;
    margin: 0px 8px;
    text-decoration: none;
    transition: all 0.3s;
}
.card_ZQsT-:hover {
    transform: translateY(-3px);
}
.card_img{
    display: block;
    height: 180px;
}

.card_ZQsT- .title_3qCGt {
    font-size: 14px;
    color: #fff;
    height: 35px;
    text-align: center;
    background-color:var(--b2lightcolor);
    line-height: 35px;
    width: 100%;
    position: absolute;
    display: block;
    margin-top: -35px;
}
.card_ZQsT- img{
    height: 180px;
    width: 100%;
}
.card_ZQsT- .year-tag_3Iqeg {
    height: 19px;
    min-width: 52px;
    width: fit-content;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    top: 6px;
    left: 6px;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    color: #FFFFFF;
    box-sizing: border-box;
    padding: 0 8px;
    border-radius: 10px;
}
.huodong{background:#0693e3}
.remen{background:#fcb900}
.jingping{background:#cf2e2e}
.guanggao{background:#00d084}
.tuijain{background:#ff6900}
.yuliu{background:#0693e3}
.onecad-quk-carousel .itemss {
    white-space: nowrap;
    width: 100%;
    display: flex;
    -webkit-overflow-scrolling: touch;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.onecad-quk-carousel .itemss::-webkit-scrollbar {
    display: none;
}
/*动画*/
.thumb{
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/*倒计时开始*/
 .timer {
    z-index: 1;
    color: white;
    transform: translateY(0px);
    user-select: none;
  }
  @media screen and (max-width: 512px) {
    .timer {
      transform: translateY(-10px);
    }
  }
  .timer__content {
    display: flex;
        margin-top: 20px;
  }
  .timer__item {
    display: flex;
    width: 25%;
    color: #f35;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    animation: item 0.6s ease backwards;
    position: relative;
    transition: all 1s 0.2s ease;
  }
  .timer__item:hover {
    transition: all 0.3s ease;
    transform: translateY(-0px);
  }
  @media screen and (max-width: 799px) {
    .timer__item:hover {
      transform: translateY(0px);
    }
  }
  .timer__item:nth-child(1) {
    animation-delay: 0.2s;
  }
  .timer__item:nth-child(2) {
    animation-delay: 0.4s;
  }
  .timer__item:nth-child(3) {
    animation-delay: 0.6s;
  }
  .timer__item:nth-child(4) {
    animation-delay: 0.8s;
  }
  @keyframes item {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
  }
  .timer__item:before {
    width: calc(100% - 20px);
    height: 60px;
    content: "";
    position: absolute;
    /* color: #009688; */
    bottom: 0;
    backdrop-filter: blur(5px);
    z-index: -1;
    border-radius: 10px;
    background-color: #ffffff87;
    backdrop-filter: blur(10px);
    align-items: center;
    /* border-radius: 0px 0px 10px 10px; */
    /* box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1); */
    /* background-color: #F44336; */
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.2), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08);
  }
  @media screen and (max-width: 799px) {
    .timer__item:before {
      height: 80px;
    }
  }
  @media screen and (max-width: 512px) {
    .timer__item:before {
      width: calc(100% - 10px);
      height: 60px;
      border-radius: 5px;
    }
  }
  .timer__name {
    /* margin-bottom: 10px; */
    color: #E91E63;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    /* width: 30px; */
    /* height: 30px; */
    bottom: 0px;
    /* background-color: #fff; */
    right: 12px;
    /* box-shadow: 0 3px 4px 0 rgb(0 0 0 / 24%), inset 2px 4px 0 0 rgba(255, 255, 255, 0.08); */
    position: absolute;
    border: 3px solid #f5f6f71a;
    border-radius: 50%;
    line-height: 13px;
    text-align: center;
    letter-spacing: 0.1em;
    font-family: "Barlow Semi Condensed", sans-serif;
  }
  @media screen and (max-width: 799px) {
    .timer__name {
      font-size: 14px;
    }
  }
  .timer__number {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    letter-spacing: 2px;
    animation: number 0.4s 1.4s ease backwards;
  }
  @media screen and (max-width: 799px) {
    .timer__number {
      width: 80px;
      height: 80px;
      font-size: 40px;
    }
  }
  @media screen and (max-width: 512px) {
    .timer__number {
      width: 60px;
      height: 60px;
      font-size: 28px;
    }
  }
  @keyframes number {
    0% {
      opacity: 0;
      transform: scale(0.5);
    }
  }
  .timer__text {
    font-weight: 400;
    font-size: 20px;
    color: #E91E63;
    line-height: 20px;
    /* letter-spacing: 0.3em; */
    text-align: center;
padding-bottom: 20px;
    padding-top: 20px;
  }
  @media screen and (max-width: 799px) {
    .timer__text {
      font-size: 16px;
    }
  }
  @media screen and (max-width: 512px) {
    .timer__text {
      margin-top: 30px;
    }
  }
  .timer_btn {
    position: relative;
    width: 152px;
    height: 32px;
    background-image: linear-gradient(134deg,#4d5580,#3d4466);
    font-size: 14px;
    color: #fff3eb;
    font-weight: 600;
    margin-top: 20px;
    margin: 20px auto 0px auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.timer_btn{
    border: 0!important;
    border-radius: var(--b2radius);
}
.timer_btn:hover {
    background-image:linear-gradient(134deg,rgba(77,85,128,.9),rgba(61,68,102,.9));
}
.timer_btn:active {
    background-image:linear-gradient(134deg,rgba(77,85,128,.8),rgba(61,68,102,.8));
}
.timer_btn .timer_btn_jb {
    top:-14px;
    right:-54px;
    position:absolute;
    background-image:linear-gradient(90deg,#ff9580,#f36);
    border-radius:6px;
    color:#fff;
    letter-spacing:0;
    text-align:center;
    font-weight:100;
    padding:2px 8px;
    font-size:20px;
    -webkit-transform:scale(.5);
    transform:scale(.5);
}
 /*首页区块切换*/
#jiheme_heml .swiper-button-prev,#jiheme_heml .swiper-button-next{
    text-align: center;
    outline: none;
    background-color: var(--b2color);
}
#jiheme_heml .swiper-button-next img,#jiheme_heml .swiper-button-prev img {
    margin-top: -2px;
    vertical-align: middle;
}
#jiheme_heml  .swiper-button-next, #jiheme_heml  .swiper-container-rtl .swiper-button-prev {
    right: 20px;
}
#jiheme_heml.swiper-button-next,#jiheme_heml.swiper-button-prev{
    margin-top:-12px;
}
/*隐藏默认箭头*/
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: '';
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: '';
}
/*post_7样式*/
.post-7.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
}
.post-7 .jitheme_cat_jb {
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: unset;
}
.post-7 .post-excerpt {
    margin: 10px 0px;
    background: var(--main-shadow);
    padding: 10px;
    font-size: 13px;
    border-radius: 5px;
}
.post-7 .post-list-meta-box{
    margin-bottom: 0px;
    margin:10px 0px 0px 0px;
}
.post-7 .jitheme-post-info {
    margin: 0px 0px 0px 0px;
    background-color: var(--main-bg-color);
    margin-top: -20px;
    position: relative;
    border-radius: 0px;
    /*错位样式*/
    /*padding: 10px 10px 10px 10px;*/
    /*margin: 0px 20px 0px 0px;*/
    /*background-color:var(--main-bg-color);*/
    /*margin-top: -30px;*/
    /*position: relative;*/
    /*z-index: 2;*/
    /*border-radius: 0px 20px 20px 20px;*/
}
.post-module-thumb:hover .post-has-video span i{display:none;}
.post-7 .post-list-cat a{
    font-size: 12px;
    width: fit-content;
    align-items: center;
    border-radius: 20px;
    margin-right: 5px;
    padding: 0px 8px 1px 8px;
    border-radius: var(--ji--2item);
}
.post-7 .tipss {
    font-size: 12px;
    display: flex;
    width: fit-content;
    align-items: center;
    border-radius: 20px;
    padding: 0px 8px 1px 8px;
    border-radius: var(--ji--2item);
}
.post-7 .item-in:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    box-shadow:unset;
}
.post-7  .post-excerpt {
    margin: 0px; 
}
.post-7 .post-excerpt{
    padding: 8px;
}
.post-7 .post-list-meta li{
    font-size: 12px;
    align-items: center;
    margin: 0px;
    background-color: var(--body-bg-color);
    margin-right: 5px;
    border-radius: 20px;
    color: var(--footer-color);
}
.post-7 .post-list-meta-box li:hover{
    color: var(--b2color);
    background-color: var(--body-bg-color);
}
.post-7 .post-list-meta li span {
    margin-left: 0px;
    font-size: 13px;
}
.post-7 .post-module-thumb i.b2-play-circle-line {
    position: absolute;
    color: rgba(255, 255, 255, 0.7);
    font-size: 40px;
    transition: color .5s;
}
.post-7  #Onecad_vido .post-has-video span {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: calc(100%/2 - 40px);
    left: calc(100%/2 - 25px);
    z-index: 1;
    background: unset;
}
/*SW*/
#jitheme_archive_swiper {
    position: relative;
    width:100%;
}
#sence-box {
    width: 100%;
    height: 60px;
    max-width: 1920px;
    margin: 14px auto 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
#sence-box #sence-list-box {
    position: relative;
    width: 100%;
    height: 100%;
    /* padding-left: 10px; */
}
#sence-box #sence-list-box #swiper1 {
    height: 100%;
    overflow: hidden;
    z-index: 0 !important;
}
.hottopic-next ,.hottopic-prev{
    margin-top: -25px;
}
.sence-list-next,.sence-list-prev{
    margin-top: -60px;
    right: 0px;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.jitheme_swiper_jt{
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}

.jitheme_swiper_jt div {
    width: 36px;
    height: 36px;
    background-color: rgba(0,0,0,.4);
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color .2s;
    cursor: pointer;
    pointer-events: auto;
}
.jitheme_swiper_jt div img , .swiper-button-next img , .swiper-button-prev img {
    width: 18px;
    height: 16px;
    
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide {
    transition: all 0.28s;
    height: 60px;
    position: relative;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide a {
    position: absolute;
    height: 60px;
    width: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    float: left;
    background: none;
    text-align: left;
    overflow: hidden;
    height: 100%;
    margin-left: 16px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    width: 100%;
    height: 36px;
    background-color: #FFF;
    line-height: 36px;
    color: #333;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    text-align: center;
    border-top-width: 0;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -o-border-bottom-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-bottom-right-radius: 8px;
    -ms-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -o-border-bottom-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-bottom-left-radius: 8px;
    -ms-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name h6 {
    font-size: 16px;
    font-weight: 500;
    color: var(--key-color);
    line-height: 22px;
    margin-top: 8px;
    display: block;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name span {
    font-size: 12px;
    font-weight: 400;
    color:var(--muted-color);
    line-height: 17px;
    margin-top: 4px;
    display: block;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .home-sence-name {
    width: 98px;
    float: left;
    background: none;
    text-align: left;
    overflow: hidden;
    height: 100%;
    margin-left: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image {
    width: 42px;
    height: 42px;
    overflow: hidden;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image img {
    width: 100%;
    border: 0;
}
#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide .sence-diagram-image .sence-diagram-normal {
    width: 100%;
}
#sence-list-box .swiper-button-next,#sence-list-box .swiper-button-prev {
    position: absolute;
    top: unset;
    width: 36px;
    height: 60px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
#sence-box #sence-list-box .swiper-button-next, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev {
    justify-content: flex-start;
    right: -65px;
}
/*#sence-box #sence-list-box #swiper1 .swiper-wrapper .swiper-slide:hover {*/
/*    transform: translateY(-5px);*/
/*    -webkit-transform: translateY(-5px);*/
/*    -moz-transform: translateY(-5px);*/
/*}*/
#hottopic #swiper2 .swiper-slide:hover {
   transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: unset;
    left: auto;
}
#sence-box #sence-list-box .swiper-button-next .iconfont, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-prev .iconfont {
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
    outline: none;
}
#sence-box #sence-list-box .swiper-button-prev .iconfont, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-next .iconfont {
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
    outline: none;
}
#sence-box #sence-list-box .swiper-button-prev, #sence-box #sence-list-box .swiper-container-rtl .swiper-button-next {
    justify-content: flex-start;
    left: -65px;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 1!important;
    cursor: auto;
    pointer-events: none;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: unset;
    left: 20px;
    right: auto;
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    z-index: 5;
    cursor: pointer;
}
/*SW02*/
/*SW02*/
#hottopic {
    position: relative;
    width: 100%;
    margin-top: 8px;
}

.topic-title {
    color: #3b3946;
    line-height: 30px;
    position: relative;
    padding-left: 10px;
    font-size: 22px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

#hottopic #swiper2 {
    /* width: 100%; */
    height: 100%;
    padding-top: 19px;
    padding-bottom: 35px;
    overflow: hidden;
    z-index: 0 !important;
}

#hottopic #swiper2 .swiper-slide {
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    height: 100%;
    width: 292px;
    overflow: hidden;
    margin-right: 20px;
}

#hottopic #swiper2 .swiper-slide img {
    display: block;
    width: 100%;
    height: 126px;
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

#hottopic .swiper-button-next, #hottopic .swiper-container-rtl .swiper-button-prev {
    outline: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    right: -65px;
}

#hottopic .swiper-button-next .iconfont, #hottopic .swiper-container-rtl .swiper-button-prev .iconfont {
    outline: none;
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
}

#hottopic .swiper-button-prev, #hottopic .swiper-container-rtl .swiper-button-next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    outline: none;
    left: -65px;
}

#hottopic .swiper-button-prev .iconfont, #hottopic .swiper-container-rtl .swiper-button-next .iconfont {
    outline: none;
    color: #000000;
    line-height: 40px;
    font-size: 24px;
    font-weight: 900;
}
#hottopic #swiper2 .swiper-slide img,.card_ZQsT- img,.jitheme_swiper_jt div{
    -webkit-user-select:none;/*webkit浏览器*/ 
    -moz-user-select:none;/*火狐*/ 
    -ms-user-select:none;/*IE10*/ 
    user-select:none;
}
/*极主题广告倒计时*/
.jitheme_jishi_gg {
    position: relative;
    width: 376px;
}
.jitheme_jishi {
    height: 39px;
    width: 376px;
    background-size: 376px 62px;
    background-image: url(../img/tip-l.png);
    background-repeat: no-repeat;
}
.jitheme_jishi:before {
    content: "";
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../img/icon-clock.svg);
    margin-right: 8px;
}
.jitheme_jishi {
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    color: #000;
    line-height: 22px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.jitheme_jishi em {
    display: inline-block;
    width: 24px;
    font-style: unset;
    height: 24px;
    background-color:var(--b2color);
    padding-top: 1px;
    color: #fff;
    border-radius: 5px;
    margin: 0 5px;
}
.jitheme_jishi_img{
    width: 100%;
    height: 180px;
}
/*首页区块 end*/

/*发布文章按键 start*/
.top-submit .empty.button {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    padding: 5px 10px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    text-transform: uppercase;
    z-index: 1;
}
.top-submit .empty.button:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  border-radius: 4px;
  z-index: -1;
  transition: all 500ms ease;
}

.top-submit .empty.button:hover:before{
  width: 100%;
}
.top-submit .empty.button:hover{
  color: #fff !important;
}
.top-submit .empty.button:after{
  position: absolute;
  height: 32px;
  width: 26px;
  top: 2px;
  right: 2px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 60% 0%);
  opacity: 0.2;
  z-index: -1;
}
.top-submit .empty.button:after{
    background:var(--b2color);
}
.top-submit .empty.button:after{
  position: absolute;
  content: '';
  height: 32px;
  width: 26px;
  top: 2px;
  right: 2px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 60% 0%);
  opacity: 0.2;
  z-index: -1;
}

.top-submit .empty.button:before{
    background: var(--b2color);
}
.top-submit .empty.button:hover{
    border-color: var(--b2color);
}
/*发布文章按键 end*/
html body .dot::before {
    content: "";
}
/*联系模块开始*/
.contact-help {
    display: flex;
    position: fixed;
    left: 0;
    top: calc(50% - 103px);
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 5px 6px -4px, rgba(13, 206, 158, .37) 0px 6px 10px !important;
    z-index: 10;
    overflow: hidden;
    background: #0DCE9E !important;
    padding: 12px 20px;
    border-radius: 0 14px 14px 0;
    transition: height 0.2s ease 0s, top 0.2s ease 0s !important;
}
.contact-help .upload-icon {
    flex-shrink: 0;
    width: 28px;
    height: auto;
    display: block;
    margin-bottom: 2px;
    -webkit-animation: shangxa 2s infinite;
    animation: shangxa 2s infinite;
}
@keyframes shangxa {
    0%,100%,20%,50%,80% {
        transition-timing-function:cubic-bezier(0.215,.61,.355,1);
        transform:translate3d(0,0,0);
    }
    40%,43% {
        transition-timing-function:cubic-bezier(0.755,0.50,0.855,0.060);
        transform:translate3d(0,-10px,0);
    }
    70% {
        transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);
        transform:translate3d(0,-6px,0);
    }
    90% {
        transform:translate3d(0,-3px,0);
    }
}
/*联系模块结束*/

/*网址导航 开始*/
/*自定义链接位置*/
.mb20 {
    /* margin-bottom: 20px; */
    margin-bottom:16px;
}
.homebk8-ctn ul, .homebk9-ctn ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    width: calc(100% + 16px);
}
.homebk8-ctn li {
    width: 14.28%;
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    transition: 0.2s;
}
.whitebg-sm {
    background: #fff;
    border-radius: 8px!important;
}
.homebk12 .homebk6-btn {
    flex-direction: column;
}
.homebk6-btn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.2s;
}
.homebk12 .homebk8-ctn li{
    margin-right: 16px;
    margin-bottom: 16px;
    position:relative;
    overflow:hidden;
}
.homebk12 .homebk8-ctn li:hover .homebk12-item{
    filter:blur(15px);
}
.homebk12 .homebk8-ctn li:hover .homebk6-btn{
    opacity:1;
}
.homebk12 .homebk8-ctn li a{
    height:140px;
}
.homebk12 .homebk6-btn{
    flex-direction:column;
}
.homebk12 .homebk8-ctn .homebk6-btn a{
    height:28px;
    margin-bottom:10px;
}
.homebk12 .homebk8-ctn .homebk6-btn a:hover{
    margin-top:0;
    opacity:0.9;
}
.homebk12 .homebk8-ctn li:hover img{
    margin-top:0;
    vertical-align:middle;
}
.homebk12 .homebk8-ctn li .homebk12-img img{
    all:initial;
    width:100%;
    height:100%;
    border-radius:50%;
    position:relative;
    vertical-align:middle;
}
.homebk12 .homebk8-ctn li .homebk12-img{
    width:66px;
    height:66px;
    padding:6px;
    border-radius:50%;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    background:#f4f4f4;
}
.homebk12-img .homebk12-imgbg{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:66px;
    height:66px;
    background:#eee;
    display:block;
    background-size:cover;
    z-index:1;
    filter:blur(8px);
    opacity:0.2;
}
.homebk12 .homebk8-ctn li p{
    overflow: hidden;
   /* text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
    white-space: normal;*/
    text-align: center;
}
.homebk12 .homebk8-ctn .homebk6-btn a {
    height: 28px;
    margin-bottom: 10px;
}
.homebk12 .homebk8-ctn li a {
    height: 140px;
}
.homebk6-btn a.ckxq {
    background: #2dc5ff;
}
.homebk6-btn a.zdwz {
    background: #47e193;
}
.homebk8-ctn li a {
    display: block;
    width: 86px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
}
.homebk6-btn a {
    display: block;
    width: 80px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin: 0 5px;
    background: #999;
    font-size: 12px;
    transition: 0.3s;
}
.homebk12 .homebk8-ctn li p {
    overflow: hidden;
    text-align: center;
}
.homebk8-ctn li p {
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #abb0bd;
}
.homebk8-ctn li h3 {
    font-size: 15px;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*网址导航内容页*/
.sitesingle {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    position: relative;
}
.whitebg {
    background: #fff;
    box-shadow: 0 0 10px rgba(54,138,179,0.1);
    border-radius: 5px;
}
.mb20,.link-box {
    margin-bottom: 20px;
}
.link-box {
    padding: 0px;
}
.sitesingle::before, .sitesingle::after {
    content: '';
    animation: bgRotate 30s linear infinite;
    position: absolute;
    left: 50%;
    top: 280px;
    width: 198vw;
    height: 211vw;
    margin-left: -153vh;
    transform-origin: 50% 49%;
    opacity: .05;
    border-radius: 43%;
    z-index: 0;
    animation-duration: 30s;
    background-color: #08f;
}
/*网址详情*/
.sitesingle{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 16px;
    position: relative;
}
.sitesingle::before,.sitesingle::after{
    content: '';
    animation: bgRotate 30s linear infinite;
    position: absolute;
    left: 50%;
    top: 280px;
    width: 198vw;
    height: 211vw;
    margin-left: -153vh;
    transform-origin: 50% 49%;
    opacity: .05;
    border-radius: 43%;
    z-index: 0;
    animation-duration: 30s;
    background-color: #08f;
}
.sitesingle::after {
    border-radius: 45%;
    opacity:0.1;
}
.sitesingle-l{
    width: 100%;
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    padding:35px 25px;
    position:relative;
    z-index:99;
}
.sitesingle-img{
    width:300px;
    height:240px;
    padding:10px;
    background:rgba(0,0,0,0.05);
    margin-right:30px;
    box-shadow: 0 30px 20px -20px rgba(0,0,0,.15);
}
.sitesingle-img img {
    width:100%;
    height:100%;
}
.sitesingle-r{
    width:35%;
    padding:45px 25px;
    text-align:right;
    position:relative;
    z-index:99;
}
.sitesingle-r img{
    width:370px;
    height:220px;
    border-radius:5px;
}
.sitesingle-l .info{
    margin-top:10px;
    margin-bottom:15px;
}
.sitesingle-l .info p{
    color:#6b7386;
    line-height:2;
}
.sitesingle-l .info p a{
    color:#6b7386;
    margin-right:10px;
}
.sitesingle-l .info p a i{
    margin-right:3px;
}
.sitesingle-infopf{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    color: #6b7386;
    line-height: 2;
}
.appsingle .sitesingle-infopf p.star{
    margin-bottom:0;
    width:65px;
}
.appsingle .info{
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    align-items:center;
}
.appsingle .info .sitesingle-infopf{
    width:100%;
}
.sitesingle-info{
    width:calc(100% - 300px);
}
.appsingle .info p{
    display:block;
    width:40%;
    margin-right:25px;
}

.sitesingle-btn a{
    display: inline-block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-right:6px;
    background: #999;
    font-size: 12px;
    transition: 0.3s;
}
.sitesingle-btn a i{
    font-size:12px;
    margin-right:3px;
    transition: 0.2s;
}
.sitesingle-btn a.zdwz{
    background:#2dc5ff;
}
.sitesingle-btn a.sjck{
    background:#47e193;
    position:relative;
}
.sitesingle-btn a.sjck .sjckimg{
    position:absolute;
    top:50%;
    left:100px;
    transform:translateY(-50%);
    width:120px;
    height:120px;
    padding:6px;
    background:#eee;
    border-radius:5px;
    display:none;
}
.sitesingle-btn a.sjck .sjckimg:before{
    content:"";
    position:absolute;
    left:-19px;
    top:50%;
    transform:translateY(-50%);
    width:0;
    height:0;
    border-top:10px transparent solid;
    border-left:10px transparent solid;
    border-bottom:10px transparent solid;
    border-right:10px #eee solid;
}
.sitesingle-btn a.sjck:hover .sjckimg{
    display:block;
}
.sitesingle-btn a:hover i{
    margin-right:6px;
}
.sitesingle-btn a.sjck .sjckimg img{
    width:100%;
    height:100%;
}
.sitesingle-btn a:hover{
    box-shadow:0 0 10px rgb(54,138,179,0.1);
    color:#fff;
}

.booksingle .sitesingle-img {
    width: 210px;
    height: 290px;
}
.booksingle .sitesingle-l .info p{
    line-height: 2.3;
}
.booksingle-tj .homebk9-ctn li img {
    width: 140px;
    height: 190px;
}
.appsingle .sitesingle-img{
    width: 240px;
    height: 240px;
}
/* 网址导航搜索样式  background: url() no-repeat;*/
.site-warp {
    background-color: rgb(30, 31, 33);
    background-image: url(https://hao1.qhimg.com/dmfd/2500_420_75/t01da174e7d8b6c84d4.webp);
    margin-bottom: 20px;
    height: 380px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: -16px;
}
.site-search {
    max-width: 680px;
}
.site_tongji{
    color: #909399;
    /* font-size: 13px; */
    overflow: hidden;
    padding: 0 5px;
    font-weight: 100;
}
.site-search h3 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    letter-spacing: .5px;
    margin-bottom: 20px;
}
.site-search form {
    position: relative;
    border-radius: 4px 0px 0px 4px;
    display: flex;
    width: 100%;
    background: #fff;
}
.site-search input {
    border: 0;
    border-radius: 4px;
    height: 46px;
    text-indent: 10px;
    width: 100%;
    color: #666;
}
.site-search button {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: var(--b2color);
    border: 0;
    border-radius: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s;
}
.jitheme_search_add {
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    width: 80px;
    height: 36px;
    padding: 0;
    line-height: 38px;
    text-align: center;
    background: #00ce41;
    border: 0;
    border-radius: 4px;
    top: 0;
    bottom: 0;
    right: 5px;
    margin: auto;
    cursor: pointer;
    outline: none;
    transition: all .1s;
}
.b2-links-yl a:hover {
 color: #fff;
}
.site-search form i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #999;
    font-size: 22px;
    padding: 0 15px;
}
.search-tmenu {
    padding: 0;
    margin-bottom: 20px;
    text-align: center;
}
.search-tmenu li {
    display: inline-block;
    padding: 0 12px;
}
.search-tmenu li span {
    display: inline-block;
    color: #fff;
    cursor: pointer;
    padding-bottom: 10px;
    font-size: 14px;
}
.search-tmenu .active span {
    display: inline-block;
    position: relative;
    color: #fff;
}
.search-tmenu .active span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:4px;
    background: #fff;
    border-radius: 3px;
}
.search-bmenu {
    text-align: center;
}
.search-bmenu .on {
    color: #fff;
}
.search-item {
    cursor: pointer;
    margin: 0 10px;
    color:#fff;
    display: inline-block;
    font-size: 14px;
}
.subnav {
    margin-top: 15px;
}
.subnav-item {
    display: none;
}
.subnav .active {
    display: block!important;
}
.sousk{
    border: 5px solid rgb(255 255 255 / 18%);
    display: flex;
    
}
.b2-links-yl{
    border-radius: 0px 4px 4px 0px;
    right: 0;
    padding: 5px;
    /* margin-left: 10px; */
    background:#fff;
    line-height: 26px;
    text-align: center;
}
.jitheme_search{
    font-size: 14px;
    width: 80px;
    color: var(--b2color);
    display: block;
    flex: inherit; 
}
.b2-tab-links {
    width: 100px;
    border-radius: 8px;
    min-width: 100px;
    background-color: unset;
    padding-top: 0px;
    margin-left: -120px;
    position: absolute;
    box-shadow:unset;
}
.link-total-cat {
    font-size: 15px;
    text-align: center;
    margin-bottom: 0px;
    margin-right: 0px;
    border-radius: 5px 5px 0px 0px;
    padding: 10px;
    color: #fff;
    background-color: var(--b2color);
}
.b2-tab-links a.toc-link{
    margin: 0px;
}
/*网址导航侧栏图片*/
.jitop_gif {
    /*position: absolute;*/
    /*top: -50px;*/
    /*left: 25px;*/
    /*border: 0;*/
    /*padding: 0;*/
    /*width: 55px;*/
    /*height: auto;*/
    /*background: none;*/
    position: absolute;
    top: 30px;
    left: -65px;
    border: 0;
    padding: 0;
    width: 55px;
    height: auto;
    background: none;
}
.jitop_gif .icon-avatar {
    position: relative;
    z-index: 4;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    width: 85px;
    height: 150px;
    background: url(../../Assets/img/th.gif) no-repeat 0 0;
}
.home_row .dh-box .cat-box{
    font-size: 14px;
    font-weight: bold;
    padding:0 12px;
    height:30px;
    line-height: 30px;
}
.home_row .dh-box .link-title-left .cat-box{
    font-size: 16px;
    padding:0 15px;
}
.arrow {
    display: inline-block;
    display: inline;
    zoom: 1;
    z-index: 55;
    width: 18px;
    z-index: 5;
    height: 18px;
    margin-top: 20px;
    margin-left: 10px;
    background: url(../../Assets/img/arrow.png) no-repeat;
}
.home_row .link-img {
    width: 60px;
    height: 60px;
    min-width: 60px;
    display: block;
    margin-right: 18px;
    display: block;
    background-color: #fff;
    overflow: hidden;
    border-radius: 100%;
}
.home_row .link-top {
    font-weight: 700;
    font-size: 18px;
}
.home_row .link-top h2 {
    height: 30px;
    overflow: hidden;
    line-height: 2;
    font-size: 15px;
    color: initial;
}
/*网址导航 结束*/

/*签到弹窗 start*/
.Modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 203;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.Modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(18, 18, 18, 0.65);
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}

.CreatorVideoSupportModal {
  width: 400px;
}
.Modal--large {
  width: 536px;
}
.Modal {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 400px;
    max-height: calc(100vh - 48px);
    margin-right: auto;
    margin-left: auto;
    -webkit-box-shadow: 0 5px 20px rgba(18, 18, 18, 0.1);
    box-shadow: 0 5px 20px rgba(18, 18, 18, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height 0.8s ease;
    transition: max-height 0.8s ease;
    -webkit-animation: xutian-show 2s ease-in-out 0s 1 normal forwards;
}

.Modal-inner {
  overflow: auto;
  background: #fff;
  border-radius: 2px;
  border-radius: 10px;
}

.CreatorVideoSupportModal .Modal-content {
  margin-top: 0;
  padding: 0 0 24px;
}
.Modal-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  padding: 0 24px 32px;
  margin-top: 24px;
  line-height: 1.7;
  opacity: 1;
}

.CreatorVideoSupportModal-content,
.CreatorVideoSupportModal-decorateTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.CreatorVideoSupportModal-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.CreatorVideoSupportModal-decorateTitle {
  color: #fff;
  font-size: 24px;
  height: 33px;
  position: absolute;
  top: -24px;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  font-weight: 600;
  font-synthesis: style;
}
.CreatorVideoSupportModal-content,
.CreatorVideoSupportModal-decorateTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.CreatorVideoSupportModal-decorateTitle img {
  height: 7px;
  width: 44px;
}

.CreatorVideoSupportModal-confirm{
    display:flex;
    justify-content:center;
}

.CreatorVideoSupportModal-decorateTitleArrowLeft{
    /*background-image: url(//img.ahap.cn/file/ahap/image/background_title_arrow_left.fe8fdc16.png);*/
    height: 7px;
    width: 44px;
    background-size: contain;
    
}

.CreatorVideoSupportModal-decorateTitleArrowRight{
    /*background-image: url(//img.ahap.cn/file/ahap/image/background_title_arrow_left.fe8fdc16.png);*/
    height: 7px;
    width: 44px;
    background-size: contain;
    -webkit-transform: rotate(180deg);
}

.CreatorVideoSupportModal-decorateTitleText {
    height: 25px;
    width: 106px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    /*background-image: url(//img.ahap.cn/file/ahap/image/success.png);*/
    margin-left:10px;
    margin-right: 10px;
}

@keyframes xutian-show {
  0% {
    transform: rotateX(90deg);
  }

  8% {
    opacity: 1;
    transform: rotateX(-60deg);
  }

  18% {
    opacity: 1;
    transform: rotateX(40deg);
  }

  34% {
    opacity: 1;
    transform: rotateX(-28deg);
  }

  44% {
    opacity: 1;
    transform: rotateX(18deg);
  }

  58% {
    opacity: 1;
    transform: rotateX(-12deg);
  }

  72% {
    opacity: 1;
    transform: rotateX(9deg);
  }

  88% {
    opacity: 1;
    transform: rotateX(-5deg);
  }

  96% {
    opacity: 1;
    transform: rotateX(2deg);
  }

  100% {
    opacity: 1;
  }
}

.CreatorVideoSupportModal-title {
  font-size: 24px;
  line-height: 33px;
  margin-top: 60px;
  font-weight: 600;
  font-synthesis: style;
  text-align: center; 
}

.CreatorVideoSupportModal-text {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 16px;
}

.ModalButtonGroup--vertical {
  margin-top: 40px;
}

.CreatorVideoSupportModal .ModalButtonGroup--vertical .Button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ModalButtonGroup--vertical .Button {
  display: block;
  width: 220px;
  margin-right: auto;
  margin-left: auto;
}
.Button--primary.Button--blue {
  color: #fff;
  background-color: #0084ff;
}
.Button--blue {
  color: #0084ff;
  border-color: #0084ff;
}
.Button,
html[data-theme="dark"] .Button {
  color: #8590a6;
}
.Modal-wrapper .Button {
  display: inline-block;
  padding: 0 16px;
  font-size: 14px;
  line-height: 32px;
  text-align: center;
  cursor: pointer;
  background: none;
  border-radius: 3px;
}


.Modal-closeButton {
  position: absolute;
  top: 8px;
  right: -60px;
  padding: 12px;
}
.Button--link,
.Button--plain {
  height: auto;
  padding: 0;
  line-height: inherit;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.Button,
html[data-theme="dark"] .Button {
  color: #8590a6;
}

.Modal-closeIcon {
  vertical-align: top;
  fill: #fff;
}


.Modal-wrapper .background{
    /*background-image: url(//img.ahap.cn/file/ahap/image/background_blue.94450cd0.svg);*/
    max-width: 100%;
    height: auto;
    object-fit: cover;
    border: 0;
    vertical-align: text-top;
    width: 400px;
    height: 130px;   
}


.CreatorVideoSupportModal-liukanshanImage {
    left: 0;
    right: 0;
    top: 42px;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    position: absolute;
    background-size: contain;
    /*background-image: url(//img.ahap.cn/file/ahap/image/Goldcoins.svg);*/
}
/*签到弹窗 end*/

/*文章内页start*/
.w-d-meta p {
    position: relative;
    display: flex;
    align-items: center;
    line-height: 28px;
}

.w-d-meta p:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    background: url(../img/li-dian.svg);
    position: relative;
    margin-right: 8px;
    opacity: 0.65;
}
/*文章内页end*/
/*文章post*/
.item-post-style-3 .list-footer {
    color: #fff;
    border-top:none;
}
.item-post-style-3 .post-info, .item-post-style-6 .post-info{
    color: #fff!important;
}
/*角标 start*/
.jitheme_avatar_data{
    display: block!important;
}
/*.item-in:hover .post-module-thumb img {*/
/*    transform: scale(1.1);*/
/*}*/
.item-in .post-module-thumb img {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.post-list-meta-box {
    z-index: 2;
}
.post-list-meta li span i {
    margin-right: 5px;
    font-size: 15px;
}
.jitheme_cat .post-list-cat a:before {
    content: '#';
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-top: 5px;
    margin-right: 5px;
    color: var(--b2color);
    text-align: center;
    float: left;
    background: var(--b2lightcolor);
    border-radius: 50%;
    display: block;
    /* position: absolute; */
    left: 0;
}
.ap-item-meta .post-list-cat:before {
    content: '#';
    /* top: 2px; */
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-top: 1px;
    margin-right: 5px;
    color: var(--b2color);
    text-align: center;
    float: left;
    background: var(--b2lightcolor);
    border-radius: 50%;
    display: block;
    /* position: absolute; */
    left: 0;
}
.post-1 .post-list-cat a,.post-2 .post-list-cat a{
    font-size: 13px;
    width: fit-content;
    align-items: center;
}
a.post-list-cat-item {
    height: 25px;
    display: inline-block;
    line-height: 25px;
}
.item-post-style-3 .jitheme-post-info,.item-post-style-6 .jitheme-post-info{
    margin-top: 0px;
}
.item-post-style-3 .post-info,.item-post-style-6 .post-info {
    position: relative;
    z-index: 2;
    color: var(--key-color);
    overflow: unset;
    align-items: center;
}
.jitheme_data{
     color: var(--muted-color);
}
.jitheme_data_d{
    padding: 0px 5px;
}
.jitheme_avatar_data{
    color: var(--key-color);
}
.post-list-cat a{
    color: #b5b5b5!important
}
.list-footer {
    border-top: 0px solid rgba(255, 255, 255, 0.1);
}
.jitheme_cat_jb{
    display: flex;
    line-height: 25px;
    margin-top: -25px;
    height: 25px;
    position: relative;
    z-index: 2;
}
.qukuai_jb {
    position: absolute;
    top: 0px;
    right: -64px;
    z-index: 1;
    width: 150px;
    height: 22px;
    color: #fff;
    line-height: 25px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    font-size: 12px;
}
/*角标 end*/
/*角标CSS start*/
body .wxtheme_cat_jb{
    position:absolute;
    top:0;
    right:0;
    margin-top:0;
}
.post-1 .tipss,.meta-post-type,.post-2 .tipss{
    font-size: 13px;
    display: flex;
    width: fit-content;
    align-items: center;
    padding: 0px 8px;
    
}
.post-1 .tipss:last-child,.post-2 .tipss:last-child,.post-7 .tipss:last-child,.post-4 .tipss:last-child   {
    border-top-right-radius: var(--b2radius);
}
.tipss{
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.post-1 .tipss:first-child,.post-2 .tipss:first-child,.post-7 .tipss:first-child,.post-4 .tipss:first-child{
    border-bottom-left-radius: var(--b2radius);
}
.tipss i{
    margin-right: 5px;
    font-size: 13px;
    margin-top: 1px;
}
.yellow {
    background-color: var(--b2color);
}
/*角标CSS end*/
/*首页列表标题*/
.post-list .module-title{
    font-size:20px;
}
.picked.post-load-button span {
    color: #fff;
    background-color: var(--b2color)!important;
    border-radius: 5px;
}
.picked.post-load-button span:hover {
    font-weight: 700;
    color: #fff !important;
    opacity:.8;
}
.post-list-cats a span {
    font-size: 14px;
    border-radius: 5px;
}
/*评论区认证名称特效*/
.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
    }
}
.comment-auth-mod {
    width: 24px;
    cursor:default;
}
.comment-mod{
    color:#FFF;
    background-color:#10ddc2;
}
.comment-auth{
    color:#FFF;
    background-color:#fb7299;
}
/* 加载更多BUTTON美化 */
.post-list .load-more .post-load-button:hover {
    transform: translateY(-3px);
}
.post-list .load-more{
    background:transparent !important;
    box-shadow: none;
}
.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(#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%);
    color: #fff!important;
}
/*专辑美化*/
.collection-item {
    width: 25%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    /*overflow: hidden;*/
    transition: all .3s ease-in-out;
}
.picked.post-load-button span {
    position: relative;
    z-index: 1;
}
.collection-item:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}
.collection-posts li a.post-link {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
    color:var(--key-color);
}
.collection-number.ar {
    padding: 8px 8px;
    position: absolute;
    z-index: 2;
    left: -5px;
    top: 20px;
    font-size: 13px;
}
.collection-number {
    display: inline-block;
    color: #ff3a55;
    padding: 8px 16px;
    position: absolute;
    z-index: 2;
    background-color: #fff;
    font-size: 12px;
}
/*专题CSS*/
.jitheme_zt {
    padding: 0px 5px;
    margin-left: 10px;
    color: #fff;
    margin-top: 1px;
    text-align: center;
    position: absolute;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
}
.collection-button {
    width: 40px;
    height: 40px;
}
.collection-previous .flickity-button-icon, .collection-next .flickity-button-icon {
    width: 15px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
    top: 50%;
}
.jitheme_color {
    background:  var(--b2color);
}
.jitheme_zt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid var(--b2color);
    position: absolute;
    left: -4px;
    top: 3px;
}
/*圈子部分优化*/
.img-list-more li {
    width: 25%;
    padding: 5px;
}
.img-list-1 li {
    width: 25%;
}
.download-info li {
    font-size: 12px;
    width: 50%;
    margin-top: 15px;
}
.c-topic-list > div{
    display: flex;
    margin:5px 0px;
    padding:5px;
}
.c-topic-list > div:nth-child(even){
    background-color: #fafafa;
}
.cat-info{
    position: relative;
    top: 0;
    left: 0;
    text-align: left;
    text-shadow: none;
}
.nu-badge {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #939ba6;
    top: 18px;
    right: 5px;
    position: absolute;
}
.cat-info span a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 0px;
    padding-right: 30px;
}
.cat-info .mr-1 {
    margin: 0!important;
    padding: 15px 10px;
    display: block;
    text-align: center;
}
.coll-3-bottom li {
    width: 25%;
}
.coll-3-box-in {
    margin: 8px;
    padding: 0px;
    overflow: hidden;
    transition: all .3s ease-in-out;
}
.coll-3-box-in:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
}
.coll-3-bottom{
    padding: 5px;
}
.coll-3-top span {
    position: absolute;
    padding: 2px 12px;
    border-radius: 14px;
    left:10px;
    right: unset;
    top: 10px;
    color: #494B4D;
    display: block;
    font-size: 12px;
    color: #fff;
    background-color: var(--b2color)!important;
}
#video-list ul li h2 {
    font-size: 18px;
    padding: 24px;
    font-weight: 600;
}
/*创意广告 start*/
/*定位*/
.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: 5px;
}
/*触发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: 5px;
    bottom: 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;
    }
}
/*创意广告 end*/
/*圈子小工具*/
.widget .recommended-widget li a:before{
    content: "\eba3";
    font-family: 'b2font';
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    right: 30px;
    line-height: 20px;
    transition: .3s;
    
}
.widget .recommended-widget li:hover a{color:var(--b2color)}
.widget .recommended-widget li:hover a:before{color:var(--b2color);right:24px;transition: .3s;}
.post-6-jiehsao .info6fwq li i {
    color: var(--b2color);margin-right:8px;
}
/*标签*/
.post-pay-type {
    top: 10px;
    bottom: unset;
}
.jitheme_tags span{
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100px;
    padding:2px 5PX;
    font-size: 13px;
}
.tags_img{
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
}
.jitheme_tags .tags_1  {
     background-color: rgb(254 226 226/1);
     color: rgb(153 27 27/1)
}
.jitheme_tags .tags_2 {
     background-color: rgb(243 232 255/1);
     color: rgb(107 33 168/1);
}
.jitheme_tags .tags_3  {
     background-color: rgb(220 252 231/1);
     color: rgb(22 101 52/1)
}
.jitheme_tags .tags_4  {
     background-color:rgb(224 231 255 / 1);
     color: rgb(55 48 163 / 1)
}
.jitheme_tags .tags_5  {
     background-color: rgb(254 249 195/1);
     color: rgb(133 77 14/1)
}
.jitheme_tags span:hover {
     background-color: #1B1B1B;
     color: #FFF
}
.tags-page ul li a{
    border-radius: 20px;
}
.tags-page ul li a:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    /*border: 0;*/
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
}
.jitheme_tags img{
    width: 80px;
    height: 80px;
    margin-bottom: 10px;
    border-radius: 50%;
}
 .tags-page ul li h2{
    color: var(--key-color);
 }
 .tags-page ul li p{
    color: var(--muted-color);
 }
 /*列表菜单样式2*/
.ji-category-bg{
    margin-top: -217px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}
.ji-category-bg .title span{
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    margin-top: 30px;
    letter-spacing: 2px;
}
.ji-category-bg p{
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
}
.onecad-tax-title{
    overflow: hidden;
}
#jitheme_arc_b .bg{
    height: 220px;
    /*background-repeat: no-repeat;*/
    /*background-position: 50% center;*/
    /*overflow: hidden;*/
    /*background-size: 150%;*/
    /*-webkit-filter: blur(30px);*/
    /*filter: blur(30px);*/
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient(145deg, #20c3f2 0%, #7e39fb 100%);
}
.ji-catnav-wz {
    z-index: 1;
    position: relative;
    color: #fff;
    padding: 10px 0;
}
.ji-catnav-wz a{
    color: #fff;
    font-size: 15px;
}
.ji-catnav-wz a:hover{
    color: var(--b2color)!important;
}
#jitheme_arc_b .tax-info {
    z-index: unset;
    /*background-color:var(--main-bg-color);*/
    margin: 0px;
    padding: 20px 0px 20px 0px;
    justify-content: space-between;
}
#jitheme_arc_b  #filter-top {
    text-align: center;
    padding: 0px;
}

#jitheme_arc_b  #filter-top ul li {
    display: flex;
    padding: 0px;
    margin-bottom: 10px;
}
#jitheme_arc_b .filter-name {
    margin-right: 12px;
    color: #999;
    flex-shrink: 0;
    text-align-last: justify;
    max-width: 65px;
    width: 65px;
    margin-right: 10px;
    font-weight: bold;
    color: var(--key-color);
}
#jitheme_arc_b  #filter-top a {
    font-size:13px;
    border-radius: 5px;
    line-height:15px;
    display: inline-block;
    margin-right: 10px;
    height: 30px;
    line-height: 30px;
    margin: 5px 5px 5px 0px;
}
#jitheme_arc_b  .tax-search input {
    background: var(--body-bg-color);
    border-radius: 5px;
    padding: 7px 10px 7px 15px;
}
#jitheme_arc_b  .tax-search button {
    width: 33px;
}
#jitheme_arc_b .filter-items a:hover {
    color: #fff!important;
    background-color: var(--b2color)!important;
    border:unset;
}
#jitheme_arc_b  .filters-box > ul {
  padding: 0px 0 10px 0;
}
#jitheme_arc_b  .filter-items a {
    border:unset;
}
#jitheme_arc_b .jithem_ac {
    background-color: var(--main-bg-color);
    box-shadow: 0px 12px 23px 0px rgba(51,51,51,.082);
}
/*分类样式列表2菜单*/
.jitheme-category{
    font-size: 14px;
}
.jitheme_arc_sous {
    display: flex;
}
.jitheme-category .data span em{
    color: var(--b2color);
    font-weight: bold;
    font-style: inherit;
    margin-right: 5px;
}
.jitheme-category ul li{
    display: inline-block;
    margin-right: 20px;
    line-height: 40px;
}
.jitheme-category .data span {
    color: var(--key-color);
    font-size: 12px;
    margin-right: 20px;
}
.jitheme-category .data .ji-flex-1 span i.b2-hearts-line{
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
    margin-right: 5px;
    color: #ccc;
}
.jitheme-category .data .ji-flex-1 span i.b2-upload-fill{
    font-size: 15px!important;
    display: inline-block;
    transform: translateY(1px);
    margin-right: 5px;
    color: #ccc;
}
.jitheme-category .data .ji-flex-1 span i.b2-arrow-up-line{
    color:var(--b2color);
    margin-left: 3px;
    font-weight: bold;
}
.jitheme-category .jitheme_ac_vip a.vip{
    display: inline-block;
    width: 96px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    background: #f6f6f6;
}
.jitheme-category .jitheme_ac_vip a.vip:hover{
    background:var(--b2color);
    color: #fff;
}
.jitheme-category .tax-info-item .fliter-button:hover{
    background:var(--b2color);
    color: #fff;
}
.jitheme-category .jitheme_ac_vip a.upload{
    display: inline-block;
    width: 96px;
    height: 35px;
    line-height: 33px;
    margin-left: 10px;
    text-align: center;
    border: 1px solid var(--b2color);
    background:var(--b2color);
    color: #fff;
}
.jitheme-category .tax-info-item .fliter-button {
    background: #f6f6f6;
    padding: 7px 16px 7px 11px;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
}
.jitheme-category .data {
    margin-left:20px;
}
.jitheme-category .ji-ac-tags .vip {
    margin: 0px 10px;
}
.jitheme-category i {
    margin:0px 5px;
    font-weight: bold;
}
.jitheme-category .tax-info-item .fliter-button:hover i {
    color: #fff;
}
.jitheme-category .tax-info-item {
    margin-left: 0px;
}
/*搜索栏下方分类20230225*/
.poa .soft-cat-logo {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: 80px;
}
.poa .soft-cat-logo a {
        display: flex;
    padding: 0.5rem 0.8rem;
    flex-direction: column;
    color: #1D2129;
    align-items: center;
    max-height: 60px;
    font-size: 12px;
    position: relative;
}
.poa .soft-cat-logo a span {
    display: inline-block;
    width: 70px;
    height: 40px;
    border-radius: 0.42857143em;
    margin-bottom: 5px;
    background-size: contain;
    opacity: 0.8;
    position: relative;
    background-repeat: no-repeat;
}
.poa .soft-cat-logo a:hover span:before {
    opacity: 1;
}

.poa .soft-cat-logo a span:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid var(--b2color);
    bottom: -6px;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}
.poa .soft-cat-logo a em {
    display: none;
    position: absolute;
    bottom: -19px;
    padding: 4px 8px;
    font-size: 13px;
    color: #fff;
    background: var(--b2color);
    border-radius: 4px;
}

.poa .soft-cat-logo a:hover em {
    display: inline-block;
}
.poa .soft-cat-logo a:hover span {
    opacity: 1;
    overflow: visible;
}
/*分类页CSS*/
.tax-header{
    margin-top: -15px;
}
.tax-info-item-jitheme {
    margin-right: 0px;
    display: flex;
    align-items: center;
}
.tax-header .tax-info {
    z-index:unset; 
}
.tax-info-item-jitheme .fliter-button {
    border: 0;
    font-size: 14px;
    padding:7px 16px;
    display: block;
    box-shadow: 0px 0px 2px rgb(98 124 153 / 10%);
    color: var(--key-color);
    background-color: var(--float-btn-bg);
    border-color: #f8f9fa;
}
.mg-t- {
    margin-bottom: 16px;
}
/*自定义分类*/
.jitheme_item {
    width:100%;
    height: 100%;
    overflow: hidden;
    margin-right: 12px;
}
.jitheme_mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.384);
    font-size: 15px;
    font-family: PingFangSC-Medium,PingFang SC;
    color: #fff;
    bottom: 0px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color .2s;
}
.jitheme_mask:hover {
    background-color:var(--b2color);
}
.jitheme_mask:hover .jitheme_mask_badge {
    background-color: #fff;
    color: var(--b2color);
}
.jitheme_mask_badge {
    font-size: .75em;
    font-weight: 400;
    line-height: 1;
    margin: 0 .25em;
    color: #fff;
    background-color: var(--b2color);
    text-align: center;
    border-radius: 4px;
    padding: 2px 3px 3px 3px;
    right: 0;
    position: absolute;
    transform: translate(0,-50%);
    background-clip: padding-box;
    top: 10px;
}
/*网讯主题分类样式*/
.Jitheme_wrapper{
    background-color: var(--main-bg-color);
    margin-bottom: 16px;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
}
.filter-name{
    margin-right: 12px;
    color: #999;
    flex-shrink: 0;
    text-align-last: justify;
    max-width: 65px;
    width: 65px;
    margin-right: 20px;
}
#jitheme-filter-top {
    font-size: unset;
    overflow: hidden;
}
.jitheme_item .picture >img {
    height: 60px;
    width:100%;
}
#filter-top a{
   font-size: 16px; 
}
#jitheme-filter-top a{
   font-size: 14px; 
}
#jitheme-filter-top ul li {
    align-items: stretch!important;
    display: flex;
}
#filter-top ul li {
    display: unset;
    padding: 0px;
    align-items: baseline;
    margin-bottom: 0px;
}
#filter-top {
    text-align: center;
}
.jitheme-items li{
    margin-right: 35px;
    font-size: 15!important;
}
.filter-item a{
    display: inline-block;
    line-height: 20px;
    height: 20px;
    margin: 10px 35px 0px 0px;
    cursor: pointer;
}
.filter-item a:hover,.jitheme_fl a:hover{
    color:var(--b2color);
    font-weight: 400;
}
.filter-item .current{
    color:var(--b2color);
    cursor: pointer;
    font-weight: 600;
}
.filter-item span img{
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 5px;
    vertical-align: text-top;
}
.filter-item span{
    display: flex;
}
.onecad-fenlei {
    padding-top: 20px;
    background-color: var(--main-bg-color);
    
}
.jitheme-fenlei {
    padding: 0px 20px;
    background-color: var(--main-bg-color);
    margin-bottom: 20px;
}
.onecad-fenlei li,.jitheme-fenlei li{
    /* padding-right: 40px; */
    color: #424866;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}
.jitheme-items{
    display: flex;
}
.archive_title {
    position: absolute!important;
    margin-top: -120px;
}
/*.onecad-tax-title .bg:before {*/
/*    content: '';*/
/*    background-image: url(https://ritheme.com/wp-content/themes/ritheme-v2/assets/img/pattern.png);*/
/*    height:120px;*/
/*    width: 100%;*/
/*    opacity: .3;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    transition: opacity 1s cubic-bezier(0.77, 0, 0.175, 1);*/
/*}*/
.onecad-fenlei li .current{
    color: var(--b2color)!important;
    font-weight: 600;
    position: relative;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 3px solid var(--b2color);
}
.filter-item .current{
    color: var(--b2color)!important;
    font-weight: 600;
    position: relative;
    padding-bottom: 25px;
    position: relative;
    border-bottom: 2px solid var(--b2color);
}
/*.onecad-fenlei li .current:after {*/
/*    position: absolute;*/
/*    content: "";*/
/*    display: block;*/
/*    width: 15px;*/
/*    height: 2px;*/
/*    background: var(--b2color);*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/
.jitheme-items a{
    line-height: 40px;
    padding: 8px 0px;
}
.jitheme-items li .current:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--b2color);
    border-radius: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5;
}
.jitheme_ico_new{
    display: inline-block;
    position: absolute;
    right: -15px;
    top: -7px;
    line-height: 16px;
    padding: 0 4px;
    background: var(--b2color);
    border-radius: 10px 2px 10px 2px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
}
#filter-top .filter-item{
    justify-content: center;
}
.jitheme_ax_jb{
    position: relative;
    margin-top: -40px;
    left: 20px;
    font-size: 12px;
    color:  var(--b2color)!important;
}
.jitheme_xx{
    color:var(--key-color);
    line-height: 40px;
    padding-right: 25px;
}
/*.filter-items {*/
/*    justify-content: center;*/
/*}*/
.jitheme_ico ,.filter-items span img{
    padding-right: 4px;
}
.term-title{
    max-width:320px;
    width: 320px;
    padding: 8px 0px;
    font-size: 12px;
    color:  var(--key-color);
    text-align: center;
    font-weight: 600;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: relative;
    margin-right: 25px;
    border-radius: 3px;
}
.filter-items span{
    display: flex;
}
.filter-items span i{
    font-size: 18px;
}
.tax-search button {
    right: 0;
    left:unset ;
}
.tax-search button{
    width: 84px;
    height: 33px;
    background:var(--body-bg-color);
    border-radius: 24px;
    position: absolute;
    right: 0;
     top: 0; 
    cursor: pointer;
    width: 64px;
     color: #fff; 
     display: flex; 
     flex-direction: row; 
     align-items: center; 
     justify-content: center; 
}
.tax-search button i {
    color:  var(--key-color);
}
.tax-search input {
    background: var(--body-bg-color);
    border-radius: 24px;
}
.tax-info-item-jitheme .fliter-button {
    margin-left: 20px;
}
.widget-post:hover .b2-widget-post-title h2 {
    text-decoration: none;
    color:var(--b2color);
}
/*文章聚合小工具背景图*/
body .box.b2-widget-hot {
    background-image: url(../../Assets/img/uisdc-widget-news.jpg) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transition: all .2s;
    box-shadow: 8px 8px 16px rgb(67 71 82/15%),-8px -8px 16px #ff,inset 0px 0px 4px rgb(255 255 255/20%),inset 7px 7px 15px rgb(55 84 170/0%),inset -7px -7px 20px rgb(255 255 255/0%),0px 0px 4px rgb(255 255 255/0%);
    transition: box-shadow .25s ease,-webkit-box-shadow .25s ease;
}
body .box.b2-widget-hot .b2-widget-post-thumb-img  {
    border-radius: var(--b2radius);
    flex-shrink: 0;
    overflow: hidden;
}
body .box.b2-widget-hot .b2-widget-post-thumb-img img {
    width: 100%;
    height: 100%;
    transition: .3s
}
body .box.b2-widget-hot .widget-post:hover .b2-widget-post-thumb-img img {
    transform: scale(1.1)
}
/*鼠标特效*/
.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden
}

.cursor-inner {
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;
    z-index: 10000001;
    background: #ffa9a4;
    -webkit-transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out;
    transition: width .3s ease-in-out,height .3s ease-in-out,margin .3s ease-in-out,opacity .3s ease-in-out
}

.cursor-inner.cursor-hover {
    margin-left: -18px;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    background: #ffa9a4;
    opacity: .3
}

.cursor-outer {
    /* margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border: 2px solid #ffa9a4; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 10000000; opacity: .5; -webkit-transition: ALL .08s ease-out; transition: ALL .08s ease-out */
}

.cursor-outer.cursor-hover {
    opacity: 0
}

.main-wrapper[data-magic-cursor=hide] .mouse-cursor {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1111
}
.site-footer .b2-widget-title h2:before{
    display:none;
}
.verify-button {
    position: relative;
    z-index: 100;
}

.red {
    padding: 0px 5px;
    color: #ff3355
}

.green {
    padding: 0px 5px;
    color: green
}

.jianma_btn {
    display: inline-block;
    font-weight: 400;
    color: #fff!important;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 3px 5px;
    font-size: 12px;
    line-height: 20px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.entry-content a:hover {
    text-decoration: none!important
}

.jitheme {
    transition: opacity .15s linear
}

.btn-primary {
    color: #fff!important;
    background-color: #536de6;
    border-color: #536de6
}

.btn-primary:hover {
    color: #fff!important;
    background-color: #3251e1;
    border-color: #2647e0
}

.btn-secondary {
    color: #fff!important;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff!important;
    background-color: #5a6268;
    border-color: #545b62
}

.btn-success {
    color: #fff!important;
    background-color: #10c469;
    border-color: #10c469
}

.btn-success:hover {
    color: #fff!important;
    background-color: #0da156;
    border-color: #0c9550
}

.btn-info {
    color: #fff!important;
    background-color: #35b8e0;
    border-color: #35b8e0
}

.btn-info:hover {
    color: #fff!important;
    background-color: #20a6cf;
    border-color: #1e9dc4
}

.btn-info.focus,.btn-info:focus {
    color: #fff!important;
    background-color: #20a6cf;
    border-color: #1e9dc4;
    box-shadow: 0 0 0 .2rem rgba(83,195,229,.5)
}

.btn-warning {
    color: #631c00;
    background-color: #f9c851;
    border-color: #f9c851
}

.btn-warning:hover {
    color: #631c00;
    background-color: #f8bc2c;
    border-color: #f7b820
}

.btn-warning.focus,.btn-warning:focus {
    color: #631c00;
    background-color: #f8bc2c;
    border-color: #f7b820;
    box-shadow: 0 0 0 .2rem rgba(227,174,69,.5)
}

.btn-danger {
    color: #fff!important;
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.btn-danger:hover {
    color: #fff!important;
    background-color: #ff3535;
    border-color: #ff2828
}

.btn-danger.focus,.btn-danger:focus {
    color: #fff!important;
    background-color: #ff3535;
    border-color: #ff2828;
    box-shadow: 0 0 0 .2rem rgba(255,116,116,.5)
}

.btn-danger.disabled,.btn-danger:disabled {
    color: #fff!important;
    background-color: #ff5b5b;
    border-color: #ff5b5b
}

.btn-light {
    color: #631c00;
    background-color: #ff3355;
    border-color: #ff3355
}

.btn-light:hover {
    color: #631c00;
    background-color: #ff3355;
    border-color: #ff3355
}

.btn-dark {
    color: #fff!important;
    background-color: #323a46;
    border-color: #323a46
}

.btn-dark:hover {
    color: #fff!important;
    background-color: #222830;
    border-color: #1d2128
}

.collapse:not(.show) {
    display: none
}

.alert {
    position: relative;
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert h4,.alert h5 {
    line-height: 1.2;
    margin: 0 0 15px;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: .875rem
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 4rem
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0
}

.close {
    float: right;
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    height: 100%;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5
}

.alert-dismissible .close {
    position: absolute;
    top: -3px;
    right: 0;
    z-index: 2;
    padding: 0.4rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #2b3978;
    background-color: #dde2fa;
    border-color: #cfd6f8
}

.alert-primary hr {
    border-top-color: #b9c3f5
}

.alert-primary .alert-link {
    color: #1e2752
}

.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: #086637;
    background-color: #cff3e1;
    border-color: #bceed5
}

.alert-success hr {
    border-top-color: #a8e9c8
}

.alert-success .alert-link {
    color: #04371e
}

.alert-info {
    color: #1c6074;
    background-color: #d7f1f9;
    border-color: #c6ebf6
}

.alert-info hr {
    border-top-color: #b0e3f3
}

.alert-info .alert-link {
    color: #123e4b
}

.alert-warning {
    color: #81682a;
    background-color: #fef4dc;
    border-color: #fdf0ce
}

.alert-warning hr {
    border-top-color: #fce9b6
}

.alert-warning .alert-link {
    color: #5b491d
}

.alert-danger {
    color: #852f2f;
    background-color: #ffdede;
    border-color: #ffd1d1
}

.alert-danger hr {
    border-top-color: #ffb8b8
}

.alert-danger .alert-link {
    color: #5f2222
}

.alert-light {
    color: #73797f;
    background-color: #f8fafd;
    border-color: #f5f9fc
}

.alert-light hr {
    border-top-color: #e1edf6
}

.alert-light .alert-link {
    color: #5b6064
}

.alert-dark {
    color: #1a1e24;
    background-color: #d6d8da;
    border-color: #c6c8cb
}

.alert-dark hr {
    border-top-color: #b9bbbf
}

.alert-dark .alert-link {
    color: #050506
}

.m-1 {
    margin: 5px!important
}

.mt-1,.my-1 {
    margin-top: 5px!important
}

.mr-1,.mx-1 {
    margin-right: 5px!important
}

.mb-1,.my-1 {
    margin-bottom: 5px!important
}

.ml-1,.mx-1 {
    margin-left: 5px!important;
}

.m-2 {
    margin: 5px!important
}

.mt-2,.my-2 {
    margin-top: 5px!important
}

.mr-2,.mx-2 {
    margin-right: 5px!important
}

.mb-2,.my-2 {
    margin-bottom: 5px!important
}

.ml-2,.mx-2 {
    margin-left: 5px!important
}

.m-3 {
    margin: 10px!important
}

.mt-3,.my-3 {
    padding-top: 10px!important
}

.mr-3,.mx-3 {
    margin-right: 10px!important
}

.mb-3,.my-3 {
    margin-bottom: 10px!important
}

.ml-3,.mx-3 {
    margin-left: 10px!important
}

.m-4 {
    margin: 15px!important
}

.mt-4,.my-4 {
    margin-top: 15px!important
}

.mr-4,.mx-4 {
    margin-right: 15px!important
}

.mb-4,.my-4 {
    margin-bottom: 15px!important
}

.accordion-button {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    font-size: 14px;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 0.9375rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    -webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease,-webkit-box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .accordion-button {
        -webkit-transition: none;
        transition: none
    }
}

.accordion .accordion-button {
    text-align: left
}

.accordion.accordion-icon .accordion-header {
    position: relative;
    margin: 0
}

.accordion.accordion-icon .accordion-header .accordion-button {
    background: transparent;
    font-size: 13px;
    border: none
}

.accordion.accordion-icon .accordion-header .accordion-button:after {
    content: "";
    background: #24292d !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9
}

.accordion.accordion-icon .accordion-header .accordion-button:before {
    content: "";
    background: #24292d !important;
    width: 10px;
    height: 2px;
    display: block;
    position: absolute;
    top: 47%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    z-index: 9
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=false]:after {
    -webkit-transform: rotateZ(90deg);
    transform: rotateZ(90deg)
}

.accordion.accordion-icon .accordion-header .accordion-button[aria-expanded=true]:before {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg)
}

.accordion.accordion-icon .accordion-collapse {
    border: none;
    background-color: #f8fafd;
    font-size: 13px
}

.accordion.accordion-icon .accordion-body {
    padding: 0.2rem 0.5rem 0.5rem 1rem
}

.accordion.accordion-bg-light .accordion-item {
    border: none;
    background-color: transparent
}

.accordion.accordion-bg-light .accordion-button {
    background-color: #cff3e1!important;
    color: #086637 !important;
    padding: .65rem 1.25rem
}

.accordion.accordion-bg-light .accordion-button:after {
    background: #24292d !important
}

.accordion.accordion-bg-light .accordion-button:before {
    background: #24292d !important
}

.accordion.accordion-bg-light .accordion-button:not(.collapsed) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

@media (max-width: 575.98px) {
    .accordion-icon .accordion-body {
        padding:0.6rem 0.5rem 0.5rem 0.5rem !important
    }

    .accordion-header .accordion-button {
        padding-left: 1.3rem !important
    }
}

/*网站动态样式*/
#jithemeid_box a {
    display: flex;
    margin-left: 5px
}

#jithemeid_box .green {
    padding: 0px 5px 0px 0px
}

#jithemeid_box .new_span {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 450px
}

#jitheme_new_ht.swiper-dynamic {
    margin-top: 16px;
    font-size: 14px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-bottom: 16px
}

#jitheme_new_ht .float-right {
    float: right!important;
    line-height: 25px;
    width: 50%;
    text-align: right
}

#jitheme_new_ht img {
    width: 48px
}

#jitheme_new_ht .badge {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    margin: 0px;
    color: #6c757d;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: 15px;
    background-color: #f5f8fa
}

#jitheme_new_ht .float-left {
    display: flex;
    width: 50%
}

#jitheme_new_ht.swiper-dynamic .scroll-dynamic {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    display: flex;
    max-width: 100%
}

#jitheme_new_ht.swiper-dynamic .scroll-dynamic ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#jitheme_new_ht .badge-danger {
    background-color: var(--b2lightcolor);
    color: var(--b2color);
    height: 25px;
    line-height: 25px;
    margin-right: 0px;
    padding: 0px 5px;
    border-radius: 5px;
    min-width: 90px
}

#jitheme_new_ht.swiper-dynamic .scroll-dynamic ul li {
    height: 25px;
    padding-left: 0;
    line-height: 25px;
    list-style: none;
    line-height: 25px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#jitheme_new_ht .jitheme_text {
    color: var(--b2color)
}

#jitheme_new_ht .jitheme_text_sx {
    font-size: 13px;
    margin: 0px 5px
}

#jitheme_new_ht .jitheme_text_sx i {
    font-size: 13px;
    margin-right: 5px
}

#jitheme_new_ht .jitheme-toggle i {
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
    margin-right: 16px
}

@media (max-width: 768px) {
    #jitheme_new_ht.swiper-dynamic .scroll-dynamic {
        max-width:100%;
        font-size: 13px
    }
}

#jitheme_new.plate-news {
    padding: 32px 10px
}

#jitheme_new.plate-news .swiper-container {
    margin: 0
}

#jitheme_new.plate-news .swiper-container {
    width: calc(33.33333% - 16px);
    height: 80px;
    margin: 0px 16px;
    display: flex
}

#jitheme_new .news-item {
    height: 80px !important;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    padding: 16px;
    float: left
}

#jitheme_new .news-item.orange {
    background: rgba(230,125,97,0.08)
}

#jitheme_new .news-item.blue {
    background: rgba(63,140,255,0.08)
}

#jitheme_new .news-item.green {
    background: rgba(70,198,158,0.08)
}

#jitheme_new .news-item .avatar {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    margin-right: 10px
}

#jitheme_new .news-item h6 {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    font-weight: normal
}

#jitheme_new .news-item h6 .new_name {
    margin-right: 10px
}

#jitheme_new .news-item h6 em {
    margin-left: 8px;
    display: inline-block
}

#jitheme_new .news-item.green h6 em {
    margin-right: 35px
}

#jitheme_new .news-item.orange h6 em {
    color: rgba(230,125,97,1)
}

#jitheme_new .news-item.blue h6 em {
    color: rgba(63,140,255,1)
}

#jitheme_new .news-item.green h6 em {
    color: rgba(70,198,158,1)
}

#jitheme_new .news-item h6 i {
    font-size: 12px;
    color: #91929E;
    line-height: 22px;
    right: 20px;
    position: absolute
}

#jitheme_new .news-item p,#jitheme_new .news-item a {
    font-size: 12px;
    color: #91929E;
    line-height: 17px;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block
}

#jitheme_new .jitheme_text {
    color: var(--b2color)
}

#jitheme_new .jitheme_text_sx {
    font-size: 12px;
    margin: 0px 5px
}

#jitheme_new .jitheme_text_sx i {
    font-size: 12px;
    margin-right: 5px
}

#jitheme_new .news-item .num {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 20px;
    bottom: 15px;
    z-index: 1;
    line-height: 18px;
    height: 18px;
    padding: 0 6px;
    border: 2px solid #fff;
    border-radius: 12px;
    display: inline-block;
    box-sizing: content-box
}

#jitheme_new .news-item.orange .num {
    background: rgba(230,125,97,1)
}

#jitheme_new .news-item.blue .num {
    background: rgba(63,140,255,1)
}

#jitheme_new .news-item.green .num {
    background: rgba(70,198,158,1)
}

.c-topic-list {
    margin: 16px 0px
}

#Jitheme_message .swiper-wrapper {
    position: relative;
    z-index: 1;
    display: flow-root;
    transition-property: transform;
    box-sizing: content-box
}

#Jitheme_message.swiper {
    overflow: hidden;
    /*height: 240px;*/
    height: 260px;
    position: fixed;
    max-width: 100%;
    z-index: 6
}

#Jitheme_message .swiper-slide {
    flex-shrink: 0;
    width: auto;
    height: 32px;
    position: relative;
    transition-property: transform
}

#Jitheme_message li {
    list-style-type: none
}

#Jitheme_message li >div {
    display: flex;
    border-radius: 5px;
    color: #fff;
    margin-right: 25px;
    padding: 0px 5px 0px 5px;
    clear: both;
    font-size: 13px;
    justify-content: flex-end;
    height: 30px;
    line-height: 30px
}

#Jitheme_message li i {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 13px
}

#Jitheme_message .info_zianv {
    text-decoration: underline;
    font-weight: 600;
    color: #fff
}

#Jitheme_message .info_zianv:hover {
    color: #fff!important
}

#Jitheme_message .info_zianv_v {
    text-decoration: underline;
    font-weight: 600;
    color: #fff;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#Jitheme_message li a:first-child {
    margin-right: 3px;
    margin-top: 5px
}

#Jitheme_message li a {
    color: #fff !important
}

#Jitheme_message li .red {
    text-decoration: underline;
    font-weight: 600;
    color: #fff;
    padding: 0px 5px
}

#Jitheme_message li .green {
    font-weight: 600;
    color: #fff;
    padding: 0px 5px
}

#Jitheme_message li a:last-child,#Jitheme_message li a:last-child font {
    color: #fff !important
}

#Jitheme_message li a:last-child n {
    text-decoration: underline;
    margin: 0 3px
}

#Jitheme_message li img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    vertical-align: inherit;
    margin-top: 5px
}

#Jitheme_message.swiper {
    right: 35px;
    bottom: 30px
}

#Jitheme_message li >div {
    float: right
}

@media screen and (max-width: 768px) {
    #Jitheme_message {
        display:none
    }
}

#jitheme_new .post-list-meta-avatar img {
    margin-top: 3px
}

#jitheme_new .author-name {
    font-size: 15px;
    color: var(--key-color);
    margin-bottom: 5px;
    display: flex;
    white-space: nowrap
}

#jitheme_new .author-name .uname,.author-name b {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis
}

#jitheme_new .author-name .long-label {
    display: flex;
    justify-content: center;
    align-items: center
}
#jitheme_new .author-name .long-label i{
    position:relative;
    right:0;
    top: -4px;
}

#footer_tsk .vip-login-tip {
    position: relative;
    box-sizing: border-box;
    padding: 18px 10px 22px 20px;
    width: 400px;
    height: 175px;
    border-radius: 12px;
    background-color: var(--main-bg-color);
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 130px;
    box-shadow: 0 0 30px rgba(0,0,0,.1)
}

#footer_tsk .vip-login-countdown-row {
    display: flex;
    align-items: center
}

#footer_tsk .vip-login-countdown-row i {
    color: var(--b2color);
    font-size: 18px
}

#footer_tsk .vip-login-countdown-row .countdown-lable {
    margin: 0 3px 0 4px;
    font-size: 14px;
    line-height: 16px
}

#footer_tsk .vip-login-countdown-row .counddown-wrap {
    font-size: 14px
}

#footer_tsk .vip-login-title {
    width: 218px;
    margin: 10px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word!important;
    word-break: break-all;
    line-break: anywhere;
    -webkit-line-clamp: 1
}

#footer_tsk .vip-login-subtitle {
    width: 218px;
    color: var(--text2);
    font-size: 14px;
    line-height: 20px;
    display: -webkit-box;
    color: #8e8e8e;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word!important;
    word-break: break-all;
    line-break: anywhere;
    -webkit-line-clamp: 1
}

#footer_tsk .vip-login-btn {
    margin-top: 10px;
    display: inline-block;
    height: 40px;
    width: 160px;
    line-height: 40px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    background-color: var(--b2color);
    transition: background-color .3s,color .3s;
    font-weight: 600;
    cursor: pointer
}

#footer_tsk .close {
    position: absolute;
    top: 0px;
    right: 7px;
    cursor: pointer
}

#footer_tsk.Ji-row {
    position: fixed;
    bottom: 30px;
    right: 60px;
    z-index: 10;
    display: flex;
    justify-content: right
}

#footer_tsk .vip-login-countdown-row .counddown-wrap span {
    display: inline-block;
    margin: 0px 4px;
    width: 20px;
    font-size: 13px;
    height: 18px;
    color: var(--b2color);
    border-radius: 5px;
    text-align: center;
    line-height: 18px;
    font-weight: 500px;
    background: var(--b2lightcolor)
}