/*
Theme Name:     子比兔素材子主题
Theme URI:      http: //www.goldwho.com/
Description:    子比兔良心作品
Author:         子比兔
Author URI:     http: //www.goldwho.com/
Template:       b2
Version:        1.3
*/
/*下面是您自己DIY的css样式代码*/
/*网址导航美化开始*/
.link-img{
    background:unset!important;
}
.post-type-archive-links.archive .site-main{
    margin-left:-30px;
    margin-right: -30px;
}
.link-title {
    padding-bottom: 28px;
}

.link-box .cat-box {
    font-size: 24px;
    padding-left: 18px;
    font-weight: 500;
}

.link-title h2::before {
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 10px;
    border-color: var(--b2color);
    border-radius: 8px;
    border: 1px solid var(--b2color);
    background: none;
}


.link-in {
    overflow: hidden;
    border-radius:18px;
}

.link-title .link-more .cat-box {
    font-size: 16px;
}


.link-in h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.link-desc {
    color: #95989e;
    margin: 12px 0 0;
    height: 36px;
    line-height: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px;
    transition: all .3s ease-in-out;
}

.link-in {
    padding: 20px;
}

.link-in::before {
    content: '';
    position: absolute;
    left: -100%;
    width: 100%;
    z-index: 1;
    height: 100%;
    top: 0;
    background-color: var(--b2color);
    /*background: url(images/links-bg.png);*/
    background-size: 100%;
    transition: all .3s ease-in-out;
}

.link-list li:hover .link-in::before {
    left: 0;
}

.link-list li:hover .link-in {
    border-color: var(--b2color);

}

.link-list li:hover .link-in h2,
.link-list li:hover .link-desc{
    color: #fff;
}

.link-in * {
    position: relative;
    z-index: 2;
}

.link-list:hover li a .link-in h2 {
    color: #000;
}

.link-lis:hovert li a .link-desc {
    color: rgba(0, 0, 0, .6);
}


/*Links Home*/
.links.links-home {
    padding: 0 30px;
}

.links.links-home .inner-wrapper-sticky {
    padding: 20px;
    min-height: 480px;
    background: #fff;
    border-radius: 4px;
}

.b2-tab-links {
    background: none;
    border-radius: 4px;
    margin-right: 16px;
}

.b2-tab-links .toc-list {
    text-align: left;
}

.links.links-home .link-box {
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
}

.links.links-home .link-title {
    font-size: 21px;
    padding-bottom: 24px;
}

.links.links-home .link-box .cat-box {
    padding-left: 0;
}

.links.links-home .link-title h2::before {
    display: none;
}


.links.links-home .link-desc {
    font-size: 12px;
}


.links.links-home .b2-tab-links .toc-list {
    margin-right: 0;
}


.links.links-home .b2-tab-links .toc-list-item {
    margin: 0;
}


.links.links-home .b2-tab-links a.toc-link {
    height: 42px;
    width: 100%;
    padding: 0 24px;
    background: none;
    line-height: 42px;
}

.links.links-home .b2-tab-links a.toc-link:hover {
    background: #fff;
    color: var(--b2color);
    font-weight: 500;
}


.links.links-home .b2-tab-links .is-active-li a.toc-link {
    font-weight: 500;
}

.links.links-home .b2-tab-links .is-active-li a.toc-link {
    background-color: var(--b2color);
    color: #fff;
    border-radius:18px;
}

 

.links-home h1 {
    padding-top: 0;
    text-align: center;
    margin-bottom: 18px;
    margin-right:0px!important;
    font-size:22px!important;
}

.header-linkspage {
    background-position: center center;
    background-size: cover;
    margin-top: 0;
    border-radius: 4px;
    background-repeat: no-repeat;
    /*Links-page-search-background*/
    background-image: url(https://www.macfk.com/wp-content/uploads/2023/11/beijing.jpg);
    margin-bottom: 30px;
}



.links.links-home .link-join a {
    display: block;
    height: 40px;
    text-align: left;
    width: calc(100% - 2px);
    padding: 0 24px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 18px;
}

.links.links-home .b2-tab-links a.toc-link {
    font-family: "b2font" !important;
    font-size: 16px;
    margin-right: 4px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
}



.links-home .link-join {
    margin-right: 0;
}

.links-home .link-join i {
    margin-right: 6px;
    font-size: 16px;
}

.links.links-home .b2-tab-links a.toc-link:before {
    margin-right: 6px;
    vertical-align: middle;
}

/*菜单ICON设置*/
.links.links-home .b2-tab-links li:nth-child(1) a.toc-link:before {
    content: "\e86e";
}

.links.links-home .b2-tab-links li:nth-child(2) a.toc-link:before {
    content: "\e609";
}

.links.links-home .b2-tab-links li:nth-child(3) a.toc-link:before {
    content: "\e881";
}


.links.links-home .b2-tab-links li:nth-child(4) a.toc-link:before {
    content: "\e6d1";
}


.links.links-home .b2-tab-links li:nth-child(5) a.toc-link:before {
    content: "\e852";
}


.links.links-home .b2-tab-links li:nth-child(6) a.toc-link:before {
    content: "\e76c";
}


.links.links-home .b2-tab-links li:nth-child(7) a.toc-link:before {
    content: "\e8ea";
}


.links.links-home .b2-tab-links li:nth-child(8) a.toc-link:before {
    content: "\e609";
}


.links.links-home .search-module-form input,
.links.links-home .search-module-form {
    border-radius: 4px;
}

.links.links-home .search-module-desc {
    margin: 24px auto;
}

.links.links-home .search-module-key {
    display: flex;
    justify-content: center;
}

.links.links-home .search-key a {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 2px 4px;
    transform: all .3s;
    border-radius: 4px;
}



.links.links-home .search-module-title {
    font-size: 36px;
    font-family: "search-font";
}

.links.links-home .links-title {
    margin: 0 0 20px;
    font-size: 22px;
    /*font-family: "search-font";*/
}

.links.links-home .search-key a:hover {
    background: rgba(255, 255, 255, .65);
    color: var(--b2color) !important;
}

@media screen and (max-width: 768px) {
    .link-desc {
        margin: 6px 0;
        font-size: 12px;
        height: 40px;
    }
}
/*网址导航美化结束*/
/*文章第六种样式美化开始*/
@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;
}




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






/*自定义广告位美化开始*/
.auto-list-null .b2font{
    font-size:14px;
    margin-right:5px;
    color:rgba(255, 255, 255, 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 {
    color: #eee;
   
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
     
}

.d-flex {
    display: -ms-flexbox;
    display: flex;
}
.card-head{
    padding:5px;
       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: 1px;
}
}
.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;
}
.auto-ad-url .auto-url-list {
    background: rgba(10,12,15,0.3);
}
.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:1px;
}
}
.auto-list-null .auto-ad-name {
    background: rgba(255,255,255,0.1);
    height: 11px;
    width: 50%;
    margin: 5px 0;
    border-radius: 4px;
}
.auto-ad-url .auto-url-list {
    background: rgba(10,12,15,0.3);
    padding:5px;
}
/*自定义广告位美化结束*/

/*H标题美化开始*/
.entry-content>h2:after {
    content: " ";
    position: absolute;
    left: 0;
    width: 1.8em;
    height: 3px;
    background: var(--b2color);
    margin-top: 30px;
    border-radius: 8px;
    transition: all .35s;
}
.entry-content>h2:hover:after {
    width: 4em
}
/*H标题美化结束*/
.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);
}
@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;
}
.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 {
    display: block;
    padding-left: 50px;
    position: relative;
    color: #323232;
}

.news-item-num {
    position: absolute;
    left: 0;
    top: 0;
     
    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%;
  
}
 
.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;
}

 
 
 
 
 .shop-list-thumb{
     overflow:hidden;
     
 }
 .shop-list-item .shop-list-thumb-in-info img {
      transition:0.3s;
 }
 .shop-list-item:hover{
     	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
	 transition:0.3s;
 }
 .shop-list-item{
     transition:0.3s;
 }
 .shop-list-item:hover  h2{
     color:#ff6000;
 }
 .shop-list-item:hover .shop-list-thumb-in-info img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition:0.3s;
}
 

.shop-normal-tips{
     display: inline-block;
   
    line-height: 15px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(90deg, #fc8e44 0%, #ff6600 100%);
    border-radius: 8px 2px 2px 2px;
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    right:unset!important;
        padding: 2px 5px;
        height:unset!important;
        bottom:unset!important;
}

.shop-list-thumb span.shop-box-type{
    
     
    
    display: inline-block;
   
    line-height: 15px;
    font-weight: bold;
    text-align: center;
    background: linear-gradient(90deg, #15a811 0%, #0e700c 100%);
    border-radius: 8px 2px 2px 2px;
    font-size: 15px;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 10px;
    
}

@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);
    z-index: 1;
    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;
}

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














/*动态弹幕美化开始*/
 .swiper-slide img {
     height:45px;
     width:45px;
     border-radius:10px;
     margin-right:10px;
 }
@media (max-width:768px) {
    #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;
}
.swiper-slide  .author-name b {
    font-weight: bold;
    font-size: 12px;
    
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swiper-slide  .lv-icon{
    margin-top: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;
}
/*动态弹幕美化结束*/










/*登录美化开始*/
@media (max-width:768px) {
    .login-box-content{
        min-width:unset!important;
    }
    .mi_login{
        display:none;
    }
    .login-box-content .login-box-top{
  width:unset!important;
}
}
.login-box-content .login-box-top{
  width:50%;
}




.login-box-content {
    margin-top: 0;
    width: auto;
    display: flex;
    position: relative;
    background: #ffffffd9;
    min-width: 750px;
}
.milogin-radius {
    border-radius: 10px;
}
.wxlogin-sidebar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
}
.wxlogin-sidebar h3{
    color: #fff;
    font-size: 18px;
    margin-bottom: 10px;
}
.wxlogin-sidebar p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 14px;
    text-align:center;
    
       white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出范围则隐藏 */
        text-overflow: ellipsis; /* 显示省略号 */
        
}
.wxlogin-sidebar>div {
    padding: 30px;
}
.mi_login .mi_login_title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 30px;
}
.mi_login .login_txtwrap {
    margin-top: 60px;
    padding: 0;
    margin-bottom: 60px;
}
.mi_login .login_txtwrap li {
    margin-bottom: 18px;
    height: 35px;
    color: #fff;
    font-size: 15px;
    line-height: 33px;
    border: 1px solid #ffaf9d;
    border-radius: 17.5px;
    background-color: #fd9476;
    padding: 0 20px 0 0;
}
.mi_login .login_txtwrap li:nth-child(2n-2){
    /*display: none;*/
}
.mi_login_title h3 {
    font-size: 30px;
    color: #fff;
}
.mi_login_title .mi_login_check{
    margin: 0 12px 0 20px;
}
.login-box-content .login-box-top {
    padding: 30px 24px 24px;
    background-repeat: no-repeat;
    background-size: 100%;
    background: #fff;
}
.milogin-radius{
    border-radius: 10px;
}
.mi-radius {
    border-radius: 8px;
}
/*登录美化结束*/



   


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

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

            img {
                border: none;
            }

            .hot-top {
                width: 100%;
                background: #fff;
                margin-bottom: 25px;
                padding: 22px 20px;
                position: relative;
                height: 147px;
                overflow: hidden;
                border-radius: 10px 10px 10px 10px;
            }

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

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

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

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

            .hot-top .left .hover {
                background: var(--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: -10px;
                z-index: 1;
            }

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

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

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

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

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

            .hot-top .right .top-ul li {
                width: 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: 100%;
                height: 100%;
                line-height: 38px;
                text-align: center;
                border-radius: 10px;
            }

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

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

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

            .new-position {
                height: 780px;
            }

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

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

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

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

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

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

            span.note {
                position: absolute;
                top: 10px;
                right: -50px;
                z-index: 1;
                width: 140px;
                height: 20px;
                 background: var(--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;
                
            }

            img.yuan:hover {
                transform: scale(1) rotate(720deg);
            }
        }

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


/*仿优设网人气排行首页开始*/
@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:20px 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: #f5f6f7;
}


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


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


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

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
















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

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

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

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

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

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

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

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














.item-author .item-bg .thumb {
    padding-top: 100%;
    position: absolute;
    left: -50px;
    right: -50px;
    top: -50px;
    width: auto;
  
}
.thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 0;
}
.item-author .item-bg::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 54%;
    padding-top: 11%;
   
}
.item-author .item-top {
    padding: 15px;
}
.item-author .item-top {
    position: relative;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.02);
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.02);
    padding: 15px;
     background: #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 {
    -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: 2px;
    margin-left: 5px;
}
.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;
   margin-top:10px;
    height: auto;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.item-author .ap-item {
    font-size: 14px;
}

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

.home-authors .item-tobe-author .item-btns a:visited {
    color: inherit;
}
.item-author .ap-item {
    font-size: 12px;
    
}
 
.item-author .ap-item-wrap.has-thumb {
    padding-left: 42%;
     
}
.item-author .ap-item-wrap {
    display: block;
    position: relative;
}
 .item-author .ap-item-wrap .ap-item-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;
     
     
 }
 a.post-list-cat-item{
     font-size:14px;
 }
 .post-info span:hover, a.post-list-cat-item:hover{
     
  color:var(--b2color)!important;
 }

 .post-info span{
     font-size:14px;
     color:#b5b5b5;
 }
 .post-list-meta-avatar img{
     width:24px!important;
     height:24px!important;
 }
 .list-footer{
     border:0px!important;
     margin-top:10px;
     
 }
 .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){
     
     .post-3-li a.post-list-cat-item{
         font-size:12px;
     }
     .post-3-li-dubble .item-in .post-info h2{
      font-size:14px!important;   
     }
     .post-6 .post-info h2{
      font-size:14px!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;
}
/*仿优设网人气排行首页结束*/

/*极主题最新VIP美化开始*/

#Onecad_vips .Onecad_vip_privilege_list {
    margin: 20px auto;
}
#Onecad_vips .Onecad_vip_privilege_list .b2font{
    font-size:14px;
}
#Onecad_vips .Onecad_vip_privilege_list span {
    display: inline-block;
    margin-right: 10px;
    padding: 0 18px;
    height: 38px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .2);
    font-size: 14px;
    line-height: 38px;
}
#Onecad_vips .vip-top {
    background: none;
    border-bottom: 0px solid #ccc
}

#Onecad_vips .Onecad_vip_pd img {
    margin-top: 3px;
    margin-left: 10px
}

#Onecad_vips b {
    font-weight: 100
}

#Onecad_vips .vip-top > div {
    padding: 0px
}

#Onecad_vips .onecad_vips_title {
    margin: 0 -20px;
    padding: 15px 0px 15px 10px;
    text-align: left;
    color: #333
}

#Onecad_vips .Onecad-grid {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none
}

#Onecad_vips .Onecad_vip_logo {
}

#Onecad_vips .Onecad_vip_logo a {
    display: block
}

#Onecad_vips .Onecad_vip_logo a img {
    height: 36px
}

#Onecad_vips .Onecad_vip_top {
    text-align: center;
    width: 100%;
    height: 613px;
    display: inline-block
}

#Onecad_vips .Onecad_vip_max {
    padding-top: 100px
}

#Onecad_vips .Onecad_vip_max h2 {
    font-size: 22px;
    margin-top: 35px;
    line-height: 35px
}

#Onecad_vips .Onecad_vip_privilege_list {
    margin-top: 35px
}

#Onecad_vips .Onecad_vip_privilege_list span {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    border-radius: 5px;
    background-color: rgba(255,255,255,0.2);
    margin-right: 10px;
    display: inline-block
}

#Onecad_vips .Onecad_vip_privilege_list span:last-child {
    margin-right: 0px
}

#Onecad_vips .Onecad_vip_privilege_list span i {
    margin-right: 5px
}

#Jitheme_vips_cs2 {
    margin-top: -260px!important;
}

#Jitheme_vips_cs2 .vip-item {
    width: 25%;
    padding: 8px!important;
    box-sizing: border-box
}

#Onecad_vips .vip-list {
    margin: 0px -8px!important
}

/*#Onecad_vips .button,#Onecad_vips button {*/
/*    background: none;*/
/*    border: 0px solid #ff3355;*/
/*    border-radius: 0px*/
/*}*/

#Onecad_vips.vip-buy span {
    color: #000!important
}

#Onecad_vips .home-homevip-boxmk:hover .vip-buy span {
    color: #fff
}

#Onecad_vips .vip-allow i {
    color: unset
}

/*#Onecad_vips button,#Onecad_vips .button {*/
/*    color: var(--key-color)*/
/*}*/

#Jitheme_vips_cs2 .vip-faq-list p {
    font-size: 14px;
    margin-top: 20px;
    background-color: #9e9e9e29;
    padding: 20px;
    line-height: 35px;
    color: #333
}

#Jitheme_vips_cs2 .vip-faq-list h2 {
    display: block;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #333;
    overflow: hidden
}

#Onecad_vips .box,#Onecad_vips .side-fixed {
    background-color: unset;
    box-shadow: 0px 0px 0px rgb(98 124 153 / 10%);
    position: relative
}

#Onecad_vips .vip-faq-list {
    font-size: 18px;
    padding: 20px;
    cursor: pointer;
    background-color: #fff!important;
    border-radius: 5px
}

.Onecad-vip2-qy {
    padding: 20px 0
}
.vip2-qy-title {
    text-align: center;
    margin: 40px 0px;
    color: #333
}

.vip2-qy-title h2 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px
}

.vip2-qy-title p {
    font-size: 16px
}

.vip2-tqyc-box {
    text-align: center;
    padding: 30px
}

.vip2-tqyc-box img {
    height: 52px;
    display: block;
    margin: 0 auto
}

.vip2-tqyc-box span {
    font-size: 16px;
    margin-top: 20px;
    display: block;
    margin-bottom: 20px;
    font-weight: bold;
    color: #333
}

.vip2-tqyc-box p {
    font-size: 14px;
    color: var(--key-color);
    font-weight: 100
}
#Jitheme_vips_cs2 .choose-vip-item-top:before {
    content: "";
    width: 100%;
    height: 51.4%;
    opacity: .16;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0px
}

#Onecad_vips .Onecad_vip_max {
    padding-top: 100px
}

#Onecad_vips .vip-top > div,#Onecad_vips .vip-top h2 {
    color: #fff
}

#Jitheme_vips_cs2 .home-homevip-boxmk a {
    border: 0!important
}

#Jitheme_vips_cs2 .vip-item:nth-child(1) .choose-vip-item-top:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#8e9bab));
    background: linear-gradient(0deg,#fff,#8e9bab)
}

#Jitheme_vips_cs2 .vip-item:nth-child(2) .choose-vip-item-top:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#ffe05f));
    background: linear-gradient(0deg,#fff,#ffe05f)
}

#Jitheme_vips_cs2 .vip-item:nth-child(3) .choose-vip-item-top:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#ffae5f));
    background: linear-gradient(0deg,#fff,#ffae5f)
}

#Jitheme_vips_cs2 .vip-item:nth-child(4) .choose-vip-item-top:before {
    background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(#ff635f));
    background: linear-gradient(0deg,#fff,#ff635f)
}

#Jitheme_vips_cs2 .choose-vip-item-top {
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -20px;
    flex-direction: column;
    margin-bottom: 17px
}

#Jitheme_vips_cs2 .vip-item-top-name em {
    width: 100%;
    height: 15px;
    overflow: hidden;
    bottom: 0;
    left: 0
}

#Jitheme_vips_cs2 .vip-item-top-name {
    margin-top: -80px
}

#Jitheme_vips_cs2 .home-homevip-boxmk img {
    height: 100%;
    display: block;
    margin: 0 auto 10px auto
}

#Jitheme_vips_cs2 .vip-btn {
    height: 44px;
    border-radius: 22px;
    display: block;
    cursor: pointer;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative
}

#Jitheme_vips_cs2 .vip-item:nth-child(1) .vip-btn {
    background: -webkit-gradient(linear,left top,right top,from(#9bacc3),to(#5c697f));
    background: linear-gradient(90deg,#9bacc3,#5c697f);
    -webkit-box-shadow: 0 10px 30px 0 rgba(94,107,129,.47);
    box-shadow: 0 10px 30px 0 rgba(94,107,129,.47)
}

#Jitheme_vips_cs2 .vip-item:nth-child(2) .vip-btn {
    background: -webkit-gradient(linear,left top,right top,from(#ffdf5e),to(#ffb73b));
    background: linear-gradient(90deg,#ffdf5e,#ffb73b);
    -webkit-box-shadow: 0 10px 30px 0 rgba(255,177,53,.47);
    box-shadow: 0 10px 30px 0 rgba(255,177,53,.47)
}

#Jitheme_vips_cs2 .vip-item:nth-child(3) .vip-btn {
    background: -webkit-gradient(linear,left top,right top,from(#ffce60),to(#ff6f33));
    background: linear-gradient(90deg,#ffce60,#ff6f33);
    -webkit-box-shadow: 0 10px 30px 0 rgba(255,134,53,.47);
    box-shadow: 0 10px 30px 0 rgba(255,134,53,.47)
}

#Jitheme_vips_cs2 .vip-item:nth-child(4) .vip-btn {
    background: -webkit-gradient(linear,left top,right top,from(#ff766d),to(#fa4b39));
    background: linear-gradient(90deg,#ff766d,#fa4b39);
    -webkit-box-shadow: 0 10px 30px 0 rgba(242,53,33,.47);
    box-shadow: 0 10px 30px 0 rgba(242,53,33,.47)
}

#Jitheme_vips_cs2 .vip-btn button {
    margin: auto;
    color: #fff;
    font-size: 20px;
    font-weight: 110
}

#Jitheme_vips_cs2 .home-homevip-boxmktitle {
    padding-bottom: 0px
}

#Jitheme_vips_cs2 .vip-item-top-name em::after {
    content: '';
    position: absolute;
    width: 110%;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    bottom: -18px;
    left: -5%
}

#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name .choose-vip-item-prompt {
    position: absolute;
    width: 82px;
    height: 24px;
   background: linear-gradient(269.79deg,#ff4343 9.72%,#ff7a30 99.86%);
    border-radius: 5px 0;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    left: 0;
    top: 0
}

#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name .vip-name {
    color: #000;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 0px
}

#Jitheme_vips_cs2 .choose-vip-item-top .vip-item-top-name>p:nth-of-type(3) {
    color: #949292;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 10px
}

#Jitheme_vips_cs2 .buyOne-getOne {
    display: block;
    height: 24px;
    padding: 0px 10px;
    line-height: 24px;
    background: linear-gradient(90deg,var(--b2color),var(--b2color));
    border-radius: 0 12px 0 12px;
    position: absolute;
    top: -1px;
    right: 0px;
    text-align: center;
    font-size: 14px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);
    color: #fff;
    font-weight: 500;
    padding-right: 4px
}

#Jitheme_vips_cs2 .onecad_vips_title {
    padding: 10px 0px 10px 20px
}

#Jitheme_vips_cs2 .home-homevip-boxmks li {
    padding: 0px 20px
}

#Jitheme_vips_cs2 .home-homevip-boxmk {
    padding: 20px 20px 0px 20px
}

#Jitheme_vips_cs2 .vip-faq-list h2 {
    font-size: 16px;
    line-height: 16px
}

.home-homevip-boxmk {
    text-align: center;
    padding: 20px;
    overflow: hidden!important;
    position: relative;
}
.one-background-default {
    background-color: #fff;
}
.one-dongtai {
    transition: all 0.3s ease 0s;
}
 
.home-homevip-boxmks li em {
    margin-top: 0px;
}

.home-homevip-boxmks li em, .home-homevip-boxmks li em span p {
    display: flex;
    font-size: 14px;
    font-weight: 100;
}
.home-homevip-boxmks span {
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    font-weight: 600;
    margin-right: 3px;
}
.home-homevip-boxmks li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 13px;
    margin: 0 -20px;
    line-height: 45px;
    padding: 0px 15px;
    color: #333;
}
.home-homevip-boxmks li:nth-child(odd) {
    background-color: unset!important;
}
.home-homevip2-boxmk .an .jg em {
    font-size: 14px;
    font-weight: 400;
    margin-left: 3px;
    color: #777
}

.home-homevip-boxmk {
    text-align: center;
    padding: 20px;
    overflow: hidden!important;
    position: relative
}
.home-homevip2-boxmk {
    padding: 30px
}

.home-homevip2-boxmk .title {
}

.home-homevip2-boxmk .title i {
    display: block;
    font-size: 14px;
    line-height: 27px;
    background-color: #f0506e17;
    color: #f0506e;
    border-radius: 50px;
    width: 100px;
    text-align: center
}

.home-homevip2-boxmk .title span {
    font-size: 30px;
    margin-top: 20px;
    display: block;
    font-weight: bold;
    color: #333
}

.home-homevip2-boxmk .title p {
}

.home-homevip2-boxmk .i {
    width: 60px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    border-radius: 50px;
    display: inline-block;
    background: #fff;
    font-size: 30px !important;
    box-shadow: 0px 15px 60px rgba(54,127,255,0.1);
    transition: box-shadow .2s
}

.home-homevip2-boxmk:hover .i {
    box-shadow: 0 0 0 10px rgba(198,209,255,0.45),0 0 0 24px rgba(197,209,255,0.22);
    border-radius: 100%
}

.home-homevip2-boxmk .an {
    margin-top: 20px;
    height: 33px;
    line-height: 33px
}

.home-homevip2-boxmk .an a {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    width: 110px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    border-radius: 4px;
    background: var(--b2color)
}

.home-homevip2-boxmk .an .jg {
    font-size: 30px;
    font-weight: bold;
    color: #333
}
.home-homevip-boxmk:hover a {
    opacity: .8
}

.home-homevip-boxmks {
    padding: 20px 0px
}

.home-homevip-boxmks span {
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    font-weight: 600;
    margin-right: 3px
}

.home-homevip-boxmks li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 13px;
    margin: 0 -20px;
    line-height: 45px;
    padding: 0px 15px;
    color: #333
}

.home-homevip-boxmks li:last-child {
    margin-bottom: 0px
}

.home-homevip-boxmks li em,.home-homevip-boxmks li em span p {
    display: flex;
    font-size: 14px;
    font-weight: 100
}

.home-homevip-boxmks li em {
    margin-top: 0px
}

.home-homevip-boxmk img {
    height: 52px;
    display: block;
    margin: 0 auto 10px auto
}

.home-homevip-boxmktitle {
    text-align: center;
    position: relative;
    padding-bottom: 20px
}

.home-homevip-boxmktitle .price {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px
}

.home-homevip-boxmktitle .price strong {
    font-size: 43px;
    margin: 0 5px;
    font-weight: bolder!important
}

.home-homevip-boxmktitle p {
    font-size: 14px;
    line-height: 27px;
    background-color: var(--body-bg-color);
    color: var(--b2color);
    border-radius: 50px
}

.home-homevip-boxmktitle p span {
}

.one-dongtai:hover {
    transform: translateY(-3px);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px)
}

.one-dongtai {
    transition: all 0.3s ease 0s
}

@media screen and (max-width: 768px){
    
    #Onecad_vips .Onecad_vip_privilege_list{
        display:none;
    }
#Jitheme_vips_cs2 .vip-item {
    width: 100%;
    margin: 6px 16px!important;
    box-sizing: border-box;
}
#Onecad_vips .vip-top h2{
    margin:20px 20px;
}

}
/*极主题最新VIP美化结束*/

/*滚动条开始*/
::-webkit-scrollbar {
	display: block
}

::-webkit-scrollbar {
	width: 12px;
	height: 1px
}

::-webkit-scrollbar-thumb {
	background-color: #735925;
	background-image: -webkit-linear-gradient(45deg,#77c85a 25%,#03a9f4 25%,#9755c1 50%,#ff9800 50%,#ffeb3b 75%,#ff5722 75%,#ce7d61)
}
/*滚动条结束*/

/*米图子主题悬浮美化开始*/
.bar-mark{
    top:unset!important;
}
.mi-newtop {
    position: fixed;
    right: 16px;
    bottom: 32px;
    width: 44px;
    z-index: 1;
}
.aside-bar{
    width:0px;
}
.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;
}
/*米图子主题悬浮美化结束*/




/*文章列表页美化开始*/
@media (max-width:768px) {
    .top-menu ul li.depth-0.b2-menu-1.show .sub-menu,.top-menu ul li.depth-0.show .sub-menu{
        margin-top:10px;
    }
     .post-info .post-excerpt {
        padding:5px 5px!important;
    }
    
    
    .list-footer{
        display:none;
    }
    
      .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;
   
}
 
.post-info .post-list-cat-item:before {
    content: '#';
    line-height: 15px;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    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;
}
.item-in{
    background-image: linear-gradient(180deg, #fde1ff 0%, #FFFFFF 30%);
}
.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.1);
}
.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: #ff7819;
}
.mi-tips2{
    background-color: #21a7d3;
}
.mi-tips3{
    background-color: #b118ff;
}
.mi-tips4{
    background-color: #ff1883;
}
.mi-tips5 {
    background-color: #11d9aa;
}
.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:hover,.shop-normal-item-img a.link-block:hover,.shop-cats-in:hover{
    /* -webkit-transform:translateY(-5px);
	transform:translateY(-5px); */
	box-shadow:0 5px 5px rgba(0,0,0,0.1);
	transition: 0.9s ease-out all;
	background:rgba(0,0,0,0.5);
}
.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;
}
.home .post-list .b2_gap .post-list-item .item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
}
.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; */
}
.post-info span {
    height: 19px;
}
.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;
}*/
.item-in:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	box-shadow: 0 1rem 3rem rgba(31, 45, 61, .125);
}
.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 .search-button-action i{
    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: #ff7819!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;
}
.header-banner-left .menu li {
    margin-right: 38px;
}
.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;
}
/*登录new*/
.social-top .header-login-button button.mobile-hidden {
    margin-left: 0;
    background: none;
    border: 0;
    color: #ffff;
    /* background: rgb(204 204 204 / 21%); */
    background: var(--b2color)!important;
}
.social-top .header-login-button button {
    margin-left: 0;
    background: none;
    border: 0;
    color: inherit;
    background: rgb(204 204 204 / 0%);
}
.login-button button.empty {
    color: #fff;
}
.social-top .header-user {
    position: initial;
    right: 0;
    display: flex;
    width: 100px;
    justify-content: flex-end;
}
.wrapper .header-user {
    position: absolute;
    right: 0;
    display: flex;
    width: 100px;
    justify-content: flex-end;
}
/*搜索开始*/
 
    .footer-widget{width:calc(20% - 20px);float:left;text-align:left;margin:0 10px 20px;}

.normal-banner-right .change-theme {
    margin-right: 0;
    width: 79px;
    justify-content: end;
    margin-top: 60px;
}
 
.change-theme {
    display: flex;
    margin: 0 20px;
    align-items: center;
}

/*.header-banner-content > div {
    display: flex;
    align-items: center;
    line-height: 1;
    margin: 50px;
    width: 190px;
}*/
.header-banner-content > div {
    display: flex;
    align-items: center;
    line-height: 1;
}
.header-banner-left .menu li.current-menu-item a:after {
    height: 4px;
    border-radius: 2px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: #fd6e09;
    transform-origin: bottom center;
    top: 56px;
    width: 35px;
}
.social-top .header-logo {
    padding: 8px 0;
    margin-right: 20px;
}
/* LOGO居中*/
.logo-center .header-logo {
    padding: 0px 0;
    right: 100px;
    top: 21px;
}
/* 菜单居中*/
.menu-center .header-logo {
    padding: 0px 0;
    right: 100px;
    top: 21px;
    width:150px;
}
 
 
.change-theme button {
    margin-right: 16px;
    padding: 5px;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    line-height: 1;
    padding: 0;
    background: none;
    border: 0;
    color: inherit;
    margin-right: 0px;
}
.home .change-theme i{
    color: #fff;
}
.home .seek-bocksc i {
    color: #000;
}
.change-theme button i {
    font-size: 25px;
}
.normal-banner-right .header-login-button{
    margin-top: 63px;
}
.change-theme .mobile-hidden {
    position: relative;
    padding: 3px 12px 0 15px;
}
 
.social-top .change-theme .mobile-hidden {
    position: relative;
    padding: 0 20px 0 20px;
}
.social-top .micnt-viptip-header{
    margin-right: 40px;
}

.micnt_search_btn {
    text-align: center;
    line-height: 30px;
    border-radius: 100%;
    position: relative;
    line-height: 1;
    border: 0;
    background-color: #eee0;
}
.menu-center button#micnt_search_btnb, .logo-top button#micnt_search_btnb, .logo-left button#micnt_search_btnb, .logo-center button#micnt_search_btnb {
    padding: 0px 0px 0px 30px;
}
.top-search {
    position: relative;
    width: 300px;
}
#micnt_search_btnb.micnt_search_btn i {
    margin-left: -20px;
    font-size: 30px;
    font-weight: 500;
    color: #000;
    top: 3px;
    position: absolute;
}
.b2search {
    position: absolute;
    backdrop-filter: blur(5px);
    z-index: 9;
    top: 0px;
    display: none;
    /* display: flex; */
    width: 100%;
    height: 60px;
}
.social-top .b2search {
    left: 0;
}
.micnt_search {
    padding: 16px 0 0 0;
    /* position: absolute; */
    top: -70px;
    z-index: 9;
    display: flex;
    width: 22%;
    margin: auto;
    margin-top: -5px;
}
.top-search input {
    padding: 8px 37px 8px 8px;
    width: 180px;
    background: none;
    border: 0;
}
.b2-search-line:before {
    content: "\e86e";
}
/*button, .button {
    border-radius: 4px;
    color: #fff;
    padding: 7px 16px;
    transition: opacity .2s;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    white-space: nowrap;
}*/
.top-search-select {
    cursor: pointer;
    display: block;
    padding: 0 7px 0 16px;
    height: 19px;
    line-height: 19px;
    color: #676363;
    border-right: 1px solid #676363;
    /* color: inherit; */
}
.home .top-search form {
    display: flex;
    background-color: rgb(255 255 255 / 24%);
}
.home .scrolled .top-search form {
    display: flex;
    background-color: rgb(204 204 204/21%);
}
.b2font {
    font-family: "b2font" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* vip弹窗*/
.nav-drop-person-icons {
	position:relative;
	margin-right: 5px;
	/* width:48px; */
	display:flex;
	justify-content:center;
	height:53px;
}
.nav-drop-person-trcc {
	display:inline-block;
	width:32px;
	height:32px;
}
.nav-drop-person-title {
	font-size:12px;
	color:#4d3626;
	font-weight:600;
	position:absolute;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	white-space:nowrap;
}


.qg-label{
    position: absolute;
    top: -5px;
    right: -20px;
    width: 72px;
    height: 36px;
    background: linear-gradient(225deg, #FF317C 0%, #FF9934 100%);
    border-radius: 0px 10px 0px 10px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 14px;
    padding-top: 4px;
    box-sizing: border-box;
    text-align: center;
}
.micnt-vipscol .nav-drop-box {
	position:relative;
	padding-top:12px;
	font-weight:700;
	/*white-space:nowrap;*/
	text-align:center;
	margin-bottom:16px;
	width: 300px;
	box-sizing:border-box;
}
.micnt-vipscol .nav-drop-box .nav-drop-title {
	font-size:16px;
	line-height:22px;
	letter-spacing:0;
	font-weight:600;
	margin-bottom:4px;
}
.micnt-vipscol .nav-drop-box .nav-drop-desc {
	font-size:12px;
	letter-spacing:0;
	line-height:17px;
	font-weight:400;
}
.micnt-vipscol .nav-drop-person .nav-drop-box .nav-drop-title {
	height:25px;
	width:280px;
	margin-left:auto;
	margin-right:auto;
}
.micnt-vipscol.memberCard__expired___9de29 .nav-drop-box,.micnt-vipscol.memberCard__will-expired___3128d .nav-drop-box {
	background:hsla(0,0%,100%,.8);
	padding:16px 0;
	border-radius:8px;
}
.micnt-vipscol.memberCard__expired___9de29 {
	background:#dadde0;
}
.micnt-vipscol.memberCard__expired___9de29 .nav-drop-box .nav-drop-desc {
	color:#ff2b00;
}
.micnt-vipscol .nav-drop-ul-box {
	position:relative;
	width: 100%;
	box-sizing:border-box;
	border-radius:8px;
	margin-bottom:16px;
	white-space:nowrap;
	overflow:hidden;
}
.micnt-vipscol .nav-drop-ul-box li {
	/* display:inline-block; */
	float: left;
	width: 33%;
	margin: 10px 0;
}

.nav-drop-thbox {
	position:relative;
	left:0;
	transition:left .3s linear;
}
.micnt-viptip-header {
    margin-right: 35px;
    /* padding: 0px 50px; */
    position: relative;
    width: 25px;
    height: 25px;
	display: none;
}
.change-theme>a {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 72px;
    height: 24px;
    backdrop-filter: blur(13.5914px);
    mix-blend-mode: normal;
    opacity: .98;
    font-size: 14px;
    border-radius: 75px;
    font-weight: 600;
    display: inline-flex;
}
.micnt-viptip-header>i {
    position: absolute;
    top: -20px;
}
.micnt-viptip-header:hover .micnt-viptip[data-status=true] {
	display:block;
}
.micnt-viptip {
position: absolute;
    padding-top: 70px;
    margin-top: 240px;
    right: -84px;
    display: none;
    z-index: 8;
}
.micnt-viptip button.ktbutton{
    display: block;
    width: 150px;
    height: 38px;
    background: linear-gradient(27deg, #FFA846 0%, #FF814B 100%);
    border-radius: 19px;
    text-align: center;
    font-size: 16px;
    color: #FFF;
    line-height: 38px;
    margin-top: 10px;
    
}
.micnt-viptip .topup_text {
    margin-top: 21px;
    color: #707070;
    letter-spacing: 2px;
    font-size: 13px;
}
.micnt-viptip button.ktbutton:hover {
    background: linear-gradient(27deg, #FD9928 0%, #F56427 100%);
}
.micnt-viptip-header  i {
    font-style: normal;
    font-weight: 400;
}
body.night .top-user-info, body.silencemode .top-user-info {
    display: flex;
    padding: 0px 0 0 4px;
}
.user-tools {
    display: block;
    width: 34px;
    height: 34px;
}

.logo img {
    display: block;
    height: 35px;
}
 
 
 
/*菜单*/
.scrolled .ym-menu .sub-menu,.ym-menu .sub-menu {
    top: 58px;
    display: block;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 8%);
    padding: 10px 0;
    border-radius: 4px;
    left: -28px;
    display: none;
    width: 90px;
}

.ym-menu .sub-menu li a:hover {
    background-color: #f5f6f7;
    width: 100px;
}
 
    .header-banner-content {
    height: 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
}
.social-top .header-banner-content {
    height: 65px;
    position: relative;
}
.site-header .header-banner-content {
    height: 65px;
    position: relative;
}
.logo-center .header-banner,.logo-left .header-banner,.menu-center .header-banner,.logo-top .header-banner {
     display: none;
}

   
.site-header {
    height: 63px;
}
.logo-top .site-header {
    height: 70px;
}
.logo-top .mg-b {
    margin-bottom: 0;
}
.logo-top .logo-top .wrapper {
    flex-direction: column;
    align-items: inherit;
    height: auto;
    padding-top: 15px;
}
.logo-top #mobile-menu {
    position: absolute;
    right: 0;
    left: 0;
}
.header .login-button button {
    background-color: rgb(0 102 255 / 0%);
}
.site-header-in .header-login-button button.mobile-hidden {
    margin-left: 0;
    background: none;
    border: 0;
    
}
.site-header-in .header-login-button button.empty {
    margin-right: 0px;
}
.site-header-in .header-login-button button {
    margin-left: 0;
}
.top-menu ul li.depth-0 > a {
    font-size: 16px;
}


/*首页动态大图开始*/
.mi-search i{
    font-size:35px;
}
@media (max-width:768px) {
    .user-tools, .header-user .top-user-box, .top-user-avatar.avatar-parent {
    margin-top: 4px;
}
    .login-button{
    margin-top:6px;
    margin-right:10px;
}
    .change-theme>div a{
        margin-top:8px;
    }
    .change-theme>a,#micnt_search_btna{
        display:none;
    }
    .header-logo {
    margin-top:15px;
}
.home .change-theme i{
    color:#000;
}
 

.header-tools .header-logo{
    margin-top:0px!important;
}
    .header.header {
    height: 60px!important;
}
.header-tools {
    height: 60px;
}
.menu-icon {
    top: 15px;
}
    .home .top-menu-ul > li.depth-0 > a{
        color:#000!important;
    }
    .search-suggestions .hot-search-info{
        display:none;
    }
 
    .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:100%!important;
    }
    
    
}
.top-menu-ul > li.depth-0 + li.depth-0 > a .hob,.top-menu ul li.depth-0.has_children > a .hob{
    display:none;
}


.site-header-in .top-menu .info-tips {
    position: absolute;
    top: 0px;
    left: calc(4em);
    display: inline-block;
    padding: 3px 6px;
    background: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
    border-radius: 9px 9px 9px 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 12px;
    color: #fff;
}
.site-header-in .top-menu .new {
    position: absolute;
    top: 0px;
    left: calc(4em);
    display: inline-block;
    padding: 3px 6px;
    background: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
    border-radius: 9px 9px 9px 0;
    font-weight: 600;
    font-size: 11px;
    line-height: 12px;
    color: #fff;
}
 .home .top-menu-ul > li.depth-0 > a{
     color:#fff;
 }
 .home .scrolled .top-menu-ul > li.depth-0 > a{
     color:#000;
 }
 .home .scrolled .change-theme i {
    color: #000;
}
.home .scrolled #micnt_search_btnb.micnt_search_btn i{
    color:#000;
}
.home .header {
    background-color: #ffffff00;
}
.scrolled .header {
    background-color: #fff!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
}
.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{
    display: flex;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
     
    border-radius: 5px;
   
    margin-bottom: 20px;
}

.micntbg {
    display: flex;
    justify-content: space-evenly;
     
}
.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;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 1.2em;
    color: #757575;
}
.micntbg .mi-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    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;
}
/*头部导航和大图海报美化结束*/






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

@media (max-width:768px) {
    .mi-shome .mi-shome-item,.mi-shome .mi-shome-item:first-of-type{
        width:100%!important;
    }
 .mi-shome .mi-shome-wrap,.mi-home-author-entrance{
     width:100%!important;
 }   
    .mi-shome .mi-shome-wrap .mi-shome-seven-plus .mi-recommend-s-list .mi-shome-item .mi-cover{
        width:100%!important;
        height:240px!important;
    }
    
    
}
.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-shome .mi-shome-item:first-of-type{
    width: 50%;
    
}

.mi-shome .mi-shome-item{
    position: relative;
    float: left;
    width:  25%;
}
.mi-shome .mi-shome-item{
   padding:5px;
}

.mi-shome-item {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
}
.mi-shome-item .content-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}
.mi-shome .mi-shome-wrap .mi-shome-seven-plus .mi-recommend-s-list .mi-shome-item:first-of-type .mi-cover {
    position: relative;
    width: 100%;
    height: 295px;
    border-radius: var(--b2radius);
    cursor: pointer;
}
.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;
}
.mi-shome-item .s-recommend p {
    color: #999;
    font-size: 12px;
    line-height: 17px;
    height: 17px;
    margin-top: 2px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.mi-shome .mi-shome-wrap .mi-shome-seven-plus .mi-recommend-s-list .mi-shome-item .mi-cover {
    width: 100%;
    height: 120px;
    border-radius: 10px;
    position: relative;
}
.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;
}
/*随机推荐美化结束*/