/*
 Theme Name: Zibll Child 
 Template: zibll 
 Version: 8.1.0 
*/

.container-footer, .container-header {
    max-width: 1380px;
    max-width: calc(var(--mian-max-width))!important;
}
 
.navbar-top .navbar-nav {
    margin-left: 0px!important;
    margin-right: 10px!important;
}
/* 子主题样式可在此处添加 */
 /*文章卡片下载按钮*/
a.down{display:inline-block;width:100%;height:30px;line-height:30px;border-radius:15px;background:linear-gradient(to right,#4f6dee,#67bdf9);color:#fff;text-align:center;cursor:pointer text-shadow: none;border:none;outline:0;box-shadow:none;padding:0;margin:0}
.search-form{border:5px solid rgb(255 255 255 / 30%);border-radius:5px;padding:0;font-size:15px}
.header-slider-search .line-form{border-radius:0}
.header-slider-search .line-form .abs-right button{background:#08f;color:#fff;margin-right:-23px;height:46.42px;padding:10px}
@media(max-width:767px){.header-slider-search .line-form .abs-right button{margin-right:-16px;height:38px}
}
.header-slider-search .line-form .abs-right .icon{color:#fff}
/*文章角标css*/
.posts-item.card .item-thumbnail{background:#c4cffa26;width:100%;padding-bottom:var(--posts-card-scale)}
a.item-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:1rem;line-height:1;color:#fff;background:var(--theme-color);border-radius:6px}
a.item-category-app{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background:radial-gradient(circle,#3783ff,#3783ffbf);color:#fff;font-size:12px;border-radius:0 0 10px 10px}
a.item-category-app-b{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background:radial-gradient(circle,#ff5631,#ff5631ba);color:#fff;font-size:12px;border-radius:0 0 10px 10px}
a.item-category-app-c{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background:radial-gradient(circle,#464242,#464242ad);color:#fff;font-size:12px;border-radius:0 0 10px 10px}
span.bottom-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n-collect-item-bottom{position:absolute;bottom:0;left:0;width:100%;height:25px;background:var(--theme-color);border-radius:0 0 var(--main-radius);font-size:13px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.16);display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:0 18px;z-index:5;justify-content:center}
.jiaobiao2{position:absolute;top:10px;right:-50px;z-index:1;width:140px;height:20px;background:var(--theme-color);color:#fff;line-height:20px;transform:rotate(45deg);text-align:center;font-size:12px;left:auto;border-radius:0 50px 50px 0}

/* 软件平台css */
.img-badge-pla{position:absolute;top:0;right:0;font-size:1.6em;border-radius:50px 0 0 50px;text-shadow:none;z-index:1;padding:0 15px 0 0}
.img-badge.right{left:auto;border-radius:0 50px 50px 0;right:0}
.jb-white{--this-bg:linear-gradient(135deg,#fd7a6400 10%,#fb2d2d00 100%)}

/* 软件平台css */

 /* 文章列表CSS美化 */   
posts.posts-item.ajax-item.card {
    background: linear-gradient(180deg, var(--muted-bg-color), var(--main-bg-color));
    /*border: 2px solid var(--main-bg-color);*/
    transition: all 0.2s;
}
.card {
    box-shadow: 0.3em 0.3em 0.7em #00000015;
    border: rgba(0, 0, 0, .05) 0.2em solid;
   }
.card:hover {
    border: #006fff 0.2em solid;
    transition: border 1s;
   }
 /* 文章列表CSS美化 */   

 /* 文章列表卡片3个小圆圈样式美化 */  
.posts-item.card{padding:26px 10px 10px 10px!important}
.posts-item{position:relative!important}
.posts-item.card::before{content:"";display:block;background:#fc625d;top:10px;left:15px;border-radius:50%;width:9px;height:9px;box-shadow:16px 0 #fdbc40,32px 0 #35cd4b;margin:0 2px -7px;z-index:1;position:absolute}
 /* 文章列表卡片3个小圆圈样式美化 */   

.navbar-top li.current-menu-item:before,.navbar-top li.current-menu-item>a:before,.navbar-top li:hover:before,.navbar-top li:hover>a:before{opacity:0}
@media (min-width:992px){.posts-item.card{width:calc(20% - 16px)}
}
body.home .box-body.notop{background:var(--main-bg-color);padding:5px;padding-left:1.2em;border-radius:10px;margin-bottom:10px}
body.home .title-theme{position:relative;padding-left:1.3em;font-size:20px;margin:5px}
body.home .title-theme:before{content:'';top:-20px;width:60px;height:60px;left:-28px;background:url(/wp-content/themes/zibll-child/foot/images/热气球.svg);box-shadow:0 0 #000;background-size:cover}
body.home .title-theme small{font-size:60%;margin-left:20px}
body.home .title-theme .ml10:before{position:absolute;content:'';width:1px;background:var(--theme-color);top:30%;left:105px;bottom:16%}
.index-tab ul>li.active{background-image:linear-gradient(to right,#566fee 10%,#a1aff5 100%);border:0;padding:8px 14px;box-shadow:0 0 8px 0 rgba(95,95,95,.15);border-radius:6px}
.index-tab ul>li{display:inline-flex;align-items:center;padding:2px 17px;font-weight:500;border-radius:20px;margin:0 1px}
#zibpay_modal,.modal-open .modal{background:url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01sHaYCQ1QbIkXDzSVg_!!2210123621994.png);backdrop-filter:blur(10px)!important}

/*标题前文字*/
@keyframes sweepTitle{0%{left:-100%}
100%{left:100%}
}
.ove_prefix{position:relative;overflow:hidden;display:inline-flex;align-items:center;padding:5px 5px;margin-right:2px;height:19px;vertical-align:middle;font-size:12px;top:-3px;border-radius:.6em 2px;line-height:1.4rem}
.ove_prefix:after{position:absolute;content:" ";display:block;left:-100%;top:-5px;width:15px;height:145%;background-image:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));animation:sweepTitle 3s ease-in-out infinite;transform:rotate(28deg)}
.jb-vip1{--this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);--this-color:#866127}
.jb-vip2{--this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);--this-color:#ddd}
/*仿macgf三条文章底部提醒*/
.sys-item-12{background-image:url(/wp-content/themes/zibll-child/foot/images/mac12bj.png);margin-top:10px;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:center;border-radius:6px;font-weight:500}
.sys-item-13{background-image:url(/wp-content/themes/zibll-child/foot/images/mac13bj.png);margin-top:10px;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:center;border-radius:6px;background-size:auto 100%;font-weight:500}
.sys-item-14{background-image:url(/wp-content/themes/zibll-child/foot/images/mac14bj.png);margin-top:10px;height:40px;line-height:40px;font-size:14px;color:#fff;text-align:center;border-radius:6px;background-size:auto 100%;font-weight:500}
/*角标css*/
.posts-item.card .item-thumbnail{background:#c4cffa26;width:100%;padding-bottom:var(--posts-card-scale)}
a.item-category{position:absolute;left:10px;top:10px;padding:5px 6px;font-size:1rem;line-height:1;color:#fff;background:var(--theme-color);border-radius:6px}
a.item-category-app{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background:radial-gradient(circle,#3783ff,#3783ffbf);color:#fff;font-size:12px;border-radius:0 0 10px 10px}
a.item-category-app-b{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background:radial-gradient(circle,#ff5631,#ff5631ba);color:#fff;font-size:12px;border-radius:0 0 10px 10px}
a.item-category-app-c{position:absolute;height:24px;line-height:24px;width:100%;text-align:center;bottom:0;left:0;background:radial-gradient(circle,#464242,#464242ad);color:#fff;font-size:12px;border-radius:0 0 10px 10px}
span.bottom-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.n-collect-item-bottom{position:absolute;bottom:0;left:0;width:100%;height:25px;background:var(--theme-color);border-radius:0 0 var(--main-radius);font-size:13px;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,.16);display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding:0 18px;z-index:5;justify-content:center}
.jiaobiao2{position:absolute;top:10px;right:-50px;z-index:1;width:140px;height:20px;background:var(--theme-color);color:#fff;line-height:20px;transform:rotate(45deg);text-align:center;font-size:12px;left:auto;border-radius:0 50px 50px 0}
/* 单行文章列表美化——开始 */
.sec-wrapper{margin-bottom:10px}
.training-camp__wrapper{--green-1:#cff0fb;--green-2:#cbf4e4;--green-3:#22ab80;--gray-1:#667280;--white-1:#fff;--white-2:#f5f7fa;background-image:linear-gradient(150deg,var(--green-1) 20%,var(--green-2) 40%);padding:0 12px 12px;border-radius:16px}
button.button---AUM5ZP.text---pn4pHz.medium---OGt5iw.header__btn{background:#ffffff00;border:1px solid #fc3c2d00;border-radius:0}
.training-camp__wrapper .training-camp__header{padding:24px 0 24px 12px;display:-webkit-flex;display:flex;gap:18px;background:url(/wp-content/themes/zibll-child/foot/images/kuangwenlu.png) 100% 0/433px 126px no-repeat}
.training-camp__wrapper .header__title-wrapper{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;gap:0}
.training-camp__wrapper .title__img-wrapper{height:20px}
.training-camp__wrapper .header__btn-wrapper{margin-left:auto;display:-webkit-flex;display:flex}
.training-camp__wrapper .header__btn-wrapper button[class*=button---]{height:20px;line-height:20px;padding:0 12px}
.training-camp__wrapper .header__btn{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px;color:var(--green-3)}
.medium---OGt5iw{height:36px;padding:8px 24px;font-size:14px}
.outlined---BKvHAe,.text---pn4pHz{background-color:initial;color:#3e454d}
.button---AUM5ZP{position:relative;display:inline-block;height:36px;padding:8px 24px;border-radius:22px;cursor:pointer;border:unset;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.ke-icon---zeGrGg+i{display:inline-block;vertical-align:middle}
.training-camp__wrapper>div.sec-bd{background-color:var(--white-1);gap:12px}
.sec-wrapper .sec-bd{position:relative;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap:24px}
.training-camp__wrapper .sec-bd{padding:12px;border-radius:16px}
img.title-macyingyong{height:50px}
/** 首页排行榜列表 **/
@media (max-width:768px){.ranking-item{width:100%!important}
}
.syphimg{width:90px;height:60px;margin-right:5px}
.syphimg img{border-radius:8px}
.list.clearfix{display:flex;justify-content:space-between;flex-wrap:wrap}
.ranking-item{margin:0 auto;position:relative;width:calc(33.333% - 10px);background:#fff;box-shadow:0 0 10px var(--main-shadow);border-radius:var(--main-radius);margin-bottom:20px}
a.top-icon.js-rank-bottom1{display:block;width:129px;height:43px;line-height:32px;position:absolute;left:149px;top:-7px;background:url(/wp-content/themes/zibll-child/foot/images/ranking1.png) no-repeat center/100%;font-size:18px;color:#fff;font-weight:600;text-align:center}
a.top-icon.js-rank-bottom2{display:block;width:129px;height:43px;line-height:32px;position:absolute;left:149px;top:-7px;background:url(/wp-content/themes/zibll-child/foot/images/ranking2.png) no-repeat center/100%;font-size:18px;color:#fff;font-weight:600;text-align:center}
a.top-icon.js-rank-bottom3{display:block;width:129px;height:43px;line-height:32px;position:absolute;left:149px;top:-7px;background:url(/wp-content/themes/zibll-child/foot/images/ranking3.png) no-repeat center/100%;font-size:18px;color:#fff;font-weight:600;text-align:center}
.class-box{margin-top:60px}
a.class-item.js-rank{display:block;width:100%;height:80px;display:flex;align-items:center;margin-bottom:20px}
.num-icon.num-icon1{width:19px;height:22px;background:url(/wp-content/themes/zibll-child/foot/images/top1.png) no-repeat center/100%;margin:0 12px 0 15px;width:40px;height:22px}
img.class-pic{width:90px;border-radius:8px;margin-right:5px}
.class-info{width:220px;font-size:14px}
.price{color:#f01414;font-weight:600;margin-bottom:2px}
.study-num{color:#9199a1;font-weight:400}
.num-icon.num-icon2{background:url(/wp-content/themes/zibll-child/foot/images/top2.png) no-repeat center/100%;margin:0 12px 0 15px;width:40px;height:22px}
.num-icon.num-icon3{background:url(/wp-content/themes/zibll-child/foot/images/top3.png) no-repeat center/100%;margin:0 12px 0 15px;width:40px;height:22px}
.num-icon.num-icon4{background:url(/wp-content/themes/zibll-child/foot/images/top4.png) no-repeat center/100%;margin:0 12px 0 15px;width:40px;height:22px}
.num-icon.num-icon5{background:url(/wp-content/themes/zibll-child/foot/images/top5.png) no-repeat center/100%;margin:0 12px 0 15px;width:40px;height:22px}
.num-icon.num-icon6{background:url(/wp-content/themes/zibll-child/foot/images/top6.png) no-repeat center/100%;margin:0 12px 0 15px;width:40px;height:22px}
a.bottom-link.js-rank-bottom{width:120px;height:24px;display:flex;justify-content:center;align-items:center;margin:0 auto;font-size:12px;color:#fff;line-height:12px;font-weight:500;background-image:linear-gradient(270deg,#ff4f39 0,#fd6400 100%);border-radius:12px;margin-bottom:20px}
/** 首页排行榜列表结束 **/
.term-aggregation .term-img {width: 18.5em;}
.term-img .graphic, .page-cover {margin-top: -20px;}
@media screen and (min-width:1024px) and  (max-width: 1240px) {
  .term-aggregation .term-img {width: 19.8em;}
  .em14 {display: none !important;}
  .text-ellipsis-2 {display: none !important;}}
@media screen and (min-width:768px) and (max-width:1023px) {
  .term-aggregation .term-img {width: 14em;}
  .em14 {display: none !important;}
  .text-ellipsis-2 {display: none !important;}}
.webmaster-widget{background-color:var(--box-background-color);padding:10px;margin-bottom:10px;border-radius:10px}
.webmaster-widget .webmaster-header{background-size:cover;height:78px;background-repeat:no-repeat;padding:10px;display:flex;gap:10px;border-radius:10px;color:var(--widget-webmaster-color)}
.introduce-block-list .instance-card{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;flex-wrap:wrap}
.introduce-block-list .instance-card a{font-size:12px;background-color:#fff;padding:2px 5px;border-radius:10px}
.introduce-block-list .instance-card .instance-left{display:flex;gap:10px}
.introduce-block-list .instance-card{display:flex;justify-content:space-between;align-items:center;padding:15px 10px;flex-wrap:wrap}
.introduce-block-list .instance-card a{font-size:12px;background-color:#fff;padding:2px 5px;border-radius:10px}
.introduce-block-list .instance-card .instance-left{display:flex;gap:10px}
.introduce-item-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px}
.introduce-item-list .instance-card{padding:10px}
.introduce-item-list .instance-url{display:none}
.introduce-item-list .instance-card:nth-child(2n) .instance-bg-1{top:-100px;left:40px}
.instance-card{color:#fff;border-radius:10px;font-weight:500;margin-top:10px;position:relative;overflow:hidden}
.instance-card .instance-bg-1{position:absolute;top:-100px;left:-20px;z-index:1}
.instance-card .instance-left{z-index:2;position:relative}
.instance-card .instance-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.introduce-block-list .instance-card .instance-left{display:flex;gap:10px}
.instance-card .instance-left{z-index:2;position:relative}
.instance-card .instance-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.instance-card .instance-bg-1{position:absolute;top:-100px;left:-20px;z-index:1}
.introduce-item-list{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:10px}
.czs-link-l:before{content:"\e9bc"}
.author-tag .but{margin:1px}
body.nav-fixed{padding-top:75px}
@media (max-width:640px){body.nav-fixed{padding-top:55px}
}
.posts-item .item-heading>a{font-weight:700;color:unset}
.pagenav{padding:15px 0 0 0}
.header-slider-search-more.before{margin-bottom:.2em}
.header-slider-search{top:calc(50% - 40px)}
.filter-blur .header-slider-card .zib-widget{background:rgb(255 255 255 / 50%)}
.header-slider-card{margin-top:-15px;z-index:1}
.swiper-scroll .swiper-slide{margin-right:19px}
.payvip-icon:before{content:'\f143'}
/*签到彩色背景*/
.user-ranking-item.relative{background:#ffd1d8;border-radius:var(--main-radius)}
.user-ranking-item.relative:nth-child(1){background:#ffd1d8}
.user-ranking-item.relative:nth-child(2){background:#ffa50085}
.user-ranking-item.relative:nth-child(3){background:#ffff0080}
.user-ranking-item.relative:nth-child(4){background:#98ff0073}
.user-ranking-item.relative:nth-child(5){background:#c4cffa}
.user-ranking-item.relative:nth-child(6){background:#c97eff75}
.user-ranking-item.relative:nth-child(7){background:#82eee782}
.user-ranking-item.relative:nth-child(8){background:#ff559480}
.user-ranking-item.relative:nth-child(9){background:#089e0f7d}
.enlighter-default .enlighter{max-height:400px;overflow-y:auto!important}
.posts-item .item-heading>a{font-weight:700;color:unset}
.lazyloaded{--lazy-animation:lazy_fade}
@media (max-width:640px){.meta-right .meta-view{display:unset!important}
}
.training-camp__wrapper .header__title-wrapper{font-weight: 700;font-size: 18px;}
.display-name{text-shadow:-2px 0 rgba(0,255,255,.5),2px 0 rgba(255,0,0,.5);animation:shake-it .5s reverse infinite cubic-bezier(.68,-.55,.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)}
}
.tag-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden;white-space:nowrap;transition:width .3s ease}
.tag-container{display:inline-flex;transition:transform .3s ease;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.1)}
a.liuke-biaoqian.tag-link{font-size:10px;padding:1px 5px;text-decoration:none;display:inline-block;transition:all .3s ease;font-weight:500;line-height:20px;border:none;outline:0!important;opacity:1;visibility:visible;margin:0;border-radius:0}
a.liuke-biaoqian.tag-link:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}
a.liuke-biaoqian.tag-link:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}
@media (hover:hover){.tag-container:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}
a.liuke-biaoqian.tag-link:hover{opacity:.8}
}
a.liuke-biaoqian.tag-link i{margin-right:3px}
@media (max-width:768px){a.liuke-biaoqian.tag-link{font-size:9px;padding:0 4px}
}
.forum-title{position:relative;padding-right:80px}
.forum-title{position:relative;padding-right:80px}
.forum-posts{position:relative}
.plate-badge{position:absolute;top:0;left:0;background-color:#007bff;color:#fff!important;padding:2px 5px;font-size:12px;line-height:1.2;border-radius:8px 0 8px 0;display:flex;align-items:center;transition:all .3s ease;overflow:hidden}
.plate-badge::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:rgba(255,255,255,.3);transition:all .3s ease}
.plate-badge:hover{box-shadow:0 2px 5px rgba(0,0,0,.2);transform:translateY(-2px)}
.plate-badge:hover::before{left:100%}
.plate-icon{display:inline-flex;align-items:center;margin-right:3px;transition:transform .3s ease}
.plate-badge:hover .plate-icon{transform:scale(1.1)}
.plate-icon i{font-size:12px;transition:color .3s ease}
.plate-name{display:inline-block;vertical-align:middle;transition:color .3s ease}
.plate-badge:hover .plate-icon i,.plate-badge:hover .plate-name{color:#f0f0f0}
.forum-posts.mini{padding-top:20px}
@media (max-width:767px){.forum-posts.mini{padding-top:20px}
}

.dynamic-island:hover img {width:30px;    height:30px;;}
.bars {display:flex;align-items:center;  justify-content:flex-end;  gap:3px;}
.bar {width:2px;height:13px;background-color:green;animation:bounce 1s infinite ease-in-out;animation-direction:alternate;}
.bar:nth-child(1) {animation-duration:1s;}
.bar:nth-child(2) {animation-duration:0.9s;}
.bar:nth-child(3) {animation-duration:0.8s;}
.bar:nth-child(4) {animation-duration:0.7s;}
.bar:nth-child(5) {animation-duration:0.6s;}
.bar:nth-child(6) {animation-duration:0.9s;}
.bar:nth-child(7) {animation-duration:0.7s;}
.dynamic-island {position:fixed;top:80px;left:50%;transform:translateX(-50%) scale(0);    transform-origin:center;width:auto;max-width:80%;height:40px;background-color:#000;border-radius:25px;    color:white;display:flex;align-items:center;justify-content:space-between;    transition:transform 0.4s ease-in-out,height 0.6s ease-in-out,border-radius 0.6s ease-in-out,box-shadow 0.5s ease-in-out,opacity 0.5s ease-in-out;overflow:visible;    z-index:1000;padding-left:35px;    padding-right:20px;    opacity:0;box-shadow:0 0px 10px rgba(0,0,0,0.45);;}
.dynamic-island.active {transform:translateX(-50%) scale(1);    opacity:1;}
.dynamic-island.inactive {transform:translateX(-50%) scale(0);    opacity:0;}
.island-content {opacity:0;transition:opacity 0.9s ease-in-out,filter 0.8s ease-in-out;    font-weight:bold;    flex-grow:1;    text-align:right;    width:100%;}
.dynamic-island.active .island-content {opacity:1;}
.dynamic-island img {position:absolute;left:10px;    width:20px;    height:20px;    object-fit:cover;    transition:height 0.8s ease-in-out,width 0.8s ease-in-out,filter 0.8s ease-in-out;}
.dynamic-island:hover {height:60px;border-radius:50px;}
@keyframes bounce {0% {transform:scaleY(0.3);background-color:green;}
50% {transform:scaleY(1);background-color:orange;}
100% {transform:scaleY(0.3);background-color:green;}
;}
/*论坛mini模式标题自动加标签*/
.tag-wrapper{position:absolute;right:0;top:50%;transform:translateY(-50%);overflow:hidden;white-space:nowrap;transition:width .3s ease}
.tag-container{display:inline-flex;transition:transform .3s ease}
a.liuke-biaoqian.tag-link{font-size:10px;padding:1px 5px;border-radius:6px;text-decoration:none;margin-left:5px;display:inline-block;transition:all .3s ease;font-weight:500;line-height:20px;border:none;outline:0!important;opacity:1;visibility:visible}
@media (hover:hover){a.liuke-biaoqian.tag-link:hover{box-shadow:0 2px 4px rgba(0,0,0,.1)}
}
a.liuke-biaoqian.tag-link i{margin-right:3px}
@media (max-width:768px){a.liuke-biaoqian.tag-link{font-size:9px;padding:0 4px;margin-left:4px}
}
.forum-title{position:relative;padding-right:80px}
/*文章标题加上渐变彩色文字 开始*/
.item-heading :hover,.links-lists :hover,.text-ellipsis :hover,.text-ellipsis-2 :hover{background-image:-webkit-linear-gradient(30deg,#32c5ff 25%,#b620e0 50%,#f7b500 75%,#20e050 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:maskedAnimation 4s infinite linear}
@keyframes maskedAnimation{0%{background-position:0 0}
100%{background-position:-100% 0}
}

/*文章标题加上渐变彩色文字 结束*/


.today-in-history{display:block;position:relative;width:100%;height:auto;margin:0 auto;border:0;padding:0}
.today-in-history fieldset{display:block;width:100%;height:auto;margin:0 auto;border:1px dashed #999;padding:0}
.today-in-history fieldset legend{display:block;width:auto;height:36px;margin:0 50px;border:0;padding:0}
.today-in-history fieldset legend .today-date{float:left;display:block;width:36px;height:100%;margin:0 auto;border:0;padding:0;line-height:18px;border-radius:5px;overflow:hidden}
.today-in-history fieldset legend .today-date .month{display:block;width:100%;height:50%;margin:0;border:0;padding:0;font-size:12px;text-align:center;color:#fff;background:#c10e0e}
.today-in-history fieldset legend .today-date .day{display:block;width:100%;height:50%;margin:0;border:0;padding:0;text-align:center;font-size:12px;font-weight:700;color:#000;background:#eee}
.today-in-history fieldset legend h3{display:inline-block;width:auto;height:40px;margin:0;border:0;padding:0 10px;line-height:40px;font-size:18px;color:#cc0;background:0 0}
.today-in-history fieldset ul{width:auto;height:auto;margin:15px 20px;border:0;padding:0}
.today-in-history fieldset ul li label{margin:0 5px;border:0;padding:0}

/* 侧栏个人信息美化 */
 @font-face{font-family:iconfont;src:url(//at.alicdn.com/t/c/font_4690939_rb2ueo5ug8h.woff2?t=1735447133617) format('woff2')}
.wniui-card-info{border-radius:18px;padding:0 0 20px;position:relative;overflow:hidden;will-change:transform;width:100%;height:380px;background-color:var(--main-bg-color)}
.wniui-is-center{background:url(/wp-content/themes/zibll-child/foot/images/aside_author_image.jpg);background-position:top;text-align:center;background-size:120%;background-repeat:no-repeat;padding-top:30px}
.wniui-avatar-img{overflow:hidden;margin:0 auto;width:110px;height:110px;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;-ms-border-radius:25px;-o-border-radius:25px;box-shadow:2.2px 2.2px 2.2px rgba(10,207,233,.3)}
.wniui-avatar-img img{width:100%;height:100%;object-fit:cover}
.wniui-card-info .wniui-is-center .wniui-author-info__name{font-weight:800;font-size:18px;box-sizing:border-box;margin-top:10px}
.wniui-card-info .wniui-author-info__description{margin-top:5px;font-size:13.5px}
.wniui-card-info-data{padding:0 24px;margin:10px 0 4px;display:table;width:100%;table-layout:fixed;text-align:center;box-sizing:border-box}
.wniui-card-info .wniui-card-info-data>.wniui-card-info-data-item{display:table-cell;position:relative}
.wniui-card-info-data-item:first-child{left:1px}
.wniui-card-info .wniui-card-info-data>.wniui-card-info-data-item a .wniui-headline{color:var(--main-color);font-size:1em;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-weight:800}
.wniui-card-info .wniui-card-info-data>.wniui-card-info-data-item a .wniui-length-num{margin-top:0;color:var(--main-color);font-size:1.4em}
.wniui-card-info-data-item:not(:last-child)::after{opacity:.3;position:absolute;top:8px;right:0;content:"";width:1px;height:35px;background:var(--main-color)}
.wniui-card-info #wniui-card-info-btn{margin:6px 30px 0 30px;border-radius:20px;display:block;margin-top:15px;background-color:#49b1f5;color:#fff;text-align:center;line-height:2.4;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}
.wniui-card-info .wniui-card-info-social-icons{margin:20px 0;text-align:center}
.wniui-card-info .wniui-card-info-social-icons .wniui-social-icon{margin:0 10px;font-size:1.4em}
.icon-github::before{font-family:iconfont;content:'\ea0a'}
.icon-gitee::before{font-family:iconfont;content:'\e601'}
.icon-bilibili::before{font-family:iconfont;content:'\e609'}
.icon-wangyi::before{font-family:iconfont;content:'\e600'}
.icon-about::before{font-family:iconfont;content:'\e649'}
.wniui-social-icon i{display:inline-block;font-style:normal;font-size:23px;transition:.3}
.wniui-social-icon i:hover{transform:scale(1.2)!important;transition:.3}
/*文章外部标签随机彩色*/
.item-tags a{padding:5px 10px;border-radius:5px;margin-right:5px}
.item-tags a.meta-pay{background-color:gold;color:#000}
.item-tags a.c-blue{background-color:#1e90ff;color:#fff}
.item-tags a[href*="tag/"]{background-color:#ff69b4;color:#fff}
/*鼠标移动图片外发光*/
.wp-posts-content img:hover {
box-shadow:0px 0px 10px #EF0C7E;
}
/*首页文章特色图片鼠标悬停效果开始*/
.item-thumbnail:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0);transition: background .35s;border-radius: 8px;z-index: 2;max-width: 765px;margin: 0 auto;pointer-events:none;}
.item-thumbnail:after {content: '';position: absolute;top: 50%;left: 50%;width: 50px;height: 50px;margin: -25px 0 0 -25px;background:url(https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01djQ1Ef1QbIhTd1bDd_!!2210123621994.png);background-repeat: no-repeat;background-size: 100% 100%;z-index: 3;-webkit-transform: scale(2);transform: scale(2);transition: opacity .35s,-webkit-transform .35s;transition: transform .35s,opacity .35s;transition: transform .35s,opacity .35s,-webkit-transform .35s;opacity: 0;pointer-events:none;}
.item-thumbnail:hover:before{background:rgba(0,0,0,.5)}
.item-thumbnail:hover:after{-webkit-transform:scale(1);transform:scale(1);opacity:1}
/*首页文章特色图片鼠标悬停效果结束*/
/*手机导航开始*/
@media screen and (max-width: 768px) {
  .mrxu_link {
    display: block!important;
  }
}
.mrxu_link{padding:5px;background-color: #fff;display: none;}
.mrxu_lin1k dl{box-shadow:1px 1px 1px #e7f4ff;border-radius:12px;background-color:#fff;margin-top:10px;margin-bottom:10px}
.mrxu_link dl dd{display:inline-block;width:18.5%;margin-bottom:10px;margin-top:10px}
.mrxu_link dl dd a{display:block}
.mrxu_link dl dd a i{display:block;width:60px;height:60px;margin:0 auto 5px}
.mrxu_link dl dd a p{height:20px;line-height:20px;font-size:12px;color:#666;text-align:center;overflow:hidden}
.mrxu_link dl dd.xu_link_1 i {background: url(/wp-content/themes/zibll-child/dh/home_img1.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_2 i {background: url(/wp-content/themes/zibll-child/dh/home_img2.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_3 i {background: url(/wp-content/themes/zibll-child/dh/home_img3.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_4 i {background: url(/wp-content/themes/zibll-child/dh/home_img4.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_5 i {background: url(/wp-content/themes/zibll-child/dh/home_img5.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_6 i {background: url(/wp-content/themes/zibll-child/dh/home_img6.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_7 i {background: url(/wp-content/themes/zibll-child/dh/home_img7.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_8 i {background: url(/wp-content/themes/zibll-child/dh/home_img8.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_9 i {background: url(/wp-content/themes/zibll-child/dh/home_img9.png) center no-repeat;background-size: 60px;}
.mrxu_link dl dd.xu_link_10 i {background: url(/wp-content/themes/zibll-child/dh/home_img10.png) center no-repeat;background-size: 60px;}
.justify a img{float:left}
.load-more.box-in.box.b2-radius.mg-t{background:0 0}
.post-list .load-more .post-load-button{width:auto;border:0;transition:all .3s;padding:12px 40px;font-size:15px;letter-spacing:.5px;background-color:var(--primary-color);background-image:-webkit-gradient(linear,left top,right top,from(#121212),to(#121212));background-image:-webkit-linear-gradient(left,#121212,#121212);background-image:-o-linear-gradient(left,#121212 0,#121212 100%);background-image:linear-gradient(90deg,#121212,#121212);-webkit-box-shadow:0 5px 10px 0 rgba(16,110,253,.3);box-shadow:0 5px 10px 0 rgba(16,110,253,.3);color:#fff!important}
/*手机导航结束*/ 
/*
 * @Description     : 自定义悬浮按钮
 * @Date            : 2024-01-18 13:14:52
 */
.kf-float{position:fixed;bottom:20%;right:1%;z-index:999}
.kf-float-box{box-shadow:0 4px 23px rgba(0,0,0,.08);border-radius:8px;background:#fff}
.kf-float .kf-float-item{color:rgba(23,23,24,.8);text-align:center;cursor:pointer;width:54px;padding-bottom:10px;box-sizing:initial;align-items:center;display:block}
.kf-float .kf-float-item i{font-size:22px!important;z-index:2;position:relative;color:#171718}
.kf-float .kf-float-item a{color:rgba(23,23,24,.8);font-size:12px;text-decoration:none}
.kf-float .kf-float-item a:hover{color:var(--primary-color)!important}
.kf-float .kf-float-item img{width:24px}
.kf-float .kf-float-item p.text{font-size:12px;margin-top:5px}
.kf-float .kf-float-item:hover p.text{color:var(--primary-color)!important}
.kf-float .kf-float-item.kf-floats{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
.kf-float .activity{background:0 0;position:relative;height:128px;padding-bottom:0}
.kf-float .activity a{display:block}
.kf-float .activity .a1{width:100%;height:100%;border-radius:7px 7px 0 0}
.kf-float .activity .a2{position:absolute;bottom:10px;left:10px;width:33px;height:43px;animation:red-envelope-shake .8s linear infinite;transition:all .3s}
@keyframes red-envelope-shake{0%{transform:rotate(-7deg)}
50%{transform:rotate(7deg)}
100%{transform:rotate(-7deg)}
}
@keyframes turnX{0%{transform:rotateX(0)}
100%{transform:rotateX(360deg)}
}
.kf-float .activity .popover{position:absolute;width:251px;height:128px;right:0;left:-196px;bottom:0;display:none}
.kf-float .activity:hover .popover{display:block}
.kf-float-box .kf-float-vip{background:linear-gradient(10deg,#fedd92,#fef6e1);color:#803300;padding-top:10px;margin-bottom:10px}
.kf-float-box .kf-float-vip a{color:#803300!important}
.kf-float-box .kf-float-vip:hover p.text{color:#803300!important;font-weight:600}
.kf-float-service{position:relative}
.kf-float-service:hover .kf-float-service-box{display:block;transition:all .3s}
.kf-float-service-box{display:none;position:absolute;z-index:999;right:55px;bottom:0;width:150px;padding:20px;text-align:center;border-radius:4px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.05);box-shadow:0 0 3px 1px rgba(0,0,0,.05);transition:all .3s;background:#fff}
.kf-float-service-box .tops{text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #edf1f2}
.kf-float-service-box .tops a{display:block;height:26px;line-height:26px;margin:15px auto 10px auto;border:1px solid #b5b9bc;font-size:12px;border-radius:4px}
.kf-float-service-box .tops a:hover{background:#fff0;color:var(--primary-color)!important;border:1px solid var(--primary-color)!important}
.kf-float-service-box .tops p{font-size:13px}
.kf-float-service-box .btms{text-align:center}
.kf-float-service-box .btms em{font-size:14px;color:#5f6575;font-weight:500;margin-bottom:10px;height:20px;line-height:20px;display:block}
.kf-float-service-box .btms p{height:25px;font-weight:500;line-height:25px;font-size:18px;color:#4775ff;margin-bottom:10px;display:inline-block}
.kf-float-service-box .btms span{height:25px;line-height:25px;overflow:hidden;font-size:12px;color:#ff5151;margin-bottom:10px}
.kf-float-wx-box{margin-bottom:15px}
.kf-float-wx-box .boxs p{font-size:14px;color:#5f6575;font-weight:500;margin-bottom:10px;height:20px;line-height:20px}
.kf-float-wx-box .boxs img{width:100%;height:100%;display:block;margin-top:10px;padding:5px;border:1px solid var(--border-color);margin:10px auto 0 auto}
.kf-float-ma{position:relative}
.kf-float-ma:hover .kf-float-ma-box{display:block;transition:all .3s}
.kf-float-ma-box{display:none;position:absolute;z-index:999;right:54px;bottom:0;width:170px;padding:10px;text-align:center;border-radius:4px;-webkit-box-shadow:0 0 3px 1px rgba(0,0,0,.05);box-shadow:0 0 3px 1px rgba(0,0,0,.05);transition:all .3s;background:var(--primary-color)}
.kf-float-ma-box i{display:block;width:31px;height:5px;margin:0 auto 10px;border-radius:2px;background:#6f96ff}
.kf-float-ma-box em{display:block;margin:10px auto 0;width:20px;height:20px;border-radius:100%;background:#6f96ff}
.kf-float-ma-box .tops{padding:10px;background:#fff;border-radius:4px;text-align:center}
.kf-float-ma-box .tops p{font-size:12px;color:#5f6575;overflow:hidden;height:23px;line-height:23px}
.kf-float-ma-box .tops img{width:100%;height:100%;display:block;margin-top:10px;margin:10px auto 0 auto}
@media screen and (max-width:767px){.kf-float{display:none!important}
}
@media (min-width:768px){.float-right{display:none!important}
}
/*文章列表扫光*/
.posts-item.alone,.posts-item.list.ajax-item.flex{position:relative;overflow:hidden;transition:all.3s ease}
.posts-item.alone:hover,.posts-item.list.ajax-item.flex:hover{position:relative;z-index:1;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,.2),0 0 0 2px #007bff,0 0 8px rgba(0,123,255,.5)}
.posts-item.list.ajax-item.flex:hover:after,.posts-item.list.ajax-item.flex:hover:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:30%;background:linear-gradient(to right,rgb(186 201 217 / 50%),rgba(0,0,0,0))}
.posts-item.list.ajax-item.flex:hover:before{left:-30%;transform:skewX(-30deg);animation:scanLeft 2s linear infinite}
.posts-item.list.ajax-item.flex:hover:after{right:-30%;transform:skewX(30deg);animation:scanRight 2s linear infinite}
@keyframes scanLeft{0%{left:-30%}
100%{left:100%}
}
@keyframes scanRight{0%{right:-30%}
100%{right:100%}
}
@import url("../zibll/css/main.min.css");  
/*首页底部登录*/
.footSideBar[data-v-468191f6]{position:fixed;margin:auto;left:0;right:0;-webkit-box-pack:justify;justify-content:space-between;bottom:40px;width:1040px;height:76px;background:rgba(27,35,55,.4);box-shadow:0 2px 18px rgba(42,49,67,.05);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:18px;z-index:99999;transition:.5s ease-in-out}
.footSideBar{position:fixed;z-index:1000;left:calc(50% + 110px);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;bottom:24px;display:-webkit-box;display:flex;width:932px;height:80px;padding:0 24px 0 32px;border-radius:16px;background:rgba(27,35,55,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.footSideBar:hover{background:rgba(27,35,55,.9);transition:.5s ease-in-out}
.footSideBar .left_warp .left_word{font-weight:600;font-size:16px;line-height:24px;color:#fff}
.footSideBar .left_warp .login_ad_list{margin-top:6px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}
.footSideBar .left_warp .login_ad_list .login_ad_item{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}
.footSideBar .left_warp .login_ad_list .login_ad_item span{margin-left:6px;color:#fff;font-size:12px;line-height:20px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.footSideBar .left_warp .login_ad_list .login_ad_item:not(:last-child){margin-right:24px}
.footSideBar .login-button{display:-webkit-box;display:flex;width:140px;height:44px;border-radius:40px;background:#c3d3ff;--duration:7s;--easing:linear;--c-color-1:rgba(78,255,233,0.7);--c-color-2:#1a23ff;--c-color-3:#7553ff;--c-color-4:rgba(86,255,234,0.7);--c-shadow:rgba(22,201,180,0.2);--c-shadow-inset-top:rgba(60,255,231,0.9);--c-shadow-inset-bottom:rgba(106,255,237,0.8);--c-radial-inner:#579df7;--c-radial-outer:#579df7;--c-color:#fff;outline:0;position:relative;cursor:pointer;border:none;display:table;padding:0;margin:0;text-align:center;letter-spacing:.02em;line-height:1.5;color:var(--c-color);background:radial-gradient(circle,var(--c-radial-inner),var(--c-radial-outer) 80%);box-shadow:0 0 14px var(--c-shadow)}
.footSideBar .login-button,.footSideBar .login-button span{-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-weight:600;font-size:16px}
.footSideBar .login-button span{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:24px;display:-webkit-box;display:flex}
.footSideBar .login-button:before{content:"";pointer-events:none;position:absolute;z-index:3;left:0;top:0;right:0;bottom:0;border-radius:40px;box-shadow:inset 0 3px 12px var(--c-shadow-inset-top),inset 0 -3px 4px var(--c-shadow-inset-bottom)}
.footSideBar .login-button .login-button_wrapper{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;border-radius:40px;min-width:140px;padding:10px 0}
.footSideBar .login-button .login-button_wrapper span{position:relative;z-index:1}
.footSideBar .login-button:hover{--duration:1400ms}
.footSideBar .login-button .login-button_wrapper .circle{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;-webkit-filter:blur(8px);filter:blur(8px);-webkit-filter:blur(var(--blur,8px));filter:blur(var(--blur,8px));background:0 0;background:var(--background,transparent);-webkit-transform:translate(0) translateZ(0);transform:translate(0) translateZ(0);-webkit-transform:translate(var(--x,0),var(--y,0)) translateZ(0);transform:translate(var(--x,0),var(--y,0)) translateZ(0);-webkit-animation:none var(--duration) var(--easing) infinite;animation:none var(--duration) var(--easing) infinite;-webkit-animation:var(--animation,none) var(--duration) var(--easing) infinite;animation:var(--animation,none) var(--duration) var(--easing) infinite}
.footSideBar .login-button .login-button_wrapper .circle.circle-1,.footSideBar .login-button .login-button_wrapper .circle.circle-10,.footSideBar .login-button .login-button_wrapper .circle.circle-9{--background:var(--c-color-4)}
.footSideBar .login-button .login-button_wrapper .circle.circle-3,.footSideBar .login-button .login-button_wrapper .circle.circle-4{--background:var(--c-color-2);--blur:14px}
.footSideBar .login-button .login-button_wrapper .circle.circle-5,.footSideBar .login-button .login-button_wrapper .circle.circle-6{--background:var(--c-color-3);--blur:16px}
.footSideBar .login-button .login-button_wrapper .circle.circle-11,.footSideBar .login-button .login-button_wrapper .circle.circle-12,.footSideBar .login-button .login-button_wrapper .circle.circle-2,.footSideBar .login-button .login-button_wrapper .circle.circle-7,.footSideBar .login-button .login-button_wrapper .circle.circle-8{--background:var(--c-color-1);--blur:12px}
.footSideBar .login-button .login-button_wrapper .circle.circle-1{--x:0;--y:-40px;--animation:circle-1}
.footSideBar .login-button .login-button_wrapper .circle.circle-2{--x:92px;--y:8px;--animation:circle-2}
.footSideBar .login-button .login-button_wrapper .circle.circle-3{--x:-12px;--y:-12px;--animation:circle-3}
.footSideBar .login-button .login-button_wrapper .circle.circle-4{--x:80px;--y:-12px;--animation:circle-4}
.footSideBar .login-button .login-button_wrapper .circle.circle-5{--x:12px;--y:-4px;--animation:circle-5}
.footSideBar .login-button .login-button_wrapper .circle.circle-6{--x:56px;--y:16px;--animation:circle-6}
.footSideBar .login-button .login-button_wrapper .circle.circle-7{--x:8px;--y:28px;--animation:circle-7}
.footSideBar .login-button .login-button_wrapper .circle.circle-8{--x:28px;--y:-4px;--animation:circle-8}
.footSideBar .login-button .login-button_wrapper .circle.circle-9{--x:20px;--y:-12px;--animation:circle-9}
.footSideBar .login-button .login-button_wrapper .circle.circle-10{--x:64px;--y:16px;--animation:circle-10}
.footSideBar .login-button .login-button_wrapper .circle.circle-11{--x:4px;--y:4px;--animation:circle-11}
.footSideBar .login-button .login-button_wrapper .circle.circle-12{--blur:14px;--x:52px;--y:4px;--animation:circle-12}
@-webkit-keyframes circle-1{33%{-webkit-transform:translateY(16px) translateZ(0);transform:translateY(16px) translateZ(0)}
66%{-webkit-transform:translate(12px,64px) translateZ(0);transform:translate(12px,64px) translateZ(0)}
}
@keyframes circle-1{33%{-webkit-transform:translateY(16px) translateZ(0);transform:translateY(16px) translateZ(0)}
66%{-webkit-transform:translate(12px,64px) translateZ(0);transform:translate(12px,64px) translateZ(0)}
}
@-webkit-keyframes circle-2{33%{-webkit-transform:translate(80px,-10px) translateZ(0);transform:translate(80px,-10px) translateZ(0)}
66%{-webkit-transform:translate(72px,-48px) translateZ(0);transform:translate(72px,-48px) translateZ(0)}
}
@keyframes circle-2{33%{-webkit-transform:translate(80px,-10px) translateZ(0);transform:translate(80px,-10px) translateZ(0)}
66%{-webkit-transform:translate(72px,-48px) translateZ(0);transform:translate(72px,-48px) translateZ(0)}
}
@-webkit-keyframes circle-3{33%{-webkit-transform:translate(20px,12px) translateZ(0);transform:translate(20px,12px) translateZ(0)}
66%{-webkit-transform:translate(12px,4px) translateZ(0);transform:translate(12px,4px) translateZ(0)}
}
@keyframes circle-3{33%{-webkit-transform:translate(20px,12px) translateZ(0);transform:translate(20px,12px) translateZ(0)}
66%{-webkit-transform:translate(12px,4px) translateZ(0);transform:translate(12px,4px) translateZ(0)}
}
@-webkit-keyframes circle-4{33%{-webkit-transform:translate(76px,-12px) translateZ(0);transform:translate(76px,-12px) translateZ(0)}
66%{-webkit-transform:translate(112px,-8px) translateZ(0);transform:translate(112px,-8px) translateZ(0)}
}
@keyframes circle-4{33%{-webkit-transform:translate(76px,-12px) translateZ(0);transform:translate(76px,-12px) translateZ(0)}
66%{-webkit-transform:translate(112px,-8px) translateZ(0);transform:translate(112px,-8px) translateZ(0)}
}
@-webkit-keyframes circle-5{33%{-webkit-transform:translate(84px,28px) translateZ(0);transform:translate(84px,28px) translateZ(0)}
66%{-webkit-transform:translate(40px,-32px) translateZ(0);transform:translate(40px,-32px) translateZ(0)}
}
@keyframes circle-5{33%{-webkit-transform:translate(84px,28px) translateZ(0);transform:translate(84px,28px) translateZ(0)}
66%{-webkit-transform:translate(40px,-32px) translateZ(0);transform:translate(40px,-32px) translateZ(0)}
}
@-webkit-keyframes circle-6{33%{-webkit-transform:translate(28px,-16px) translateZ(0);transform:translate(28px,-16px) translateZ(0)}
66%{-webkit-transform:translate(76px,-56px) translateZ(0);transform:translate(76px,-56px) translateZ(0)}
}
@keyframes circle-6{33%{-webkit-transform:translate(28px,-16px) translateZ(0);transform:translate(28px,-16px) translateZ(0)}
66%{-webkit-transform:translate(76px,-56px) translateZ(0);transform:translate(76px,-56px) translateZ(0)}
}
@-webkit-keyframes circle-7{33%{-webkit-transform:translate(8px,28px) translateZ(0);transform:translate(8px,28px) translateZ(0)}
66%{-webkit-transform:translate(20px,-60px) translateZ(0);transform:translate(20px,-60px) translateZ(0)}
}
@keyframes circle-7{33%{-webkit-transform:translate(8px,28px) translateZ(0);transform:translate(8px,28px) translateZ(0)}
66%{-webkit-transform:translate(20px,-60px) translateZ(0);transform:translate(20px,-60px) translateZ(0)}
}
@-webkit-keyframes circle-8{33%{-webkit-transform:translate(32px,-4px) translateZ(0);transform:translate(32px,-4px) translateZ(0)}
66%{-webkit-transform:translate(56px,-20px) translateZ(0);transform:translate(56px,-20px) translateZ(0)}
}
@keyframes circle-8{33%{-webkit-transform:translate(32px,-4px) translateZ(0);transform:translate(32px,-4px) translateZ(0)}
66%{-webkit-transform:translate(56px,-20px) translateZ(0);transform:translate(56px,-20px) translateZ(0)}
}
@-webkit-keyframes circle-9{33%{-webkit-transform:translate(20px,-12px) translateZ(0);transform:translate(20px,-12px) translateZ(0)}
66%{-webkit-transform:translate(80px,-8px) translateZ(0);transform:translate(80px,-8px) translateZ(0)}
}
@keyframes circle-9{33%{-webkit-transform:translate(20px,-12px) translateZ(0);transform:translate(20px,-12px) translateZ(0)}
66%{-webkit-transform:translate(80px,-8px) translateZ(0);transform:translate(80px,-8px) translateZ(0)}
}
@-webkit-keyframes circle-10{33%{-webkit-transform:translate(68px,20px) translateZ(0);transform:translate(68px,20px) translateZ(0)}
66%{-webkit-transform:translate(100px,28px) translateZ(0);transform:translate(100px,28px) translateZ(0)}
}
@keyframes circle-10{33%{-webkit-transform:translate(68px,20px) translateZ(0);transform:translate(68px,20px) translateZ(0)}
66%{-webkit-transform:translate(100px,28px) translateZ(0);transform:translate(100px,28px) translateZ(0)}
}
@-webkit-keyframes circle-11{33%{-webkit-transform:translate(4px,4px) translateZ(0);transform:translate(4px,4px) translateZ(0)}
66%{-webkit-transform:translate(68px,20px) translateZ(0);transform:translate(68px,20px) translateZ(0)}
}
@keyframes circle-11{33%{-webkit-transform:translate(4px,4px) translateZ(0);transform:translate(4px,4px) translateZ(0)}
66%{-webkit-transform:translate(68px,20px) translateZ(0);transform:translate(68px,20px) translateZ(0)}
}
@-webkit-keyframes circle-12{33%{-webkit-transform:translate(56px) translateZ(0);transform:translate(56px) translateZ(0)}
66%{-webkit-transform:translate(60px,-32px) translateZ(0);transform:translate(60px,-32px) translateZ(0)}
}
@keyframes circle-12{33%{-webkit-transform:translate(56px) translateZ(0);transform:translate(56px) translateZ(0)}
66%{-webkit-transform:translate(60px,-32px) translateZ(0);transform:translate(60px,-32px) translateZ(0)}
}
.footNoSideBar{left:0;right:0;-webkit-transform:none;transform:none;margin:0 auto}
@media screen and (max-width:1221px){.wapnone{display:none}
}


/* 仅隐藏首页的按钮 */
body.home #macgf_cb_ht {
    display: none !important;
}
/*悬浮榜单美化开始*/
.fix-left .fix-item.active .item-title i[data-v-3b17862b], .fix-left .fix-item.active .rank-box[data-v-3b17862b] {
    display: block;
}
a.class-item.js-rank {
    display: block;
    width: 100%;
   
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
img.class-pic {
  width: 100%;
    height: 100%;
    border-radius: 8px;
    margin-right: 5px;
}

.name {
    color: #545c63;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.fix-item {
    width: 50px;
    height: 68px;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    border-radius: 15px;
    transition: all .2s;
}
.item-title {
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    color: #333;
}

.fix-left {
    position: fixed;
    top: 150px;
    left: 10px;
    z-index: 10;
}
.rank-box[data-v-3b17862b] {
    display: none;
    padding: 10px 10px;
    height: 350px;
    overflow-y: auto;
    background-color: #fff;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


.fix-left .fix-item.active .item-title img[data-v-3b17862b] {
    display: inline-block;
    margin: -5px 15px 0 0;
}
.fix-left .fix-item.active .item-title span[data-v-3b17862b] {
    font-size: 14px;
}
span[data-v-3b17862b] {
    font-size: 12px;
}
img[data-v-3b17862b] {
  width: 30px;
  display: block;
  margin: 8px auto 0;
}
.b-theme {
    background: #f74735;
}
.fix-left .fix-item.active[data-v-3b17862b] {
    width: 280px;
}
.fix-left .fix-item.active .item-title[data-v-3b17862b] {
    height: 60px;
    line-height: 60px;
    background-color: #333;
    color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
/*悬浮榜单美化结束*/