.page-id-2776 .panel-header {
    display: none;
}

.page-id-2776 .separator:after {
    content: "\f054";
    background: rgb(0 0 0 / 0%);
    vertical-align: middle;
    height: 15px;
    display: inline-block;
    margin: 0;

}

.panel-header.mb-4 {
    background-image: linear-gradient(182deg, rgb(232 245 253 / 82%) 0px, rgb(241 241 241 / 28%) 100%);
    border-radius: 6px;
    padding: 0.5rem;
    /* box-shadow: 0px 4px 2px 1px rgb(237 237 237);*/
    margin-bottom: 2.5rem !important;
}

/*点赞*/
.post-like {
    text-align: center;
    padding: 10px
}

.post-like a {
    width: 68px !important;
    height: 34px !important;
    border-radius: 8%;
    color: #0066cc;
    float: left;
    text-align: center;
    line-height: 34px;
    font-size: 12px;
    cursor: pointer;
    list-style: none;
    padding: 0;
    text-decoration: none;
    outline: none
}

.post-like a.done,
.post-like a:hover {
    background-color: #0066CC;
    color: #fff;
    transition: all 0.3s;

}

.post-like a.done {
    cursor: not-allowed
}

/*海报*/
.haibai {
    display: flex;
    align-items: center;
    justify-content: center;
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: 0;
    background: transparent;
    -webkit-font-smoothing: antialiased;
}

body .haibai li {
    width: 70px !important;
    height: 36px !important;
    border-radius: 8%;
    border: 1px solid #0066cc;
    color: #0066cc;
    float: left;
    text-align: center;
    line-height: 36px;
    margin: 20px 5px;
    font-size: 12px;
    /* font-weight: 600; */
    cursor: pointer;
    list-style: none;
    padding: 0;
}

.haibai li:hover {
    background-color: #0066CC;
    color: #fff;
    transition: all 0.3s;
}

@font-face {
    font-family: "socialshare";
    src: url("../fonts/iconfont.eot");
    src: url("../fonts/iconfont.eot") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")
}


.kkok_bj {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kkok_bj ul li:before {
    display: none;
    content: " ";
}

body .kkok_bj li {
    width: 70px !important;
    height: 36px !important;
    /*border-radius:50%;*/
    border: 1px solid #0066cc;
    color: #0066cc;
    float: left;
    text-align: center;
    line-height: 36px;
    margin: 20px 5px;
    font-size: 12px;
    /* 	font-weight:600; */
    cursor: pointer;
    list-style: none;
    padding: 0;
}

.kkok_bj li:hover {
    background-color: #0066CC;
    color: #fff;
    transition: all 0.3s;

}

.haibaokj,
.websitebox_box-1,
.websitebox_box-2 {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 99999;
    max-width: 100% !important;
    height: 100%;
    color: #111;
}

.haibaokj1,
.haibaokj1-1,
.haibaokj1-2 {
    width: 350px;
    height: auto;
    background-color: #fff;
    position: fixed;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    /*box-shadow: 10px 10px 10px;*/
    box-shadow: 0px 0px 20px;
}

.haibaokj1-1,
.haibaokj1-2 {
    padding: 10px;
}

.haibaokj1-1 {
    margin-top: 0 !important;
}

.haibaokj1 span,
.haibaokj1-1 span,
.haibaokj1-2 span {
    float: right;
    cursor: pointer;
}

.haibaokj1 h3,
.haibaokj1-1 h3,
.haibaokj1-2 h3 {
    display: inline-block;
    width: 100%;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
}

.kkok_wenzitishi {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
}

.haibaokj_chakan {
    position: absolute;
    overflow: hidden;
    bottom: -52px;
    left: 50%;
    width: 32px;
    height: 32px;
    padding: 5px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%);
}

.haibaokj1-1,
.haibaokj1-2 {
    padding: 10px 8px;
}

.haibaokj1 {
    min-height: 394px;
    width: 350px;
}

.haibaokj1 img {
    height: auto;
    vertical-align: top;
}

.kkok_hbwenzitishi {
    display: none;
    margin-top: 4px;
    margin-bottom: 12px;
}

.kkok_hbwenzitishi a {
    padding: 5px 10px;
    margin-right: 10px;
    color: #0066cc;
    font-size: 13px;
    display: inline-block;
    border: 1px solid #0066cc;
}

@media screen and (max-width:750px) {
  .linkdabukai{
        display: none;
    }
    .haibaokj1,
    .haibaokj1-1,
    .haibaokj1-2 {
        /*	width:80%;*/
        left: 50%;
    }
}

/*页脚图标*/
#footer-tools .btn {
    background: rgb(255 255 255 / 92%);
    border-radius: 10% !important;
}

/* 自助广告位宽 */
.auto-ad-url .card {
    max-width: 100% !important;
}

@media (min-width: 768px) {

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: 0.1rem !important;
        width: 97.5%;
        padding-left: 175px;
    }
}

/*搜索框下方图标大小*/
.iclg i {
    font-size: 1.555rem;
    padding-top: 10px;
}

.header-big:not(.no-bg) .text-muted,
.header-big:not(.no-bg) .search-type .menu-item a,
.header-big:not(.no-bg) .big-title .h1 {
    line-height: 1.5rem;
}

#search-text:focus {
    border: 2px solid #7CB8FF;
}

#search-text:hover {
    border: 2px solid #2D8CF0;
}

/* 左侧导航栏背景颜色 */

.sidebar-nav-inner {
    backdrop-filter: saturate(5) blur(40px);
    background: var(--header-bg);
}

.io-black-mode .sidebar-nav-inner {
    background: rgb(9 9 9 / 80%);
    box-shadow: 0 0 2rem 0 rgb(41 48 66 / 10%) !important;
}

.sidebar-popup div {
    backdrop-filter: saturate(5) blur(40px);
    background: var(--header-bg);

}

.sidebar-popup.sidebar-menu-inner ul {
    backdrop-filter: saturate(5) blur(40px);
    background: var(--header-bg);
}

.io-black-mode .header-big.bg-gradual:before,
.io-black-mode .header-big.bg-gradual:after {
    background-image: linear-gradient(to top, #1b1d1f 0%, transparent 29%)
}

.header-big.bg-gradual:after {
    background-image: linear-gradient(to top, #f9f9f9 0%, transparent 35%)
}

.io-grey-mode .sidebar-popup div {
    background: var(--header-bg);
    backdrop-filter: saturate(5) blur(40px);
}

.io-grey-mode .sidebar-nav,
.io-grey-mode .sidebar-popup.sidebar-menu-inner ul {
    background: var(--header-bg);
    backdrop-filter: saturate(5) blur(40px);
}

.big-header-banner.header-bg .page-header {
    background: rgb(255 255 255 /80%);
    backdrop-filter: saturate(5) blur(40px);


}


.navbar-collapse ul li ul {
    background: rgb(255 255 255 / 80%);
    backdrop-filter: saturate(5) blur(40px);
}

.io-grey-mode .sidebar-logo {
    background: rgb(255 255 255 / 0%);
}

.sidebar-popup div {
    backdrop-filter: saturate(5) blur(40px);
    background: var(--header-bg);

}

.sidebar-popup.sidebar-menu-inner ul {
    backdrop-filter: saturate(5) blur(40px);
    background: var(--header-bg);
}

/*修复和风天气*/
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c] {
    top: unset !important;
    bottom: 0 !important;
    right: 44px !important
}

/*顶部边框透明度调整*/
body.io-grey-mode .big-header-banner.header-bg .page-header {
    background: rgb(255 255 255 / 90%) !important;
}

/*顶部大搜索上下尺寸调低*/
.header-big {
    padding-top: 110px;
    padding-bottom: 100px;
}

@media (max-width: 980px) {
    .header-big {
        padding-top: 59px;
        background-size: cover;
        background-position: center;
    }

    .header-big img {}
}

.header-big.bg-gradual:after {
    background-image: linear-gradient(to top, #f9f9f9 0%, transparent 35%);
}

/*顶部菜单调整*/
.navbar .navbar-nav li>a {
    font-size: 13px;
}

.header-mini-btn {
    width: 20px;
}

li.nav-login-user.dropdown.ml-3.ml-md-4 {
    margin-left: -7px !important;
}

li.nav-login.ml-3.ml-md-4 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

li.nav-login.ml-3.ml-md-4 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

/*详情页文字大小*/
.site-content p {
    font-size: 14px;
}

/*详情页按钮块颜色*/
.io-grey-mode .site-body .btn-arrow {
    background-color: #f1f3f6;
}

.io-grey-mode .site-body .btn-arrow:hover {
    background-color: #202224;
}

/*弹出微信公众号以及按钮样式*/
.navbar-menu i:not(.icon-search) {
    font-size: 20px;
}

.icon-list {
    margin-right: 10px !important;
}

.icon-list i {
    margin-right: -7px !important;
}

body {
    margin: 0;
    padding: 0;
}

.weixin {
    display: block;
    text-align: center;
    position: relative;
}

.weixin img {
    display: none;
    width: 200px;
}

.weixin:hover img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -115px;
    padding-top: 30px;
    display: block;
}

/*两个角标*/
.new {
    display: inline-block;
    transform: translate(-3px, -5px);
    font-size: .65rem;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, #E80505 10%, #FDD819 100%);
    color: #ffffff;
    border-radius: 4px 4px 4px 0;
    padding: 0.1rem 0.2rem;
    line-height: 1;
    font-weight: bold;
    height: 20px;
    line-height: 18px !important;
    /* opacity: 0.85; */
}

/*mini搜索按钮调整*/
#search button {
    position: absolute;
    top: 0px;
    right: 0;
    background: var(--mainColor);
    border: 0;
    width: 60px;
    height: 100%;
    margin: 0px 0pt 0;
    line-height: 36px;
    border-radius: 0px 8px 8px 0px;
}

/*mini搜索框调整*/
#search-text {
    border-radius: 10px;
    background: rgba(126, 126, 126, .1);
}

/*大搜索美化*/
.header-big #search-text {
    background-color: rgb(255 255 255 / 70%) !important;
    backdrop-filter: saturate(5) blur(25px);
    color: #282a2d;
}

.io-black-mode .header-big #search-text {
    background-color: rgb(33 33 33 / 89%) !important;
    color: #fff;
}

.header-big .search-type input:checked+label:before {
    border-color: rgb(1 115 255) transparent transparent;
}

.header-big #search form button {
    background: var(--mainColor);
    padding: 0px 19px;
    height: 50px;
    border-radius: 0px 8px 8px 0px;
    padding-top: 3px;
    margin-right: 0px;
}

.header-big #search button i {
    color: #fff;
    font-size: 24px;
}

.header-big .search-type input:checked+label:before {
    border-color: rgb(255 255 255 / 70%) transparent transparent;
}

.io-black-mode .header-big .search-type input:checked+label:before {
    border-color: #2c2e2f transparent transparent;
}

/*tab栏圆角优化*/
.slider-menu-father {
    border-radius: 7px;
}

.slider_menu[sliderTab] {
    border-radius: 7px;
}

.slider_menu[sliderTab] .anchor {
    border-radius: 7px;
}

.slider_menu[sliderTab]>.menu {
    border-radius: 7px;
}

/*tab栏背景色调整*/
.slider_menu[sliderTab] {
    background: rgba(0, 0, 0, 0.03);
}

/*首页编辑按钮调整*/
.customize-menu .btn-edit {
    border-radius: 7px;
    color: #ffffff !important;
}

/*卡片圆角调整*/
.card {
    border-radius: 7px;
}

/*背景颜色代码*/
body.io-grey-mode {
    background-color: rgba(0, 0, 0, 0.025) !important;
}

/*侧边栏展开图标修复*/
.sidebar-item {
    position: relative;
    display: flow-root;
}

/*侧边栏父菜单优化*/
.sidebar-menu ul:first-child>li>a {
    padding: 12px 12px;
    margin: 1.5px 8px;
}

/*菜单颜色&mini修复*/

.io-grey-mode .sidebar-nav,
.io-grey-mode .sidebar-menu-inner a {
    color: #0c0d0f !important;
    font-size: 14px;
}

.sidebar-nav,
.sidebar-menu-inner a {
    font-size: 14px;
}


.second.sidebar-popup.sidebar-menu-inner.text-sm li span {
    color: #515C6B;
}

.io-black-mode .second.sidebar-popup.sidebar-menu-inner.text-sm li span {
    color: #c6c9cf;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li span.spanmh1 {
    height: 35px;
    line-height: 21px;
    margin-left: 0px !important;
}

.second.sidebar-popup.sidebar-menu-inner.text-sm li {
    float: unset;
    text-align: left;
}

.io-grey-mode .sidebar-item li>a:hover,
.io-grey-mode .sidebar-popup>div>ul>li>a:hover {
    background: rgba(0, 0, 0, .1) !important;
    border-radius: 5px;
}

.io-black-mode .sidebar-item li>a:hover,
.io-black-mode .sidebar-popup>div>ul>li>a:hover {
    background: rgba(0, 0, 0, .1) !important;
}

/*移动端logo左移*/
.navbar-brand img {
    max-height: 30px;
}

/*详情页图片圆角
.site-content img {
	border-radius: 5px;
}*/
/*大搜索搜索框优化*/
.header-big #search-text {
    border-radius: 9px;
}

.search-type input:checked+label,
.search-type input:hover+label {
    background-color: #ededed;
}

/*公告框优化*/
.header-big:not(.no-bg) #bulletin_box .card-body {
    border-radius: 9px;
}

/*红色按钮*/
.btn-dog {
    color: #fff !important;
    background: #f1404b;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 4px;
    transition: .3s;
}

/*网址块标题变细*/
.url-body .card-body strong {
    font-weight: normal;
}

.user-custome strong {
    font-weight: normal;
}

/*小圆点*/
.hot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mainColor);
    margin: -12px 0px 1px 2px;
    position: absolute;
    top: 19px;
}

/*.new {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #409EFF;
	margin: -5px 0px 1px 2px;
	position: absolute;
	top: 19px;
}
*/
/*书签页顶部菜单圆角*/
.sites-tabs-container {
    border-radius: .25rem;
}

/*底部登录框夜间模式适配*/
.io-black-mode .login-tips {
    background: rgba(44, 46, 47, 0.80);
    color: rgba(255, 255, 255, 0.8);
}

.io-black-mode .login-tips .go-icon {
    color: rgba(255, 255, 255, 0.8);
}

/*logo上移*/
.sidebar-logo img {
    max-height: 40px;
    /*margin-top: -13px;*/
}

.border-bottom {
    border-bottom: transparent !important;
}

.sidebar-nav .logo {
    line-height: 67px;
}

/*中等/mini网址块美化*/
.card-body.url-content.d-flex.align-items-center {
    height: 55px;
}

.url-card .default a.togo {
    top: 11px;
}

.url-card .default .url-img {
    width: 36px;
    height: 36px;
    margin-left: -9px;
}

.url-card.wechat a.card:after {
    font-size: 56px;
}


.url-card .mini .url-img {
    width: 20px;
    height: 20px;
}

/*网址块全体悬浮美化（去除浮动）*/
.url-card .url-body:hover {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/*小工具网址块美化*/
.sidebar .url-card .card {
    background: none !important;
}

.io-black-mode .sidebar .url-card .card {
    background: none !important;
}

/*更多按钮美化*/
a.btn-move.tab-move.text-xs.ml-2 {
    color: #fff !important;
    background: var(--mainColor);
    padding: 0px 10px;
    padding-right: 6px;
    line-height: 24px !important;
    margin: 5px 0px;
    height: 24px;
    border-radius: 7px;
    white-space: nowrap;
}

a.btn-move.text-xs {
    color: #fff !important;
    background: var(--mainColor);
    padding: 0px 10px;
    padding-right: 6px;
    line-height: 24px !important;
    margin: 5px 10.5px;
    height: 24px;
    border-radius: 7px;
    white-space: nowrap;
}

/*左上角角标*/
.jiaobiao_red {
    position: absolute;
    top: 6px;
    right: 64px;
    z-index: 1;
    width: 240px;
    height: 20px;
    line-height: 19px;
    -webkit-transform: rotate(-45deg) !important;
    text-align: center;
    color: #fff;
    background-color: var(--mainColor);
    font-size: 13px;
}

@media (max-width: 767px) {
    .jiaobiao_red {
        display: none;
    }
}

/*左侧滚动条去除*/
.sidebar-menu.flex-fill::-webkit-scrollbar {
    display: none;
}

ul.nav.nav-pills.tab-auto-scrollbar.menu.overflow-x-auto::-webkit-scrollbar {
    display: none;
}

/*博客页面顶图美化*/
.media-title-bg:before {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .25) 20%, transparent 80%) !important
}

/*书签页修复推荐顶部间距*/
.user-bookmark-body .quick-sites {
    margin-top: -50px;
}

/*标签美化*/
.mt-2 .mr-2 a {
    padding: 4px 10px;
    height: 30px;
    border-radius: 4px;
    background: rgba(138, 138, 138, .15);
    color: #666;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
}

/*导航工具颜色*/
.mt-2 .mr-2 a {
    padding: 4px 10px;
    height: 30px;
    border-radius: 4px;
    color: #666;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
}


.mt-2 .mr-2:nth-child(5n+1) a {
    color: #F1404B !important;
    background-color: rgba(249, 100, 90, .15) !important;
}

.mt-2 .mr-2:nth-child(5n+2) a {
    color: #837adc !important;
    background-color: rgba(132, 122, 220, .15) !important;
}

.mt-2 .mr-2:nth-child(5n+3) a {
    color: #39c408 !important;
    background-color: rgba(58, 196, 8, .15) !important;
}

.mt-2 .mr-2:nth-child(5n+4) a {
    color: #ff8400 !important;
    background-color: rgba(255, 131, 0, .15) !important;
}

.mt-2 .mr-2:nth-child(5n+5) a {
    color: #20a0ff !important;
    background-color: rgba(32, 158, 255, .15) !important;
}

.io-black-mode .mt-2 .mr-2 a {
    background: rgba(0, 0, 0, .1);
}

.io-black-mode .mt-2 .mr-2 a {
    background: #28292a !important
}

.mr-2 i.iconfont.icon-wailian.text-ss {
    display: none;
}

span.mr-2 a:hover {
    background: var(--mainColor);
    color: #fff;
}

.mr-2 i.iconfont.icon-wailian.text-ss {
    display: none;
}

.mr-1,
.mx-1 {
    white-space: nowrap;
}

/*详情页图标块美化*/
.siteico {
    box-shadow: unset;
    border-radius: 8px;
    height: 200px;
}

@media (max-width: 768px) {
    .siteico {
        height: 60px;
    }

    img.img-cover {
        right: 70%;
        min-width: 44px !important;
        max-height: 69% !important;
    }

    a.btn.btn-like.btn-icon.btn-light.rounded-circle.p-2.mx-3.mx-md-2 {
        margin-left: -1rem !important;
        margin-right: -0.5rem !important;
    }

    .tool-actions {
        left: 60%;
        bottom: -5px;
    }

    div#country {
        display: none;
    }
}

/*content相对定位*/
div#content {
    position: relative;
}

/*网址详情页左右*/
/*.sites-template-default .main-content #content>.row {
    margin-right: 0px !important;
    margin-left: 0px !important;

}*/

/*.sites-template-default .main-content #content {
    max-width: 1200px;

}*/

@media (max-width: 1350px) {
    .sites-template-default .main-content #content {
        width: 100%;
        max-width: 1200px;
        margin-bottom: 0rem !important;
    }
}

.row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
    margin-top: -65px !important;
}

@media (max-width: 980px) {
    .row.site-content.py-4.py-md-5.mb-xl-5.mb-0.mx-xxxl-n5 {
        margin-top: -40px !important;
        margin-left: 0px;
        margin-right: 0px;
    }
}

.site-l {
    float: left;
    width: 933px;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.1);
    -webkit-box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, 0.1);
    background: #fff;
}

.sidebar_no .site-l {
    width: 100%;
}

.io-black-mode .site-l {
    background-color: #2c2e2f;
}

.sites-template-default .sidebar.sidebar-tools {

    margin-left: 15px !important;
        width: 320px !important;
}

@media (max-width: 1350px) {
    .site-l {
        width: 100%;
    }

   .post-template-default .sidebar.sidebar-tools,
    .sites-template-default .sidebar.sidebar-tools {
        display: none !important;
    }
}
.sites-template-default .main-content #content {
    max-width: 1300px;
}

/*内容偏左修复*/
@media (min-width: 992px) {
    .site-l .content-layout {
        margin-right: 0px;
    }
}

/*左侧图标移动*/
.site-l .col-12.col-sm-5.col-md-4.col-lg-3 {
    padding-top: 15px;
    float: left;
    width: 25%;
}

@media (max-width: 768px) {
    .site-l .col-12.col-sm-5.col-md-4.col-lg-3 {
        float: unset;
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 980px) {
    .siteinfo {
        margin-left: -15px;
    }
}

/*右侧信息移动*/

.site-l .col.mt-4.mt-sm-0 {
    float: right;
    width: 75%;
}

@media (max-width: 768px) {
    .site-l .col.mt-4.mt-sm-0 {
        float: unset;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
}

.content {
    clear: both;
}

/*头像修复*/
.v-avatar {
    width: 32px;
    height: 32px !important;
    border-radius: 100% !important;
}

/*手机边距*/
@media (max-width: 767.98px) {
    .indexmh .row {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}

/*网址信息边距减少*/
.siteinfo .col.mt-4.mt-sm-0 {
    padding-right: 0px;
    padding-left: 0px;
}

.sites-template-default .btn-cat {
    color: #777 !important;
    background-color: unset;
    border-color: unset;
    font-size: 13px;
}

/*面包屑*/
.cat {
    margin-left: 9px;
}

@media (max-width: 599px) {
    .cat {
        margin-left: -2px;
    }
}

@media (min-width: 768px) {
    .spare-site.mb-3 {
        margin-left: 14px;
    }
}

.cat .custom-piece_c {
    color: #777 !important;
}

.sites-template-default .btn-cat:hover {
    background: var(--mainColor);
    color: #fff !important;
}

/*相关网址美化*/
.site-l .row.mb-n4 {
    border-radius: 6px;
    margin: 0px;
}

.site-l .row.mb-n4 {
    background: #f9f9f9;
    border-radius: 6px;
    padding-top: 11px;
    margin: 0px;
}

.io-black-mode .site-l .row.mb-n4 {
    background: #28292a !important
}

@media (max-width: 767px) {
    .site-l .url-card.col-sm-6.col-md-4 {
        width: 50% !important;
    }

    .site-l .row.mb-n4 {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media (min-width: 768px) {
    .site-l .url-card.col-sm-6.col-md-4 {
        max-width: 33.3333%;
    }
}

@media (min-width: 980px) {
    .site-l .url-card.col-sm-6.col-md-4 {
        max-width: 25%;
    }
}

.site-l .mb-n4,
.site-l .my-n4 {
    margin-bottom: 20px !important;
}

.site-l .url-card .mini a.togo {
    display: none;
}

/*数据评估美化*/
#pinggu {
    background: #f9f9f9;
    border-radius: 7px;
}

.io-black-mode #pinggu {
    background: #28292a !important;
}

.io-black-mode #pinggu {
    background: #28292a !important;
}

/*评论框美化*/
.abi-card {
    background: #FFF;
    border-radius: 7px;
}

.io-black-mode .abi-card {
    background: #28292a !important;
    border-radius: 7px;
}

.abi-m-15 {
    margin: 15px;
}

.abi-mt-15 {
    margin-top: 15px;
}

/*文章页修复和美化*/

.post-template-default .content-wrap .content-layout {
    background: #fff;
    padding: 0px 15px;
    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    -webkit-box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    border-radius: 8px;
}

@media (max-width: 979px) {
    .post-template-default .content-wrap .content-layout {
        padding: 0px 0px;
    }

    h2#comments-list-title {
        margin-left: 10px !important;
    }
}

.io-black-mode .post-template-default .content-wrap .content-layout {
    background: #2c2e2f;
}

.panel.card {
    box-shadow: unset;
}

@media (min-width: 992px) {
    .post-template-default.sidebar_right .content-wrap {
        float: left;
    }
}

.single-top-area .card-body {
    background: #f9f9f9;
    border-radius: 6px;
}

.io-black-mode .single-top-area .card-body {
    background: #2c2e2f !important;
}

/*app下载页修复*/
@media (min-width: 1560px) {
    .site-l .mx-xxxl-n5 {
        margin-left: 0rem !important;
        margin-right: 0rem !important;
    }
}

/*公告页修复*/
.bulletin-template-default .content-wrap {
    background: #fff;
    padding: 15px;
    border-radius: 8px;
}

.io-black-mode .bulletin-template-default .content-wrap {
    background: #2c2e2f;
}

/*tab栏美化*/

.tabfg {
    padding-top: 10px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey, transparent) !important;
}

.io-black-mode .tabfg {
    background: #2c2e2f;
}

/*.tabfg .mt-4 {
    margin-top: 0.1rem !important;
}*/

.slider_menu[sliderTab] {
    background: unset;
}

@media (min-width: 992px) {
    .tabmh {
        padding: 0.5rem 0rem 0.1rem 0rem;
    }

    .tabmh .text-gray.text-lg {
        float: left;
        height: 28px;
        line-height: 32px;
        margin-bottom: 5px;
    }

    .tabmh .d-flex.flex-fill.flex-tab {
        padding-left: 0rem;
    }
}

.tabmh {
    padding: 0.5rem 0rem 0.1rem 0rem;
}

.tabmh .slider_menu[sliderTab] .anchor {
    background: transparent;
    border-radius: 0px;
}

.tabmh .slider_menu[sliderTab]>.menu>li>a.active {
    color: #777;
}

.tabmh .slider_menu[sliderTab]>.menu>li>a:hover {
    color: #777;
}

.tabmh .slider_menu[sliderTab] .anchor:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    height: 2px;
    width: 20%;
    background-color: var(--mainColor);
    margin: 0 auto;
    left: 50%;
    margin-left: -10%;
    right: 50%;
    margin-right: -10%;
}

.indexmh .content-wrap {
    border-radius: 8px;
    padding-bottom: 0px;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .io-mx-n2 {
        margin-left: .2rem !important;
        margin-right: .2rem !important;
    }
}

h4.text-gray.text-lg {
    margin-left: 15px !important;
}

.d-flex.flex-fill.flex-tab {
    margin-left: 10px;
    margin-right: 10px;
}

.list-title-txt {
    top: 0px;
    left: 0;
    position: relative;
    padding-right: 33px;
}

h4 span.separator {
    height: 11px;
    width: 2px;
    background: #777;
    display: inline-block;
    margin-left: 0;
    margin-right: 9px;
    position: absolute;
    top: 7px;
    float: right;
    right: 0;
}

@media (max-width: 979px) {
    .list-title-txt {
        display: none;
    }
}

/*自定义美化*/
.user-custome {
    width: 100%;
    background: #fff;
    padding: 10px 0px 8px 0px;
    border-radius: 8px;
    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    margin-bottom: 15px;
    background-image: linear-gradient(182deg, rgb(232 245 253 / 82%) 0px, rgb(241 241 241 / 28%) 100%);
}

.io-black-mode .user-custome {
    background-color: #2c2e2f;
}

@media (min-width: 768px) and (max-width: 979px) {
    .user-custome {
        padding: 10px 10px 8px 10px;
    }
}

@media (min-width: 1200px) {
    .user-custome {
        width: 100%;
        max-width: 100%;
    }

    .col-xxl-10a {
        flex: 0 0 20%;
        max-width: 16.6%;
    }

    .user-custome .row {
        margin-left: 5px !important;
        margin-right: 0px !important;
    }

    .tab-content #sites {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

.user-custome .d-flex.flex-fill.customize-menu {
    margin: 10px 10px 0px 10px;
}

.user-custome #my-nav,
.user-custome #my-c-nav,
.user-custome .customize-sites {
    margin-top: 0.8rem;
}

.overflow-x-auto.hot-search-panel.mb-3.pb-2 {
    padding: 0 0rem !important;
}

@media (min-width: 768px) and (max-width: 979px) {
    .overflow-x-auto.hot-search-panel.mb-3.pb-2 {
        padding: 0 .5rem !important;
    }
}

@media (min-width: 992px) {
    .overflow-x-auto.hot-search-panel.mb-3.pb-2 {
        padding: 0 0.5rem !important;
    }
}




/*文字/图片广告样式*/
@media (min-width: 992px) {
    .wzgg {
        margin-left: -15px;
        margin-top: 12px;
    }
}

.mxqygg {
    margin-right: auto;
    width: 100%;
    margin-bottom: 10px;
    margin-left: auto;
}

@media (min-width: 992px) {
    .mxqygg {
        display: none;
    }
}

@media (max-width: 992px) {
    .pcxqygg {
        display: none;
    }
}

.pcxqygg {
    margin-left: -10px;
    margin-bottom: -24px;
    margin-right: -15px;
    margin-top: 10px;
}

.pcxqygg a {
    width: 48%;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.mxqygg a {
    margin-bottom: 5px;
    display: block;
}

img.adimg {
    border-radius: 6px;
}

span.ggjb {
    position: absolute;
    padding-left: 2px;
    left: -.4rem;
    padding-right: 3px;
    font-size: 13px;
    color: #fff;
    top: 0.1rem;
    background: rgb(255 0 20 / 0.7);
    border-radius: 100px;
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

@media (max-width: 992px) {
    span.ggjb {
        left: -0.7rem;
        top: -0.6rem;
    }
}

/*置顶新网址美化*/
.url-body .badge.text-ss {
    top: -1px;
    font-size: 12px !important;
    border-radius: 8px 0px;
    left: -11px;
    padding: 1px 3px;
    position: absolute;
    z-index: 8;
}

/*顶部登录*/
.nav-login a:not(.user-bookmark-body a) {
    font-size: 14px;
    line-height: 20px;
    color: #fff !important;
    padding: 4px 12px;
    background: #007bff;
    border-radius: 5px;
    text-shadow: none;
    /* background-color: #a5003d!important; */
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAABMCAMAAAAr3sl+AAAAbFBMVEVHcEzqLmDrL2DrL2DqL2DrLmA4itQAz7jnXmfqMGBLb+PqL2DvcGs4jdJLb+NKb+MA0LgAz7lJcOEA0rf/5oT/54T/54NMb+RLb+RLb+P/54RLb+MAz7gAz7n/54RKcOIA0bhLb+PqL2D/54SELZ49AAAAIXRSTlMAmO+813oP5RA9hFkhH+/f1IE9NVDFn2aoxHf+slPrUGRGT9CAAAACS0lEQVRo3u3X2ZKrIBAGYEEQFaKJ+xInI77/O55oNo1IJnVuaMq/yjtvvuqmaRxnz549e/ZYn8AyD5fUKg+V0irR6JESSNeJPPvwh48mD4fBKYbhx9f/QkYOhlAfP8uHMYV2vOHRQ8z3iKb4Ge7JPrUbESZTsqYp8idmzGbTBVO7Sdc3ujbDOoWuPMYPbAVoULUUxxLG8VlzVJM7cG/lQb4DDaTjEAjT+u8cTH0HFihv/G2OdIXjAALlRabQ+BQ/OGBeDEXRNJlQNlPgwuNolpxncWzgBJQ8NBhB5/gcPWsDZbLpMK6UdhRHcIqInGlcDrc4AhEspS2aEbTQEBT4wOeAM8Nw8Jgx18ODCaKBFZjpsRMIcMeEc0opt6MGgrp4fuSBX/zUlW8hHHJ1sFxHQK7Q47lJEKLInXYBAnuAjfs/FbNtDXTHjXfMamG25rbZs2fPf+SQJLZQvKSs4qhvKys0SVj317TXr7ZBE/XPtDH0TrvV5pUIOCfq39J6VnGuoANYzyXuFWmhzm2vUnGiuAIKSlbdFtXlZaPdUvM94ZsmDjWFSY/Gt9tyVEehts26IzN9YYuXHO2g9k6MMUCej5wjMx208FRaTnrjmA2ae6LL5l9ddzrfNWaD5p5aNaW99Pf0khgP8maeUNVjZ6aKuaBa40nXlTEe9LpP21I5zoCByi1PembaGF+gpefwgWNwy5XR+vxMqwBU0H1qh4vNk0EGTc+g6rvymL76hLH3xekBAPq23QCBur96gIA6xqwCpcwu0OFoF+grD/sHNUpzGN5yWyAAAAAASUVORK5CYII=) !important;
    background-size: cover !important;
    border: none;
    overflow: hidden;
}

/*手机端去除手机查看*/
@media (max-width: 992px) {
    a.btn.btn-arrow.qr-img {
        display: none;
    }
}

/*首页小工具间距 */
/*.indexmh .sidebar.sidebar-tools.d-none.d-lg-block {
	margin-top: 15px;
}*/
/*小工具网址块颜色*/
.sidebar .url-card .card {
    background: #f5f5f5;
}

/*小工具热榜图标修复*/
.hot-ico {
    height: 18px !important;
}

/*顶部弹出矩阵*/
.topgj_r .menu-item:hover>ul {
    opacity: 1;
    top: 28px;
    visibility: visible;
    padding: 5px 0px;
}

.topgj_r .sub-menu-z {
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 20%);
    text-align: center;
    border-radius: 2px;
    position: absolute;
    z-index: 9999;
    max-width: 90px;
    transition: opacity 0.25s, top 0.25s, visibility 0.25s;
}

.io-black-mode .topgj_r .sub-menu-z {
    background: #2c2e2f;
}

.sub-menu-z .menu-item-z {
    list-style: none;
    border-radius: 2px;
    padding: 6px 10px;
    white-space: nowrap;
}

.topgj_r .menu-item a {
    font-size: 13px;
    padding: 10px 8px;
    color: #282a2d;
}

.io-black-mode .topgj_r .menu-item a {
    color: #c6c9cf;
}

.sub-menu-z .menu-item-z a {
    font-size: 13px;
    padding: 0px;
    color: #666666 !important;
    display: block;
}

.io-black-mode .sub-menu-z .menu-item-z a {
    color: #c6c9cf !important;
}

li.menu-item-z:hover {
    background: rgba(0, 0, 0, .1);
}

ul.nav.navbar-menu.text-xs.order-1.order-md-2.position-relative.topgj_r {
    margin-right: 15px;
}

@media (max-width: 980px) {
    .topgj_r {
        display: none;
    }
}

/*标签换行及两行最多修复*/
.mr-2,
.mx-1 {
    white-space: nowrap;
}

.sitetags {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/*侧边栏浏览量隐藏*/
.sidebar-tools span.views {
    display: none;
}


/*首页/详情页网址块美化（移动端）*/
@media (max-width: 980px) {

    .indexmh .mt-4,
    .indexmh .my-4 {
        margin-top: .5rem !important;
    }

    .indexmh .mb-3,
    .indexmh .my-3 {
        margin-bottom: .3rem !important;
    }

    .site-l .mb-3,
    .site-l .my-3 {
        margin-bottom: .3rem !important;
    }

    .site-l .row.mb-n4 {
        margin-bottom: 10px !Important;
    }

    .url-card .mini a.togo {
        display: none;
    }

    .indexmh .url-body .card {
        background: unset;
    }

    .io-black-mode .url-card .card {
        background: unset !important;
    }

}

/*详情页网址块美化（PC端）*/
/*网址块暗色*/
.io-black-mode .url-card .url-body>a {
    background: #363738 !important;
}

.io-black-mode .url-card .mini .card-body {
    padding: .4rem .5rem;
}

/*移动端热榜隐藏*/
@media (max-width: 980px) {
    .home .hot-search-panel {
        display: none;
    }
}

/*顶部广告*/

/*弹窗广告调整*/
@media (max-width: 980px) {
    ._noj3w57c83g:nth-child(1) {
        display: none;
    }
}

/*资讯页修复调整*/
@media (max-width: 980px) {
    .row.no-gutters {
        margin-right: -6px !important;
        margin-left: -9px !important;
    }

    .overflow-x-auto.hot-search-panel.mb-3.pb-2 {
        margin-right: 2px !important;
        margin-left: -13px !important;
    }
}

/*分类页美化*/
@media(min-width:1390px) {
    .tax-favorites #content {
        padding-left: 155px;
    }
}

.tax-favorites .content-layout .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 28px;
    padding-top: 15px;
}

.io-black-mode .tax-favorites .content-layout .row {
    background: #2c2e2f;
}

.tax-favorites a.card {
    background: none;
}

.io-black-mode .tax-favorites a.card {
    background: none;
}

@media (max-width: 980px) {
    .tax-favorites .content-layout .row {
        background: #fff;
        border-radius: 8px;
        margin-bottom: 28px;
        padding-top: 5px;
    }

    .tax-favorites .url-card.col-sm-6.col-md-4.col-xl-3 {
        width: 50%;
    }

    .tax-favorites a.card.mb-3 {
        box-shadow: none;
        background: none !important;
        margin-bottom: .3rem !important;
    }
}



/*标签页美化*/
@media(min-width:1390px) {
    .tax-sitetag #content {
        padding-left: 155px;
    }
}

.tax-sitetag a.card.mb-3 {
    background: none;
    box-shadow: none;
}

.tax-sitetag .content-layout .row {
    background: #fff;
    border-radius: 8px;
    margin-left: 0px;
    padding-top: 15px;
    margin-right: 0px;
}

.io-black-mode .tax-sitetag .content-layout .row {
    background: #28292a !important;
}

@media (max-width: 980px) {
    .tax-sitetag .url-card.col-sm-6.col-md-4.col-xl-3 {
        width: 50%;
    }

    .tax-sitetag .content-layout .row {
        padding-top: 5px;
    }

    .tax-sitetag a.card.mb-3 {
        background: none;
        box-shadow: none;
        margin-bottom: .3rem !important;
    }
}

/*分类页标签页面包屑*/
.mbx {
    margin-bottom: 20px;
    color: #777 !important;
    font-size: 13px;
}

.mbx a {
    color: #777 !important;
}

/*移动文章页相关文章*/
@media (max-width: 980px) {
    .post-template-default .row {
        margin-right: 5px;
        margin-left: 5px;
    }
}

/*pcmini侧边栏美化*/
div#mini {
    display: none;
}

#mininav ul>li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*#mininav ul li>a {
    max-width: 120px;
}*/

div#mininav {
    position: fixed;
    padding: 5px 0px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey, transparent) !important;
    border-radius: 8px;
}

#mini .sidebar-menu-inner ul {
    padding-left: 0px;
    margin-bottom: 0;
}


#mininav a {
    padding: 12px 12px;
    margin: 0px 5px;
    height: 39px;
    font-size: 14px;
}

#mininav i {
    font-size: 20px;
}

div#mini {
    position: absolute;
    left: 25px;
    z-index: 999;
    border-radius: 12px;
}

@media screen and (min-width: 1600px) {
    .tab-widget-content .widget-item {
        grid-template-columns: repeat(auto-fill, 68px);
        grid-gap: 27px;
    }

    .mini-sidebar .main-content {
        margin-left: 0px !important;
    }

    .mini-sidebar .sidebar-nav .sidebar-menu {
        width: 0px !important;
    }

    .mini-sidebar .main-content {
        margin-left: 0px !important;
    }

    .mini-sidebar .sidebar-nav {
        position: absolute;
        left: -100%;
    }

    .mini-sidebar .main-content .page-header {
        left: 0px !important;
    }


    .sidebar_right.mini-sidebar #mini,
    .sidebar_no.mini-sidebar #mini {
        display: block !important;
    }

    .sites-template-default #mini {
        left: -125px !important;
    }

    .book-template-default #mini,
    .app-template-default #mini {
        left: -205px !important;
    }

    .sites-template-default div#mininav {
        top: 85px;
    }

    .post-template-default div#mini,
    .page-template-template-blog div#mini {
        left: -155px !important;
    }

    .tax-favorites div#mini,
    .tax-sitetag div#mini {
        left: 0px;
    }


    .io-black-mode div#mininav {
        background: #2c2e2f;
    }

    .fix {
        top: 80px;
    }

    .customize-width {
        position: relative;
    }
}

@media (max-width: 980px) {

    div#mininav span {
        font-size: 12px;
        margin: 0px 4px;
    }
}

/*侧边栏弹出ul*/
@media screen and (min-width: 980px) {
    li#subnav {
        position: relative;
        list-style: none;
        cursor: pointer;
        margin: 0px 5px;
    }

    #subnav a {
        margin-left: 0px;
    }

    ul.subnav-menu {
        padding: 6px !important;
        position: absolute;
        min-width: 200px;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        background: var(--header-bg);
        backdrop-filter: saturate(5) blur(25px);
        border-radius: 8px;
        box-shadow: 0 5px 20px 0px rgb(0 0 0 / 15%);
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
        will-change: transform;
        left: 127px !important;
        top: 0px;
    }

    .io-black-mode ul.subnav-menu {
        background: #28292a !important;
    }

    li#subnav:hover {
        background: rgba(0, 0, 0, .06);
        border-radius: 6px;
    }

    li#subnav:hover>ul {
        opacity: 1;
        z-index: 1;
        overflow: visible;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    .subnav-menu li {
        position: relative;
        list-style: none;
        width: 50%;
        float: left;
    }

    .subnav-menu a {
        padding-left: 0px !important;
        margin: 0px 0px !important;
    }

    .subnav-menu a:hover {
        background: rgba(0, 0, 0, .06);
        border-radius: 6px;
    }

    .io-black-mode .subnav-menu a:hover {
        background: #363738;
    }

    .subnav-menu i {
        margin-left: 4px;
    }

    .subnav-menu i {
        font-size: 21px !important;
    }

    .subnav-menu span {
        margin-left: 8px !important;
        color: #888888;
    }

}

/*直达图标放大*/
i.iconfont.icon-goto {
    font-size: 20px;
}

/*搜索页优化*/
@media (max-width: 768px) {
    .search .url-card.col-md-4 {
        width: 50% !important;
    }

    .search .url-card .mini .card-body {
        padding: .4rem .5rem;
    }
}

/*详情页弹窗自定义网址调整*/
@media(min-width: 1200px) {
    .sites-template-default .col-xxl-10a {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.sites-template-default .slider_menu[sliderTab]>.menu>li>a.active {
    color: #000000;
}

.sites-template-default .slider_menu[sliderTab]>.menu>li>a:hover {
    color: #fff;
}

.sites-template-default .tooltip {
    z-index: 1111;
}

.sites-template-default .modal-content .provideSitesAd {
    position: relative;
    border: 2px dashed #eee;
    padding: 15px 0px 0px 0px;
    border-radius: 6px;
}

.sites-template-default .modal-content .row {
    margin-top: 10px;
    margin-left: .5rem !important;
    margin-right: .5rem !important;
}

.sites-template-default .site-popup h5 {
    margin-left: 1.5em;
    font-size: 15px;
    color: #fff;
    line-height: 24px;
    background: var(--mainColor);
    padding: 3px 5px;
    border-radius: 6px;
    white-space: nowrap;
    display: inline;
}

/*自助广告位置调整*/
.site-l .auto-ad-url {
    margin-bottom: 16px !important;
    margin-top: 0 !important;
}

.book-template-default .auto-ad-url {
    margin-bottom: 50px !important;
}

/*热门网址美化*/
.hot-sites {
    background: #fff;
    margin: 12px 0;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey, transparent) !important;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.io-black-mode .hot-sites {
    background: #2c2e2f;
}

.hot-sites .slider-menu-father {
    margin: 10px 10px 0px 10px;
}

@media(min-width: 768px) {
    .hot-sites .row {
        margin-left: .5rem !important;
        margin-right: .5rem !important;
    }
}

/*自定义搜索框背景弹窗*/
#search_bg ul {
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0px;
    margin-block-start: 0em;
}

#search_bg h4 {
    text-align: center;
}

#search_bg li {
    list-style: none;
    width: calc(20% - 10px);
    margin: 5px;
    text-align: center;
}

@media(max-width: 980px) {
    #search_bg li {
        width: calc(50% - 10px);
    }
}

#search_bg li img {
    height: 100px;
    object-fit: cover;
    width: 100%;
    background: #000;
    border-radius: 8px 8px 0px 0px;
}

#search_bg li p {
    background: #f5f5f5;
    border-radius: 0px 0px 8px 8px;
    height: 24px;
    font-size: 15px;
}

.io-black-mode #search_bg li p {
    background: #363738 !important;
}

.custome-bg {
    position: relative;
    width: 100%;
    margin: 5px 0;
}

.custome-bg input {
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: rgba(126, 126, 126, .1);
    background-clip: padding-box;
    border-radius: .25rem;
    border: 0;
}

.io-black-mode .custome-bg input {
    background: #363738 !important;
}

.custome-bg button {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--mainColor);
    border: 0;
    height: 36px;
    margin: 7px 9pt 0;
    color: #fff;
    line-height: 36px;
    border-radius: 3px;
}

#search_bg li div:hover p {
    background: var(--mainColor);
    color: #fff;
}

/*max-A网址卡片样式*/
.max-A {
    background: #FFF;
    backdrop-filter: blur(40px);
    border-radius: 6px;
    padding-bottom: 25px;
    box-shadow: 0 0 0.6rem 0 rgb(41 48 66 / 10%) !important;
    margin-bottom: 10px;
}

.io-black-mode .max-A {
    background: #363738 !important;
}

.max-A .card-body {
    padding-left: 0.3rem !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.max-A .url-content {
    margin-top: 22px;
}

.max-A .url-img {
    width: 35px;
    position: relative;
    top: -8px;
    height: 35px;
}

.max-A .url-info .text-sm {
    white-space: nowrap;
}

.max-A .url-like {
    opacity: 1;
}

.max-A .card-body .url-goto-after {
    border-top: none;
    height: 1px;
}

.max-A .tga.text-xs.py-1 {
    overflow: hidden;
    width: 60%;
    position: absolute;
    top: -5px;
    white-space: nowrap;
}

.max-A .url-info {
    margin-top: -15px;
}

.max-A .rounded-circle {
    border-radius: 50% !important;
}

@media(max-width: 980px) {
    .max-A .tga.text-xs.py-1 {
        overflow: hidden;
        width: 80%;
        position: absolute;
        top: -5px;
    }
}

.max-A .tga span {
    margin-right: 0 !important;
}

.max-A .tga a {
    font-size: 12px;
    padding: 2px;
    /*max-width: 52px;*/
    overflow: hidden;
    transform: scale(0.85);
    border-radius: 5px;
    display: inline-block;
    color: #2997f7;
    background-color: rgba(41, 151, 247, 0.1);
    border: 0 solid #d9d9d9;
    margin-left: 3px;
}

.io-black-mode .max-A .tga a {
    background: rgba(134, 134, 134, .1);
}

.max-A .url-goto {
    position: absolute;
    left: 0px;
    right: 0px;
}

.max-A .url-goto a {
    margin-left: auto;
}

.url-card.wechat .max-A a.card::before {
    font-size: 53px;
    left: -4px;
    top: 9px;
}


/*网址上方广告*/
.indexmh>.row.mb-4 {
    margin-top: 10px;
    margin-bottom: 10px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.apd.apd-home.col-12>a {
    width: 100%;
    display: inline-block;
}

.apd.apd-home.col-12>a img {
    width: 100%;
    ;
}

.apd.apd-home {
    padding-right: 0rem;
    padding-left: 0rem;
}

@media (max-width: 980px) {

    /*手机展示第二广告位 */
    .apd.apd-home.d-none {
        margin-top: 10px;
        display: block !important;
    }

    .indexmh>.row.mb-4 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

/* 更改网址样式（预览模式） */
.hv1-creator-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}

.hv1-single-creator {
    background: #FFF;
    backdrop-filter: blur(40px);
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 0 0.6rem 0 rgba(41, 48, 66, 0.10) !important;
    margin-bottom: 20px;
    position: relative;
}

.io-black-mode .hv1-single-creator {
    background: #181a1c;
    box-shadow: unset;
}

.hv1-single-creator .img {
    position: relative;
    background: #000;
    border-radius: 11px;
}

.hv1-single-creator .img:hover {
    transition: all .3s linear 0s;
    transform: scale(1.02);
}

.hv1-single-creator .img img {
    border-radius: 10px;
    width: 100%;
    height: 60%;
    object-fit: cover;
    opacity: 0.9;
}

.hv1-single-creator .content .creator {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin: -19px 10px 10px 9px;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

/*.hv1-single-creator .content .creator .shape {
    position: absolute;
    content: "";
    width: 240%;
    height: calc(100% + 10px);
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 240%;
    max-height: 100%;
    z-index: -1;
    fill: #FFF;
}
*/
.io-black-mode .hv1-single-creator .content .creator .shape {
    fill: #181a1c;
}

.hv1-single-creator .content .creator .main img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.hv1-single-creator .content .content-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 13px;
    overflow: hidden;
}

.hv1-single-creator .content .content-inner .name {
    width: 100%;
}

.hv1-single-creator .content .content-inner .name .title {
    display: block;
    font-size: 15px;
    line-height: 1;
    width: 80%;
}

.hv1-single-creator .content .content-inner .name .title span {
    position: absolute;
    top: -1px;
    font-size: 15px !important;
    border-radius: 8px 0px;
    left: -1px;
    padding: 1px 3px;
}

.hv1-single-creator .content .content-inner .name p {
    font-size: 12px;
    margin-top: 7px;
    width: 90%;
}

.hv1-single-creator .follow {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    padding: 2px 10px;
    border-radius: 7px;
    background-color: rgba(63, 114, 175, 0.07);
    position: absolute;
    z-index: 1;
    overflow: hidden;
    bottom: 35px;
    right: 10px;
}

.hv1-single-creator .follow::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(106deg, #0173fe 0, #007bff4a 100%);
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    clip-path: circle(0% at 0 48%);
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.hv1-single-creator:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}


.hv1-single-creator:hover .content .name a {
    color: #f1404b;
}

.hv1-single-creator:hover .follow i {
    color: #fff;
}

.hv1-single-creator:hover .follow::before {
    clip-path: circle(70.7% at 50% 50%);
    opacity: 1;
    visibility: visible
}

.hv1-feature-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap
}

/*导航工具颜色*/
.indexmh .user-custome .url-card .url-body a:hover {
    color: unset;
}

.indexmh .user-custome .url-body .togo {
    display: none;
}

.indexmh .user-custome .url-card:nth-child(5n+1) .url-body a {
    background: #f7faff;
}

.indexmh .user-custome .url-card:nth-child(5n+2) .url-body a {
    background: #f5f2f2;
}

.indexmh .user-custome .url-card:nth-child(5n+3) .url-body a {
    background: rgba(102, 205, 170, .12);
}

.indexmh .user-custome .url-card:nth-child(5n+4) .url-body a {
    background: #fdf5e6;
}

.indexmh .user-custome .url-card:nth-child(5n+5) .url-body a {
    background: #f5f7fd;
}

.io-black-mode .indexmh .user-custome .url-card .url-body a {
    background: rgba(0, 0, 0, .1);
}

/*详细页预览图*/
.img-yl {
    border-radius: 6px;
    padding: 5px;
    background: #f1f3f6;

}

/*文章作者logo*/
.faxianzhe2 {
    display: block;
    text-align: left;
    margin-top: 10px;
}

.faxianzhe2 a {
    color: #646464;
    font-size: .8rem;
}

.faxianzhe2 img {
    border-radius: 50% !important;
    /* height: 100%;*/
    margin-right: 3px;
}

/*详细页过期时间提示*/
.j-alt {
    width: 100%;
    padding: 8px 15px 8px 35px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    /* white-space: nowrap;*/
    text-overflow: ellipsis;
    transition: opacity 0.2s;
    font-size: 13px;
    margin: 5px 0;
}

.j-alt.warning {
    background-color: #fdf6ec;
    color: #e6a23c;
}

.j-alt::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 18px;
    vertical-align: top;
}

.j-alt.warning::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjA1NzQ5NTM3NTM2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjYwNjciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTUxMiA3OC43NjkyMzFDMjczLjcyMzA3NyA3OC43NjkyMzEgNzguNzY5MjMxIDI3My43MjMwNzcgNzguNzY5MjMxIDUxMnMxOTQuOTUzODQ2IDQzMy4yMzA3NjkgNDMzLjIzMDc2OSA0MzMuMjMwNzY5IDQzMy4yMzA3NjktMTk0Ljk1Mzg0NiA0MzMuMjMwNzY5LTQzMy4yMzA3NjlTNzUwLjI3NjkyMyA3OC43NjkyMzEgNTEyIDc4Ljc2OTIzMXogbTYxLjU5NzUzOCAyMDIuNDc2MzA3bC0xMy44NjMzODQgMzA2LjgwNjE1NGMwIDE4Ljc4NjQ2Mi0xNi42MjAzMDggMzIuMjU2LTM1Ljk5NzUzOSAzMi4yNTZoLTguMjcwNzY5Yy0xOS40MTY2MTUgMC0zMy4yOC0xMy40Njk1MzgtMzYuMDM2OTIzLTMyLjI5NTM4NGwtMTMuODYzMzg1LTMwNi43NjY3N2MwLTE4LjgyNTg0NiAxMy44NjMzODUtMzIuMjk1Mzg1IDMwLjQ4MzY5My0zMi4yOTUzODRoNDQuMzA3NjkyYzE5LjM3NzIzMSAwIDM1Ljk5NzUzOCAxMy40Njk1MzggMzMuMjQwNjE1IDMyLjI5NTM4NHogbS0xOC4xOTU2OTIgNDc3LjUzODQ2MmE1MS41NTQ0NjIgNTEuNTU0NDYyIDAgMCAxLTM2Ljk4MjE1NCAxNi4yNjU4NDZjLTE1Ljg3MiAwLTI2LjQyNzA3Ny01LjQzNTA3Ny0zNi45ODIxNTQtMTYuMjY1ODQ2LTEwLjU5NDQ2Mi0xMC44MzA3NjktMTUuODcyLTIxLjY2MTUzOC0xNS44NzItMzcuODg4IDAtMTYuMjY1ODQ2IDUuMjc3NTM4LTI3LjA5NjYxNSAxNS44NzItMzcuOTI3Mzg1IDEwLjU1NTA3Ny0xMC44MzA3NjkgMjEuMTEwMTU0LTE2LjIyNjQ2MiAzNi45ODIxNTQtMTYuMjI2NDYxIDE1LjgzMjYxNSAwIDI5LjA2NTg0NiA1LjM5NTY5MiAzOS42MjA5MjMgMTYuMjI2NDYxIDEwLjU1NTA3NyAxMC44MzA3NjkgMTUuODMyNjE1IDIxLjY2MTUzOCAxNS44MzI2MTYgMzcuOTI3Mzg1LTIuNTk5Mzg1IDE2LjIyNjQ2Mi03Ljg3NjkyMyAyOS43NzQ3NjktMTguNDcxMzg1IDM3Ljg4OHoiIGZpbGw9IiNGRjhGMDAiIHAtaWQ9IjYwNjgiPjwvcGF0aD48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: center center;
}

/* 更改网址样式（专题模式）*/

.project-box {
    background: linear-gradient(89.96deg, rgba(255, 255, 255, 0.05) .03%, rgba(255, 255, 255, 0.008) 49.67%, rgba(255, 255, 255, 0.05) 99.96%);
    backdrop-filter: blur(4px);
    border-radius: 6px;
    position: relative;
    border: 1px solid rgb(48 48 48 / 20%);
    margin-bottom: 20px;
    padding: 10px;
}

.project-box .image {
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
    background: #000;
}

.project-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease-in-out;
    opacity: .9;
}

.project-box .content {
    position: absolute;
    padding: 17px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    background: rgba(27, 30, 50, 0.78);
    backdrop-filter: blur(4px);
    text-align: center;
    border-radius: 11px
}

.project-box .content .abi_title {
    font-size: 14px;
    color: #FFF;
}

.project-box .content img {
    width: 22px;
    height: 22px;
    border-radius: 8px;
    background: #ffffffe3;
}

.project-box:hover .image img {
    transform: scale(1.1)
}

/* 更改网址样式（区块模式） */
.cs-slider_wrapper {
    margin-bottom: 20px;
}

.cs-card.cs-style6 {
    transition: transform 0.4s;
    transform-style: preserve-3d;
}

.cs-card.cs-style6:hover {
    transform: rotateY(180deg);
}

.cs-slide .abi-contentBt,
.cs-slide .abi-contentBx {
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    perspective: 1000px;
}

.cs-white_bg {
    background: linear-gradient(116.85deg, rgba(252, 70, 107, 0.2) 0%, rgba(63, 94, 251, 0.2) 100%);
}

.cs-box_shadow {
    box-shadow: 2px 2px 15px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 2px 2px 15px rgb(0 0 0 / 16%);
}

.cs-card.cs-style6 {
    display: block;
    border-radius: 6px;
    padding: 30px;
}

.cs-card.cs-style6 .cs-avatar {
    margin: auto;
    display: block;
    height: 72px;
    width: 72px;
    margin-bottom: 20px;
    border-radius: 50%;
}

.cs-card.cs-style6 .cs-avatar img {
    height: 90%;
    width: 90%;
    object-fit: cover;
    border-radius: inherit;
}

.cs-card.cs-style6 .cs-card_title {
    font-size: 18px;
    margin-bottom: 6px;
    font-weight: 700;
}

.cs-card.cs-style6 .cs-card_subtitle {
    font-size: 14px;
    color: #282a2d;
}

.io-black-mode .cs-card.cs-style6 .cs-card_subtitle {
    color: #ababab !important;
}

.cs-card.cs-style6 .abi-contentBx {
    transform: rotateY(180deg);
    position: absolute;
    width: 80%;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-evenly;
    top: 0;
    text-align: center;
}

.cs-card.cs-style6 .abi-contentBx img {
    width: 100%;
    height: 60%;
    border-radius: 10px;
}

/* 更改网址样式（设计模式） */
.css-1w6xqrn {
    font-size: 14px;
    box-sizing: border-box;
}

.kitchen-layout {
    display: flex;
    background: #FFF;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 16px;
}

.io-black-mode .kitchen-layout {
    background: #181a1c;
}

.kitchen-layout * {
    box-sizing: border-box;
}

.kitchen-pro-layout-content * {
    box-sizing: border-box;
}

.kitchen-pro-layout-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    background-color: transparent;
}

.kitchen-pro-layout-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: transparent;
    position: relative;
    padding-block: 0;
    padding-inline: 0;
}

.kZDHHB {
    display: flex;
    cursor: pointer;
    flex: 1 1 0px;
    height: 248px;
    flex-direction: column;
    -webkit-box-align: stretch;
    align-items: stretch;
    text-decoration: none;
    overflow: hidden;
    /*border: 1px solid rgb(240, 240, 240);*/
    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);
    border-radius: 16px;
    transition: all 0.3s ease 0s;
    padding: 20px;
}

@media (min-width: 769px) {

    .ejmSgi:hover .sc-bqWxrE {
        transform: translateY(-24px);
        opacity: 0;
    }

    .ejmSgi:hover .sc-ksBlkl {
        max-width: 100%;
        min-height: 176px;
    }

    .ejmSgi:hover h3 {
        font-size: 16px;
    }

    .ejmSgi:hover .sc-hBxehG {
        transform: scale(1);
        opacity: 1;
    }
}

.jxNueV {
    position: absolute;
    width: 100%;
    height: 176px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background: rgba(1, 122, 255, 0.1);
    border-radius: 10px;
    transition: all 0.3s ease 0s;
    transform: scale(0);
    opacity: 0;
}

.icgQQi {
    max-width: 72px;
    min-height: 72px;
    position: relative;
    margin-bottom: 16px;
    transition: all 0.3s ease 0s;
}

.hppfbO {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    position: absolute;
    transition: all 0.3s ease 0s;
}

.kitchen-avatar {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    list-style: none;
    position: relative;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    background: rgb(0 0 0 / 8%);
    border: 1px solid transparent;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

.io-black-mode .kitchen-avatar {
    background-color: rgb(255 255 255 / 20%) !important;
}

.kitchen-avatar.kitchen-avatar-square {
    border-radius: 6px;
}

.kitchen-avatar>img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icgQQi {
    max-height: 72px;
    min-height: 72px;
    position: relative;
    margin-bottom: 16px;
    transition: all 0.3s ease 0s;
}

.kZDHHB h3 {
    transition: all 0.3s ease 0s;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 24px;
    min-height: 24px;
}

.kZDHHB p {
    transition: all 0.3s ease 0s;
    font-size: 14px;
    opacity: 0.45;
    line-height: 1.5;
    margin-bottom: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kitchen-typography-ellipsis-multiple-line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.kitchen-typography {
    color: rgba(0, 0, 0, 0.88);
    word-break: break-word;
    line-height: 1.5714285714285714;
}

.io-black-mode .kitchen-typography {
    color: rgb(195 195 195 / 88%);
}


/*顶部菜单logo*/
@media only screen and (max-width: 1390px) {
    .logo_mini {
        display: none;
    }
}

/*.abinavbar {
    max-width: 1500px;
    margin: 0 auto;
}*/

/*pro网址卡片美化*/
.program {
    background: #FFF;
    backdrop-filter: blur(40px);
    border-radius: 6px;
    padding: 10px;
    box-shadow: 0 0 0.6rem 0 rgb(41 48 66 / 10%) !important;
    margin-bottom: 10px;
    position: relative;

}

.program .badge {
    position: absolute;
    top: -0.08rem;
    left: -0.1rem;
    border-radius: 8px 0px;
    background-color: #ff84864f;
    color: #ff4a4d;
    padding: 1px 3px;
}

.program a.togo {
    top: -2px;
    right: -2px;
    opacity: .25;
    z-index: 1;
    line-height: 24px;
    height: 26px;
    width: 26px;
    color: #283593;
    position: absolute;
}

.program a.togo i {
    top: -2px;
    right: -2px;
    z-index: 1;
    line-height: 24px;
    height: 26px;
    width: 26px;
    color: #212529;
    position: absolute;
}

.program:hover a.togo {
    opacity: 1;
}

.io-black-mode .program {
    background: #181a1c;
}

.program .card-title .logo-img img {
    width: 55px;
    height: 55px;
    opacity: 0.2;
    border-radius: 50px;
    bottom: 5px;
}

.program .card-title {

    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
}

.program .card-title .logo-img {

    width: 55px;
    height: 55px;
    flex: none;
    overflow: hidden;
    align-items: center !important;
    margin-right: 0.35rem !important;
    border-radius: 50% !important;
    background: none;
    position: absolute;
    right: 10px;
    bottom: 5px;
    background-size: cover;
    animation: rotate 5s linear infinite;
}

.card-title-buff {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    padding: 1px 3px;
    border-radius: 5px;
    background-color: rgba(63, 114, 175, 0.07);
    position: absolute;
    z-index: 1;
    overflow: hidden;
    right: 12px;
}

.views {

    color: #80888f;
}

.program .overflowClip_1 {
    width: 60%;
}

/* 404美化 */
@media (min-width: 576px) {
    .container-404 {
        margin-top: 150px;
    }
}

/* 404美化 */
@media (max-width: 767.98px) {
    .container-404 {
        margin-top: 25px;
    }

    .row .abimage {
        margin-left: 60px;
    }

    .row .ab404 h1 {
        font-size: 4rem;
        text-align: center;
    }

    .row .ab404 h2 {
        font-size: 1.5rem;
        text-align: center;
    }

    .row .ab404 p {
        margin-top: 15px;
        text-align: center;
    }

    .row .ab404 .abreturn {
        margin-top: 15px;
        text-align: center;
    }

    .row .ab404 .abreturn a button {
        background: #f1404b;
        color: #FFF;
    }

    .row .ab404 .abreturn a button:hover {
        background: #f1404bd1;
        color: #FFF;
    }
}

/* 404美化 */
@media (min-width: 768px) {
    .row .ab404 h1 {
        font-size: 6rem;
    }

    .row .ab404 h2 {
        font-size: 2.5rem;
    }

    .row .ab404 p {
        margin-top: 10px;
    }

    .row .ab404 .abreturn {
        margin-top: 30px;
    }

    .row .ab404 .abreturn a button {
        background: #f1404b;
        color: #FFF;
    }

    .row .ab404 .abreturn a button:hover {
        background: #f1404bd1;
        color: #FFF;
    }
}

.apd.apd-home.col-12 img {
    border-radius: 6px;
}

/* 更改网址样式 */
.hv1-creator-wrapper {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 30px;
}

.hv2-single-creator {
    background: #FFF;
    backdrop-filter: blur(40px);
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 0.6rem 0 rgba(41, 48, 66, 0.10) !important;
    margin-bottom: 10px;
    margin-top: 30px;
}

.io-black-mode .hv2-single-creator {
    background: #181a1c;
    box-shadow: unset;
}

.hv2-single-creator .img {
    position: relative;
    background: #000;
    border-radius: 11px;
}

.hv2-single-creator .img:hover {
    transition: all .3s linear 0s;
    transform: scale(1.02);
}

.hv2-single-creator .img img {
    border-radius: 10px;
    width: 100%;
    height: 60%;
    object-fit: cover;
    opacity: 0.9;
}

.hv2-single-creator .content .creator {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    margin: -29px auto 0;
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s
}

.hv2-single-creator .content .creator .shape {
    position: absolute;
    content: "";
    width: 240%;
    height: calc(100% + 10px);
    top: -9px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 240%;
    max-height: 100%;
    z-index: -1;
    fill: #FFF;
}

.io-black-mode .hv2-single-creator .content .creator .shape {
    fill: #181a1c;
}

.hv2-single-creator .content .creator .main img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.hv2-single-creator .content .content-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 13px;
    overflow: hidden;
}

.hv2-single-creator .content .content-inner .name {
    width: 100%;
}

.hv2-single-creator .content .content-inner .name .title {
    display: block;
    font-size: 15px;
    line-height: 1;
    width: 80%;
}

.hv2-single-creator .content .content-inner .name .title span {
    position: absolute;
    top: -2px;
    font-size: 12px !important;
    border-radius: 8px;
    left: -10px;
}

.hv2-single-creator .content .content-inner .name p {
    font-size: 12px;
    margin-top: 7px;
    width: 90%;
}

.hv2-single-creator .follow {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    padding: 3px;
    border-radius: 100%;
    background-color: rgba(63, 114, 175, 0.07);
    position: absolute;
    z-index: 1;
    overflow: hidden;
    bottom: 35px;
    right: 10px;
}

.hv2-single-creator .follow::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(270deg, #6D19FC 0, #7D1FA5 100%);
    -webkit-transition: all .3s linear 0s;
    -moz-transition: all .3s linear 0s;
    -ms-transition: all .3s linear 0s;
    -o-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    clip-path: circle(0% at 0 48%);
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.hv2-single-creator:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
}


.hv2-single-creator:hover .content .name a {
    color: #f1404b;
}

.hv2-single-creator:hover .follow i {
    color: #fff;
}

.hv2-single-creator:hover .follow::before {
    clip-path: circle(70.7% at 50% 50%);
    opacity: 1;
    visibility: visible
}

/*.hv1-feature-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap
}*/
/*网址板块加发现者*/

.faxianzhe {
    /*display: block!important;*/
    text-align: left;

}

.faxianzhe a {
    color: #b3b3b3;
    font-size: .5rem;
}

.faxianzhe img {
    border-radius: 50% !important;
    /* padding: 5px 5px;*/
    height: 100%;
    width: 16px;
    margin-top: -3px;
}

/*介绍框*/
#jieshaokuang {
    background: #f9f9f9;
    border-radius: 6px;
}

.io-black-mode #jieshaokuang {
    background: #28292a !important;
}

.program a.togo:hover i {
    text-shadow: 0 0 5px;
}

@media screen and (min-width:750px) {
    .slice-article {
        display: none;
    }

    .post-edit-linkx {
        display: none;
    }

    .disnone {
        display: none;
    }
}

@media screen and (max-width:768px) {

    .blockfx {
        display: none;
    }
}

/*排行榜*/
.paihang {
    padding: 15px;
    background: url(https://img.kkok.cc/images/uisdc-widget-news.jpg?e=1714261432&token=f5DBEw_P0PDlY_fBLgQKygYLKh48_UuHN25RyqYO:ojkq6IxgIindUdf0hMR0I9sjHyo=);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #fff;
    background-size: 100%;
}

/*底部footer*/
@media (min-width: 1390px) {
    .theme-intro.mini-sidebar:not(.book-template-default) .footer-inner {
        margin-left: auto !important;
        margin-right: auto !important;

    }

    .theme-intro.mini-sidebar:not(.app-template-default) .footer-inner {
        margin-left: auto !important;
        margin-right: auto !important;
         /*   margin-top: -126px !important;*/
    }
.sites-template-default.sidebar_right.sites.mini-sidebar .footer-inner.card.rounded-xl.m-0, .archive .footer-inner.card.rounded-xl.m-0 {

    margin-top: -126px !important;
}
    .home.theme-intro.mini-sidebar:not(.book-template-default, .app-template-default) .footer-inner {
        margin-left: 155px;
    }
}

.theme-intro.sites-template-default .footer-inner,
.theme-intro.post-template-default .footer-inner,
.theme-intro.app-template-default .footer-inner {
    max-width: 1270px;
}



.post-edit-links {
    position: absolute;
    color: #fff;
    top: 10px;
    left: 10px;
    transition: .3s;
    padding: 0 5px;
    background: #f1404b;
    border-radius: 20px;
}

.dead_link_tips {
    position: absolute;
    justify-content: left;
    border-radius: 6px;
    z-index: 9;
    bottom: 0px;
    right: 0px;
    font-size: 12px;
    color: #fff;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
}

.dead_link_tips em {
    background: rgb(0 100 255 / 50%);
    color: #fff;
    font-size: .85em;
    padding: 2px;
    border-radius: 6px 0 6px 0;
    backdrop-filter: blur(45px);
    right: 0px;
    position: absolute;
    bottom: 0px;
}

.url-card .mini {
    box-shadow: 0 0 0.6rem 0 rgb(41 48 66 / 10%) !important;
    border-radius: 6px;
}

/*APP右侧栏*/
@media (min-width: 992px) {
    .app-template-default .sidebar.sidebar-tools.d-none.d-lg-block {
        float: right;
        top: 0;
        margin-left: 15px;
    }

    .post-template-default .sidebar.sidebar-tools.d-none.d-lg-block {
        float: right;
        top: 0;
        margin-left: 16px;
    }
}

.app-template-default .btn-cat {
    color: #777 !important;
    background-color: unset;
    border-color: unset;
    font-size: 13px;
}

/*迷你栏选中样式*/
li#subnav:hover {
    position: relative;
    background: #d9e1ff;
    border-radius: 5px 10px 10px 0;
    box-shadow: 3px 3px 10px 1px rgb(39 78 238 / 11%);
    right: 16px
}

li#subnav:hover::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: px;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: transparent #0036ffab transparent transparent
}

.io-black-mode li#subnav:hover {
    background: #899ded
}

.io-black-mode li#subnav:hover::before {
    border-color: transparent #617be6 transparent transparent
}

li#subnav:hover>ul {
    opacity: 1;
    z-index: 1;
    overflow: visible;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.sidebar-item>a:hover {
    background: #d9e1ff;
    border-radius: 80px 1px 1px 80px !important;
    margin-right: -1px !important;
    box-shadow: 3px 3px 10px 1px rgb(39 78 238 / 11%)
}

@media (max-width: 768px) {
    .sidebar-item>a:hover {
        margin-right: 1px !important
    }
}

.sidebar-item>a:hover i,
.sidebar-item>a:hover span {
    transform: translateX(20px) scale(1.1);
    color: #274eee;
    transition: transform 0.3s ease, color 0.3s ease
}

.sidebar-show>ul {
    margin-right: 5px !important
}

@media screen and (min-width: 1390px) {
    .theme-intro.sites-template-default .footer-inner {
        margin-left: 205px !important;
    }
}

.post-template-default .main-content #content>.row, .sites-template-default .main-content #content>.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.sites-template-default .main-content #content {
    max-width: 1300px;
}
@media (min-width: 768px){
.header-big .s-type-list label span {
    padding: 2px 10px;
    background: #ffffff;
    transform: skew(-10deg);
    color: #274eee;
    border-radius: 6px;
    margin: 5px 5px 0px 8px;
    font-weight: 900;
    font-size: 14px;
}}
/*博客页面调整*/
@media (min-width: 1200px) {

    .post-template-default .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
            }}
.bulletin-swiper .slide{
                height:auto !important;
            }
            .bulletin-swiper .slide a {
    text-decoration: none;
    font-size: unset;
    background-color: unset;
    padding: 0;
    border-radius: 0;
    position: unset;
    transform:unset;
 

            }
            /*论坛侧边*/
            .asgarosforum-widget .widget-element {
   
    padding: 8px;
}
/*字体动效*/
.logotext #svgBox {
    /* width:50%; */
    margin: 1px auto;
}

.logotext .text {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    fill: none;
    /*stroke-width: 2px;*/
    stroke-dasharray: 90 310;
    animation: stroke 6s infinite linear;
}

.logotext .text-1 {
    stroke: #3498db;
    text-shadow: 0 0 5px #3498db;
    animation-delay: -1.5s;
}

.logotext .text-2 {
    stroke: #f39c12;
    text-shadow: 0 0 5px #f39c12;
    animation-delay: -3s;
}

.logotext .text-3 {
    stroke: #e74c3c;
    text-shadow: 0 0 5px #e74c3c;
    animation-delay: -4.5s;
}

.logotext .text-4 {
    stroke: #9b59b6;
    text-shadow: 0 0 5px #9b59b6;
    animation-delay: -6s;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: -400;
    }
}

.logotext .svgText {
    width: 600px;
    margin: 0 auto;
}

.logotext .svgText h3 {
    font-size: 18px;
    color: #333;
    line-height: ;
}

.logotext .svgText p {
    font-size: 16px;
    color: #888;
    line-height: 1;
}

.logotext .svgText p a,
.svgText p a:hover {
    color: #01a6fc;
    font-weight: 600;
}

.logotext .svgText ul li {
    font-size: 16px;
    color: #888;
    line-height: 1;
}