/* 在谷歌浏览器内核中，使滚动条不占用容器的宽度 */
.sidebar-nav-inner .flex-fill {
    overflow-y: overlay;
}
.io-grey-mode .sidebar-nav,.io-grey-mode .sidebar-popup.sidebar-menu-inner ul {
    background: var(--sidebarBgColorGrey,#f0f2f4);
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent) !important;
}
.io-grey-mode .sidebar-nav-inner {
    background: var(--sidebarBgColorGrey,#f9f9f9);
}
.io-grey-mode .sidebar-logo {
    background: var(--sidebarBgColorGrey,#FFF);
}
/* 调整行高 */
.sidebar-menu ul li.sidebar-item > a {
    height: var(--sidebarLineHeight,45px);
}
.sidebar-menu ul li.sidebar-item > i {
    line-height: var(--sidebarLineHeight,45px) !important;
}

/* 顶部菜单从 74 -> 60 */
.header-mini-btn {
    height: var(--headerMenuHeight);
    width: 28px;
}
.header-mini-btn svg {
    margin: 0 -20px;
    height: var(--headerMenuHeight);
}
#sidebar .sidebar-logo{
    height: var(--headerMenuHeight);
}
.sidebar-nav .logo {
    line-height: var(--headerMenuHeight);
}
@media (min-width: 768px) {
    .page-header+.placeholder {
        height: var(--headerMenuHeight);
    }
}
 /* 顶部菜单 使用 毛玻璃效果 */
.big-header-banner.header-bg .page-header {
    color: initial;
    background: var(--greyPageHeaderFilter,rgba(255,255,255,1));
    backdrop-filter: blur(var(--backdropFilter,0px));
}
.io-black-mode .big-header-banner.header-bg .page-header {
    color: #fff;
    background:  var(--blackPageHeaderFilter,rgba(255,255,255,1));
    backdrop-filter: blur(var(--backdropFilter,0px));
    box-shadow: 0 0 25px 5px rgba(17, 12, 12, 0.25);
}
/* 首页部分 */
.slider-menu-father{
    border-radius: var(--ajaxTabRadius);
}
/* 20211129 新版改成这样了 */
.slider_menu[sliderTab]{
    border-radius: var(--ajaxTabRadius);
}
.slider_menu[sliderTab] .anchor {
    border-radius: var(--ajaxTabRadius);
}
.slider_menu[sliderTab] >.menu {
    border-radius: var(--ajaxTabRadius);
}

/* 黑暗模式和日间模式下得背景颜色 */
body.io-grey-mode{
    background-color: var(--bodyBgColor);
}

body{
    overflow-y: overlay;
}
@media only screen and (min-device-width:768px){
    ::-webkit-scrollbar-thumb{background-color:rgba(130,130,130,.5);-webkit-border-radius:4px;border-radius:4px}
    ::-webkit-scrollbar-thumb:hover{background-color:var(--hy-scrollbar-color);-webkit-border-radius:4px;border-radius:4px}
    ::-webkit-scrollbar{width:5px;height:5px} 
    ::-webkit-scrollbar-thumb:active{background-color:var(--hy-scrollbar-color);-webkit-border-radius:4px;border-radius:4px}
    ::-webkit-scrollbar-corner{background:rgba(0,0,0,0);border-radius:0 0 8px 0}
    ::-webkit-scrollbar-button{background-color:rgba(0,0,0,0);height:2px;width:2px}
    ::-webkit-scrollbar {width:var(--hy-scrollbar-width);}
}


/*首页自定义导航5个颜色*/
.user-custome .url-card:nth-child(5n+1) .url-body a {
	background: var(--homeCustomeColor1);
}

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

.user-custome .url-card:nth-child(5n+3) .url-body a {
	background: var(--homeCustomeColor3);
}

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

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

/*顶部菜单右侧小菜单*/
/*顶部弹出矩阵*/
.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;
	display: flex;
	align-items: center;
}

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

.navbar-menu .menu-item i {
    margin-right: 5px;
}

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

.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: 992px) {
	.topgj_r {
		display: none;
	}
}

/*详情页弹窗*/
.sites-template-default .modal-lg, .sites-template-default .modal-xl {
  max-width: var(--hyPopupSize);
}

/*tab栏自定义颜色弹窗*/
.custome_popup {
    display: none;
}
.custome_popup .point{
    width: 10px;
    height: 10px;
    border: 3px solid var(--mainColor);
    border-radius: 50%;
    position: absolute;
}
.custome_popup .main{
    position: absolute;
    left: 15px;
    top: 10px;
    width: 260px;
    border-radius: 6px;
    padding: 10px;
    background: #fff;
    box-shadow:0 0 2rem 0 var(--sidebarShadowGrey,transparent) !important
}
.io-black-mode .custome_popup .main {
    background: #2c2e2f;
}
.custome_popup p{
    font-size: 14px;
}
.custome_popup .colorList{
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
}
.custome_popup .colorList div,.custome_popup .colorList input{
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 6px;
}
.io-grey-mode .custome_popup .colorList div{
    border: 1px solid #e5e7eb;
}
.io-grey-mode .custome_popup .colorList input{
    border: 1px dashed #cfcfcf;
}
.custome_popup .colorList div:hover,.custome_popup .colorList input:hover{
    border: 3px solid #e5e7eb;
}
.custome_popup .options{
    display: flex;
    margin-top: 10px;
}
.custome_popup .options a{
    cursor: default;
    padding: 5px;
    border-radius: 6px;
    color: #fff!important;
    font-size: 14px;
    margin-right: 10px;
}
.custome_popup .options a:hover{
    opacity: .8;
}

/*更多网址块*/
.more-link strong{
    color: var(--mainColor)!important;
}

/*移动端首页金刚区域*/
.golden-area {
    border-radius: 6px;
    display: flex;
    flex-flow: wrap;
    margin-bottom: 5px;
    margin-right: -10px;
}
.golden-area a {
    display: flex;
    padding: 8px;
    text-align: center;
    box-sizing: border-box;
    flex-direction: column;
    background: #fff;
    border-radius: 6px;
    flex: 1 0 21%;
    margin: 0 10px 10px 0;
    box-shadow: 0px 0px 20px -5px rgb(158 158 158 / 10%);
    align-items: center;
}
.io-black-mode .golden-area a{
    background: #2c2e2f;
    color: #c6c9cf;
}
.golden-area i {
    font-size: 20px;
    transition: .3s;
}
.golden-area a img{
    width: 20px;
    height: 20px;
    transition: .3s;
}
.golden-area a:hover i,.golden-area a:hover img{
    transform: scale(1.2);
    transition: .3s;
}
.golden-area span {
    font-size: 12px;
    margin-top: 7px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*def-a型网址块*/
.def-A .remarks{
    position: absolute;
    right: -2px;
    top: -1px;
    font-size: 10px;
    background: var(--mainColor);
    border-radius: 0 6px;
    transform: scale(.9);
}
.url-card .def-A a.togo {
    position: absolute;
    top: 15px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    opacity: .2;
    transition: opacity .3s;
}
.remarks span {
    margin: 0 3px;
    color: #fff;
}

/*max-A网址卡片样式*/
.max-A .url-content{
    margin-top: 22px;
}
.max-A>a.card{
    padding-bottom: 10px;
}
.max-A .url-img{
    width: 35px;
    position: relative;
    top: -8px;
    height: 35px;
}
.max-A .url-info .text-sm{
    max-width: 100px;
}
.max-A  .url-like{
    opacity: 1;
}
.max-A .tga.text-xs.py-1 {
    overflow: hidden;
    width: 60%;
    position: absolute;
    top: 4px;
    left: 4px;
}
@media(max-width: 992px){
.max-A .tga.text-xs.py-1 {
    overflow: hidden;
    width: 60%;
    position: absolute;
    top: 4px;
    left: 4px;
}
}
.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: #9c9c9c;
    background-color: #f1f1f1;
    border: 0 solid #d9d9d9;
    margin-left: 3px;
}
.io-black-mode .max-A .tga a{
    background: rgba(134,134,134,.1);
}
.max-A .url-goto{
    right: -10px;
}
.max-A .url-goto a{
    margin-left: auto;
}
.url-card.wechat .max-A a.card::before {
    font-size: 53px;
    left: -4px;
    top: 9px;
}

/*用户自定义侧边栏*/
.user-setting{
    position: fixed;
    top: 30vh;
    right: -30vw;
    z-index: 1111;
    transition: .3s;
    box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent) !important;
}
.user-setting .close-btn{
    display: inline-block;
    position: absolute;
    right: 4px;
    top: 4px;
}
.user-setting .close-btn i:hover{
    color: var(--mainColor);
}
.user-setting-container{
    position: relative;
    top: -30vh;
    width: 30vw;
    height: 100vh;
    background: #fff;
    border-radius: 0 0 0 6px;
    padding: 15px;
    border-left: 1px solid rgba(0, 0, 0, .1);
    overflow: auto;
     scrollbar-width: none; /* firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
@media(max-width: 992px){
  .user-setting{
      right: -100vw;
  }        
  .user-setting-container{
      width: 100vw;
  }
}
.user-setting-container::-webkit-scrollbar{
    display: none;
}
.io-black-mode .user-setting-container{
    background: #2c2e2f;
}
.user-setting-container h2{
    font-size: 1.3em;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
}
.user-setting-container h2::after {
    content: '';
    width: 50%;
    height: 3px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: var(--mainColor);
    transition: .3s ease;
}
.user-setting-container h2:hover::after{
    width: 75%;
    transition: .3s ease;
}
.user-setting-container h3 {
    font-size: 16px;
    margin: 10px 0;
}
.user-setting-container h3::before {
    content: '#';
    color: var(--mainColor);
}
.user-setting-container .tip{
    color: #888;
    font-size: 12px;
}
.user-setting-btn{
    position: absolute;
    background: var(--mainColor);
    color: #fff;
    top: 0;
    left: -34px;
    border-radius: 6px 0 0 6px;
    writing-mode: vertical-rl;
    text-orientation: upright;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    cursor: pointer;
    width: 34px;
}
.user-setting-btn span{
    margin-top: 8px;
}
.user-setting .custom-width-container{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
}
.user-setting input[type=range] {
  -webkit-appearance: none;/*清除系统默认样式*/
  width: 100%;
  background: -webkit-linear-gradient(var(--mainColor), var(--mainColor)) no-repeat, #ddd;;
  height: 3px;/*横条的高度*/
}
.user-setting input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;/*清除系统默认样式*/
  height: 20px;/*拖动块高度*/
  width: 20px;/*拖动块宽度*/
  background: #fff;/*拖动块背景*/
  border-radius: 50%; /*外观设置为圆形*/
  border: solid 1px #ddd; /*设置边框*/
}

/*不显示直达*/
.no-togo a.togo{
    display: none;
}
/*简洁网址块*/
.simple .url-card .url-img{
    width: 20px!important;
    height: 20px!important;
}
.simple p.overflowClip_1.m-0.text-muted.text-xs{
    display: none;
}
.simple .def-A .remarks{
    display: none;
}
.simple .card-body.url-content.d-flex.align-items-center{
    height: unset;
    padding: .4rem .5rem;
}
.simple .url-card  a.togo{
    top: 3px!important;
}
.simple .content-wrap .url-card a.card{
    margin-bottom: 1rem!important;
}
.simple .url-card .default .url-img{
    margin-left: 0px;
}
/*用户自定义设置 搜索框背景列表样式*/
.search-bg-options ul{
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0px;
    margin-block-start: 0em;
}
.search-bg-options h4{
    text-align: left;
    font-size: 18px;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 10px;
}
.search-bg-options h4::before {
    content: "";
    position: absolute;
    left: -9px;
    width: 5px;
    height: 75%;
    background: var(--mainColor);
}
.search-bg-options li {
    list-style: none;
    width: calc(50% - 10px);
    margin: 5px;
    text-align: center;
}
.search-bg-options li img{
    height: 100px;
    object-fit: cover;
    width: 100%;
    background: #000;
    border-radius: 8px 8px 0px 0px;
}
.search-bg-options li p{
    background: #f5f5f5;
    border-radius: 0px 0px 8px 8px;
    height: 24px;
    font-size: 15px;
}
.io-black-mode .search-bg-options li p{
    background: #363738;
}
.search-bg-options li div:hover p {
    background: var(--mainColor);
    color: #fff;
}
.search-bg-options .current-search-bg p{
    background: var(--mainColor);
    color: #fff;
}
.search-bg-options ul li div{
    position: relative;
}
.search-bg-options ul li div>span{
    position: absolute;
    left: 8px;
    top: 8px;
    background: hsla(0, 0%, 100%, .8);
    font-size: .8rem;
    padding: 0 4px;
    border-radius: 2px;
    color: #6c757d;
}
.io-black-mode .search-bg-options ul li div>span{
    background: #363738;
    color: #bbb;
}
.search-height-container ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0px;
    margin-block-start: 0em;
}
.search-height-container li{
    background: #f5f5f5;
    border-radius: 6px;
    padding: 6px 0;
    list-style: none;
    width: calc(33.3% - 10px);
    margin: 5px;
    text-align: center;
}
.io-black-mode .search-height-container li{
    background: #363738!important;
}
.search-height-container li:hover{
    background: var(--mainColor)!important;
    color: #fff;
}
.search-height-container .current-search-height{
    background: var(--mainColor)!important;
    color: #fff;
}
.search-bg-options button:hover{
   opacity: .8; 
}
.custome-bg{
    position: relative;
    width: 100%;
    margin: 5px;
}
.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;
}
.io-black-mode .custome-bg input {
    background: #363738!important;
}
.custome-bg #search-text{
    height: 40px;
}
.custome-bg .options{
    position: absolute;
    top: 0;
    right: 4px;
    display: flex;
    align-items: center;
    height: 100%;
}
.custome-bg .options button{
    background: var(--mainColor);
    border: 0;
    height: 24px;
    line-height: 19px;
    color: #fff;
    border-radius: 3px;
    margin: 0 4px;
}
.custome-bg .options button:nth-child(2){
    background: #f1404b;
}

/*搜索框视频背景*/
.header-big video{
    position: absolute;
    top: 50%;
    left: 50%;
    visibility: visible;
    width: 100%;
    height: 100%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    object-fit: cover;
}

/*搜索框高度*/
.header-big.focus{
    padding-top: 35vh;
    padding-bottom: 50vh;
}
.header-big.info{
    padding-top: 52px;
    padding-bottom: 26px;
}


/*标签列表页面*/
.page-template-template-sitetag .tag-list .tag-item .card a:hover span:nth-child(1){
    background: var(--mainColor);
    color: #fff;
}
.page-template-template-sitetag .tag-list .tag-item .card span:nth-child(1){
    background-color: #f4f4f4;
    padding: 5px 12px;
    border-radius: 6px;
}
.page-template-template-sitetag .tag-list .tag-item .card span:nth-child(2){
    margin-left: 10px;
    color: #999;
}
.io-black-mode .page-template-template-sitetag .tag-list .tag-item .card span:nth-child(1){
    background-color: rgba(0,0,0,.1);
}
.page-template-template-sitetag .tag-item-title {
    height: 24px;
    display: flex;
    font-size: 14px;
    padding-left: .938rem;
    margin-bottom: 4px; 
}
.page-template-template-sitetag .tag-item-title a{
    color: #999;
}
.page-template-template-sitetag .tag-item-title a:hover{
    color: var(--mainColor);
}
.io-black-mode .page-template-template-sitetag .tag-list .tag-item .card a {
    color: #888;
}



/*分类列表页面*/
.page-template-template-favorites .category-item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 20px 0;
    column-gap: 10px;
    row-gap: 20px;
}
.page-template-template-favorites .category-item i{
    font-size: 12px;
}
.page-template-template-favorites .cate-parent a{
    background: var(--mainColor);
    color: #fff;
    border-radius: 2px;
    padding: 4px;
}
.page-template-template-favorites .cate-sub{
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    gap: 10px;
}
.page-template-template-favorites .cate-sub li{
    background: #fff;
    padding: 4px;
    border-radius: 2px;
    box-shadow: 0px 0px 20px -5px rgba(158, 158, 158, .2);
}
.io-black-mode .page-template-template-favorites .cate-sub li{
    background: #2c2e2f;
}

/*mini侧边栏强调*/
#subnav .mainColor{
    color: var(--mainColor)!important;
}
#subnav .mainColor span{
    position: relative;
    overflow: visible;
}
#subnav .mainColor span::after{
    position: absolute;
    right: -8px;
    top: -4px;
    transform: rotate(-45deg);
    width: 7px;
    height: 7px;
    background: var(--mainColor);
    border-radius: 50%;
    content: "";
}

/*intro书籍/影视样式*/
.intro-book{
    position: relative;
}
.intro-book .book-header {
    padding: 0 15px;
    border-left: 3px dashed #eee;
    padding-bottom: 10px;
}
.intro-book h1{
    font-size: 30px;
    line-height: 1.38;
    margin-bottom: 10px;
    position: relative;
    font-weight: bold;
}
.intro-book h1::before{
    content: '';
    position: absolute;
    left: -18px;
    height: 40px;
    width: 5px;
    background: var(--mainColor);
    border-radius: 0 4px 4px 0;
}
.intro-book .book-header div>span{
    background: #fff;
    padding: 4px 12px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #eee;
}
.io-black-mode .intro-book .book-header div>span{
    background: #2c2e2f;
    border: unset;
}
.intro-book .book-header span i{
    display: none;
}
.intro-book .book-info .main{
    padding: 15px 5px;
    display: flex;
    flex-direction: row;
    min-height: 250px;
    margin: auto !important;
}
.intro-book .book-info .left{
    font-size: .9rem;
    display: flex;
    flex-direction: column;
    padding-right: 34px;
}
.intro-book .book-info .left>div{
    font-size: .9rem;
    position: relative;
    flex: 1;
    padding-bottom: 40px;
}
.intro-book .book-info .left p{
    position: relative;
    padding-bottom: 10px;
}
.intro-book .book-info .left p::after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.6px;
    background-color: #f1f3f5;
}
.io-black-mode .intro-book .book-info .left p::after{
    background-color: #25252b;
}
.intro-book .book-info .left span{
    font-weight: bold;
}
.intro-book .book-info .left .site-go{
    position: absolute;
    bottom: 0;
    margin-right: -34px;
}
.intro-book .book-info .left .site-go a{
    background: var(--mainColor);
    color: #fff;
}
.intro-book .book-cover{
    position: absolute;
    z-index: 11;
    right: 30px;
}
@media screen and (max-width:992px){
.intro-book .book-cover{
    position: unset;
}
}
.intro-book .book-cover img{
   max-height: 260px!important;
}

/*mini侧边栏*/
.has-mininav #content{
    display: flex;
    gap: 15px;
}
div#mini {
	display: none;
	border-radius: 12px;
}
#mininav{
	width:var(--minisidebar-width);
}
#mininav ul>li span{
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
div#mininav {
	position: relative;
	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;
}
@media screen and (min-width: 1200px) {
	.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;
	}

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

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

	.fix {
		top: 80px!important;
		position: sticky!important;
	}

	.customize-width {
		position: relative;
	}
}

@media (max-width: 992px) {

	div#mininav span {
		font-size: 12px;
		margin: 0px 4px;
	}
}
/*侧边栏弹出ul*/
@media screen and (min-width: 992px) {
	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: #fff;
		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;
	}

}

/*修复和风天气*/
#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;
}

@media (max-width: 992px) {
	.header-big {
		padding-top: 59px;
	}
}
/*顶部菜单调整*/
.navbar .navbar-nav li>a {
	font-size: 13px;
}

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, -11px);
	font-size: .75rem;
	letter-spacing: 0.05em;
	background: linear-gradient(135deg, #E80505 10%, #FDD819 100%);
	color: #ffffff;
	border-radius: 4px 4px 4px 0;
	padding: .15rem .275rem;
	line-height: 1;
	font-weight: bold;
	height: 20px;
	line-height: 15px !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: #fff!important;
	color: #282a2d;
}

.io-black-mode .header-big #search-text {
	background-color: #2c2e2f!important;
	color: #fff;
}

.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: #fff 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;
}
/*小圆点*/
.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;
}

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

.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: 768px) {
	.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-1 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;
}

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

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

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

/*content相对定位*/
div#content {
    position: relative;
}
/*网址详情页左右*/
@media (max-width: 1400px){
.sites-template-default .main-content #content {
    width: 100%;
    margin-bottom: 0rem!important;
}
}

.sites-template-default .row.site-content{
    flex-wrap: nowrap;
    gap: 15px;
    margin: auto !important; 
    position: relative; 
    width: 100%;
}
.site-l {
    flex: 1;
    padding: 15px; 
    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;
    width: 0;
}
.sidebar_no .site-l{
    width: 100%;
}
.io-black-mode .site-l {
    background-color: #2c2e2f;
}
.sites-template-default .sidebar.sidebar-tools {
    margin-left: 0px!important;
    float: unset;
}
@media (max-width: 1400px){
    .site-l {
     width: 100%;
    }
    .sites-template-default .sidebar.sidebar-tools {
    display: none!important;
    }
}
/*网址详情页 - 详情页图标块美化*/
.siteico {
	box-shadow: unset;
	border-radius: 8px;
	height: 200px;
}

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

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

	.sites-template-default 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;
	}

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

	div#country {
		display: none;
	}
}

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

/*网址详情页 - 左侧图标移动*/
.siteInfo>.col-12.col-sm-5.col-md-4.col-lg-3 {
	padding-top: 15px;
	float: left;
	width: 25%;
	padding-left: 0px;
	padding-right: 30px;
}


@media (max-width: 992px) {
	.siteInfo>.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: 992px) {
	.siteinfo {
		margin-left: -15px;
	}
}
/*网址详情页 - 右侧信息移动*/

.siteInfo>.col.mt-4.mt-sm-0 {
    padding-left: 0px;
	float: right;
	width: 75%;
}

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

.content {
	clear: both;
}

/*网址详情页 - 网址信息边距减少*/
.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;
}
/*网址详情页 - 面包屑*/
@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;
}

@media (max-width: 768px) {
	.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: 992px) {
	.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;
}


.io-black-mode #pinggu {
	background: #28292a!important;
}
/*网址详情页评论框美化*/
.comments .card {
	box-shadow: unset;
}
 .sites-template-default .comments .card-body {
	padding: 1.25rem .5rem;
}

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


/*整体布局*/
.user-custom-width{
    max-width: var(--user-custom-width)!important;
}
.intro-container{
    margin: auto !important;
    position: relative;
    width: 100%;
}
.has-mininav #content .intro-container{
    flex: 1;
    width: 0;
}
@media (max-width: 1200px) {
	.intro-container{
	    padding: 0;
	}
}

/*首页布局*/
@media (max-width: 1200px) {
	.indexmh .row {
		margin-right: 5px!important;
		margin-left: 5px!important;
	}
}

/*书籍页布局*/
.book-template-default #content .row.site-content{
    margin: auto !important;
    padding: 0 15px;
}



/*app页布局*/
.app-template-default #content .row.app-content,.sites-template-default  #content .row.app-content{
    margin: auto !important;
    padding: 0 15px;
}
.app-template-default .row.app-content{
    flex-direction: row;
}


/*底部布局调整*/
.theme-intro .footer-inner{
    margin-left: auto!important;
    margin-right: auto!important;
}


/*首页 - 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;
}

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

.tabfg 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: 992px) {
	.list-title-txt {
		display: none;
	}
}

/*首页 - 自定义美化*/
.user-custome {
	width: 100%;
	background: #fff;
	padding: 10px 0px 8px 0px;
	border-radius: 8px;
	box-shadow: 0 0 2rem 0 var(--sidebarShadowGrey,transparent);
	margin-bottom: 15px;
}

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

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




/*置顶新网址美化*/
.url-body .badge.text-ss {
	position: absolute;
	left: -0.2rem;
	top: -0.2rem;
	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);
}
/*顶部登录*/
.nav-login a:not(.user-bookmark-body a) {
	font-size: 14px;
	line-height: 20px;
	color: #fff!important;
	padding: 4px 12px;
	background: var(--mainColor);
	border-radius: 20px;
	text-shadow: none;
}
/*手机端去除手机查看*/
@media (max-width: 992px) {
	.sites-template-default a.btn.btn-arrow.qr-img {
		display: none;
	}
}
/*文章标题三行隐藏*/
.overflowClip_2 {
	-webkit-line-clamp: 3;
}
/*小工具网址块颜色*/
.sidebar .url-card .card {
	background: #f5f5f5;
}
/*小工具热榜图标修复*/
.hot-ico {
	height: 18px!important;
}

/*标签换行及两行最多修复*/
.mr-1, .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: 992px) {
	.indexmh .mt-4, .indexmh .my-4 {
		margin-top: .5rem!important;
	}

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

}
/*详情页网址块美化（PC端）*/
.io-black-mode .url-card .mini .card-body {
	padding: .4rem .5rem;
}

/*资讯页修复调整*/
@media (max-width: 992px) {
	.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;
	}
}

/*分类页美化*/
.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: 992px) {
	.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;
	}
}



/*标签页美化*/
.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: 992px) {
	.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: 992px) {
	.post-template-default .row {
		margin-right: 5px;
		margin-left: 5px;
	}
}

/*直达图标放大*/
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: #666;
}
.sites-template-default .slider_menu[sliderTab]>.menu>li>a:hover{
 color: #666;
}
.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;
}
}


/*首页 - 网址上方广告*/
.indexmh>.row.mb-4{
    margin-top: 10px;
    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: 992px){ /*手机展示第二广告位 */
   .apd.apd-home.d-none{
       margin-top: 10px;
       display: block!important;
   }

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


/*网址详情页 - 数据评估*/
.panel.site-content.sites-default-content.card {
    background: #f1f1f15c;
    border-radius: 6px;
}
.io-black-mode .panel.site-content.sites-default-content.card {
    background: rgba(138, 138, 138, .15);
}