/*
Theme Name:     B2子主题
Theme URI:      http://7b2.com/
Description:    这是b2主题的子主题
Author:         基于S9修改版本
Author URI:     https://www.s9h.cn/
Template:       b2
Version:        2.0
Tags:           免费主题
*/
/*导航样式*/
@media (min-width: 768px) {
    #ym-menu {
        display: none;
    }
    .social-top .top-menu ul li.depth-0 > a {
    font-size: 0.875rem;
}
}

.home .site-header.mg-b{
    margin-bottom: 0;
}
.home-row-left.content-area{
    display:flex;
    gap: clamp(1.5rem, -8.617rem + 13.5vw, 4.875rem);
}
.banner-thumb{
    max-width: 480px;
    position: relative;
    margin: 0 auto;
}
.design-qty {
    background-color: hsl(0 0% 100%);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    aspect-ratio: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.flex-center {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.design-qty__number,
.design-qty .design-qty__text {
  font-weight: 700;
  display: block;
}
.text--base {
    color: hsl(205 100% 50%) !important;
}
.design-qty__text{
    color: hsl(0 0% 16%);
    font-size: 0.875rem;
}
#search-module-2 .search-module-title{
    font-size: clamp(1.375rem, 0.3353rem + 2.1661vw, 2.5rem);
    margin-bottom: clamp(1rem, -0.217rem + 2.536vw, 2rem);
    font-weight: initial;
}
#search-module-2 .search-module-desc {
    margin-top:0;
    margin-bottom: clamp(1.5rem, -0.326rem + 3.803vw, 3rem);
    max-width: 100%; 
    font-weight: 400;
}
#search-module-2 .search-module-form {
    width: 100%;
    background:initial;
}
#search-module-2 .search-module-key{
    width: 95%;
}
#search-module-2 .search-module-input {
    border-color: hsl(205 100% 50% / 0.5);
    border-radius: 12px;
    background: hsl(0 0% 100% / 0.5) !important;
    padding: 24px;
}
.search-module-form .search-button-action i {
    font-size: initial;
    margin-right: 5px;
}
.search-module-form .search-button-action {
    top: 2px;
}

#search-module-2 .search-module-box .search-button-action{
    height: 48px;
    border-radius: 8px;
    position: absolute;
    right: 3px;
    display: flex;
    align-items: center;
    color: hsl(0 0% 100%) !important;
    font-weight: 500;
    padding: 15px 24px;
    background-color: hsl(205 100% 50%) !important;
}
#search-module-2 .tech-list{
    gap: 12px;
    margin-top: 32px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#search-module-2 .tech-list .flex-center{
    width: 36px;
    height: 36px;
    background-color: hsl(0 0% 100%);
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#search-module-2 .search-module-ico .icon {
    width: 1.35em; 
    height: 1.35em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
/*导航样式*/

/************************************************ 广播模块修改开始 *****************************************************/
#home-row-homesgg .home-row-left.content-area{
    display:grid;
}
.guangbo {
    width: 100%;
    height: 45px;
    overflow: hidden;
    display: grid;
    justify-items: center;
    background-color: rgba(220, 225, 249, 0.9);
    border-radius: 5px;
    transition: var(--hover);
    border: var(--border-fff);
    box-shadow: var(--bbshadow);
}

.guangbo:hover {
    border: var(--border-000);
    transition: var(--hover);
}

.guangbo.hidden {
    display: none;
}

.guangbo-hw {
    flex: 1;
    display: grid;
    align-items: center;
    grid-template-columns: auto 5fr 30px auto;
    gap: 15px;
    height: 100%;
    width: 98%;
}

.guangbo-hw>div {
    height: 70%;
}

.guangbo-title {
    display: grid;
    grid-template-columns: 23px auto 1fr;
    gap: 4px;
    width: 100%;
    align-items: center;
    background-image: linear-gradient(146deg, #d1d1cf 0%, #3ee4ff 74%);
    border-radius: 5px;
    padding: 0 3px;
}

.guagnbo-o {
    display: inline-block;
    vertical-align: text-bottom;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear 0s infinite normal none running kuaibao-yuandian;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    width: .5rem;
    height: .5rem;
    transition: all .4s ease-out;
}

@keyframes kuaibao-yuandian {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.guangbo-font {
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

.guangbo-content {
    width: 100%;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-items: start;

}

.guangbo-content-user {
    display: grid;
    align-items: center;
    grid-template-columns: auto 5px 70px;
    max-width: 220px;
    justify-items: center;
}

.guangbo-user {
    max-width: 145px;
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #4E5358;
    transition: var(--hover);
}

.guangbo-fabiao {
    background-color: rgb(200 207 237);
    color: #fff;
    font-weight: 600;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
    padding: 0px 5px 1px 5px;
    border-radius: 2px;
    margin-left: 6px;
}

.guangbo-content-title {
    text-align: center;
    width: 100%;
    transition: all .3s ease-out;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 12px;
    font-weight: 600;
    color: #4E5358;
    transition: var(--hover);
}

.guangbo-content-title a:hover {
    color: rgba(255, 255, 255, 0.8);
    transition: all .3s ease-out;
}

.guangbo-button {
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    background-image: linear-gradient(140deg, #e1e1be 0%, #43aadb 74%);
    transition: all .3s ease-out;
    transition: var(--hover);
}

.guangbo-button:hover {
    border-radius: 50px;
    transition: var(--hover);
}

.guangbo-number {
    max-width: 470px;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3px;
    justify-items: center;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guangbo-number>span span {
    font-weight: 600;
    padding: 0 3px;
    border-radius: 3px;
    color: #536de6;
    background-color: rgba(83, 109, 230, .18);
    margin: 0 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: var(--hover);
}

/************************************************ 广播模块修改结束 *****************************************************/

/*字体抖动*/
.user-w-name h2,.w-a-name p{text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);animation: shake-it .5s reverse infinite cubic-bezier(0.68, -0.55, 0.27, 1.55);}
@keyframes shake-it{
    0%{text-shadow: 0 0 rgba(0, 255, 255, .5), 0 0 rgba(255, 0, 0, .5);}
    25%{text-shadow: -2px 0 rgba(0, 255, 255, .5), 2px 0 rgba(255, 0, 0, .5);}
    50%{text-shadow: -5px 0 rgba(0, 255, 255, .5), 3px 0 rgba(255, 0, 0, .5);}
    100%{text-shadow: 3px 0 rgba(0, 255, 255, .5), 5px 0 rgba(255, 0, 0, .5);}
}
/*字体抖动结束*/
/*添加图片动效*/
/*
.b2_gap > li .post-module-thumb,
.shop-box-list li .post-module-thumb,
.collection-out > ul li .post-module-thumb,
.shop-normal-item .post-module-thumb {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.b2_gap > li:hover .post-module-thumb,
.shop-box-list li:hover .post-module-thumb,
.collection-out > ul li:hover .post-module-thumb,
.shop-normal-item:hover .post-module-thumb {
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  -webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  -moz-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, 0.3);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.b2_gap > .item-post-style-3:hover .post-module-thumb{
        transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    transition: unset;
    -webkit-transition: unset;
    -moz-transition: unset;
    -o-transition: unset;
}
.home .post-list .b2_gap .item-post-style-3 .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
.item-post-style-3 .picture img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.item-post-style-3 .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
}
.item-post-style-3 .post-info {
    position: relative;
    z-index: 2;
    color: #fff;
    overflow: hidden;
}
*/
/*文章样式3动画*/
.post-list-item.item-post-style-3 .post-info {
    /* 初始状态，可以根据需要设置其他样式 */
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.post-list-item.item-post-style-3:hover .post-info {
    /* 鼠标悬停时应用过渡效果 */
    opacity: 0;
    transform: translateY(100%);
}
/*图片动效结束*/
/* 文章列表动画效果 */
.home .post-list .b2_gap .post-list-item .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
.item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
.b2_gap>li .item-in, .shop-list-item, .shop-normal-item-in, .user-search-list li>div, .home-collection .home-collection-content, .post-3.post-3-li-dubble .b2_gap>li .item-in, .item-in {
	overflow: hidden;
	transition: all .3s ease-in-out;
}
/* 文章列表效果优化结束 */


/*移动端禁止第一层底部*/
@media (max-width: 780px) {
.site-footer {
display: none;
}
}
/*移动端禁止第一层底部结束*/
/*会员标识*/
.lv-icon.b2-vip0 b {
     color: #ffffff !important;
    background: linear-gradient(90.34deg, #70d6b5 0.27%, #0084ff 99.7%);
    padding: 1px 3px;
    border-radius: 3px;
}
.lv-icon.b2-vip1 b {
     color: #ffffff !important;
    background: linear-gradient(90.34deg, #fe63ff 0.27%, #6f8dff 99.7%);
    padding: 1px 3px;
    border-radius: 3px;
}
.lv-icon.b2-vip2 b {
    color: #FAFAFA !important;
    background: linear-gradient(90.34deg, #FF34B3 0.27%, #FF3030 99.7%);
    padding: 1px 3px;
    border-radius: 3px;
}
.user-w-lv {
    display: flex;
    height: 22px;
    flex-wrap: wrap;
}
/*会员标识结束*/
/*小图标*/
.icon {
    width: 1em; 
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
/*小图标结束*/
/*等级标识*/
.b2-lv0 i {
    display: none!important;
}
.b2-lv1 i {
    display: none!important;
}
.b2-lv2 i {
    display: none!important;
}
.b2-lv3 i {
    display: none!important;
}
.b2-lv4 i {
    display: none!important;
}
.b2-lv5 i {
    display: none!important;
}
.b2-lv6 i {
    display: none!important;
}
/*等级标识结束*/
/*首页文章标题鼠标移上去变色*/
 .post-list-item .item-in h2:hover {
    color: #2882C5;
}
/*首页文章标题鼠标移上去变色结束*/

/*文章h2标题*/
 .entry-content > h2::before {
    content:'#';
    margin-right: 10px;
    display: block;
}
/*文章内页标题取消加粗*/
 .single-article h1 {
    font-weight: 500;
}
/*文章内页标题加粗*/
 .entry-content > h2, .entry-content > h3, .entry-content > h4, .entry-content > h5, .entry-content > h6 {
    font-weight: 400;
}
/*文章h2标题大小*/
 .entry-content > h2, .content-show-roles > h2 {
    font-size: 1.5em;
    display: flex;
}

/*登录窗口美化*/
.show-modal {
	opacity: 1;
	visibility: visible;
	transform: perspective(1px) scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.15s 0s, transform 0.15s;
	backdrop-filter: saturate(98%) blur(5px);
}
.login-box-content {
    margin-top: 0;
    width: auto;
    display: flex;
    position: relative;
    background: #fff;
    min-width: 750px;
}
.aibk_com_login {
    width: 50%;
    position: relative;
    background: url(//www.miknio.com/wp-content/themes/b2child-m/Assets/images/dl.png);
    background-size: cover;
    background-position: center 0;
}
.login-box-content .login-box-top {
    width: 50%;
    padding: 30px 30px 25px;
}
.wxlogin-sidebar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
}
.wxlogin-sidebar h3{
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.wxlogin-sidebar p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
}
.wxlogin-sidebar>div {
    padding: 30px;
}
@media screen and (max-width: 768px){
.aibk_com_login {
    display: none;
}
.login-box-content{
 min-width: auto;
}
.login-box-content .login-box-top{
    width: 100%;
}
}

/*h1-h6去除标签颜色*/
 .single-article h1 a, .single-article h1 a:hover, .single-article h2 a, .single-article h2 a:hover, .single-article h3 a, .single-article h3 a:hover, .single-article h4 a, .single-article h4 a:hover, .single-article h5 a, .single-article h5 a:hover, .single-article h6 a, .single-article h6 a:hover, .single-article strong a, .single-article strong a:hover {
    color: #333;
    text-decoration: none;
}

/**样式修复**/
.single .entry-header .post-list-cat a {
    height: 30px!important;
    line-height: 30px;
    padding: 0 16px;
    font-weight: 500;
}
/** 文章上浮效果 **/
.post-list .b2_gap .post-3-li .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
/**.post-1 .b2_gap .post-list-item .post-thumb,
.post-3 .b2_gap .post-list-item .post-thumb
{
	transition: .35s
}
.post-1 .b2_gap .post-list-item:hover .post-thumb,
.post-3 .b2_gap .post-list-item:hover .post-thumb
{
   
	-ms-transform: scale(1.305);
	-moz-transform: scale(1.305);
	-webkit-transform: scale(1.305);
	transform: scale(1.305)
}**/

/** 底部小工具 **/
    .site-footer-widget-in .widget-title:after {
        content:"";
        position:absolute;
        background: linear-gradient(125deg,#5c92e5 0%,#5c92e5 100%);
        left:1px;
        width:50px;
        height:3px;
        bottom:-2px;
        -webkit-transition:.5s;
        -moz-transition:.5s;
        -ms-transition:.5s;
        -o-transition:.5s;
        transition:.5s;
    }
    .night .widget-title:after {
         background:linear-gradient(125deg, #e49d46 0%, #e49d46 100%);
    }
    .widget:hover .widget-title:after {
        width:40%
    }

.site-footer{
    padding: 30px 0;
}
.site-footer .widget.b2-widget-about{
    margin-right: 40px;
}
.b2-widget-about .b2-widget-title{
    display: none;
}
.b2-widget-team .b2-widget-title .widget-title{
    margin-bottom: 14px;
}   
.site-footer .widget.widget_nav_menu{
    width: 14%;
}
.about-widget p{
    font-size: 12px;
    line-height: 1.7;
}
.site-footer .widget-title{
    position:relative;
    letter-spacing:5px;
    font-size: 14px;
    font-weight: 600;
    color: #464646;
    padding: 0;
    line-height: 22px;
    border: none;
    margin-bottom: 14px;
}
.widget-title i{
    display: none;
}
.site-footer .widget ul li{
    padding: 12px 0;
}
.site-footer .widget .team-widget li{
    padding: 0px 0;
}
.footer a{
    font-size: 12px;
    line-height: 20px;
}
.site-footer-nav .wrapper .footer-links{
    color: #464646;
    margin: 0;
    background-color: hsl(0deg 0% 95.44% / 50%);
    border: none;
    opacity: 1;
    text-align: right;
}
.footer-links ul li{
    padding: 0;
    margin-right: 24px;
    padding-right: 24px;
    border-right: 1px solid #8590A6;
    height: 12px;
}
.footer-links ul li a{
    line-height: 12px;
}
.footer-bottom{
    font-size: 12px;
    border-top: 1px solid hsl(0deg 0% 65.4% / 14%);
    height: 56px;
}
/*.site-footer .b2-widget-team ul li{
    padding: 0;
}*/
.footer-bottom-left .copyright a{
    line-height: inherit;
}
.footer-bottom-left .kudun img{
    width:55px !important; 
    height:20px !important;
    margin-right:1px !important; 
}
.kudun{
    display: flex;
    align-items: center;
}


/*移动端禁止网站统计*/
@media (max-width: 780px) {
.footer-custom {
display: none;
}
}
/*移动端禁止网站统计结束*/

.miknio-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  align-items: center;
}

.post-app-icon {
  /*width: 150px;*/
  /*height: 150px;*/
  /*border-radius: 15px;*/
}

.miknio-header .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 15px;
}

.miknio-header h1 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: inline-block;
  line-height: auto;
}

.miknio-header h1 .version {
  color: #fff;
  background-color: #ff3355;
  font-size: 18px;
  border-radius: 5px;
  padding: 3px;
  vertical-align: middle;
  font-weight: 400;
  margin-left: 8px;
}

.miknio-header .info .icon {
  font-size: 20px;
}

.miknio-desc {
  padding: 12px;
  background: #f9f9f9;
  margin: 0px auto 24px;
  padding: 12px 20px;
  border-radius: 0.42857143em;
  color: #4E5969;
  width: 95%;
}

.miknio-desc ul {
  display: -ms-grid;
  display: grid;
  list-style: none;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}

.miknio-desc ul li {
  width: 100%;
  padding: 8px;
  height: 35px;
  font-size: 0.8125rem;
}

.miknio-desc .icon {
  font-size: 18px;
}
/*手机端元素*/
@media screen and (max-width:768px){
  .post-app-icon {
    width: 120px;
    height: 120px;
  }
  .miknio-desc ul {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    max-height: 135px;
    overflow: auto;
  }
}

.post-3 .post-module-thumb > div{
    position: static; 
}
.post-3 .mobile-show > div{
    position: relative; 
}
.single-article {
    width: 100%;
    max-width: 100%;
    padding-top: 10px;
    position: relative;
    box-sizing: border-box;
}

.entry-content table td{white-space: normal;}

/*下载工具栏*/

.w-d-download span button {
  padding: 9px 12px;
  color: #ffffff !important;
  font-weight: 400;
  text-align: center;
  font-size: 16px;
}


.w-d-download span:nth-child(1n) button {
  background-color: #03b151;
}

.w-d-download span:nth-child(2n) button {
  background-color: #536de6;
}

.w-d-download span:nth-child(3n) button {
  background-color: #35b8e0;
}

.w-d-download span:nth-child(4n) button {
  background-color: #b662f1;
}
.b2-widget-download .buy-title {
    text-align: center;    
    font-size: 1.15rem;
    font-weight: bold;
    margin-bottom: 1rem
    
}
.b2-widget-download .buy-title i{
    margin-right: .25rem;
}

/*下载工具栏*/
/*首页最新文章标题*/
.post-item-zuixwz h2 {
    font-size: 18px !important;
}
/*首页最新文章标题 结束*/
/*默认文章内页头部*/
.content-info_con .me-1{
    margin-right: .25rem!important;
}
.mt-lg-1{
    margin-top: .5rem!important
}
.content-area .content-info_con {
    border-radius: 5px;
    height: 300px;
    position: relative;
    margin: 0 0 10px
}
.content-area .content-info_con .content-info-box {
    position: absolute;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding-top: 1.5rem!important;
    padding-bottom: 1.5rem!important;
    padding: 1px;
}
.content-area .content-info_con .content-info-box .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--ri-gutter-y));
    margin-right: calc(-.5 * var(--ri-gutter-x));
    margin-left: calc(-.5 * var(--ri-gutter-x))
}
.content-area .content-info_con .content-info-box .img-box{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45%;
    padding-left: 1.5rem!important;
}
.content-area .content-info_con .content-info-box .img-box .img{
    position: relative;
    width: 100%;
    height: 242px;
    overflow: hidden;
    border-radius: .5rem;
    border: solid rgba(0,0,0,.1) 4px;
}
.content-area .content-info_con .content-info-box .img-box .img img{
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover; /* 拉伸图片以填满容器 */
    object-position: center; /* 图片居中显示 */
    display: block;
}
.content-area .content-info_con .content-info-box .info-box{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 55%;
    padding-left: 1.5rem!important;
}
.info-header {
    margin-bottom: 1.5rem

}

.info-header .post-title{
    color: #fff
}
.info-header h1{
    font-size: 1.2rem;
    font-weight: 600
}
.info-header .mb-lg-2{
    margin-bottom: .5rem!important;
}
.info-header .article-meta {
    font-size: .875rem;
}
.info-header .article-meta span {
    color: rgba(255,255,255,.7);
}
.info-header .article-meta>span+span {
    margin-left: 8px;
}
.img-bg {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}
.img-bg::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.3);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.img-bg img{
    width: 100%;
    height: 100%;
}
.info-box .version {
  color: #fff;
  background-color: #ff3355;
  font-size: 18px;
  border-radius: 5px;
  padding: 3px;
  vertical-align: middle;
  font-weight: 400;
  margin-left: 8px;
}
.info-box .down-info i{
    width: 18px;
    height: 18px;
    color:#fff;
}
.info-box .down-info font{
    color: rgba(255,255,255,.7);
    font-weight: bold;
}
.info-box .down-info .items-text{
    margin-bottom: .25rem;
}
.info-box .down-info .flex-bq {
    display: flex;
}
.info-box .down-info .flex-bq .border{
    padding-top: .125rem;
    padding-bottom: .125rem;
    padding-left: .5rem;
    padding-right: .5rem;
    border-width: 1px;
    border-radius: 0.25rem;
    border: 1px solid #ccc;
}
.down-info ul{
    display: flex;
    flex-flow: wrap;
    background: rgb(60 60 60 / 25%);
    padding: 10px;
    margin:0;
    list-style: none;
    border-radius: 0.25rem;
}
.down-info li{
    font-size: 14px;
    width:50%;
    margin-top:2px;
    color: rgba(255,255,255,.7);
    font-weight: bold;
}
.items-info{
    padding-right: 20px;
    padding-bottom: 8px;

}
.info-box .tips{
    margin-right: 20px;
    font-size: 12px;
    background-color: #f5f5f5;
    color: #8a92a9;
    border-radius: 5px;
    margin-top: 10px;
    padding: 3px;
}
/*默认文章内页头部 结束*/
/*调整fi字体图标*/
i.fi{    
    vertical-align: middle;
    line-height: 1; /* 调整 line-height */
}
/*调整fi字体图标*/
/*网格列表调整*/
.split{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 8px solid #f0f0f2;
}
.item-post-style-1 .list-footer{
    padding-bottom: 0px;
}

.item-post-style-1 .list-footer span {
    display: initial; 
    -webkit-box-orient: initial; 
}
.item-post-style-1 .post-info span {
    height: auto;
}
.list-footer .index-price-aNwVv {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #ff5c01;
}
.list-footer .index-font17-sXHsC {
    font-size: 17px;
}
.entry-cat-dot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* margin: 8px 16px 4px 16px; */
}
.entry-cat-dot>a {
    color: #a1a1a8;
    font-size: .75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.entry-cat-dot>a+a {
    margin-left: 6px;
}
.entry-cat-dot>a::before {
    display: block;
    content: "";
    border-radius: 50%;
    height: 6px;
    width: 6px;
    margin-right: 5px;
}
.entry-cat-dot>a:first-child::before {
    background-color: rgba(33, 99, 232, .75);
}
.entry-cat-dot>a:nth-child(2)::before {
    background-color: rgba(247, 195, 46, .75);
}
.post-list-item .item-in .post-info h2 {
    -webkit-line-clamp: 2;
    font-weight: 500;
}
/*网格列表*/
/*文章内页评论*/
.ContentItem-time {
    color: #929aab;
    margin-top: 10px;
}
/*文章内页评论结束*/
/*post-style-6*/
.post-style-6 .comments-box{
    display: none;
    height:100%
}
.post-style-6 .comment-span{
    display: none!important;
}
.post-style-6 header{
    padding-top:18px;
    box-sizing: border-box;
    flex-flow: column;
}
.article-header-box {
    position: relative;
    background: #fff;
    padding: 20px 20px 20px 445px;
    border-radius: 5px;
    /* margin-bottom: 20px; */
}
.header-box-img {
    width: 400px;
    height: 240px;
    margin-left: -425px;
    float: left;
}
.header-box-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.header-box-con .article-title {
    margin-top: -4px;
}
.article-title {
    font-size: 24px;
    margin: 0 0 10px;
    font-weight: normal;
    word-break: break-all;
}
.article-meta {
    color: #777;
    margin-bottom: 15px;
    font-size: 13px;
}
.header-box-con .custom-metas {
    background: #f5f5f5;
    padding: 7px 10px;
    font-size: 14px;
    margin-bottom: 15px;
    overflow: hidden;
    color: #999;
    border-radius: 5px;
}

.header-box-con .custom-metas .meta {
    float: left;
    width: 50%;
    padding-right: 15px;
    margin: 2px 0;
}
.header-box-con .custom-metas .meta span {
    color: #666;
}
.header-box-con .erphpdown {
    border: none !important;
    padding: 0 !important;
    margin-bottom: 0;
    background: transparent !important;
}
.header-box-con .erphpdown .erphpdown-box-tips {
    display: inline-block;
    background: #fff3e9;
    border-radius: 5px;
    line-height: 37px;
    padding: 0 13px;
}
.erphpdown .erphpdown-price {
    display: inline-block;
    margin-left: 5px;
    font-size: 18px;
    margin-right: 5px;
    font-weight: 600;
    color: var(--theme-color);
    line-height: 1.2;
}
.header-box-con .erphpdown .erphpdown-btn-large {
    border-radius: 5px;
    padding: 8px 15px;
    min-width: 100px;
    font-size: 14px;
    line-height: 1.5;
    margin-right: 10px;
    margin-left: 0;
    text-align: center;
    float: left;
}
.header-box-con .erphpdown .demo-demo {
    background: #67CE9B;
    color: #fff;
    display: inline-block;
}
.erphpdown .erphpdown-down {
    background: #5cb85c;
        color: #fff !important;
}
.header-box-con .erphpdown .erphpdown-tips {
    margin-top: 10px;
}
.erphpdown .erphpdown-tips {
    margin-top: 5px;
    color: #f58b36;
    font-size: 13px;
}
.post-style-6-top {
    margin-top: -16px;
}
.post-style-6 .widget-area,.post-style-6 .content-area{
    margin-top:16px!important;
}
.entry-header {
    border-bottom: initial; 
    padding-bottom: 20px;
}
.clearfix:after {
    content: "" !important;
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}
.clearfix:before {
    content:"" !important; 
}
/*下载按钮后导航*/
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.p-3 {
    padding: .75rem;
}
.bg-gradient-to-t
{
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: .5rem;
}
.border-t {
    border-top-width: 1px;
}
.justify-between {
    justify-content: space-between;
}
.items-center {
    align-items: center;
}
.flex, .group\/myitem:hover .group-hover\/myitem\:flex, .group\/mylist:hover .group-hover\/mylist\:flex, [flex=""] {
    display: flex;
}
.font-normal {
    font-weight: 400;
}
.gap-5 {
    gap: 1.25rem;
}
.gap-1 {
    gap: .25rem;
}
.items-start {
    align-items: flex-start;
}
.flex-col {
    flex-direction: column;
}
.opacity-50 {
    opacity: .5;
}
.unicode-1 {
    --un-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M119.76 217.94A8 8 0 0 1 112 224a8.13 8.13 0 0 1-2-.24l-32-8a8 8 0 0 1-2.5-1.11l-24-16a8 8 0 1 1 8.88-13.31l22.84 15.23l30.66 7.67a8 8 0 0 1 5.88 9.7Zm132.69-96.46a15.89 15.89 0 0 1-8 9.25l-23.68 11.84l-15.08 15.09l-40 40a8 8 0 0 1-7.6 2.1l-64-16a8.06 8.06 0 0 1-2.71-1.25l-55.52-39.64l-24.28-12.14a16 16 0 0 1-7.16-21.46l24.85-49.69a16 16 0 0 1 21.46-7.16l22.06 11l53-15.14a8 8 0 0 1 4.4 0l53 15.14l22.06-11a16 16 0 0 1 21.46 7.16l24.85 49.69a15.9 15.9 0 0 1 .89 12.21ZM188 152.66l-27.71-22.19c-19.54 16-44.35 18.11-64.91 5a16 16 0 0 1-2.72-24.82a.6.6 0 0 1 .08-.08l44.86-43.51l-9.6-2.74l-50.42 14.41l-27.37 54.73l49.2 35.15l58.14 14.53Zm18.24-18.24L179.06 80h-31.82L104 122c12.66 8.09 32.51 10.32 50.32-7.63a8 8 0 0 1 10.68-.61l34.41 27.57Z"/></svg>');
}
.unicode-2 {
    --un-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M230.64 49.36a32 32 0 0 0-45.26 0a31.9 31.9 0 0 0-5.16 6.76L152 48.42a32 32 0 0 0-54.63-23.06a32.06 32.06 0 0 0-5.76 37.41L57.67 93.32a32.05 32.05 0 0 0-40.31 4.05a32 32 0 0 0 42.89 47.41l70 51.36a32 32 0 1 0 47.57-14.69l27.39-77.59q1.38.12 2.76.12a32 32 0 0 0 22.63-54.62Zm-67.87 126.79a32 32 0 0 0-23 7.08l-70-51.36a32.17 32.17 0 0 0-1.34-26.65l33.95-30.55a32 32 0 0 0 45.47-10.81l28.15 7.7a32 32 0 0 0 14.12 27Z"/></svg>')
}
.unicode-3 {
    --un-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="m223.68 66.15l-88-48.15a15.88 15.88 0 0 0-15.36 0l-88 48.17a16 16 0 0 0-8.32 14v95.64a16 16 0 0 0 8.32 14l88 48.17a15.88 15.88 0 0 0 15.36 0l88-48.17a16 16 0 0 0 8.32-14V80.18a16 16 0 0 0-8.32-14.03ZM128 120L47.65 76L128 32l80.35 44Zm8 99.64v-85.81l80-43.78v85.76Z"/></svg>');
}
.unicode-4 {
    --un-icon: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M244 56v64a12 12 0 0 1-24 0V85l-75.51 75.52a12 12 0 0 1-17 0L96 129l-63.51 63.49a12 12 0 0 1-17-17l72-72a12 12 0 0 1 17 0L136 135l67-67h-35a12 12 0 0 1 0-24h64a12 12 0 0 1 12 12Z"/></svg>');
}
.w-4 {
    width: 1rem;
}
.h-4 {
    height: 1rem;
}
.tx-custom-icon {
    background-color: currentColor;
    height: 1.2em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.2em;
}
.dark .dark\:opacity-80, .opacity-80 {
    opacity: .8;
}
.text-xs, [text-xs=""] {
    font-size: .75rem;
    line-height: 1rem;
}
.el-button--small {
    --el-button-size: 24px;
    border-radius: calc(4px - 1px);
    font-size: 12px;
    height: 24px;
    padding: 5px 11px;
}
.el-button {
    align-items: center;
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #f0f4ff;
    border-color: #f0f4ff;
    border-radius: 4px;
    box-sizing: border-box;
    color: #72767c;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    line-height: 1;
    outline: none;
    padding: 8px 15px;
    text-align: center;
    transition: .1s;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}
.el-button>span {
    align-items: center;
    display: inline-flex;
}
.mr-1 {
    margin-right: .25rem;
}
.i-ph-info-fill {
	--un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 256 256' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16'/%3E%3C/svg%3E");
    background-color: currentColor;
    color: inherit;
    height: 1.2em;
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    width: 1.2em;
}
@media (max-width: 768px) {  
    .article-header-box {  
        padding: 10px;  
    }  
  
    .post-user-info {  
        display: none;  
    }  
  
    .header-box-img {  
        width: 100%;  
        max-height: 260px;  
        height: auto;  
        margin-left: 0;  
        float: none;  
        margin-bottom: 15px;  
    }  
  
    .header-box-img img {  
        max-height: 260px;  
    }  
  
    .header-box-con .custom-metas {  
        margin-bottom: 10px;  
    }  
  
    .header-box-con .erphpdown .erphpdown-box-tips {  
        margin-bottom: 10px;  
        width: 100%;  
    }  
  
    .header-box-con .erphpdown .demo-demo {  
        margin-bottom: 10px;  
    }  
  
    .header-box-con .erphpdown .erphpdown-btn-large,  
    .header-box-con .erphpdown .erphpdown-child .erphpdown-btn-large {  
        float: none;  
        margin: 0;  
        display: block;  
        width: 100%;  
        font-size: 15px;  
        padding: 10px 15px;  
    }  
}
/*post-style-6*/
/*存档分类筛选页*/
#miknio_arc .filter-name {
    margin-right: 12px;
    padding: 0 10px;
    border-radius: 5px;
    color: #999;
    color: #091e42;
    font-size: 15px;
}
#miknio_arc #filter-top a {
	display: inline-block;
	margin: 5px 5px 5px 0;
	margin-right: 10px;
	height: 30px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 15px;
	line-height: 30px;
}
.miknio-category ul li {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
}
.miknio-category i {
    margin-right: 5px;
	font-size: 14px;
}
.miknio-category ul li {
    display: inline-block;
    margin-right: 20px;
    line-height: 30px;
}
#filter-top a {
    display: inline-block;
    margin: 5px 5px 5px 0;
    margin-right: 10px;
    height: 30px;
    border-radius: 5px;
    font-size: 15px;
    line-height: 15px;
    line-height: 30px;
}
.filter-items a {
    border: unset;
}
#filter-top .filter-items a:not(.current) {
    background-color: unset;
}
 .filter-items a:hover {
	border: unset;
	background-color: var(--b2color)!important;
	color: #fff!important;
}
.filter-name {
    width: auto;
    color: #b2bac2;
    text-align: left;
}
.tax-header {
    margin-top: -15px;
}
#miknio_arc .bg {
    height: 230px;
    /* background-image: -webkit-linear-gradient(145deg, #20c3f2 0, #7e39fb 100%); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#miknio_arc .bg::before {
    display: block;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    content: "";
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}
#miknio_arc #filter-top {
    padding: 0;
    text-align: center;
    z-index: 3;
    padding: 0 16px;
    background-color: #fff;
}
#miknio_arc  #filter-top ul li {
    display: flex;
    margin-bottom: 0;
    padding: 5px 0;
}
#miknio_arc .tax-info {
	/* z-index: unset; */
	margin: 0;
	padding: 16px 16px 10px 16px;
	background-color: #fff;
	justify-content: space-between;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.onecad-tax-title {
    position: relative;
    z-index: 1;
    /* overflow: hidden; */
    /* overflow: hidden; */
}
.miknio-category-bg {
    overflow: hidden;
    margin-top: -217px;
    margin-bottom: 20px;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.ji-catnav-wz {
    position: relative;
    z-index: 1;
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
}
.ji-catnav-wz a:hover {
	color: var(--b2color)!important;
}
.miknio-category-bg .title span {
    margin-top: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 28px;
}
.miknio-category-bg p {
    margin-top: 15px;
    color: #fff;
    font-size: 15px;
}
.miknio-category .tax-info-item .fliter-button:hover {
	background-color: var(--b2lightcolor);
	color: var(--b2color);
}
.miknio-category .tax-info-item .fliter-button {
    padding: 6px 20px 7px 8px;
    border-radius: 5px;
    background-color: #eff1f3;
}
.miknio-category .data {
    margin-left: 20px;
}
.miknio-category .data span {
    margin-right: 20px;
    color: #091E42;
    font-size: 14px;
}
.miknio-category .data .miknio-flex-1 span i.b2-hearts-line {
    display: inline-block;
    margin-right: 5px;
    font-size: 15px !important;
    transform: translateY(1px);
}
.miknio-category .data span em {
    margin-right: 5px;
    color: var(--b2color);
    font-weight: 700;
    font-style: inherit;
}
.miknio-category .data .miknio-flex-1 span i.b2-arrow-up-line {
    margin-left: 3px;
    color: var(--b2color);
    font-weight: 700;
}
#miknio_arc .miknio_ac {
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 12px 23px 0 rgba(51,51,51,.082);
    position: relative; /* 确保背景色覆盖在背景图之上 */
    /*z-index: 2;*/ /* 提高z-index值以确保在背景图之上 */
}
#miknio_arc .miknio_ac .tax-info-item {
    margin-right: 0px;
}
.miknio-category .tax-info-item  {
	margin-left: 0px;
}
.jitheme_arc_sous {
    display: flex;
}
.miknio-category .ji-ac-tags .vip {
    margin: 0 10px;
}
#miknio_arc .tax-search input {
    padding: 7px 10px 7px 15px;
    border-radius: 5px;
    background: #eff1f3;
}
#miknio_arc .tax-search button {
    width: 33px;
}
.tax-search button {
	right: 0;
	left: unset;
}
.tax-search button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    width: 84px;
    width: 64px;
    height: 33px;
    border-radius: 24px;
    background: var(--body-bg-color);
    color: #fff;
    cursor: pointer;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
#miknio_arc #filter-top .filter-items a:not(.current) {
    background-color: unset;
}
@media screen and (min-width: 1200px) {
    .filter-name {
        background-color: #eff1f3;
        border: 1px solid #eff1f3;
    }
}
@media screen and (max-width: 768px) {
    .miknio-category .tax-info-item .all_cat {
        display: none;
    }
    .miknio-category .tax-info-item .fliter-button {
        padding: 10px;
    }
	.miknio-category .data {
        display: none;
    }
    .miknio-category .tax-info-item .fliter-button {
        padding: 10px;
    }
	.ji-ac-tags{
        display: none;
    }
	.tax-search{
        display: none;
    }
	.ji-catnav-wz{
        display: none;
    }
	.tax-info-item.mobile-show {
        width: 100%;
    }
    #miknio_arc .button, #miknio_arc button {
        width: 100%;
        max-width: 100%;
    }
    #miknio_arc .miknio_ac {
        margin-bottom: 5px;
    }
    #miknio_arc .bg {
        height: 120px;
    }	
    .miknio-category-bg {
        margin-top: -100px;
        padding: 10px;
        text-align: center;
        font-size: 14px;
		margin-bottom: 0;
    }	
	#miknio_arc .miknio-category-bg .title, #miknio_arc .ji-catnav-wz {
        padding: 5px;
    }	
	#miknio_arc .miknio-category-bg .title span {
        font-size: 20px;
    }
	#miknio_arc .filter-items {
        height: auto;
        margin: 0px 5px;
    }
	#miknio_arc #filter-top a {
        float: left;
        display: block;
        overflow: hidden;
        margin: 2px 5px;
        width: calc(20% - 10px);
        height: 28px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: #f6f6f6;
        color: #8f8f8f;
        text-align: center;
        white-space: nowrap;
        font-size: 13px;
        line-height: 28px;
    }
    #miknio_arc .filter-name {
        border: 0 solid #f6f6f6;
        background-color: #eff1f3;
    }
    #miknio_arc .filter-name {
        margin: 10px;
        margin-right: 0px;
        padding: 10px;
        color: #4e5358;
        /* font-weight: 700; */
    }
    #miknio_arc #filter-top ul li {
        display: block;
        margin-bottom: 0;
        padding: 0;
        margin-right: 10px;
        line-height: 0;
        align-items: baseline;
    }
}