.dark-theme .tab{
    color:#666;
}
/*导航栏字体加粗*/
ul.nav {font-weight: 700;}
/*动态弹幕美化开始*/
.swiper-slide .user-auth-icon {
    position: absolute;
    left: 47px;
    bottom: 13px;
}
 
.swiper-slide .user-auth-icon svg {

width: 1.2em;
    height: 1.2em;
    
    
    }
.hot-topp {
    width: 100%;
    background: var(--main-bg-color);
   
     padding: 0 10px;
    position: relative;
    
    margin-bottom:20px;
    border-radius: 10px;
}
 .swiper-slide>img {
     height:45px;
     width:45px;
     border-radius:10px;
     margin-right:10px;
 }
@media (max-width:768px) {
    #jitheme_new.plate-news .swiper-container:first-child,#jitheme_new.plate-news .swiper-container:last-child{
    
display:none;    
}
    #jitheme_new .news-item p, #jitheme_new .news-item a{
        width:200px!important;
    }
    #jitheme_new .news-item h6 i.fr{
        display:none;
    }
    #jitheme_new.plate-news .swiper-container{
        width:100%!important;
        margin:5px auto!important;
    }
    
}
#jitheme_new .news-item .avatar {
    width: 45px;
    height: 45px;
    border-radius: 12px;
    margin-right: 10px;
}

#jitheme_new.plate-news {
    padding: 20px 10px;
    width: 100%;
    justify-content: space-between;
    display:flex;
}


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

#jitheme_new.plate-news .swiper-container {
    margin: 0;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform,-webkit-transform;
    box-sizing: content-box;
}
.green{
    color:unset!important;
}
dfn, cite, em, i {
    font-style: unset;
}
#jitheme_new .news-item.blue {
    background: rgba(63,140,255,0.08);
}
#jitheme_new .news-item.orange {
    background: rgba(230,125,97,0.08);
}
#jitheme_new .news-item.green {
    background: rgba(70,198,158,0.08);
}
#jitheme_new .news-item {
    height: 80px !important;
    overflow: hidden;
    border-radius: 12px;
    display: flex;
    padding: 16px;
    float: left;
    align-items:center;
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
}
.new_fl h6{
    margin:0;
}
.new_fl{
    margin-top:8px;
     min-width: 0;
}
.txt-nowrap-ellipsis{
    margin-top:5px;
}
.txt-nowrap-ellipsis span{
    color:var(--focus-color);
}
#jitheme_new .news-item h6 {
    font-size: 16px;
    line-height: 16px;
    display: flex;
    font-weight: normal;
}
.swiper-slide .author-name {
    font-size: 15px;
     margin-bottom: 5px; 
    display: flex;
    white-space: nowrap;
}
.swiper-slide .author-name .uname {
    font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
        margin-top: 1px;
}
 
.lv-icon{
    margin-right:3px;
}
 
.swiper-slide  .lv-icon i{
 margin-left:5px;
 right:unset!important;
 line-height:18px!important;
 margin-top:1px;
}
.swiper-slide .author-name .long-label {
    display: flex;
    justify-content: center;
    align-items: center;
}
#jitheme_new .news-item h6 i {
    
    font-size: 12px;
    color: #91929E;
    line-height: 22px;
    right: 20px;
    position: absolute;
}
#jitheme_new .news-item p, #jitheme_new .news-item a {
    font-size: 12px;
    color: #91929E;
    line-height: 12px;
   width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.red {
    padding: 0px 5px;
    color: #ff3355;
}
/*动态弹幕美化结束*/
                .update-ts{
                    padding-top: 6px;
                    padding-bottom: 8px;
                }
                .article-update-tips {
                background: rgba(255, 188, 68, 0.38);
                color: #333;
                margin: 0 0px 20px;
                border-radius: 8px;
                position: relative;
                text-align: center;
                background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN017ZFVO81QbIjgNEl4Q_!!2210123621994.png);
                background-clip: padding-box;
                background-size: cover;
                background-repeat: no-repeat;
                background-attachment: scroll;
                background-position: 50% 50%;
                background-blend-mode: normal;
            }span1 {
                color: #f60;
                margin: 0 3px;
            }
.panel-heading .fa {
    transition: transform .3s ease;
    transform: rotate(-45deg);
    padding: 5px;
    color: var(--theme-color);
}
.panel-heading:not(.collapsed) .fa {
    transform: rotate(0deg)
}
.box-body.notop {
    background: var(--main-bg-color);
    padding: 5px;
    padding-left: 1.2em;
    border-radius: 10px;
    margin-bottom: 10px;
}
   .title-theme {
    position: relative;
    padding-left: 1.8em;
   
    margin: 5px;
}


/*悬浮榜单美化开始*/
@media (max-width: 768px) {
    .macgf-hidden{
        display:none;
    }
    
}
.display-name {
    background-image: -webkit-linear-gradient(90deg, #07c160, #fb6bea 25%, #3aedff 50%, #fb6bea 75%, #28d079);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 100% 600%;
    animation: wzw 10s linear infinite;
}
@keyframes wzw {
0% {
background-position: 0 0;
}
100% {
background-position: 0 -300%;
}
}
 
.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;
}
.class-info {
 margin-left:10px;
    width: 190px;
    font-size: 12px;
}
.badg.badg-sm, .but.badg-sm {
    font-size: 12px;
    padding: 3px;
    /* vertical-align: 1px; */
    /* min-width: 30px; */
    border-radius: 4px;
    
}
 
.namename {
    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: 200;
}
.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;
}
.class-info .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;
}
/*悬浮榜单美化结束*/
/*自定义广告位美化开始*/
.gutters-55 .col-sm-2{
    padding:5px;
}
@media (min-width: 768px) {
     
    .graphicad {
        text-shadow: 0 0 5px rgba(0, 0, 0, .2);
        height: 60px;
        color: #fff;
        position: relative;
        overflow: hidden;
        background-size: 100% 60px;
        padding: 0;
    }
}
@media (max-width:768px) {
.graphicad  {
    text-shadow: 0 0 5px rgba(0,0,0,.2);
   height:40px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-size: 100% 40px;
    padding: 0;
    
    
}
}




.hover-zoom-img img{
    border-radius:10px;
}
.row2{
   
}
.gutters-55{
    display:flex;
    flex-flow:row wrap;
      
}

 
@media (min-width: 768px) {
     .post-style-2 .header .top-style{
        background:unset!important;
    }
  .gutters-55  .col-sm-2 {
        width: 50%;
    }
}
@media (max-width: 768px) {
 .gutters-55   .col-sm-2 {
        width: 100%;
    }
}




.auto-list-null .b2font{
    font-size:14px;
    margin-right:5px;
    color:rgba(0, 0, 0, 0.1);
    margin-top: 2px;
}
.auto-ad-name .b2font{
    font-size:14px;
}
.text-sms .b2font{
    font-size:14px;
}
.text-sms {
    font-size: 14px;
   
}
.auto-ad-url{
    width: 100%;
    background: var(--main-bg-color);
    margin-bottom: 25px;
    padding: 22px 20px;
    position: relative;
   
    overflow: hidden;
    border-radius: 10px 10px 10px 10px;
}

.auto-ad-url .card {
     
   
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
     
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}
.card-head{
    padding:10px;
       justify-content: space-between;
           align-items: center;
}

.text-sm {
    font-size: 14px;
}
 
.vc-yellow {
   color:#fff;
        padding: 2px 10px 2px 10px;
   border-radius: var(--main-radius);
    background:var(--focus-color);
    font-size:14px;
   
     
}

@media (max-width: 768px){
    .col-md-6a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding:6px;
}

.col-md-6aa {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding:6px;
    
}

}


 
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    
}
.row-xs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
   
}
.header-big .auto-ad-url a {
    color: #fff;
}
 
 
.overflowClip_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.overflowClip_1 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
@media (min-width: 768px){
.col-md-6a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    padding:6px;
}
.col-md-6aa {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    padding:6px;
}
}
.auto-list-null .auto-ad-name {
    background: rgba(0,0,0,0.1);
    height: 11px;
    width: 50%;
    margin: 5px 0;
    border-radius: 4px;
}
.auto-ad-url .auto-url-list {
    background: #eeeeee;
    padding:10px;
    border-radius: var(--main-radius);
}
/*自定义广告位美化结束*/

/**用户排行榜开始*/
         .hot-top    .left {
                float: left;
            }
.hot-top .right .top-ul li a h3 {

    white-space: nowrap;
}
       .hot-top      .right {
                float: right;
            }

            img {
                border: none;
            }

            .hot-top {
                width: 100%;
                background: var(--main-bg-color);
                margin-bottom: 25px;
                padding: 22px 20px;
                position: relative;
                height: 147px;
                overflow: hidden;
                border-radius: 10px 10px 10px 10px;
            }

            .hot-top .tg-ph {
                background-size: 100% 100%;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2;
                display: block;
                width: 60px;
                height: 60px;
            }

            .hot-top .left {
                height: 100%;
            }

            .hot-top .left a {
                display: block;
                width: 121px;
                height: 45px;
                line-height: 45px;
                background: #f6f6f6;
                text-align: center;
                font-size: 15px;
                color: #989898;
                margin-bottom: 13px;
                cursor: pointer;
                border-radius: 10px;
            }

            .hot-top .left a:last-child {
                margin-bottom: 0;
            }

            .hot-top .left .hover {
                background: var(--focus-color);
                color: #FFF;
                position: relative;
            }

            .hot-top .left .hover:after {
                content: "";
                width: 0;
                height: 0;
                border-top: 7px solid transparent;
                border-bottom: 7px solid transparent;
                border-left: 10px solid var(--focus-color);
                position: absolute;
                top: 15.5px;
                right: -10px;
                z-index: 1;
            }

            .hot-top .right-main {
                height: 100%;
                    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
                margin-bottom: 30px;
            }

            .hot-top .right-main:last-child {
                margin-bottom: 0px;
            }

            .hot-top .right-overflow {
                transition: 0.4s all;
                transform: translateY(0);
            }

            .hot-top .right {
                float: left;
                width: calc( 100% - 147px);
                margin-left: 26px;
                height: 100%;
            }

            .hot-top .right .top-ul {
                height: 130px;
                
            }

            .hot-top .right .top-ul li {
                width: 74px;
                float: center;
                margin:0px 20px;
                display:inline-block;
            }

            .hot-top .right .top-ul li:nth-child(10n) {
                margin-right: 0;
            }

            .hot-top .right .top-ul li a {
                display: block;
            }

            .hot-top .right .top-ul li a .list-img {
                width: 100%;
                height: 78px;
                line-height: 78px;
                text-align: center;
                border-radius: 10px;
            }

            .hot-top .right .top-ul li a .list-img img {
                width: 100%;
            }

            .hot-top .right .top-ul li a .list-img img:hover {
                opacity: 0.8;
            }

            .hot-top .right .top-ul li a h3 {
                margin-top: 7px;
                font-size: 13px;
                line-height: 25px;
                height: 25px;
                overflow: hidden;
                width: 100%;
                text-align: center;
            }

            .new-position {
                height: 780px;
            }

            .new-position .left {
                height: 100%;
                width: calc( ( 100% - 13px ) * 0.36 );
            }

            .new-position .right {
                width: calc( ( 100% - 13px ) * 0.64 );
                height: 100%;
                background: #FFF;
                padding: 17px 28px;
            }

            .new-position .layui-carousel > [carousel-item] > * {
                background: #FFF;
            }

            .new-position #index-lb {
                height: 300px;
            }

            .new-position #index-lb div div img {
                width: 100%;
                min-height: 100%;
            }

            .new-position .index-login {
                background: #FFF;
                margin-top: 13px;
                height: calc( 767px - 300px);
                padding: 25px 33px;
                position: relative;
            }

            span.note {
                position: absolute;
                top: 10px;
                right: -50px;
                z-index: 1;
                width: 140px;
                height: 20px;
                background: var(--focus-color);
                color: #fff;
                line-height: 20px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                text-align: center;
                font-size: 12px;
            }
img.rela {
    position: absolute;
    left: 52px;
    z-index: 2;
    /* right: 50px; */
    top: 58px;
    height: 25px;
    width: 25px;
}
       .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; }
 
            /**用户排行榜结束*/


#accordionhelp-content{
    margin-bottom:20px;
    margin-top:20px;
}

.tab-container {
    width: 80%;
    margin: auto;
}

.tabs {
    display: flex;
    cursor: pointer;
 
      padding: 20px 0 0 0;
    border-bottom: 4px solid var(--focus-color);;
}

.tab {
    padding: 10px 15px;
    transition: background-color 0.3s;
     border-radius: 10px 10px 0 0;
            background: #eee;
    margin: 0px 5px;
    font-size: 14px;
}
 
.tab.active {
    color: #fff;
    background-color: var(--focus-color);;
    
}

.tab-content {
    position: relative;
    overflow: hidden;
}

.tab2_content {
    display: none;
     
}
   
.tab2_content.active {
    display: block;
}












/*文章内页美化*/
.single-download-nav{
    margin-bottom:20px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #ffa500;
    border-color: #ffa500;
}
#comment {
  height: 80px !important;
}
.zib-widget.widget_yjk_wzfm {
  padding: 0px;
}

.zib-widget.widget_yjk_tabka {
  padding: 30px;
}

 

.container.site-layout-3 .content-layout {
  margin-right: unset;
}
.wp-posts-content img {
  border-radius: var(--main-radius);
}

 
.single-video {
  margin-bottom: 30px;
}
 
 
.post-metas .meta-comm {
  display: none;
}
.article-header .article-title {
  font-size: 26px;
}


 
.zib-widget.hover-show-con.share-button.dropdown-menu {
  padding: 10px !important;
}
 

 
.pay-box .pay-tag, .vip-product .vip-tag {

  display: none;
}





/*文章tab问打卡美化*/

.zib-widget.widget_yjk_tabka .icon-course-nav-8 {
  width: 18px;
  height: 18px;
  vertical-align: -4px;
}

 .question {  

    cursor: pointer;  

    position: relative;  

    margin-bottom: 10px;  
	padding: 2.5rem 4rem;
  margin-bottom: 0;
	border-bottom: solid 1px var(--main-border-color);

  }  



.answer.active{
	display: unset;  
	background-color: var(--focus-color);
	-ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
	color: #fff !important;
  padding: 2.5rem 4.5rem;
	display: block;

}

  .answer {  

    display: none;  


  }  
.question-container {
  border-radius: 6px;
  border: solid 1px var(--main-border-color);
	overflow: hidden;
		border-bottom: solid 0px rgba(50, 50, 50, 0);
 
}
  

  .question i {  

    position: absolute;  

    right: 0;  

    top: 50%;  

    transform: translateY(-50%);  

  }  

  

  .question.active i.fa.fa-plus {  

    display: none;  

  }  

  

  .question.active i.fa.fa-minus {  

    display: inline-block;  

  }  

  

  .active.answer {  

    display: block;  

  }  
.question .fa {
  float: right;
  padding: 40px;
}







/*! 文章列表视频样式修改 */


.item-thumbnail .dplayer-thumb {
  position: revert-layer;
}


.dplayer-video-wrap .dplayer-video {

  object-fit: cover;
}

body.nav-fixed .header.show-slide {
--header-bg:var(--main-bg-color);
}

.filter-blur .header-slider-card .zib-widget {
    background: var(--main-bg-color);
}
.header-slider-card  .relative-h {
   
    padding: 10px;
}
.relative-h:hover  .icon-cover-icon i,.relative-h:hover .text-ellipsis.em12{
     color:var(--focus-color);
}
.icon-cover-icon i{
    font-size:1.9em;
    color:var(--muted-color);;
}
.icon-cover-icon{
    background:none;
}

.relative-h:last-child .icon-cover-icon i{
     color:var(--focus-color);
}
.relative-h:last-child .text-ellipsis.em12{
   
    color:var(--focus-color);
}
.relative-h:last-child{
    
     
     background:rgb(from var(--focus-color) r g b / 15%);
}
.jse .relative-h .ml6{
    font-weight: 400;
    background:var(--focus-color);
}
.header-slider-card {
    
       
     background: var(--main-bg-color);
    position: relative;
}
.header-slider-card .zib-widget{
    box-shadow:unset;
}
/*! 文章列表列表样式修改 */

.posts-item.card .item-heading{
    min-height:unset;
}
.extra-item.extra-term {
position: absolute;
  z-index: 1;
  line-height: 28px;
  right: 8px;
  bottom: 0;
  font-size: 12px;
  width: 100%;
  height: 30px;
  left: 0;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(rgba(0,0,0,.4)));
  background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.4));
  background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.4) 100%);
  background: linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.4));
  text-align: right;
}
.extra-item.extra-term a {
  color: #fff;
  margin-right: 10px;
}
.item-excerpt.muted-color.text-ellipsis.mb6 {
  display: inline-block;
  height: 0px;
    margin: 0px 0 0 0;
}
.item-desc p {
    margin:0 auto;
white-space: nowrap;      /* 保持文本在一行，不换行 */
  overflow: hidden;    
  }
.item-desc {
padding: 10px 10px;
  display: block;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  background: var(--body-bg-color);;
  border-radius: 10px;
  text-align: center;
  font-size: 15px;
  font-weight: 300;
}
.posts-item .item-heading {
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 18px!important;
  line-height: 2em;
  font-weight: 700;
}

.yarpp-related a {
  font-weight: unset !important;
}
.list .item-thumbnail .zib-slider, .list .item-thumbnail.new-swiper {
  width: 100%;
}
.hover-zoom-img-sm:hover img, .hover-zoom-sm:hover, .posts-item.mult-thumb .thumb-items > span > img:hover, .posts-item:hover .item-thumbnail img, .posts-mini:hover img {
  transform: unset;
}
.posts-item.list.ajax-item.flex {
  width: calc(50% - 10px);
    margin: 5px; 
    display: inline-block;
margin: 8px;
  margin-right: 8px;
  margin-left: 8px;
padding: 10px;
vertical-align: top;
transition: .3s;
    border-radius: var(--main-radius);
}



.posts-item .item-thumbnail {
  width:100%;

}
.posts-item .order1.post-graphic {
  margin-right: 0px;
  margin-left: 0px;  
}
.posts-item .flex .item-thumbnail {
    width: 100%;
}
.posts-item .post-graphic:not(.order1) {
  margin-right: 0px;
}
.posts-item {
  padding: 12px;
}
.posts-item {
	box-shadow:unset;
	padding: 20px !important;
	margin: 10px !important;
}

.posts-row > :not(.post_ajax_loader) {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
@media (min-width: 767px){
.posts-item.list.ajax-item.flex {
    width: calc(33.333% - 20px);
display: inline-block;
margin: 8px;
border-radius: var(--main-radius);
padding: 20px;
vertical-align: top;
transition: .3s;
}
}
@media (min-width: 992px){
.posts-item.list.ajax-item.flex {
  width: calc(25% - 20px);
}
  .fluid-widget .card, .site-layout-1 .card {
    width: calc(25% - 20px);
  }
}
.posts-row {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
}



/*首页签到排行榜*/
.header-slider-container .zib-widget.widget_yjk_qiandaopaihang {
  position: absolute;
  z-index: 10;
  left: calc(50% - -2px);
  top: 100px;
  width: 295px;
  padding: 30px 30px 35px 30px;
  border-radius: var(--main-radius);
  background: var(--main-bg-color);
  margin-left: 318px;
	backdrop-filter: saturate(5) blur(20px);
}

.user-ranking-item.relative {
  margin-top: 25px;
}

.header-slider-container .zib-widget.widget_yjk_qiandaopaihang .but.block.mb20.padding-lg.jb-yellow {
-webkit-text-fill-color: #664100;
  padding: 30px;
  width: 295px;
margin-top: -30px;
  margin-left: -30px;
  height: 80px;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(90deg,#ffeccc,#ffd080);
  font-size: 1.2em;
}



.icon-course-nav-qd {
  font-size: 25px;
  vertical-align: -6.18px;
  color: #664100;
}


.header-slider-container .zib-widget.widget_yjk_qiandaopaihang .ml20 {
  margin-left: 10px;
}
@media (max-width: 768px){
 .header-slider-container   .zib-widget.widget_yjk_qiandaopaihang{
        display:none;
    }
        .posts-item.card ,.posts-item.list.ajax-item.flex{
        width: calc(100% - 20px);
    }
}





/*仿优设网人气排行首页开始*/
@media (max-width:768px) {
.home-authors .item, .home-authors .group-item .item-images .img-item {
    width: 100%!important;
}
  .item-author:nth-child(n+4) {
display:none;

}
 
}


.home-authors .item-tobe-author .meta-avatars img {
    display: inline-block;
    width: 30px;
    height:30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    margin-left: -10px;
    border-radius: 50%;
    transform: translateX(0px);
    overflow: hidden;
    border: 3px solid var(--main-bg-color);
}

.ap-item-meta .cat:before {
    content: '#';
    /* top: 2px; */
    line-height: 19px;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    color: #fe2c55;
    text-align: center;
    float: left;
    background: rgba(254, 44, 85, 0.2);
    border-radius: 50%;
    display: block;
    /* position: absolute; */
    left: 0;
}

.item-author .author-btn .looo {
    line-height: 13px;
    font-size: 13px;
    width: 100%;
    color: #333;
    background: var(--body-bg-color);
}


.item-author .item-wrap:hover .item-top .author-btn,.home-authors .item-tobe-author .item-wrap:hover .item-top .author-btn {
    display: block;
}


.item-author .author-btn {
    position: absolute;
    right: 0;
    top: 90px!important;
    display: none;
    width: 100%
}


.item-author .author-btn .user-s-follow {
   padding:10px;
    text-align: center
}

.looo .msg-icon,.looo .top{
    display:none;
}
















.home-authors .part-title{
    font-size: 18px;
}
.home-authors .author-items {
    margin: 0 auto;
    display:flex;
    flex-wrap:wrap;
}
.home-authors .part-title, .part-hot-channel .part-title, .part-zt .part-title, .archive-list-see .part-title, .post-related .part-title, .hunter-recent-hot .part-title, .hunter-last-week .part-title {
    font-size: 21px;
    color: #333333;
    margin-bottom: 50px;
}
.home-authors .part-title .sub-link .icon-btn-bang, .hunter-recent-hot .part-title .sub-link .icon-btn-bang, .hunter-last-week .part-title .sub-link .icon-btn-bang {
    color: #ff6000;
}

.home-authors .item, .home-authors .group-item .item-images .img-item {
    margin-bottom: 30px;
}
.home-authors .item, .home-authors .group-item .item-images .img-item {
    padding: 0 5px;
}
.home-authors .item, .home-authors .group-item .item-images .img-item {
    width: 25%;
}
.author-name .text-ellipsis{
    max-width:80px;
}
.item-author .item-wrap, .home-authors .item-tobe-author .item-wrap {
    padding: 30px 15px 10px;
}
.item-author .item-wrap, .home-authors .item-tobe-author .item-wrap {
    background-color: var(--main-bg-color);
  height:390px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.item-author .item-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 100%;
    overflow: hidden;
}
.item-author .item-bg::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 54%;
    background-color: var(--main-bg-color);
    z-index: 1;
}
.item-author .item-bg .thumb-1 {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

.item-author .item-bg .thumb-2 {
   background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
    
}

.item-author .item-bg .thumb-3 {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);
}

.item-author .item-bg .thumb-4 {
 background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
}

.item-author .item-bg .thumb-5 {
   background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
}

.item-author .item-bg .thumb-6{
    background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);
}

.item-author .item-bg .thumb-7 {
     background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}














.item-author .item-bg .thumb {
    padding-top: 100%;
    position: absolute;
    left: -50px;
    right: -50px;
    top: -50px;
    width: auto;
  
}
.thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0;
}
.item-author .item-bg::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54%;
    padding-top: 11%;
   
}
.item-author .item-top {
    padding: 15px;
}
.item-author .item-top {
    position: relative;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.02);
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.02);
    padding: 15px;
     background: var(--main-bg-color);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    z-index: 1;
}
 
.item-author .author-avatar {
    font-size: 50px;
    top: 0;
}
.home-authors .item  .author-avatar .avatar, .home-authors .group-item .item-images .img-item  .author-avatar .avatar {
    border-color: #ff6000;
}
.item-author .author-avatar .avatar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    height: 50px;
    border: 2px solid #ffbc00;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.home-authors .item:nth-child(1) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(1) .author-avatar:after {
    content: '01';
     
}
.home-authors .item:nth-child(2) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(2) .author-avatar:after {
    content: '02';
   
}
.home-authors .item:nth-child(3) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(3) .author-avatar:after {
    content: '03';
     
}
.home-authors .item:nth-child(4) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(4) .author-avatar:after {
    content: '04';
   
}
.home-authors .item:nth-child(5) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(5) .author-avatar:after {
    content: '05';
     
}
.home-authors .item:nth-child(6) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(6) .author-avatar:after {
    content: '06';
   
}
.home-authors .item:nth-child(7) .author-avatar:after, .home-authors .group-item .item-images .img-item:nth-child(7) .author-avatar:after {
    content: '07';
   
}
.item-author .author-avatar {
    position: absolute;
    
    width: 50px;
}
.author-main {
    padding-left: 58px;
}
.item-author .author-name {
    font-size: 20px;
    color:var(--key-color);
    margin-bottom: 25px;
    white-space: nowrap;
}
.item-author .author-info {
    font-size: 13px;
    margin-top: 25px;
    margin-right: -16px;
    margin-left: -16px;
    padding: 0px 16px;
    color: var(--muted-color);
    text-align: center;
    line-height: 30px;
    background: var(--body-bg-color);
    height: 30px;
    border-radius: 4px;
    overflow: hidden;
}

.item-author .author-name {
          font-size: 15px;
    
    display: flex;
    white-space: nowrap;
    margin-bottom: 20px;
    
}
.item-author .author-name .uname {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.item-author .author-meta {
    font-size: 13px;
}
.item-author .author-meta {
    font-size: 12px;
    line-height: 1.5;
    height: 20px;
    overflow: hidden;
    font-weight: normal;
    color: var(--muted-color);
}
.item-author .author-meta span:first-child {
    position: relative;
    margin-right: 5px;
}
.item-author .author-meta {
    font-size: 13px;
}

.btn-orange, .widget-talk .talk-item .talk-wrap:hover .btn, .list-item-home-news .widget-btns .btn:hover, .listitem-widget-job .widget-btns .btn:hover, .list-item-home-job .widget-btns .btn:hover, .search-widget-hotsearch .widget-btns .btn:hover, .group-sidebar .widget-talk .widget-btns .btn {
    background: #ff6000;
    color: #fff;
}
.author-name count{
    display:none;
}
 
.item-author .item-bottom-title {
    font-size: 14px;
    color: #b5b5b5;
    font-weight: normal;
    
}


.item-author .item-bottom {
    font-size: 14px;
    position: relative;
    z-index: 1;
   margin-top:10px;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.item-author .ap-item {
    font-size: 14px;
}

.home-authors .item-tobe-author .item-btns a:first-child {
    color: #fff!important;
}
.home-authors .item-tobe-author .item-btns a:last-child {
    color: #ff6000!important;
}

.home-authors .item-tobe-author .item-btns a:visited {
    color: inherit;
}
.item-author .ap-item {
    font-size: 12px;
    
}
 
.item-author .ap-item-wrap.has-thumb {
    padding-left: 42%;
     
}
.item-author .ap-item-wrap {
    display: block;
    position: relative;
}
 
.item-author .ap-item-wrap .ap-item-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 40%;
    overflow: hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height:100%;
}
.item-author .ap-item-wrap .ap-item-thumb .thumb {
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding-top: 70%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.item-author .ap-item-wrap.has-thumb .ap-item-title {
   height: 40px;
    overflow: hidden;
    font-weight: normal;
    line-height: 20px;
}
 
.item-author .ap-item-wrap .ap-item-title {
    font-size: 14px;
}

.item-author .ap-item-wrap .ap-item-meta {
    font-size: 11px;
}

.home-authors .item-tobe-author .tobe-author-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px 20px 20px;
}
.home-authors .item-tobe-author .tobe-author {
    background-color: var(--main-bg-color) ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.home-authors .item-tobe-author .item-title {
      color: #ff6000;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}
.home-authors .item-tobe-author .item-title a {
    display: block;
    color: var(--muted-color);
}
.home-authors .item-tobe-author .item-cont {
    font-size: 16px;
    line-height: 28px;
}
.home-authors .item-tobe-author .item-cont .meta-views{
    font-size:14px;
}
.home-authors .item-tobe-author .item-cont {
    font-size: 16px;
    color: var(--muted-color);
    line-height: 24px;
}
 
.home-authors .item-tobe-author .item-cont .count {
    margin-bottom: 10px;
}
.home-authors .item-tobe-author .item-cont .count strong {
    font-size: 40px;
    color: #ff6000;
}
.home-authors .item-tobe-author .item-cont .count span {
    font-size: 16px;
}
.home-authors .item-tobe-author .item-btns {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    text-align: center;
}
.home-authors .item-tobe-author .item-btns .btn:first-child {
    padding:10px;
     
}
.home-authors .item-tobe-author .item-btns .btn:last-child {
       width: 46%;
    display: inline-block;
    line-height: 20px;
    border: 1px #ff6000 solid;
    padding: 10px;
    
    
}
.btn-orange, .widget-talk .talk-item .talk-wrap:hover .btn, .list-item-home-news .widget-btns .btn:hover, .listitem-widget-job .widget-btns .btn:hover, .list-item-home-job .widget-btns .btn:hover, .search-widget-hotsearch .widget-btns .btn:hover, .group-sidebar .widget-talk .widget-btns .btn {
    background: #ff6000;
    color: #fff;
}
.home-authors .item-tobe-author .item-btns .btn {
    width: 46%;
    display: inline-block;
    line-height: 20px;
}
.btn-orange-border, .talk-singular-prev-next .item-backhome .item-content .btn {
    background-color: transparent;
    color: #ff6000;
    border: 1px solid #ff6000;
}
/*仿优设网人气排行首页结束*/



::-webkit-scrollbar {
    width: 12px;
   
}
::-webkit-scrollbar-corner {
    background: unset;
}
 
body::-webkit-scrollbar-thumb {
    background-color: var(--focus-color);
   
}