/*
Theme Name:     剑去素材子主题
Theme URI:      http://www.swordgo.cn/
Description:    剑去主题出品
Author:         剑去了无痕
Author URI:     http://www.swordgo.cn/
Template:       b2
Version:        3.1.1
*/
/*下面是您自己DIY的css样式代码*/
.top-menu ul li.depth-0,.current-menu-item span {
 
    font-weight: 600;
}
 @media screen and (max-width: 768px) {  
     #swordgo_day{
    display:block;
}
     
     #swordgo_night{
    display:none;
}
 }
  @media screen and (min-width: 768px) {  
.home #swordgo_day{
    display:none;
}
#swordgo_night{
    display:none;
}
.home #swordgo_night{
    display:block;
}
.home .macfk.action #swordgo_day{
    display:block;
}
.home .macfk.action #swordgo_night{
    display:none;
}
}
.content-area .auto-ad-url{
    margin:0px 0px 20px 0px;
}
.entry-content * {
 letter-spacing: 1.5px;
}
.modal,.show-modal{
transition:unset;
backdrop-filter:unset;
}
.swiper-slide .author-name b {
font-weight: bold;
    font-size: 15px;
    margin-right: 10px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dmsg-list li .dmsg-content img{
    display:none;
}
/*悬浮榜单美化开始*/
.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;
    color: #fff;
}
.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;
}
/*悬浮榜单美化结束*/
/*代码高亮美化开始*/
.entry-content pre:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fc625d;
    margin: 15px 25px;
}
.sticky-button {
    
  position: -webkit-sticky;
    position: sticky;
    top: 0;
  left:100%;
   font-size:16px;
    background: var(--b2color);
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: var(--b2radius);
    cursor: pointer;
}
.entry-content pre {
    position: relative;
    border-radius: 6px;
    padding-top: 50px;
    box-shadow: 0px 8px 20px -10px #000;
}
.entry-content pre code, .content-show-roles pre code{
    white-space: pre-wrap!important;
}
.entry-content pre {
    min-height:100px;
max-height:300px;
     
   overflow-y: auto; /* 当内容高度超出元素高度时显示滚动条 */
  overflow-x: auto; /* 隐藏水平滚动条 */
}
.entry-content pre:before {
    content: '';
    position: absolute;
    top: 0;
    left: 25px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 15px 25px;
    background: #fdbc40;
}
ol.linenums:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 15px 25px;
    background: #35cd4b;
}





/*代码高亮美化结束*/

/*文章内页样式美化开始*/




/*文章内页样式美化结束*/


/* 为所有选中的文本设置背景色和文本颜色 */
.bar-item-desc.bar-qrcode-box li:first-child{
    display:none;
}
::selection {
  background: var(--b2color); /* 粉红色背景 */
  color: #fff; /* 黑色文字 */
}
#author-index i.icon-firm_auth{
    position:relative;
        display: inline;
        right:0;
}



/*底部美化开始*/
.about-widget-content{
    margin-top:30px;
}
.zib2-ps{
    background:#fff;
}
.zib2-pseudo {
  position: relative;
  height: 1px; /* 横线的高度 */
}
 
.zib2-pseudo::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; /* 横线的长度 */
  height: 100%; /* 横线的高度 */
  background: #ddd; /* 横线的颜色 */
}
.site-footer .site-footer-widget-in {
    display: flex;
    margin: 40px 0;
}
.footer-contact2 a{
    font-size:15px;
}
 .footer-contact2{
     background:#fff;
 }
 .footer-con span{
     display: flex;
    align-items: center;
 }

.footer-con i{
    color:var(--b2color);
    font-size: 20px;
}
.footer-con2 span{
    padding:30px;
    color:#333;
    font-size:16px;
}
.footer-con2{
    display:flex;
     justify-content:flex-end;
    
}
.footer-con{
padding: 30px;
    justify-content:space-evenly;;
    font-size:14px;
    display:flex;
    align-items:center;
}

section.b2-widget-about:first-child{
    width:55%;
    padding: 16px 50px 16px 50px;
    
}
section.b2-widget-links{
    width:15%!important;
}
.site-footer .widget {
    padding: 0 32px;
}
.zib2-widget-title i{
    font-size:18px;
}
.zib2-widget-title .widget-title{
    padding:0;
}
.zib2-widget-title{
    position: relative;
    font-size: 18px;
    display: flex;
    padding: 16px 0;
}
.zib2-links-widget h2{
    font-size:14px!important;
    color:#666;
}
.zib2-widget-title .line{
    position: absolute;
    bottom: 12px;
    left: 0;
    width: 23px;
    height: 3px;
    background-color: #E0E0E0;
    
    
}



/*底部美化结束*/



/*文章页面文字美化开始*/
 
.single-ask .post-meta-left .avatar, .single-ask .post-meta-left .avatar-parent{
    height:36px;
    width:36px;
}
.b2-widget-author h2 i.icon-firm_auth{
    position:relative;
    font-size: 20px;
    margin-left:5px;
    width:unset;
    right:unset;
    height:unset;
        margin-top: 3px;
        bottom:0;
        top:0;
        left:0;
        right:0;
}

i.icon-firm_auth {
         position: absolute;
        bottom: -3px;
        right: -10px;
        line-height: 16px;
        
        display: block;
        font-size: 24px;
   
}

 .entry-content blockquote{
    background:#fcf0f0;
    color:#fb2121;
}



/*文章页面文字美化结束*/

.info-box h2:before{
    display:none!important;
}
.info-contact .w-a-info img {
    width: unset!important;
    
    display:inline!important;
    
}
 
 
 


.search-types a.picked:after{
        bottom:10px;
    }
  @media screen and (min-width: 768px) {  
.flex-item{
    margin-left:5px;
}

}

@media screen and (max-width: 768px) {
    .d-flex.flex-pd1 {
     margin-right: 0px!important; 
}
   .macfk-author .mask-wrapper p{
        display:none!important;
    }
    
     .post-info .post-list-cat-item:before{
                    display:none!important;
                }
    #jitheme_header_top02 .menu-center .b2font{
        color:#999;
    }
        .menu-icon {
        top: 18px;
        padding: 15px 13px;
    }

    .macfk .menu-center .header-user {
        right: 0;
    }


.macfk .menu-center .header-user {
    position: relative;
    top: 0;
}

.user-tips.move-icon{
    margin-top:8px;
}
#jitheme_header_top02 .menu-center .search-button-action{
    top:8px;
}
 
    .macfk .menu-center .menu-icon, .macfk .menu-center .top-user-info {
       margin-right:10px;
        width: 44px;
        height: 44px;
        
        border-radius: 50%;
        color: #80848c;
        background-color: #f0f2f7;
        border-color: transparent;
        /* box-shadow: 8px 8px 16px rgb(67 71 82 / 15%), -8px -8px 16px rgba(255, 255, 255, 1), inset 0px 0px 4px rgba(255, 255, 255, 0.2), inset 8px 8px 16px rgba(55, 84, 170, 0), inset -8px -8px 20px rgba(255, 255, 255, 0), 0px 0px 4px rgba(255, 255, 255, 0) !important; */
        transition: box-shadow 0.25s ease !important;
        padding:10px;
        align-items: center;
        display: flex;
    }
    
    
  
    
    
  .header-logo .banbenhao {
    margin-left:5px;
    font-size: 12px;
    right: 0;
    display: none;
    background-color: var(--b2color);
    color: #fff;
    border-radius: 4px;
    font-weight: 400;
    vertical-align: middle;
    -webkit-animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
    animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px){
.header-logo .banbenhao {
    margin-left:5px;
    font-size: 12px;
    right: 0;
    display: flex;
    background-color: var(--b2color);
    color: #fff;
    border-radius: 4px;
    font-weight: 400;
    vertical-align: middle;
    -webkit-animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
    animation: bounce-down-data-v-2d3b1a5e 1.5s linear infinite;
    flex-direction: column;
     
}
}

 
 
  .zib2_alert-danger {
        padding: 12px;
    background-color: #ffdede;
    color: #852f2f;
    line-height:28px;
}
    .zib2_shop_botton {
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    transition: opacity .2s;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    margin-left: 8px;
    white-space: nowrap;
    background-color: var(--b2color);
}
.header-logo.zib2-logo{
display: flex;
    height: unset !important;
    align-items: center;
    
    }
.header-logo .banbenhao {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    margin-top: 10px;
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform-origin: top left;
    transform-origin: 0 0;
    padding: 0 5px;
}



.login-social-button-bottom .css-jr78vv {
    display: flex;
    flex-wrap: unset;
}
.css-jr78vv {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ji-shejiao {
    margin: auto;
    margin-top: 20px;
    justify-content: space-evenly;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.ji-shejiao i {
    font-size: 20px;
    margin-right: 0;
}
.login-box-content .login-social-button-bottom a {
    padding: 0 6px;
    border-radius: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #f6f6f6;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
}
@media screen and (min-width: 768px) {
    .login-box-content .login-box-top {
        width: 400px;
    }
}
 @media (max-width: 768px) {
     .post-list-meta-avatar img{
         display:block;
     }
     .css-t703mf {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border-top: 1px solid;
    border-color: #ebebeb;
    width: 80px;
}
 }
 @media (min-width: 768px) {
.css-t703mf {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    border-top: 1px solid;
    border-color: #ebebeb;
    width: 110px;
}
}
.css-daoszp {
    box-sizing: border-box;
    margin: 0;
    min-width: 0;
    color: #999;
    font-size: 12px;
    margin: 0 16px;
    overflow: hidden;
    line-height: 17px;
    white-space: nowrap;
}
.login-social-button-bottom>div {
    
    font-size: 12px;
    color: #aaaeb3;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
    gap: 10px;
}

.login-social-button-bottom div:first-child {
    margin-bottom: 0;
}

.login-social-button-bottom {
     
    border: unset!important;
}
.modal-content{
   
    border: 0px!important;
    box-shadow: none!important;
}
.login-box-content,.site-header-in .header-login-button button.mobile-hidden{
      border-radius: 0px!important;
}
.login-form-item input {
    border-radius: 0px!important;
    border: #f3f3f3;
    background-color: #f3f3f3;
}
.login-bottom button{
    border-radius: 0px!important;
    color:#fff;
}
.login-logo{
    margin-bottom:40px;
}
/* 灵动岛样式 */


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





/*悬浮榜单美化开始*/

.b-theme {
    background: #f74735;
}

/*悬浮榜单美化结束*/


/*分类筛选美化开始*/
.zib2-tax-title {
    position: relative;
   
    
    overflow: hidden;
}

.tax-header {
    margin-top: -15px;
}
#zib2_category .bg {
    height: 230px;
    background-image: -webkit-linear-gradient(145deg, #20c3f2 0, #7e39fb 100%);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    
    
}
.zib2-category-bg p {
    margin-top: 15px;
    color: #fff;
    font-size: 15px;
}
.zib2-category-bg .title span {
    margin-top: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 700;
    font-size: 28px;
}
.zib2-catnav-wz a {
    color: #fff;
    font-size: 15px;
}
.zib2-catnav-wz {
    position: relative;
    z-index: 1;
    padding: 10px 0;
    color: #fff;
    font-size: 15px;
}
.zib2-category-bg {
    padding:0 10px;
    overflow: hidden;
    margin-top: -205px;
    margin-bottom: 20px;
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

#zib2_category .bg::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 35%);
    content: "";
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

/*分类筛选美化结束*/


.tags-page ul li h2,.tags-page ul li p{
color:#000
}
.zd-badge{
background:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
    left: auto;
    border-radius: 20px 0 0 20px;
    right: 0;
    position: absolute;
    top: 10px;
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    
    box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
     
   
}
/*仿macgf文章小样式开始*/
 @media (max-width: 768px) {
  .tools{
      display:none!important;
  }   
     
 }
.tools {
    display: flex;
    align-items: center;
    padding: 4px;
}


.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;
}
 
.circle {
    padding: 0 4px;
}
.tools_red {
display: inline-block;
    align-items: center;
    width: 10px;
    height: 10px;
    padding: 1px;
    border-radius: 50%;
    background-color: #ff605c;
}
.tools_yellow {
display: inline-block;
    align-items: center;
    width: 10px;
    height: 10px;
    padding: 1px;
    border-radius: 50%;
    background-color: #ffbd44;
}
.post-3 .post-excerpt{
    padding:0!important;
}
.tools_green {
display: inline-block;
    align-items: center;
    width: 10px;
    height: 10px;
    padding: 1px;
    border-radius: 50%;
    background-color: #00ca4e;
}
span.macgf_soft_time {
    font-size: 14px;
    color: #787777;
    margin-left: auto;
    margin-right: 5px;
    right: 0;
    pointer-events: none;
}
.macgf_soft_time svg {
    margin-right: 2px;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}
/*仿macgf文章小样式结束*/



/*视频自定义字段美化开始*/
 .img-swiper {
    width: 100%;
    height: 100%;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}
.img-swiper .img-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.img-swiper .img-bg img {
    width: 100%;
    height: 100%;
}

.img-swiper .loser {
    position: relative;
    width: 100%;
    height: 100%;
}
 @media (min-width: 768px) {
     #jitheme_header_top02 .menu-center .search-button-action {
     
    margin-right: -15px;
}
#soft-img{
        padding: 55px 10px;
}
}
 @media (max-width: 768px) {
      
     
     
     
     
#soft-img{
        padding: 0;
}
}
/*视频自定义字段美化结束*/


/** 首页排行榜列表开始 **/

.badg.badg-zib2, .but.badg-zib2 {
    font-size: 11px;
    padding: 4px;
     border-radius: 4px;
   
    color:#fff;
}
.b-yellow {
     background: #ff6f06;
}
.b-red {
    background: #ff5473;
}
.b-blue {
    background: #2997f7;
}
 
 @media (min-width: 768px) {
     
     
     
 .ranking-item{
        width:calc(33.333% - 10px );
    }
 
 
 
 }
@media (max-width: 768px) {
    .ranking-item{
        width:100%;
        margin-bottom:20px;
    }
}
.syphimg{
    width: 90px;
    height:60px;
    
    margin-right: 5px;
}
.syphimg img{
       border-radius: 8px;
       width:100%;
       height:100%;
    
}
.list.clearfix {
	display: flex;
	justify-content: space-between;
	  flex-wrap: wrap;
}

 
.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;
}
a.top-icon.js-rank-bottom1 {
	display: block;
	width: 129px;
	height: 43px;
	line-height: 32px;
margin: 0 auto;
    margin-top: -7px;

	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;
margin: 0 auto;
    margin-top: -7px;
 
	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;
margin: 0 auto;
    margin-top: -7px;
 
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	text-align: center;
}

.class-box {
	margin-top: 10px;
}

a.class-item.js-rank {
	display: block;
	width: 100%;
	 
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.num-icon.num-icon1 {
	width: 19px;
	height: 22px;

	margin: 0 12px 0 15px;
}


.class-info {
    margin-left:10px;
	width: 190px;
	font-size: 13px;
}

.name {
	color: var(--key-color);
	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;
}

.price {
	color: #f01414;
	font-weight: 600;
	margin-bottom: 2px;
}

.study-num {
	color: #9199a1;
	font-weight: 400;
}

.num-icon.num-icon2 {
	
	
	margin: 0 12px 0 15px;
	width: 19px;
	height: 22px;
}

.num-icon.num-icon3 {


	margin: 0 12px 0 15px;
	width: 19px;
	height: 22px;
}

.num-icon.num-icon4 {


	margin: 0 12px 0 15px;
	width: 19px;
	height: 22px;
}

.num-icon.num-icon5 {


	margin: 0 12px 0 15px;
	width: 19px;
	height: 22px;
}

.num-icon.num-icon6 {
	
	
	margin: 0 12px 0 15px;
	width: 19px;
	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: 13px;
	color: #fff;
	line-height: 13px;
	font-weight: 500;
	background-image: linear-gradient(270deg,#ff4f39 0,#fd6400 100%);
	border-radius: 12px;
	margin-bottom: 20px;
}

/** 首页排行榜列表结束 **/

/*自定义支付美化开始*/


.custom-pay-box  p,.custom-pay-box  .cpay-form-title,.custom-pay-box .cpay-tab > div span{
    font-size:16px;
}

.cpay-radio-box label + label, .cpay-checkbox-box label + label,.cpay-radio-box label, .cpay-checkbox-box label{
    display:block!important;
   
}
.cpay-radio-box label input, .cpay-checkbox-box label input{
    margin-right:0px!important;
}
.cpay-radio-box label div{
    text-align:center;
    font-size:16px;
    overflow: hidden; /* 确保超出容器的文字被截断 */
  white-space: nowrap; /* 防止文字换行 */
}
.cpay-radio-box-list, .cpay-checkbox-box-list{
    width:100%;
}
.cpay_fl_img{
    height:80px;
    width:80px;
    margin: 0 auto;
    padding: 5px;
}
.cpay_fl_img img{
 width:100%;
 height:100%;
}
@media (min-width: 768px) {
.cpay_fl{
    padding:10px;
      
     width:33.333333%;
}
}
@media (max-width: 768px) {
    
    .cpay_fl{
    padding:10px;
      
    width:50%;
}
    
    
}
.cpay-submit button{
    font-size:16px;
}
/*自定义支付美化结束*/










.top-user-box-drop ul{
    background:#fff!important;
}
 
 

/*文档中心美化开始*/
 .card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
  
    border-radius: .25rem;
}
  .post-type-archive-document .row {
   justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(0* -1);
    margin-right: calc(1.5rem* -.5);
    margin-left: calc(1.5rem* -.5);
}
@media (max-width: 768px) {
    #mobile-menu-button .line-1, #mobile-menu-button .line-2, #mobile-menu-button .line-3{
        background:#666!important;
    }
  .post-type-archive-document  .row>* {
     width:100%!important;   
    }
    .knowledge-search .col-lg-8{
        margin-top:0px!important;
    }
.post-type-archive-document #primary-home, .page-template-page-document #primary-home {
    margin-top: -20px!important;
    
}
.knowledge-base-box{
    padding:0px 1rem;
}
}
.knowledge-search {
    position: relative;
    
}

.knowledge-search .col-lg-8{
    margin-top:0px!important;
}
.document-cat-box img {
    width: 100px!important;
    height: auto!important;
    border-radius: var(--b2radius)!important;
}
.form-control-lg {
    font-size: 1.125rem;
    padding: 0.75rem 1rem;
}

.form-control {
    width:100%;
    font-size: 1.5rem;
    color: #575e68;
    border: 1px solid #fff;
    background-color: #f0f2f7;
    box-shadow: inset -5px -5px 8px #f0f2f7, inset 5px 5px 8px #e7ebf1;
    border-radius: var(--b2radius);
    padding: 1.5rem 1.5rem;
}
.text-center {
    text-align: center !important;
}
@media (min-width: 768px) {
    
    
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
    
    
    
        .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66666667%;
    
        }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
 
 
    .p-md-4 {
        padding: 1.5rem !important;
    }
   
    
    
    
    
    
    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%;
    }
}
.post-type-archive-document .row>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
     
    max-width: 100%;
    padding-right: calc(1.5rem* .5);
    padding-left: calc(1.5rem* .5);
    margin-top: 20px;
}
.knowledge-posts {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}
.card, .block {
    background: #fff;
    
   
   
    border-radius: var(--b2radius);
    
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
}
.card-xxl .card-header {
    padding: 2.5rem 2.5rem 0;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.point-decor {
    position: relative;
}
.card-header {
    padding: 1.25rem 1.25rem 0;
}
.card-header, .card-footer {
    background-color: transparent;
    border-width: 0;
}
.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    
   
}
.knowledge-posts h2 {
    font-size: 2.25rem;
    line-height: 1.4;
}
.point-decor .point-wrapper.active {
    opacity: 1;
    transform: scale(1.05);
}

.point-decor .point-wrapper {
    position: absolute;
    width: 0;
    left: 2rem;
    top: 2rem;
    opacity: 0;
    transition: all 0.3s;
    transform: scale(0);
}

.card-xxl .card-body {
    padding: 2.5rem;
}

 
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    
}
.knowledge-posts ul li {
    position: relative;
    margin: 0 0 1rem;
    padding-left: 1.5rem;
}
.knowledge-posts ul li:before {
    content: "";
    position: absolute;
    left: 4px;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #575e68;
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.knowledge-posts .b2font{
    font-size:2.25rem;
    color:#666;
}
.post-type-archive-document #primary-home, .page-template-page-document #primary-home {
    margin-top: -100px;
    
}
.knowledge-base-poster {
    position: relative;
    margin-top:-20px;
}
.bg-fixed {
    background-attachment: fixed;
}
.bg-cover {
    -ms-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.bg-effect {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.knowledge-base-box {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.knowledge-base-box h1 {
    font-size: 2.75rem;
    line-height: 1.4;
    font-weight: bolder;
}

.text-lg {
    font-size: 1.25rem;
}
.mt-2 {
    margin-top: .5rem !important;
}
.text-primary {
    color: var(--b2color) !important;
}
.ms-2 {
    margin-left: .5rem !important;
}
.knowledge-base-img {
    max-width: 40%;
    padding: 3rem 0;
}
 @media (min-width: 768px) {
.post-type-archive-document .site.macfk .header {
        background: rgba(255, 255, 255, 0.8);
        backdrop-filter: saturate(5) blur(20px);
    }
    .post-type-archive-document .site.macfk.action .top-menu ul li.depth-0>a {
        font-size: 16px;
        color: #000;
    }
      .post-type-archive-document .site.macfk .top-menu ul li.depth-0>a {
        font-size: 16px;
        color: #000;
    }
    .post-type-archive-document .site.macfk .menu-center .top-search .b2font , .post-type-archive-document .site.macfk .menu-center .change-theme .b2font {
        color: #000 !important;
        font-size: 22px;
    }

     .post-style-2 .header, .post-style-2 .header .top-style{
         background:#fff;
     }
     
 }
 
/*文档中心美化结束*/
/*仿极主题透明导航开始*/
@media (max-width: 768px) {
        #menu_crack span, #menu_crack {
        box-shadow: unset !important;
        font-size: 20px!important;
        color: #666;
        font-weight: 400;
    }
    .b2-menu-3 .sub-menu-0 li:after{
        display:none;
    }
        .b2-menu-3 .sub-menu-0 li {
        padding-top: 10px;
    }
        .top-menu ul li.depth-0.show .sub-menu {
        background: unset;
    }
        .sub-menu #menu_crack {
        justify-content: center;
    }
    #menu_crack {
        padding: 14px 0 !important;
        height: unset !important;
    }
        .top-menu-ul>li.depth-0 > a i.b2-arrow-down-s-line {
        right: 15px !important;
        top: 12px !important;
        padding: 8px !important;
        background: #999 !important;
        border-radius: var(--b2radius) !important;
        line-height: 20px !important;
        color: #fff !important;
    }
        .macfk .menu-center .mobile-box .top-menu ul li a {
        padding: 1.5rem 0;
        background: #f0f2f7;
        background: linear-gradient(180deg, #f0f2f7, #fff);
        border: 2px solid #fff;
        box-shadow: 6px 6px 15px 0 rgb(136 167 225 / 10%), -6px -6px 15px 0 #fff;
        border-radius: 12px;
        overflow: hidden;
        height: 57px !important;
        line-height: 32px !important;
    }
      
     .macfk .menu-center .top-menu ul li.depth-0 > a {
        text-align: center;
    }


 
    #menu_crack span, #menu_crack {
        box-shadow: unset !important;
        font-size: 20px;
        color: #666;
        font-weight: 400;
    }
        #menu_crack span, #menu_crack {
        box-shadow: unset !important;
        font-size: 20px;
        color: #666;
        font-weight: 400;
    }
        #mobile-menu .logo {
        display: none;
    }
    #mobile-menu .header-tools {
        background: unset !important;
        justify-content: center;
    }
    .macfk .menu-center .header-tools {
        margin-left: 0;
        padding-left: 66px;
    }
    #mobile-menu .close-button {
                margin-top: 10px;
        font-size: 30px;
        position: relative !important;
        width: 34px;
        height: 34px;
        border: 2px solid #fff;
        border-radius: var(--b2radius);
        color: #80848c;
        background: linear-gradient(180deg, #f0f2f7, #fff) !important;
    }
    .logo img {
        margin-top: 7px;
        height: 30px;
    }
    .menu-icon{
                top: 18px;
    }
    .change-theme{
        margin: 0 5px;
    }
    
    #jitheme_header_top02 .header, #jitheme_header_top02 .header .wrapper {
    
    background: #fff;
}
    
}
.site.macfk.action .site-header-in {
    position: fixed;
    top: 0;
}
@media screen and (min-width: 768px) {
      .site.macfk.action .header {
         background: rgba(255, 255, 255, 0.8);
        backdrop-filter: saturate(5) blur(20px);
    }
    
      .home .site.macfk.action .top-menu ul li.depth-0>a {
        font-size: 16px;
        color: #000;
    }
      .home .site.macfk.action .menu-center .change-theme .b2font, .home .site.macfk.action .menu-center  .top-search  .b2font{
    color:#000!important;
    font-size:22px;
}
}
.top-search {
     
    margin-top: 5px;
}
.header-user{
   
}
.top-user-info{
        margin-top: 9px;
}
@media (max-width: 768px) {
    .comments-area-content .comment-list>li{
        padding:0!important;
    }
    
    .top-search{
        margin-right: -18px;
    }
    .login-button .b2-account-circle-line {
        line-height:unset!important;
    }
.change-theme {
  
    margin: 12px 5px!important;
}
}
@media (min-width: 768px) {
.change-theme {
  
    margin: 12px 15px!important;
}
}
#jitheme_header_top02 .menu-center .header-user {
    width: auto;
}

#jitheme_header_top02 .menu-center .header-user {
    display: flex;
}
#jitheme_header_top02  .menu-center .search-button-action {
    
    right: 0;
}
@media screen and (min-width: 768px) {
    .home .header {
        background: unset ;
    }
    .home #jitheme_header_top02 .menu-center .change-theme  .b2font,.home #jitheme_header_top02 .menu-center  .top-search  .b2font{
    color:#fff;
    font-size:22px;
}
}
i.b2-vrenzhengguanli{
    font-size:17px!important;
}
#jitheme_header_top02 .menu-center .b2font{
    
    font-size:22px;
}
#jitheme_header_top02 .top-menu ul li.depth-0>a {
    font-size: 1rem;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 70px;
    padding: 0 12px;
}
@media screen and (min-width: 769px) {
    .home .top-menu ul li.depth-0>a {
        font-size: 16px;
        color: #fff;
    }
}
#jitheme_header_top02 .onecad_search_box {
    position: absolute;
    backdrop-filter: blur(5px);
    z-index: 9;
    top: 0;
    display: none;
    width: 100%;
}
#jitheme_header_top02 .header-banner {
    display: none !important;
}
.home #jitheme_header_top02.mg-b {
    margin-bottom: 0;
}
#jitheme_header_top02 {
    height: 70px;
}
#jitheme_header_top02 .header, #jitheme_header_top02 .header .wrapper {
    height: 70px;
}
/*仿极主题透明导航结束*/




/*用户中心美化开始*/
 
 
.flex-item {
    flex: 1;
}

#author .user-panel .lv-icon{
    font-size:18px!important;
}

@media (max-width: 768px) {
     
    .a-item-icon{
  
    top: calc(50% - 1rem)!important;
}


     .mo-d {
        flex-direction: column;
    }
    .i-header-left {
        margin-bottom: 4rem;
    }

    .user-panel {
        padding: 0 12px 12px!important;
        margin-top: -24px!important;
    }

.a-icon .user-item-count span{
    font-size:20px!important;
}



}
.macfk-author .author-header{
    overflow: visible;
}
.macfk-author .user-panel{
    margin-top: 0;
    align-items: center;
    padding:0 1.5rem;
}

.macfk-author h1.a-title{
    font-size: 2rem;
    margin-bottom: .75rem;
}

.macfk-author .user-panel .avatar:hover .editor-avatar{
    border-radius: 50%;
    text-align: center;
}

.macfk-author .user-panel h1{
    margin-left:.75rem;
    font-size: 1.125rem;
    color: rgb(32, 35, 43);
}


#userDisplayName{
    font-size: 1.5rem;
}

.a-loginout i{
    font-size: 1.5rem;
}

 

.macfk-author #author-post-list .single-header-left h1{
    font-size: 1.35rem;
}



.macfk-author .mask-wrapper{ 
    width: calc(100% - 3rem); 
    height: 90px;
    margin-top: -2rem;
    padding-top: 0;
    bottom: -45px;
    left: 1.5rem;
    padding: 0 1.5rem;
    border-radius: 0.75rem; 
    align-items: center;
}

.macfk-author .mask-wrapper p{
    display: inline-block;
    line-height: 50px;
    color: #fff;
}

.mask-wrapper .d-flex{
    align-items: center;
}

.macfk-author .user-panel .avatar{
      min-width: 80px;
    min-height: 80px; 
    width: 80px;
    height: 80px; 
    border-radius: 50%;
}

 

 
.a-item-icon{
    position: absolute;
    width: 5rem;
    height: 5rem;
    right: 0;
    top: calc(50% - 2.5rem);
}


.a-icon{
    padding: 1.5rem;
    height: 112px;
    position: relative;
}

.a-icon .user-item-name{
    font-size: 16px;
    color: rgb(128, 132, 140);
}

.a-icon .user-item-count span{
    font-size: 2.5rem;
    padding: 0;
   overflow: hidden;
    white-space: nowrap;
}

.i-header-left{
    height: 180px;
    padding-top: 2rem;
}


.mask-wrapper img{
   
    width: 50px;
   
    vertical-align: bottom;
    height: 50px;
}

.mask-wrapper:after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -14px;
    height: 14px;
    border-radius: 0 0 12px 12px;
    background-color: rgb(34 34 34 / 10%);
    z-index: 1;
}
/*用户中心美化结束*/
/*评论uid美化开始*/
.post-type-archive-document #jitheme_header_top02 .menu-center .b2font{
    
    color:#000;
}
@media (max-width: 768px){
    
    
  .post-type-archive-document  #jitheme_header_top02 .menu-center .b2font {
   
    color: #000 !important;
}
    .post-style-2 .change-theme>div a{
        color:#000;
    }
    .bili-dyn-item__ornament{
        display:none;
    }
}
.comment-floor,.comment-item-hidden{
    margin-right:10px;
}
.comment .comment-item{
    padding: 20px 0 20px 62px;
}
.comment .gravatar{
    left:10px;
}
.bili-dyn-item__ornament {
    margin-right:10px;
    position: sticky;
    right: 48px;
    top: 18px;
    
    float: right;
}
.bili-dyn-ornament__type--3 {
    height: 44px;
    width: 146px;
}
.bili-dyn-ornament img {
    height: 100%;
    width: 100%;
}
.bili-dyn-ornament__type--3 span {
    font-family: num !important;
    font-size: 13px;
    font-weight:600;
    position: absolute;
    right: 50px;
    top: 15px;
    
}
 
/*评论uid美化结束*/
.credit-top-info-left p {
     
    opacity: 1!important;
}
.download-current span {
   
    margin: 0;
}
/*网址导航美化开始*/



.bar-box i.icon-firm_auth{
    position:relative;
    right:-3px;
}


@media screen and (max-width: 768px) {
    .comment .comment-item {
    padding: 15px 0 10px 52px;
}
     
}
/*网址导航美化结束*/
/*文章第六种样式美化开始*/
@media (max-width: 768px){
    .ava-left,.post-style-6 .hot_num_pos{
        display:none!important;
    }
    .post-6-jiehsao .info6fwq {
        display:block!important;
    }
   .hh-title .post-meta-row,.hh-title h1 {
        margin-bottom:0px!important;
    }
    
}
.ava-ava {
    display: flex;
}
.ava-left {
    display: block;
    width: 120px;
    margin-right: 24px;
    height: 91px;
}
.post-tags-meat a{
    border:0px!important;
    
}
.ava-left img {
    border-radius: 0.5rem;
    border: 1px solid #eee;
    position: relative;
    width:100%;
    height: 100%;
}
.hh-title {
    width:100%;
    
    position: relative;
}
.hh-title h1 {
    font-size: 22px;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 36px;
    line-height: 36px;
    margin-bottom: 12px;
}
.post-style-6 .hot_num_pos {
    color:var(--b2color);
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100px;
    height: 42px;
    line-height: 42px;
    text-align: right;
    opacity: 0.5;
    font-family: num;
    font-size: 28px;
}
.post-style-6 .hot_num_pos i {
    font-size: 32px;
}
.post-meta-row {
    display: flex;
    justify-content: space-between;
}
.sucai-jianjie li {
    display: flex;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-right: 0;
}
.sucai-jianjie li {
    display: flex;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-right: 0;
}
.hh_single_tags {
    margin: 0;
    top: 0;
    width: auto;
    overflow: hidden;
    height: 30px;
}
.hh_single_tags li {
    margin: 0;
    border-radius: 0.42857143em;
}

.sucai-jianjie li {
    display: flex;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-right: 0;
}
.hh_single_tags a {
    padding: 10px 8px;
    border-radius: 0.42857143em;
    margin-top: 0;
    background-color: #f2f3f5;
    color: #4E5969;
}
.post-6-jiehsao {
    padding: 12px;
    background: #f9f9f9;
    margin: 16px 0;
    border-radius: 0.42857143em;
    margin-bottom: 24px;
    color: #4E5969;
}
.post-6-jiehsao .info6fwq {
    display: grid;
    list-style: none;
    grid-template-columns: 50% 50%;
}
.post-6-jiehsao .info6fwq li {
    width: 100%;
    padding: 8px;
    height: 35px;
    font-size: 0.8125rem;
}

.sucai-jianjie li {
    display: flex;
    height: 30px;
    line-height: 30px;
    align-items: center;
    margin-right: 0;
}
.post-6-jiehsao .info6fwq li i {
     
    margin-right: 8px;
}

.post-6-jiehsao .info6fwq li i {
    color: var(--b2color);
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 5px 0;
}
.post-6-jiehsao .info6fwq li span {
    font-size: 0.8125rem;
    font-weight: 400;
   
     text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
}
.post-6-jiehsao .info6fwq li b {
    font-size: 0.8125rem;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    height: 30px;
    width: 290px;
}




/*文章第六种样式美化开始*/






/*自定义广告位美化开始*/
.hover-zoom-img img{
    border-radius:10px;
}
.gutters-5{
    display:flex;
    flex-flow:row wrap;
        padding: 5px;
}

.gutters-5>* {
    padding: 5px;
}
@media (min-width: 768px) {
     .post-style-2 .header .top-style{
        background:unset!important;
    }
    .col-sm-2 {
        width: 50%;
    }
}
@media (max-width: 768px) {
    .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{
     margin:20px auto;
    text-align: center;
}
.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: #fff6f0;
        padding: 2px 10px 2px 10px;
    border-radius: 6px;
    background:var(--b2color);
    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;
    padding: 5px;
}
.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;
}
/*自定义广告位美化结束*/






/*文章页面文字美化结束*/
.has_children .sub-menu a {
    
    padding: 10px 5px 10px 25px;
}
.b2-menu-3 .sub-menu-0 li:after {
    content: '';
    position: absolute;
     top: 50%;
  transform: translateY(-50%);
    left: 10px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #fc6976;
}
.b2-menu-3 .sub-menu-0>li:nth-child(2):after {
    background: #32dd1c;
}
.b2-menu-3 .sub-menu-0>li:nth-child(3):after {
    background: #90c2ff;
}
.b2-menu-3 .sub-menu-0>li:nth-child(4):after {
    background: #dd88f9;
}
.b2-menu-3 .sub-menu-0>li:nth-child(5):after {
    background: #f7913c;
}
.b2-menu-3 .sub-menu-0>li:nth-child(6):after {
    background: #ffc1c1;
}
.b2-menu-3 .sub-menu-0>li:nth-child(7):after {
    background: #4fba9c;
}
.b2-menu-3 .sub-menu-0>li:nth-child(8):after {
    background: #69abd9;
}

.picked.post-load-button span {
    color: #fff;
    background-color: var(--b2color) !important;
     
}
.post-list-cats a span {
    position: relative;
    padding: 0 16px;
    display: block;
    border-radius: var(--b2radius);
    color: #8590A6;
    background-color: #fff;
    height: 32px;
    line-height: 32px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

/*小工具下载模块美化开始*/
.w-d-meta span:last-child{
     white-space: nowrap; /* 保证文字在一行内显示 */
  overflow: hidden; /* 隐藏溢出容器的文字 */
  text-overflow: ellipsis; 
}
.w-d-meta span:first-child {
 flex-shrink:0;
}
.w-d-meta p {
   
    position: relative;
    display: flex;
    align-items: center;
    line-height: 28px;
}
.w-d-meta p:before {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    background: var(--b2color);
    border-radius:100%;
    position: relative;
    margin-right: 8px;
    opacity: 0.65;
}
.jitheme-widget-down .w-d-meta:empty{
    display:none;
}
.jitheme-widget-down .downloadurl {
    font-size: 18px;
    padding: 0 16px 16px 0;
    border-bottom: 1px dashed #e2e3e4;
    font-weight: 600;
    line-height: 1;
    width: 100%;
    display: flex;
}
.jitheme-widget-down .downloadurl:before {
    content: '';
    position: absolute;
    background: #f7f9fa;
    width: 20px;
    height: 20px;
    top: 25px;
    left: -30px;
    border-radius: 50%;
}
.jitheme-widget-down .downloadurl i {
    color: #ff6600;
    font-size: 18px;
    margin-right: 8px;
    transform: translateY(1px);
}
.jitheme-widget-down .downloadurl:after {
    content: '';
    position: absolute;
    background: #f7f9fa;
    width: 20px;
    height: 20px;
    top: 25px;
    right: -30px;
    border-radius: 50%;
}
.jitheme-widget-down .cosbtn {
    font-size: 12px;
    padding-top: 20px;
    display: flex;
    margin-bottom: 20px;
    flex-direction: row;
    justify-content: space-between;
}
.jitheme-widget-down .cosbtn a {
    color: #626f86;
}
.jitheme-widget-down .cosbtn a i {
    font-size: 14px !important;
    margin-right: 3px;
    line-height: 1;
}
.jitheme-widget-down .cosbtn .desc {
    position: relative;
    cursor: pointer;
}
.jitheme-widget-down .cosbtn .desc span {
    color: #626f86;
    font-size: 12px;
}
.jitheme-widget-down .cosbtn .desc span i {
    font-size: 14px !important;
    margin-right: 3px;
    line-height: 1;
}
.jitheme-widget-down .cosbtn .desc .banquan {
    display: none;
    position: absolute;
    padding-top: 20px;
    top: 8px;
    right: 0;
    z-index: 10;
}
.jitheme-widget-down .cosbtn .desc:hover .banquan {
    display: block
}
.jitheme-widget-down .cosbtn .desc .banquan .boxtitle {
    width: 300px;
    height: 100%;
    padding: 20px;
    display: block;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 0px 16px 1px rgba(0,0,0,.1);
    line-height: 1.5;
    color: #626f86;
}
.jitheme-widget-down .cosbtn .desc .banquan .boxtitle span {
    text-align: center;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}
.jitheme-widget-down .w-d-meta {
    background-color: rgba(87, 165, 255, .15);
    padding:10px;
}
.w-d-meta {
    font-size: .75rem;
}
.jitheme-widget-down .w-d-role {
    padding: 0 12px;
    background: #fff9e4;
    color: var(--key-color);
    border: 2px dashed #ffdd65;
}
.w-d-role>div {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 0;
}
.w-d-role>div span:last-child {
    font-size: 12px;
    color: #797c80;
    font-weight: 400;
    cursor: pointer;
}
.jitheme-widget-down .jitheme-down-user {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.jitheme-widget-down .jitheme-down-qx span {
    color: #FF3355 !important;
}
.jitheme-widget-down .jitheme-down-qx span {
    color: #FF3355 !important;
}
.w-d-download {
    margin-top: 16px;
}
.w-d-download span {
    display: block;
}
  .w-d-download span button {
    vertical-align: middle;
    text-align: center;
}

.w-d-download span:nth-child(odd) button {
    background-color: #ff6600;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    color: #fff !important;
}
.w-d-download span:nth-child(even) button {
    background-color: #0693e3;
    font-weight: 400;
    text-align: center;
    font-size: 14px;
    color: #fff !important;
}

/*小工具下载模块美化结束*/







.post-1 .b2_gap>li .item-in,.post-1 .shop-list-item,.post-1 .shop-normal-item-in,.post-1 .user-search-list li > div,.post-1 .home-collection .home-collection-content,.post-1 .post-3.post-3-li-dubble .b2_gap>li .item-in{
        padding: 13px 13px 13px 13px;
    border-radius: var(--b2radius);
    -webkit-transition: all .2s;
    transition: all .2s;
    box-shadow: none;

}
.post-module-thumb{
    position: relative;
    
    overflow: hidden;
    border-radius: var(--b2radius);
}
  .current-menu-item .hob,.top-menu ul li.depth-0 > a .hob{
      display:none;
  }
 .current-menu-item span{
     color:var(--b2color);
 }
 
.post-6 .post-list-cats a span{
    background-color:#fff!important;
}
 
.micnt-minds img{
    width:100%;
    height:100%;
}

.post-6 .post-modules-top{
    padding:unset!important;
     
    margin:0px 0px 16px 0px!important ;
    
}

 
.user-cover img{
    height:100%;
    width:100%;
}
.author-tag .tag-view {
  margin-left:2px;
  margin-right:2px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 400;
        color: #ff5473;
    background: rgba(255, 84, 115, 0.1);
    
   
    border-radius:4px;
}
.author-tag .tag-follow {
   margin-left:2px;
  margin-right:2px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 400;
        color: #ff6f06;
    background: rgba(255, 111, 6, 0.1);
    
  
    border-radius:4px;
}
.author-tag .tag-comment {
    margin-left:2px;
  margin-right:2px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 400;
        color: #18a52a;
    background: rgba(18, 185, 40, 0.1);
  
    border-radius:4px;
}
.item-author .lv-icon{
    margin-right:0px!important;
}
.user-w-name h2 ,.author-name a {
    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);
    margin-top:3px;
}
@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);
    }
}
.author-tag .tag-posts {
    
    margin-left:2px;
  margin-right:2px;
    padding: 3px 5px;
    font-size: 12px;
    font-weight: 400;
        color: #2997f7;
    background: rgba(41, 151, 247, 0.1);
    border-radius:4px;
}
.widgetinfo{
    justify-content: center;
}
.widgetinfo .user-w-name{
    margin-left:0px!important;
}
.widgetinfo .user-w-name a{
    justify-content: center;
}
.author-tag{
    margin:10px auto;
     justify-content: center;
     display:flex;
}
.no-socialgg{
       justify-content: center;
       display:flex;
       margin:20px auto;
}
 .user-info-gg{
  
    justify-content: center;
}
.user-card .user-cover {
    border-radius: var(--b2radius) var(--b2radius) 0 0;
}
@media (min-width:768px) {
.graphicadd {
    text-shadow: 0 0 5px rgba(0,0,0,.2);
   height:50px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-size: 100% 50px;
    padding: 0;
    
    
}
}
@media (max-width:768px) {
.graphicadd {
    text-shadow: 0 0 5px rgba(0,0,0,.2);
   height:40px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background-size: 100% 40px;
    padding: 0;
    
    
}
}
@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;
    
    
}
}
.graphic, .page-cover {
    text-shadow: 0 0 5px rgba(0,0,0,.2);
   height:120px;
    color: #fff;
    position: relative;
    overflow: hidden;
    
    padding: 0;
    
    
}
.social_loginbar {
    text-align: center;
        margin-bottom: 20px;
             display: flex;
    flex-wrap: wrap;
    padding:0px 10px;
    justify-content: center;
}

.social-login-item:first-child {
    background: #1296db;
    
    color:#fff;
    padding:6px 30px;
     border-radius:20px;
     margin:0px 5px;
     margin-bottom:10px;
  }
      
  .social-login-item:nth-child(2) {
    background: #24b76a;
   
     
     color:#fff;
     padding:6px 30px;
     border-radius:20px;
        margin:0px 5px;
          margin-bottom:10px;
  }
   .social-login-item:nth-child(n+3) {
    background: #666666;
     margin-bottom:10px;
     color:#fff;
     padding:6px 30px;
     border-radius:20px;
        margin:0px 5px;
  }
.separator::after, .separator::before {
    content: '';
    background: rgba(50, 50, 50, 0.06);
    max-width: 20%;
    height: 1px;
    margin: 0 30px;
    flex: 1;
}

.social-separator {
    padding: 10px 0;
}
.separator {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mt20 {
    margin-top: 20px;
}
.mb20, .theme-box {
    margin-bottom: 20px;
}
.em09 {
    font-size: .9em;
}
.muted-3-color {
    color: #b1b1b1;
}


.no-socialgg .b2font{
    font-size:14px;
}
.avatar-img img{
    border-radius:100%;
}
.user-w-tj{
    box-shadow: none!important;
}
.muted-2-color {
    color: #999;
    text-align:center;
    margin:10px auto;
    padding:0px 20px;
}
.no-socialgg .hello1{
      border:0px!important;
    background: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%);
    padding:4px 10px;
    font-size:14px;
    border-radius: 4px;
    margin:0px 12px;
     color:#fff;
}
.no-socialgg .hello2{
        border:0px!important;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
     padding:4px 10px;
       font-size:14px;
       border-radius: 4px;
         margin:0px 12px;
         color:#fff;
}
.no-socialgg button:first-child {
    border:0px!important;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    padding:8px 30px;
    font-size:14px;
    margin:0px 5px;
}
.no-socialgg button:last-child {
    border:0px!important;
    background: linear-gradient(135deg, #f59f54 10%, #ff6922 100%);
     padding:8px 30px;
       font-size:14px;
        margin:0px 5px;
}
.dlcolor.em12 {
    padding: 15px;
 

 
    font-size: 16px;
 
    color: #777;
}
.card-content{
     margin-top: -45px;
     text-align:center;
}
.avatar-img, .avatar-lg, .avatar-mini, .square-box {
    position: relative;
    display: inline-block;
    flex-shrink: 0;
   
    width: 80px;
    height: 80px;
}
 


#kxjj ul li{
    padding:10px 16px;
}
.widget-btns{
    text-align:center;
    padding:10px 10px;
    
     
}
.widget-btns:hover .btn{
    background:var(--b2color)!important;
    color:#fff!important;
}
.widget-btns .btn {
    font-size:12px;
   background: #eeeeee;
   line-height:16px;
   padding:12px;
   margin:0px auto;
   border-radius:var(--b2radius);
    color: #888;
    display:block;
    margin-bottom:20px;
}
.widget-newsflashes-box ul::before{
    display:none!important;
}
.widget ul li:hover .news-item-num,.widget ul li:hover .news-item-title{
    color:var(--b2color)!important;
}
 .news-item-wrap {
     
  
    position: relative;
    color: #323232;
}

.news-item-num {
    position: absolute;
    left: 0;
    top: 0px;
     
    font-size: 40px;
    color: #dddddd;
    
    line-height: 1;
    font-family: Impact;
}

 .news-item-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    height: 32px;
    overflow: hidden;
}








/*视频封面开始*/

.mi-videolist .video:hover{display:block}
 
.mi-videolist:hover .video{display:block}
 
 .mi_video video {
   width:100%;
   height:100%;
   object-fit:fill;
    display: none;
}

 
 

.mi_video {
    position: relative;
    width: 100%;
    height: 100%;
  z-index:4;
}
 
.mi-videoitem .post-info .video-time {
    float: left;
    margin-left: 3px;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 26px;
    text-shadow: 0 2px 6px rgba(0,0,0,0.50);
    line-height: 26px;
}
 
 
 
.mi-videolist .videotime {
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    z-index: 3;
    margin: 0;
    opacity: 1;
    -webkit-transition: opacity ease-in-out 280ms;
    -o-transition: opacity ease-in-out 280ms;
    transition: opacity ease-in-out 280ms;
}
.mi-videolist .videotpy {
    padding: 0 5px;
    border-radius: 2px;
    line-height: 18px;
    height: 18px;
    font-size: 12px;
    color: #fff;
    /*background: #f5a623;*/
    border: 1px solid #fff;
    margin: 0 10px 0 0;
    display: none;
}

/*视频封面结束*/






 
 .post-module-thumb i.b2-play-circle-line{
     font-size:50px;
 }



 




 
  .label {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.5rem;
    z-index: 1;
}

.labelup {
    color: #37b6e5;
}
.labelnew {
    color: #f9563d;
}
.label {
    display: flex;
    align-items: center;
    font-size: .6875rem;
    font-weight: 700;
    background-color: rgba(255,255,255,.5);
    text-transform: uppercase;
    line-height: 1rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.75rem;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    pointer-events: none;
}

.labelup::before {
    box-shadow: 0 0.25rem 0.5rem 0 rgba(55,176,229,.3);
}

.label::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    border: 0.25rem solid;
    display: block;
    border-radius: 50%;
    margin-right: 0.25rem;
}

 
 
 
 

@media (max-width:768px) {
    
    
    .download-rights {
     
    padding: 0px 12px 0px 12px;
    
}
    .shop-box-price .spright{
     display:none;   
    }
}

.shop-list-item:hover .shop-box-price .spright{
    
    background:#ff6000;
    color:#fff;
    
    
}
.shop-box-price span:first-child{
 color: #ff6000;
    
}

.shop-box-price.shop-box-credit span:first-child{
 color: #15a811;
    
}

.shop-box-price .spright{
background: rgba(255, 140, 52, 0.1);
    color: #ff6000;
 margin-left: auto;
 padding: 2px 10px;
 font-size:12px;
 border-radius:4px;
}

.shop-box-price .delete-line{
 margin-left:5px;
 margin-top:3px;
}
    
    
    
.shop-box-price{
    height:32px;
    display:flex;
    border:0px!important;
    background:none!important;
}
.shop-list-thumb-in-info img{
    border-radius:var(--b2radius);
}
.mi-trade .b2font{
    font-size:13px!important;
}
.post-6   .mi-trade.td1 {
    background: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
    color:#fff;
}

.post-6   .mi-trade {
    display: inline-block;
     
     padding:0px 3px;
    
    text-align: center;
       color: #71481b;
    background: linear-gradient(90deg, #eacca3, #ebab43);
    border-radius: 4px;
    font-size: 13px;
     
    position: absolute;
    top: 10px;
    left: 10px;
}

.shop-list-item{
    padding:20px;
}
.shop-box-list .b2_gap .shop-list-item:hover{
    box-shadow: 0 0 10px rgba(0, 0, 0, .1); 
}


.shop-list-item h2 {
 
    font-weight:bold;
}


 

.post-6 .post-list-item .item-in .post-info {
     
  transition: opacity 1s ease-in-out;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align:center;
    /* padding-top: 100px; */
    box-sizing: border-box;
    border-radius: 0 0 var(--b2radius) var(--b2radius);
    white-space: nowrap;
    overflow: hidden;
    transition: .3s;
    padding:0px 10px;
     color:#fff;
    
         background: rgba(0, 0, 0, .2);
    
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);
    
    
}
.post-6 .item-post-style-1 .item-in{
    background:unset!important;
}
.post-6.post-list ul.b2_gap {
    display: flex;
    flex-flow: wrap;
    align-items: stretch;
}
 
.post-6 .image-count i.b2-image-fill{
    font-size: 14px;
    padding-right: 5px;
}
.fix-left .fix-item.active .item-title i[data-v-3b17862b], .fix-left .fix-item.active .rank-box[data-v-3b17862b] {
    display: block;
}

img.class-pic {
    width: 100%;
    height:100%;
    border-radius: 8px;
    margin-right: 5px;
}
 
.post-6 .image-count {
    position: absolute;
    height: 24px;
    font-weight: 900;
    line-height: 24px;
    right: 10px;
    top: 9px;
    background: rgba(0, 0, 0, .4);
    border-radius: 12px;
    padding: 0 8px;
    font-size: 12px;
    color: #FFF;
}







.post-6 .b2_gap .item-post-style-1 .item-in,.post-6  .b2_gap .item-post-style-2 .item-in,.post-6  .b2_gap .item-post-style-3 .item-in,.post-6  .b2_gap .item-post-style-4 .item-in {
    padding: unset!important;
    border-radius: 6px;
    -webkit-transition: all .2s;
    transition: all .2s;
    box-shadow: none;
}



@media (min-width:768px) {

.vip-footer{
    margin-top:20px;
}
}



@media (max-width:768px) {

.vip-footer{
    margin-top: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;
}


#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;
}
.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;
}
 
#jitheme_new .news-item h6 {
    font-size: 16px;
    line-height: 22px;
    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;
}
 
.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: 17px;
   width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.red {
    padding: 0px 5px;
    color: #ff3355;
}
/*动态弹幕美化结束*/




.site-terms label{
    color:#999;
}
.site-terms label a,.site-terms label{
    
    font-size:12px;
}



.site-terms{
    background:unset!important;
}
.zib2-login.modal-content {
    width: auto;
}



   


/**用户排行榜开始*/
         .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%;
               
                
                padding:  20px;
                position: relative;
                height: 143px;
                overflow: hidden;
                border-radius: var(--b2radius);
            }

            .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(--b2color);
                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(--b2color);
                position: absolute;
                top: 15.5px;
                right: -9px;
                z-index: 1;
            }

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

            .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 li {
                width: 78px;
                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: 80px;
                height: 80px;
                 
                text-align: center;
                border-radius: 50%;
               
            }

            .hot-top .right .top-ul li a .list-img img {
                vertical-align: middle!important;
                width: 100%;
                height:100%;
            }

          .shop-single-data-price .shop-single-data-value .views,i.b2-blaze-line {
              top: calc(50% - 16px);
              font-size: 32px;
    color: var(--b2color);
          }

            .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%;
            }
.single-newsflashes .post-meta-left .avatar{
    opacity: 1!important;
}
            .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(--b2color);
                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;
}

  /*头像呼吸光环和鼠标悬停旋转放大开始*/
             img.yuan {
                border-radius: 50%;
                animation: light 4s ease-in-out infinite;
                transition: 2s;
                
            }

           

        /*头像呼吸光环和鼠标悬停旋转放大结束*/
            /**用户排行榜结束*/


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

}
 
}
.item-author .ap-item{
    margin:10px auto;
}

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

.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: #fff;
}


.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;
}
@media screen and (min-width: 768px){
    #syphb{
        margin-top:40px
    }
}
@media screen and (max-width: 768px){
    .primary-menus .left-cont button{
        min-width:60px!important;
        width:60px!important;
    }
    #syphb{
        margin-top:0px
    }
.home-authors .item, .home-authors .group-item .item-images .img-item {
   margin-bottom: 20px;
}
}
.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: 20px;
    
}
@media screen and (min-width: 768px){
    .home-authors .author-items,.post-6.post-list .b2_gap {
    
         margin-right: -16px;
    margin-bottom: -16px;
}
    .item-author .item-wrap, .home-authors .item-tobe-author .item-wrap {
        overflow: hidden;
    margin-bottom: 16px;
    margin-right: 16px;
}
    
}
.item-author .item-wrap, .home-authors .item-tobe-author .item-wrap {
    background-color: #fff;
  
    -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-wrap.rqzz-bg-1 {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}

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

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

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

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

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

.item-wrap.rqzz-bg-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;
  
}
 
 
.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: #fff;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    z-index: 1;
}
 
.item-author .author-avatar {
    font-size: 50px;
    top: 15px;
}
.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-avatar img:first-child {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0;
    height: 50px;
    border: 2px solid #ff6000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
}
.item-author .author-name {
    font-size: 20px;
    color:#333;
    margin-bottom: 10px;
    white-space: nowrap;
}
.item-author .author-info {
    font-size: 13px;
    margin-top: 25px;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0px 16px;
    color: #777;
    text-align: center;
    line-height: 30px;
    background: #f5f6f7;
    height: 30px;
    
    overflow: hidden;
}

.item-author .author-name .lv-icon{
    margin-top:4px;
    margin-left: 3px;
}
.item-author .author-name {
          font-size: 15px;
    
    display: flex;
    white-space: nowrap;
    margin-bottom: 10px;
    
}
.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: 12px;
    line-height: 15px;
    height: 20px;
    overflow: hidden;
    font-weight: normal;
    color: #777;
}
.item-author .author-meta span:first-child {
    position: relative;
    margin-right: 5px;
}
 
.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;
    border: 1px #ff6000 solid;
}
.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;
  
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:10px;
    background: #fff;
}
.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-meta a:before{
         content: '#';
    /* top: 2px; */
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-top: -1px;
    margin-right: 5px;
    color: var(--b2color);
    text-align: center;
    float: left;
    background: var(--b2lightcolor);
    border-radius: 50%;
    display: block;
     
     
 }
  
 .post-info span:hover, a.post-list-cat-item:hover{
     
  color:var(--b2color)!important;
 }

 
 
      
}
 
 .post-6 .item-in .post-info h2{
         -webkit-line-clamp: 1!important;
      }
      
.post-6 .post-info h2{
    margin:5px auto;
}
 @media screen and (max-width: 768px){
     .label{
         display:none;
     }
     .post-6 .mi-trade,.post-6 .image-count{
         display:none;
     }
     
     .post-3-li-dubble .item-in .post-info h2{
      font-size:14px!important;   
     }
     .post-6 .post-info h2{
      font-size:13px!important;   
     }
     .post-info h2{
         margin:5px auto;
     }
     .shop-list-item h2{
         font-size:14px!important;
     }
      .post-1 .item-in .post-info h2{
     font-size:14px!important;
     
      }
      
 }
 .post-1 .item-in .post-info h2{
     font-size:18px;
    
     font-weight:bold;
     
 }
.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:70px;
}
 
.ap-item-thumb img{
    height:100%;
    width: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;

    margin-top:10px;
}

.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: #fff ;
    -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,.home-authors .item-tobe-author .item-title .b2font {
      color: #ff6000;
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 600;
}
.home-authors .item-tobe-author .item-title a {
    display: block;
    color: #777;
}
.home-authors .item-tobe-author .item-cont p{ 
    
 margin:20px auto;   
}
.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;
    
    vertical-align:bottom
}
.home-authors .item-tobe-author .item-cont {
    font-size: 16px;
    color: #777;
    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 {
        
    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 {
    
    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;
}
/*仿优设网人气排行首页结束*/










 

/*米图子主题悬浮美化开始*/
.bar-mark{
    top:unset!important;
}
.mi-newtop {
    position: fixed;
    right: 16px;
    bottom: 32px;
    width: 44px;
    z-index: 1;
}


.aside-bar > div > div + div{
    border:0px;
}
.minewtop {
    margin-top: 8px;
    width: 44px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.minewtop-vip {
    width: 44px;
    border: 0;
    color: #fff;
    border-radius: 4px;
    background:var(--b2color);
    font-size: 14px;
    padding: 4px 5px 10px;
    -webkit-box-shadow: 0 4px 8px rgba(248,73,73,0.24);
    box-shadow: 0 4px 8px rgba(248,73,73,0.24);
    cursor: pointer;
}
.minewtop-vip i {
    display: block;
    color: currentColor;
    font-size: 20px;
    margin-bottom: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.minewtop-vip span {
    display: block;
    line-height: 1.3;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.minewtop-vip:hover i {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
    opacity: 0;
}
.minewtop-vip:hover span {
    -webkit-transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    transform: translateY(-14px);
}
.minewtop .minewtop-list {
    display: block;
    text-align: center;
    padding: 0 5px;
    text-decoration: none;
    width: 100%;
    height: 44px;
    font-size: 12px;
    color: #080808;
    border: 0;
    background-color: transparent;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
}
.minewtop .minewtop-list i {
    display: block;
    font-size: 20px;
    height: 44px;
    line-height: 40px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.minewtop .minewtop-list span {
    display: block;
    font-size: 12px;
    height: 44px;
    line-height: 1.3;
    padding-top: 6px;
    -webkit-transform: translate(0, -38px);
    -ms-transform: translate(0, -38px);
    transform: translate(0, -38px);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.minewtop .minewtop-list:hover span {
    -webkit-transform: translate(0, -45px);
    -ms-transform: translate(0, -45px);
    transform: translate(0, -45px);
    opacity: 1;
}
.minewtop .minewtop-list:hover i {
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    opacity: 0;
}
/*米图子主题悬浮美化结束*/

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


/*文章列表页美化开始*/
@media (max-width:768px) {
    
     .post-info .post-excerpt {
        padding:5px 5px!important;
    }
    
    
   
    
      .post-excerpt {
          font-size:12px!important;
      }
}
.post-info .post-excerpt p {
    -webkit-line-clamp: 2;
    overflow: hidden;
    
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
 
  .post-excerpt {
    
    background: var(--main-shadow);
    
    font-size: 14px;
   
}
.b2-single-content .post-info .post-list-cat-item:before{
      margin-top: 1px!important;
}
.post-info .post-list-cat-item:before {
    content: '#';
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    margin-right: 5px;
    color: var(--b2color);
    text-align: center;
    float: left;
    background: var(--b2lightcolor);
    border-radius: 50%;
    display: block;
    /* position: absolute; */
    left: 0;
}
.b2_gap .item-post-style-1 .item-in,.b2_gap .item-post-style-5 .item-in, .b2_gap .item-post-style-2 .item-in, .b2_gap .item-post-style-3 .item-in, .b2_gap .item-post-style-4 .item-in {
    padding: 13px 13px 13px 13px;
    border-radius: var(--b2radius);
    -webkit-transition: all .2s;
    transition: all .2s;
    box-shadow: none;
}
 
.b2_gap .item-post-style-1 .post-module-thumb,.b2_gap .item-post-style-5 .post-module-thumb,.b2_gap .item-post-style-5 .post-module-thumb, .b2_gap .item-post-style-2 .post-module-thumb, .b2_gap .item-post-style-3 .post-module-thumb, .b2_gap .item-post-style-4 .post-module-thumb {
    position: relative;
    height: 0;
    overflow: hidden;
    border-radius: var(--b2radius);
}
 .post-info .post-excerpt  {
    background-color: #fafafa;
    border-radius: var(--b2radius);
    -webkit-transition: all .2s;
    transition: all .2s;
    
    padding: 16px 20px;
}
.item-post-style-1 .post-info .post-excerpt .mides,.item-post-style-5 .post-info .post-excerpt .mides, .item-post-style-2 .post-info .post-excerpt .mides, .item-post-style-3 .post-info .post-excerpt .mides, .item-post-style-4 .post-info .post-excerpt .mides {
    line-height: 25px;
    font-size: 14px;
    height: 50px;
    -webkit-line-clamp: 2;
    color: #8a8a8a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
.item-post-style-1:hover .post-module-thumb img, .item-post-style-5:hover .post-module-thumb img,.item-post-style-2:hover .post-module-thumb img, .item-post-style-3:hover .post-module-thumb img, .item-post-style-4:hover .post-module-thumb img {
    transform: scale(1.05);
}
.item-post-style-1 .post-module-thumb img,.item-post-style-5 .post-module-thumb img, .item-post-style-2 .post-module-thumb img, .item-post-style-3 .post-module-thumb img, .item-post-style-4 .post-module-thumb img {
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*角标*/
.tipss {
    display: block;
}
.mi-tips1 {
     background-color: #11d9aa;
        
}
.mi-tips2{
    background-color: #21a7d3;
}
.mi-tips3{
         background-color: #b118ff;

}
.mi-tips4{

   background-color: #ff7819;
}
.mi-tips5 {
   background-color: #ff1883;
}
.mi-tips6{
    background-color: #ff1818;
}
  /*角标款式*/
    .tipss {
    position: relative;
    top: -20px;
    left: 0;
    z-index: 1;
    width: 60px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    font-size: 13px;
}
.post-module-thumb .mi-views {
    background-color: rgba(0,0,0,0.7);
    border-top-right-radius: 6px;
    padding: 0 10px 0 10px;
    margin-top: -40px;
    margin-left: 60px;
    position: absolute;
    color: #fff;
    line-height: 20px;
    height: 20px;
    text-align: center;
    font-size: 13px;
}
.post-module-thumb .mi-views-1 .mi-views-eye {
    font-size: 13px;
    padding: 0 6px 0 0;
}
.post-module-thumb .mi-views .mi-views-eye-s {
    font-size: 14px;
    padding: 0 6px 0 0;
}
.post-module-thumb .mi-views-1 {
    background-color: rgba(0,0,0,0.7);
    border-top-right-radius: 6px;
    padding: 0 10px 0 10px;
    margin-top: -19px;
    margin-left: 0;
    position: absolute;
    color: #fff;
    line-height: 21px;
    text-align: center;
    font-size: 13px;
}
/*分类角标开始*/
  .post-3-li .item-in{
  
      background:none;
  }
 
 
/*分类角标结束*/
/*列表优化*/
.post-module-thumb a.thumb-link,.shop-normal-item-img a.link-block,.shop-cats-in{
	transition: 0.9s ease-out all;
}
/*.post-module-thumb a.thumb-link:hover::after,.shop-normal-item-img a.link-block:hover::after,.shop-cats-in:hover::after {
	opacity:0.8;
	-webkit-transform:scale(1);
	transform:scale(1);
}*/

.post-module-thumb a.thumb-link::before,.shop-normal-item-img a.link-block::before,.shop-cats-in::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0);
	transition:background 0.3s ease-out;
	z-index:2;
}
.mi-video a.thumb-link:hover::after{
	display: none;
	opacity: 0;
}
.video-role-info button, .video-role-info a.button {
    color: #623A0C!important;
    text-align: center;
    background-image: linear-gradient(-135deg, #FBE8A8 0%, #F8E7AC 15%, #E2C078 100%);
    border: 0;
    transition: none!important;
    height: 37px;
    border-radius: 3px;
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
}
 
.item-post-style-3 a.post-list-cat-item {
        background:  var(--b2color);
    color: #fff!important;
    padding: 4px;
    line-height: 12px;
}
.item-post-style-3 .list-footer {
    /* border-top: 0; */
}
 
.item-in.item-author .item-bg .thumb-i {
background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
}
.thumb-1 {
background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
}
.thumb-2 {
background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}
.thumb-3 {
background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);
}
.thumb-4 {
background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);
}
.thumb-5 {
background-image: linear-gradient(to right, #f83600 0%, #f9d423 100%);
}
.thumb-6 {
background-image: linear-gradient(-20deg, #b721ff 0%, #21d4fd 100%);
}
.thumb-7 {
background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
}
.thumb-8 {
background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
}
.thumb-9 {
background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
}
.thumb-10 {
background-image: linear-gradient(-225deg, #9EFBD3 0%, #57E9F2 48%, #45D4FB 100%);
}

/*.picture img:hover{
-webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}*/
 
.post-3-li-dubble .item-in .post-info h2{
    
    font-weight: bold;
    margin: 16px 0 16px;
    line-height: 25px;
    margin-bottom:5px;
    font-size: 18px;
    margin-left: 0;
    margin-top: 0;
}

.post-excerpt {
     
    margin: 0px auto;
   
}
.item-post-style-3 .list-footer {
  /* margin: -10px; */
  /* padding: 10px; */
}
.item-post-style-3 .post-info {
    /* margin: -10px -15px -15px -15px; */
    /* padding: 10px; */
}
/*文章列表页美化结束*/

















/*头部导航和大图海报美化开始*/
badge .b2font{
    font-size:.9em!important;
}
badge {
    font-size: .8em;
    line-height: 1.2;
    padding: 0.1em 0.4em;
    min-width: 0.8em;
    min-height: 0.8em;
    display: inline-block;
    vertical-align: center;
    border-radius: 50px;
    font-weight:400!important;
   
    
    
    text-align: center;
    
    z-index: 1;
}
.badgeml6 {
    margin-left:6px;
   padding-left:10px;
   
}
.jb-vip1{
    background: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
    color: #866127;
}

.jb-vip2  {
    background: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);
color: #ddd;

}

.jb-red {
    background:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);;
     color: #fff;
}
.jb-blue {
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
     color: #fff;
}
 
.home .scrolled .search-button-action i{
    color:#000;
}
.home #micnt_search_btnb.micnt_search_btn i {
    font-size: 30px;
    font-weight: 500;
    color: #fff;
    top: 2px;
    position: absolute;
    margin-left: -20px;
}
.micnt-vipscol .nav-drop-box .nav-drop-title, .micnt-vipscol .nav-drop-box .nav-drop-desc {
    color: #663f32;
}
.site-header-in .header-login-button button.mobile-hidden {
    color: #ffffff!important;
    background: var(--b2color)!important;
    border:0px!important;
}

.micnt-vipscol {
    position: relative;
    padding: 5px 20px 20px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    backdrop-filter: blur(10px);
    align-items: center;
    border-radius: 10px;
    box-shadow: 0px 5px 40px 0px rgba(17,58,93,.1);
    background: linear-gradient(180deg,#f9af98,#ffffff 29.52%);
}
.change-theme>a {
    background: linear-gradient(90deg,#ff5700 40%,#ffc369 169.44%);
    color: #ffffff;
}
 
.menu-item-has-children{
    font-family: "b2font" !important;
    font-size: 25px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.logo-top .sub-menu {
    top: 58px;
}
 
.micnt_search .b2-radius{
    border-radius: 16px;
}
.user-ti{    padding: 0 0 0 15px;}
/*首页快速导航*/
.sort {
    position: relative;
    z-index: 1;
    padding: 26px;
    background:var(--main-bg-color);
    box-shadow: 0 40px 75px 0 rgba(57,60,67,.08);
}
.sort-config {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sort-config-item a{
    color:var(--key-color);
}
.main {
    width: 1410px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.sort-config>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}
.ibanner-tips-float {
    position: absolute;
    top: -70px;
    left: 1096px;
    z-index: 24;
}
.quk_img{
	width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 0px;
    margin-right: 16px;
}
.sort-config-item {
display: flex;
    height: 100%;
}
.sort-config-item img {
    height: 50px; 
    width: 50px;
    text-align: center;
    margin-right: 12px;
}
.item-ico {
    float: left;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: var(--body-bg-color);
    margin-right: 16px;
}
.sort-config-item:hover .item-ico,.sort-config :hover .quk_img {
    background-color:var(--b2color);
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-item:hover .item-ico i {
    color:#fff;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config :hover .sort-config-title {
    color:var(--b2color);
}
.item-ico i {
    font-size: 30px;
    line-height: 30px;
}
.sort-config-title {
    line-height: 34px;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-desc {
    float: left;
    line-height: 22px;
    font-size: 14px;
    color: #8e8e8e;
}
.sort-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin-top: 35px;
}
.sort-blocks-item {
    position: relative;
    overflow: hidden;
    width: 214px;
    height: 100%;
    background: #f7f9fa;
    border-radius: 14px;
}
.sort-blocks-item .blocks-item-wrap {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: none;
    filter: none;
}
.sort-blocks-icon {
    display: block;
    width: 60px;
    height: 47px;
    margin: 18px auto 15px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sort-blocks-title {
    line-height: 22px;
    font-size: 22px;
    font-weight: 600;
    color: #2d2d2d;
    letter-spacing: 1px;
    text-align: center;
}
.sort-mine-wrap img {
    display: flex;
    width: auto;
}
.sort-config-title .go {
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    font-weight: normal;
    padding: 2px 5px;
    position: absolute;
    line-height: 15px;
    margin-left: 5px;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 7px;
}
.sort-blocks-item .blocks-hover, .sort-blocks-item .blocks-hover-title {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 22px;
}
.sort-blocks-item .blocks-hover {
    left: 0;
    height: 100%;
    padding-top: 22px;
    font-size: 14px;
    background: rgba(0,0,0,.4);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.sort-blocks-item .blocks-hover-tit {
    line-height: 18px;
    font-size: 18px;
}
.sort-blocks-item .blocks-hover-line {
    width: 158px;
    height: 1px;
    margin: 12px auto 8px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(30%,hsla(0,0%,100%,.7)),color-stop(70%,hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.1)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 30%,hsla(0,0%,100%,.7) 70%,hsla(0,0%,100%,.1));
}
.srot-mine {
    position: relative;
    width: 376px;
    background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
    /*background: -webkit-gradient(linear,left top,right top,from(#fdf8eb),to(#feeec3));*/
    /*background: linear-gradient(90deg,#fdf8eb,#feeec3);*/
    height: 180px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
}
.srot-mine-bg {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 118px;
    height: 78px;
   
    background-size: cover;
}
.sort-mine-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 12px 16px 15px;
}
.srot-mine-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
}
.srot-mine-ava {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.srot-mine-tit>span {
    margin-left: 9px;
    font-size: 15px;
    font-weight: 600;
    color: #613c14;
}
.srot-mine-vips {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 337px;
    margin: 15px 0px 5px;
}
.sort-vips-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
.sort-vips-icon {
    display: block;
    width: 32px;
    height: 36px;
    margin: 0 auto;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 30px;
}
.sort-vips-tit {
    margin: 15px 0px;
    line-height: 12px;
    font-size: 13px;
    color: #613c14;
    margin-left: 10px;
}
.sort-vips-tit2-kt {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    background-image: linear-gradient(90deg,#ffc046,#ff7d04);
    margin: 10px 0px 0px 9px;

}
.sort-vips-tit2-wk {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    opacity: 0.5;
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%); background-blend-mode: multiply;
    margin: 10px 0px 0px 9px;
}
.single-announcement .post-breadcrumb {
        display: none;
}



 
    

   
 
 
 

/*首页动态大图开始*/

.mi-search i{
    font-size:35px;
}
@media (max-width:768px) {
  .post-info span {
             
    height: unset;
}
     a.post-list-cat-item{
           
           
        color:var(--b2color)!important;
    }
    .list-footer{
        padding:5px!important;
    }
     
 
    .post-list-cat{
        margin-bottom:1px;
    }
  
   .badgeml6{
       display:none;
   }
   .text-ellipsis{
       font-size:1rem!important;
   }
   .mi-ellipsis{
 
       font-size:0.8rem!important;
   }
    .home-banner .section{
        max-height:260px!important;
    }
    #page-wrapper{
        margin-top:0px!important;
    }
    .search-suggestions .hot-search{
        width:100%!important;
    }
    .home-banner-links{
        display:none;
    }
    .home-banner-content{
        padding-top:330px!important;
    }
  
 .home-banner-search {
	width:90%!important;
	margin:0 auto!important;
 
}
 
    .micntbg .pldsi{
        width:50%!important;
    }
    
    
}

.hetj {
    margin-left: 200px;
}
.search_360{
    color:#fff;
    background-color:#28bc5b;
}
.search_baidu{
    color:#fff;
    background-color:#4E6EF2;
}
.search_bing{
    color:#fff;
    background-color:#ffc20e;
}
.search_toutiao{
    color:#fff;
    background-color:#f04142;
}
.search_zhihu{
    color:#fff;
    background-color:#06f;
}
#page-wrapper {
	 
	margin-top:-85px;
}
.home-banner {
	/*height:550px;*/
	position:relative;
	z-index:1;
	background-position:0 100%;
	animation:gradient 12s ease-in-out infinite
}
.home-banner .section {
	position:relative;
	width:100%;
	overflow:hidden;
	max-height:550px;
	height:100vh
}
.home-banner .section .video-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:0
}
.home-banner .section .video-wrapper video {
	visibility:visible;
	pointer-events:none;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	height:100%;
	width:100%;
	object-fit:cover
}
.home-banner .section .video-overlay {
	height:100%;
	width:100%;
	top:0;
	left:0;
	position:absolute;
	background:rgba(45,47,54,.15)
}
.home-banner .corner {
    width: 28px;
    height: 21px;
    border-radius: 4px;
    left: 330px;
    top: 50px;
}
.home-banner .home-menus {
	margin-left:70px
}
.home-banner .home-menus .cus-dropbox-trigger a,.home-banner .home-menus>a {
	color:#fff;
	font-size:14px;
	margin-right:20px;
	line-height:60px
}
.home-banner .home-menus .cus-dropbox-trigger a:hover,.home-banner .home-menus>a:hover {
	color:var(--b2color);
}
.home-banner>.layout-center {
	height:100%
}
.home-banner-content {
	padding-top:230px;
margin:20px auto;
}
.home-banner-content .slogan-text p {
	font-size:18px;
	line-height:24px;
	letter-spacing:2px;
	font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,.25);
}
.home-banner-content .slogan-text p:nth-of-type(1) {
	font-weight:600;
	font-size:28px;
	line-height:46px;
	letter-spacing:6px;
	text-shadow:0 2px 4px rgba(0,0,0,.25);
	margin-bottom:10px
}
.home-banner-search {
	width:800px;
	margin:0 auto;
	height:auto
}
.home-banner-search form {
	margin-bottom:10px;

}
.home-banner-search form>input {
	width:100%;
	height:48px;
	background:#fff;
	border:none;
	padding:18px 22px;
	font-size:14px;
	color:#333;
	border-radius: var(--b2radius);
}
.home-banner-search form>input::placeholder {
	color:#979797
}
.home-banner-search .hot-top {
	position:absolute;
	top:13px;
	right:115px;
	color: var(--micolor)!important;
	font-size:13px
}
.home-banner-search .hot-top i {
	margin-right:4px
}
.home-banner-search .hot-words-container,.home-banner-search .rec-words-container {
	width:100%;
	top:56px
}
.home-banner-links {
    width: 90%;
    font-size: 14px;
    padding: 10px;
    height: 40px;
    line-height: 40px;
    text-shadow: 0 2px 4px rgba(0,0,0,.27);
}
.home-banner-links a {
	margin-right:19px;
	color:inherit
}
.home-banner-links a:hover {
	color:var(--b2color);
}
.home-banner .search-types-cycles {
	width:106px;
	height:290px;
	background:linear-gradient(180deg,rgba(0,0,0,0) 0,rgb(255 96 0 / 17%) 51.04%,rgba(0,0,0,0) 100%);
	left:630px;
	top:-121px;
	text-align:center;
	z-index:-1;
	display: none;
}
.home-banner .search-types-cycles .search-types-btn {
	width:100%;
	height:20px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	left:0;
	bottom:-20px;
	z-index:1
}
.home-banner .search-types-cycles .search-types-btn i {
	color:#fff;
	font-size:12px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) {
	bottom:auto;
	top:-20px
}
.home-banner .search-types-cycles .search-types-btn:nth-of-type(1) i {
	transform:rotate(180deg)
}
.home-banner .search-types-cycles .search-types-btn:hover i {
	color:var(--b2color);
}
.home-banner .search-types-cycles ul {
	width:100%;
	height:100%;
	padding-top:5px
}
.home-banner .search-types-cycles ul:after,.home-banner .search-types-cycles ul:before {
	content:'';
	width:1px;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:linear-gradient(0,transparent 0,var(--b2color) 50%,transparent 100%)
}
.home-banner .search-types-cycles ul:after {
	left:auto;
	right:0
}
.home-banner .search-types-cycles ul li {
	height:40px !important;
	line-height:40px !important;
	font-size:16px;
	text-align:center;
	cursor:pointer;
	user-select:none
}
.home-banner .search-types-cycles ul li:hover {
	color:var(--b2color);
}
.home-banner .search-types-cycles ul li:nth-of-type(4) {
	height:80px;
	line-height:80px
}
.home-banner .search-types-cycles ul li a {
	color:rgba(255,255,255,.6);
	transition:none
}
.home-banner .search-types-cycles ul li a:hover {
	color:var(--b2color);
}
.home-banner .search-types-cycles button:hover {
	background:#46dacf !important;
	opacity:1;
	transition:opacity .2s
}
.home-banner .search-types-cycles button i {
	font-size:18px;
	color:#fff;
	margin-right:6px
}
.home-banner .search-types-cycles button span {
	font-size:16px;
	color:#fff
}

 
.badg.badg-sm, .but.badg-sm {
    font-size: 12px;
    padding: 3px;
    /* vertical-align: 1px; */
    /* min-width: 30px; */
    border-radius: 4px;
    color: #fff;
}
.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;
}
.post-pay-type{display:none}
.top-navs {
	width:100%;
	/* height:70px; */
	bottom: 0px;
	padding-top: 16px;
	left:0;
	/* padding:12px 0; */
	z-index:1;
	backdrop-filter: blur(10px);
}
.top-navs .top-navs-l {
	width: calc(100% - 180px);
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	border-right:1px solid rgb(255 255 255 / 10%)
}
.top-navs .top-navs-l-item {
	width:20%;
	margin:0 0px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center
}
.top-navs .top-navs-l-item .top-navs-l-title a {
	font-weight:600;
	font-size:18px;
	line-height:25px;
	height:25px;
	margin-bottom:12px;
	color:#fff;
	text-shadow:1px 1px 1px var(--micolor)!important;
}
.top-navs .top-navs-l-item .top-navs-l-title .wz {
	font-weight:600;
	font-size:18px;
	line-height:25px;
	height:25px;
	margin-bottom:12px;
	color:#fff;
	text-shadow:1px 1px 1px var(--micolor)!important;
}
.top-navs .top-navs-l-item .top-navs-l-title a i {
	font-size:34px;
	margin-right:8px;
	vertical-align:-4px
}
.top-navs .top-navs-l-item .top-navs-l-title a img {
	float:left;
	width:34px;
	height:34px;
	margin-right:8px;
	vertical-align:-4px;
	margin-top: -5px;
}
.top-navs .top-navs-l-item .top-navs-l-title a:hover {
	color:var(--b2color);
}
.top-navs .top-navs-l-item .top-navs-l-links {
	font-size:14px;
	line-height:20px;
	display:flex;
	justify-content:space-around;
	margin:0 -10px
}
.top-navs .top-navs-l-item .top-navs-l-links a {
	color:#fff;
	margin:0 10px;
	text-shadow:1px 1px 1px var(--micolor)!important;
}
.top-navs .top-navs-l-item .top-navs-l-links a:hover {
	color:var(--b2color);
}
.top-navs .top-navs-m {
	width:176px;
	height:61px;
	border-right:1px solid rgba(255,255,255,.25);
	padding:0 24px;
	display:none;
	flex-wrap:wrap;
	justify-content:space-around;
	align-items:center
}
.top-navs .top-navs-m a,.top-navs .top-navs-m p,.top-navs .top-navs-m>div {
	width:50%;
	text-align:center;
	color:#fff;
	font-size:14px;
	line-height:20px;
	cursor:pointer;
	user-select:none;
	text-shadow:1px 1px 1px var(--micolor)!important;
}
.top-navs .top-navs-m a:hover,.top-navs .top-navs-m p:hover,.top-navs .top-navs-m>div:hover {
	color:var(--b2color);
}
.top-navs .top-navs-m div p,.top-navs .top-navs-m>a {
	margin-bottom: 25px;
}
.top-navs .top-navs-m div p {
	width:100%;
	margin-bottom:0;
	margin-top:-20px
}
.top-navs .top-navs-m .top-navs-m-box {
	top:-16px;
	left:-72px;
	width:157px;
	height:66px;
	background:#444;
	border-radius:8px;
	padding:8px 14px 0;
	display:none;
	margin-top:-70px
}
.top-navs .top-navs-m .top-navs-m-box a {
	margin-bottom:9px
}
.top-navs .top-navs-m .top-navs-m-box a:hover {
	color:var(--b2color);
}
.top-navs .top-navs-r {
	width:176px
}
.top-navs .top-navs-r a {
	width:50%;
	padding-left:30px;
	text-align:center;
}
.top-navs .top-navs-r a i {
	font-size:36px;
	margin-bottom:10px
}
.top-navs .top-navs-r img {
	height: 40px;
	width: 40px;
	margin-top: -3px;
}
.top-navs .top-navs-r a p {
	font-size:14px;
	line-height:40px;
	color:#fff;
	text-shadow:1px 1px 1px var(--micolor)!important;
}
.top-navs .top-navs-r a p:hover {
	color:var(--b2color);
}
.por {
	position:relative
}
.poa {
	margin-top:-550px;
}
.pof {
	position:fixed
}
.banner-content-fl:after {
	content:'';
	clear:both;
	display:block;
	height:0;
	visibility:hidden;
	font-size:0;
	line-height:0
}
.fl {
	 
}
.fr {
	 
}
.ovh {
	overflow:hidden
}
.block {
	display:block
}

.icon-rank {
	width:auto;
	display:inline-block;
	border:none;
	overflow:hidden;
	vertical-align:-3px
}
img.icon-rank {
	width:20px;
	height:20px;
	margin-right:0px
}
a.hot-top.text-notify:hover {
	color:var(--b2color);
}

p.top-navs-l-title {
	margin-bottom:8px
}
.top-navs-l-title i{
   	width:1em;
	height:1em;
	float: left;
}
.home-banner-search>form>button {
	box-sizing:border-box;
	min-width:100px;
	transform:translateY(0px);
	font-size:15px;
	border-top-right-radius:3px;
	border-bottom-right-radius:3px;
	position:absolute;
	right:1px;
	top:0;
	z-index:1;
	border:1px solid #23d1c3;
	padding:0 15px;
	width:147px;
	height:56px;
	background:linear-gradient(90deg,#35eee3 0,#21cec0 100%);
	border-radius:0 8px 8px px 0;
	right:0;
	text-align:center;
	padding-left:25px;
	margin-right:-7px;
	border-bottom-left-radius:1px;
	border-top-left-radius:1px
}
.home-banner-search .search.hidden {
	display:none
}
.primary-menus .left-cont button {
	height:48px;
	box-sizing:border-box;
	min-width:100px;
	margin-left:-5px;
	cursor:pointer;
	color:#fff;
	font-size:15px;
	line-height:40px;
	position:absolute;
	right:0;
	top:0;
 
    padding: 5px 0 0 0;
	width:106px;
	transform:translateY(0px);
	border-radius: 0 var(--b2radius) var(--b2radius) 0;
}
.slogan-text.por.fl {
     
    text-align: center;
}
.popular-area {
	margin-bottom:60px
}
.popular-area-top {
	height:34px;
	margin-bottom:22px
}
.popular-area-top-title {
	height:34px;
	line-height:34px;
	font-weight:600;
	font-size:24px;
	color:#4a4a4a;
	margin-right:94px
}
.popular-area-top-title span {
	height:inherit;
	font-size:18px;
	font-weight:100;
	color:#979797;
	margin-left:24px;
	vertical-align:3px;
	line-height:34px
}
.popular-area-top .popular-area-nav {
	width:116px;
	height:34px;
	padding-top:3px
}
.popular-area-top .popular-area-nav button {
	width:28px;
	height:28px;
	background:0 0;
	border-radius:4px;
	text-align:center;
	line-height:28px;
	cursor:pointer;
	transition:all .2s;
	top:3px;
	right:0
}
.popular-area-top .popular-area-nav button i {
	color:#00d1c1;
	font-size:12px
}
.popular-area-top .popular-area-nav button:hover {
	background:#e1fffd
}
.popular-area-top .popular-area-nav button:nth-of-type(1) {
	right:auto;
	left:0
}
.popular-area-top .popular-area-nav p {
	width:60px;
	height:28px;
	margin:0 auto;
	line-height:28px;
	text-align:center;
	font-size:16px;
	color:#c5c5c5;
	font-weight:700
}
.popular-area-top .popular-area-nav p span {
	color:#00d1c1
}
.popular-area-content {
	height:342px
}
.popular-area-content .popular-content-l {
	width:594px;
	height:inherit;
	margin-right:22px
}
.html-box img{
    display:inline-block!important;
}
#home-row-dh {
    position: relative;
    margin-bottom: 0px /* border-bottom:1px dashed rgba(255, 255, 255, 0.3);;;;; */;
}
/*首页动态大图结束*/

/*首页快速导航*/
.sort {
    position: relative;
    z-index: 1;
    padding: 26px;
    background:var(--main-bg-color);
    box-shadow: 0 40px 75px 0 rgba(57,60,67,.08);
}
.sort-config {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.sort-config-item a{
    color:var(--key-color);
}
.main {
    width: 1410px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.sort-config>li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    height: 100%;
    cursor: pointer;
}
.ibanner-tips-float {
    position: absolute;
    top: -70px;
    left: 1096px;
    z-index: 24;
}
.quk_img{
	width: 50px;
    height: 50px;
    margin-top: 5px;
    padding: 0px;
    margin-right: 16px;
}
.sort-config-item {
display: flex;
    height: 100%;
}
.sort-config-item img {
    height: 50px; 
    width: 50px;
    text-align: center;
    margin-right: 12px;
}
.item-ico {
    float: left;
    width: 70px;
    height: 70px;
    padding: 10px;
    background-color: var(--body-bg-color);
    margin-right: 16px;
}
.sort-config-item:hover .item-ico,.sort-config :hover .quk_img {
    background-color:var(--b2color);
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-item:hover .item-ico i {
    color:#fff;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config :hover .sort-config-title {
    color:var(--b2color);
}
.item-ico i {
    font-size: 30px;
    line-height: 30px;
}
.sort-config-title {
    line-height: 34px;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
}
.sort-config-desc {
    float: left;
    line-height: 22px;
    font-size: 14px;
    color: #8e8e8e;
}
.sort-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    margin-top: 35px;
}
.sort-blocks-item {
    position: relative;
    overflow: hidden;
    width: 214px;
    height: 100%;
    background: #f7f9fa;
    border-radius: 14px;
}
.sort-blocks-item .blocks-item-wrap {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: none;
    filter: none;
}
.sort-blocks-icon {
    display: block;
    width: 60px;
    height: 47px;
    margin: 18px auto 15px;
    background-repeat: no-repeat;
    background-size: cover;
}
.sort-blocks-title {
    line-height: 22px;
    font-size: 22px;
    font-weight: 600;
    color: #2d2d2d;
    letter-spacing: 1px;
    text-align: center;
}
.sort-mine-wrap img {
    display: flex;
    width: auto;
}
.sort-config-title .go {
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
    font-weight: normal;
    padding: 2px 5px;
    position: absolute;
    line-height: 15px;
    margin-left: 5px;
    cursor: pointer;
    text-transform: uppercase;
    vertical-align: middle;
    margin-top: 7px;
}
.sort-blocks-item .blocks-hover, .sort-blocks-item .blocks-hover-title {
    position: absolute;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 22px;
}


.sort-blocks-item .blocks-hover {
    left: 0;
    height: 100%;
    padding-top: 22px;
    font-size: 14px;
    background: rgba(0,0,0,.4);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
}
.sort-blocks-item .blocks-hover-tit {
    line-height: 18px;
    font-size: 18px;
}
.sort-blocks-item .blocks-hover-line {
    width: 158px;
    height: 1px;
    margin: 12px auto 8px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(30%,hsla(0,0%,100%,.7)),color-stop(70%,hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,.1)));
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.7) 30%,hsla(0,0%,100%,.7) 70%,hsla(0,0%,100%,.1));
}
.srot-mine {
    position: relative;
    width: 376px;
    background-image: linear-gradient(to top, #9be15d 0%, #00e3ae 100%);
    /*background: -webkit-gradient(linear,left top,right top,from(#fdf8eb),to(#feeec3));*/
    /*background: linear-gradient(90deg,#fdf8eb,#feeec3);*/
    height: 180px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 4%);
}
.srot-mine-bg {
    position: absolute;
    top: 45px;
    right: 0px;
    width: 118px;
    height: 78px;
   
    background-size: cover;
}
.sort-mine-wrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 12px 16px 15px;
}
.srot-mine-tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 25px;
}
.srot-mine-ava {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.srot-mine-tit>span {
    margin-left: 9px;
    font-size: 15px;
    font-weight: 600;
    color: #613c14;
}
.srot-mine-vips {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 337px;
    margin: 15px 0px 5px;
}
.sort-vips-item {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}
.sort-vips-icon {
    display: block;
    width: 32px;
    height: 36px;
    margin: 0 auto;
    -webkit-transition: .3s;
    transition: .3s;
    margin-left: 30px;
}
.sort-vips-tit {
    margin: 15px 0px;
    line-height: 12px;
    font-size: 13px;
    color: #613c14;
    margin-left: 10px;
}
.sort-vips-tit2-kt {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    background-image: linear-gradient(90deg,#ffc046,#ff7d04);
    margin: 10px 0px 0px 9px;

}
.sort-vips-tit2-wk {
    margin-top: 10px;
    line-height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    color: #ffffff;
    border-radius: 33px;
    margin-right: 10px;
    font-size: 14px;
    opacity: 0.5;
    background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%); background-blend-mode: multiply;
    margin: 10px 0px 0px 9px;
}
.single-announcement .post-breadcrumb {
        display: none;
}
.mi-row{
   
    margin: 0 auto;
    
    position: relative;
     
    border-radius: 5px;
   
    margin-bottom: 20px;
}

.micntbg {
    display: flex;
    justify-content: space-evenly;
     flex-wrap: wrap;
     
}
.micntbg .pldsi {
    flex: auto;
    overflow: hidden;
    padding: 5px;
    width:25%;
}
.micntbg .pldsi .micnt-widget {
    background: rgb(255 255 255 / 83%);
    backdrop-filter: saturate(5) blur(20px);
    margin-bottom: 0;
	display: flex;
    align-items: center;
    clear: both;
    padding: 15px;
    box-shadow: 0 0 10px rgb(116 116 116 / 8%);
}
.micntbg .text-ellipsis {
    overflow: hidden;
    
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.2em;
    color: #757575;
}
.micntbg .mi-ellipsis {
    overflow: hidden;
    
    white-space: nowrap;
    margin-top: 6px;
    color: #777;
}
.micntbg .flexx {
    flex: auto;
    overflow: hidden;
}
.micntbg .ml6 {
    margin-left: 6px;
}
.micntbg .ml10 {
    margin-left: 10px;
}
.micntbg .pldsi a {
    transition: color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s;
}
.micntbg .text-ellipsis:hover {
    color: var(--b2color)!important;
    outline: 0;
    text-decoration: none;
}
.mi-ico{
   
}

/* 热搜词样式 */
.search-suggestions .hot-search {
  /*display: none;*/
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  width: 694px;
  background-color: #fff;
  border-radius: 5px;
}
.search-suggestions .hot-search li:hover {background: #E7F0F8;color: #2FA4F5;}
.search-suggestions .hot-search ul {
  margin: 0;
  padding: 10px;
  list-style: none;
}
.search-suggestions .hot-search li {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.5;
    padding: 5px 0 5px 10px;
    overflow: hidden;
    letter-spacing: 1px;
}
.search-suggestions .hot-search-num {
  display: inline-block;
  margin-right: 5px;
  color: #999;
}
.search-suggestions .hot-search-info {
    color: #999;
    position: absolute;
    right: 0;
    padding: 0 10px 0 0;
}
.search-suggestions .hot-search a {
    color: #676767;
}
.search-suggestions .hot-search h3 {
    color: #555;
    padding: 10px 20px;
    
}
.search-suggestions .history-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 95%;
    height: 24px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 40px;
    line-height: 14px;
    font-size: 14px;
    color: #ccc;
    position: absolute;
    top: 5px;
    left: 70px;
}
.search-suggestions .history-list a {
     padding-left: 20px;
}
.search-suggestions .history-list li:first-child {
  margin-top: 0;
}
.search-suggestions .history-list li a {
  color: #333;
  text-decoration: none;
}
.search-suggestions .history-list li a:hover {
  text-decoration: underline;
}
.mi-content {
    position: relative;
}
.mi-content .list {
    position: relative;
    z-index: 11;
    height: auto;
}
.mi-content .list .item {
    float: left;
    display: block;
    height: 32px;
    width: 16.666666%;
    padding: 0 32px 0 0;
    margin-bottom: 8px;
}
.mi-content .list .item .text {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 32px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}
.mi-content .list .item a {
    color: inherit;
}
.w-a-info img.avatar, .com-info img.avatar, .mission-today-list img.avatar {
    border-radius: 999px;
}
/*头部导航和大图海报美化结束*/






/*随机推荐美化开始*/

.mi-home-main-wrapper {
    width: 1300px;
    margin: auto;
}
.mi-shome {
    margin-bottom: 20px;
}
.mi-shome {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
 
.mi-shome .mi-shome-wrap {
    width:80%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
}
.mi-shome .recommend-header {
    
    display: flex;
        justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    line-height: 1;
}
.mi-shome .recommend-title {
    color: #333;
    font-size: 24px;
    font-weight: 700;
        flex-shrink: 0;
}
.mi-shome .more-button  {
     flex-shrink: 0;
    
}
.mi-shome .more-button a {
    position: relative;
    border-radius: 6px;
    color: #8590A6;
    height: 14px;
    line-height: 32px;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.mi-space {
     justify-content: space-between;
    display:flex;
    position: relative;
    flex: 1;
    width: 0;
}
@media (max-width:768px) {
    .mi-space .mi-index-gg{
        display:none;
    }
}

#gggd{
    overflow:hidden;
     
}
.mi-space .mi-index-gg li{
list-style:none;
overflow:hidden;
   width:670px;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    
   
       font-size:14px;
    
    
     
    
}
.mi-space .mi-index-gg {   
    height:32px;
     margin-left:5px;
   width:100%;
    margin-right:10px;
    color: #8a8a8a;
    background: rgb(176 204 255 / 20%);
    
    padding: 7px 10px;
    border-radius: var(--b2radius);
}
.mi-space #miannouncement .mi-name{
    width:670px;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
    
     
       font-size:14px;
 
     
    
    
         
    
    
    
    
}
.mi-space #miannouncement {
         
    height:25px;
    line-height:25px;
    position: relative;
    margin-top: -20px;
    margin-left: 20px;
    color: #8a8a8a;
    display: flex;
    
    font-size: 14px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    
    transition: opacity 0.5s, transform 0.5s;
}
.mi-space #miannouncement .mi-name {
    color: var(--b2color);
}
 
.mi-space button {
     
    padding: 2px 5px;
    margin-left: 15px;
}
 .mi-recommend-lie{
  width:100%;
 }
.mi-recommend-lll{
    width:100%;
     display:flex;
     justify-content: space-between;
     flex-wrap:nowrap;
   
}
.mi-recommend-lll   .mi-shome-item{
    width:50%;
  
}

.mi-shome-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.mi-shome-item .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
 
.image-box {
    overflow: hidden;
}
.mi-shome .mi-shome-wrap .hover-mask {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
.mi-shome-item .mi-cover:hover .hover-mask {
    opacity: .3;
}
.mi-shome-item .mi-cover .s-status {
    position: absolute;
    top: 0;
    left: 0;
}
.mi-shome-item .s-title {
    color: #39394d;
    font-size: 14px;
    margin-top: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px;
}
.mi-shome-item .s-title .s-name {
    margin-right: 5px;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

 
.image-box img {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #e8e8e8;
}
/*right*/
 
.mi-home-author-entrance {
    position: relative;
    width: 20%;
    height: 392px;
    border-radius: 2px;
   
      
    padding: 18px 10px;
}
.mi-home-author-entrance .creator-link {
    width: 100%;
    height: 90px;
    display: block;
    position: relative;
    margin-bottom: 12px;
    opacity: .8;
    background:var(--b2color);
}
.mi-home-author-entrance .creator-link {
   border-radius:var(--b2radius);
}
.mi-home-author-entrance .creator-link1 {
    width: 174px;
    height: 90px;
    background: #ff0000;
    display: block;
    position: relative;
    margin-bottom: 12px;
    opacity: .5;
    padding-left: 50px;
    padding: 20px 0 0 15px;
    font-size: 23px;
    border-radius: 8px;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.creator-link .mi-link-title1 {
    width: 140px;
    font-size: 12px;
    padding: 10px 0 0 0;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 140px;
}
.mi-home-author-entrance .creator-link .mi-icon {
    fill: #fff;
    position: absolute;
    right: 10px;
    top: 28px;
    -webkit-animation: home-entrance-arrow 2s 0s infinite;
    animation: home-entrance-arrow 2s 0s infinite;
}
.mi-icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    pointer-events: none;
}
.mi-home-author-entrance .panel-body .link-item .mi-icon {
    margin-right: 7px;
    fill: var(--b2color);
}
.mi-home-author-entrance .panel-body {
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #333;
    font-size: 14px;
}
.mi-home-author-entrance .panel-body .link-item {
    margin-bottom: 10px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px;
    width: 100%;
    height: 42px;
    border-radius: var(--b2radius);
    font-size: 14px;
}
.mi-home-author-entrance .b2-arrow-right-s-line {
    position: absolute;
    right: 5px;
    top: 14px;
    font-size: 33px;
    color: #fff;
}
.mi-home-author-entrance .mi-home-title {
    position: absolute;
    width: 110px;
    height: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 1000;
    top: 23px;
    left: 20px;
    overflow: hidden;
}
.mi-home-author-entrance .mi-home-des {
    position: absolute;
    width: 140px;
    color: #fff;
    font-size: 12px;
    top: 58px;
    left: 20px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
}
#custom-alert {
  position: fixed;
  bottom: 40px;
  right: 20px;
  background-color: #fc6976;
  color: #fff;
  padding: 10px 20px;
  border-radius: 4px;
  display: none;
}
/*随机推荐美化结束*/