body{
    --mian-max-width:1600px;
    --posts-card-scale:70%;
    --posts-list-scale:70%;
    --single-cover-scale:35%;
    --theme-color:#f04494;
    --focus-color:var(--theme-color);
    --focus-shadow-color:rgba(253, 83, 161, 0.4);
    --key-color:#333;
    --main-color:#4e5358;
    --main-shadow:rgba(116, 116, 116, 0.08);
    --muted-color:#777;
    --muted-2-color:#999;
    --muted-3-color:#b1b1b1;
    --body-bg-color:#f5f6f7;
    --main-bg-color:#fff;
    --muted-bg-color:#eee;
    --main-border-color:rgba(50, 50, 50, 0.06);
    --muted-border-color:rgba(0, 0, 0, 0.03);
    --main-radius:8px;
    --blur-bg:rgba(255, 255, 255, 0.8);
    --float-btn-bg:rgba(200, 200, 200, 0.4);
    --header-bg:var(--blur-bg);
    --header-color:var(--main-color);
    --footer-bg:var(--main-bg-color);
    --footer-color:var(--muted-2-color)
}
.dark-theme{
    --key-color:#f8fafc;
    --main-color:#e5eef7;
    --main-shadow:rgba(24, 24, 24, 0.1);
    --muted-color:#b4b6bb;
    --muted-2-color:#888a8f;
    --muted-3-color:#636469;
    --body-bg-color:#292a2d;
    --main-bg-color:#323335;
    --muted-bg-color:#2d2e31;
    --main-border-color:rgba(114, 114, 114, 0.1);
    --muted-border-color:rgba(184, 184, 184, 0.02);
    --blur-bg:rgba(50, 51, 53, 0.8);
    --float-btn-bg:rgba(70, 70, 70, 0.4);
    --header-bg:var(--blur-bg);
    --header-color:var(--main-color);
    --footer-bg:var(--main-bg-color);
    --footer-color:var(--muted-2-color)
}
@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){
    body{
        --blur-bg:#ffffff
    }
    body.dark-theme{
        --blur-bg:#37383a
    }
}
body.fps-accelerat{
    --blur-bg:#ffffff
}
body.fps-accelerat.dark-theme{
    --blur-bg:#37383a
}
body.fps-accelerat *{
    -webkit-backdrop-filter:unset!important;
    backdrop-filter:unset!important
}
.more-posts a>span,.relates-thumb li a>.post-info,a[href]{
    transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s
}
.main-shadow{
    transition:box-shadow .3s
}
.but:focus,.but:hover,.navbar-nav>li:before,.progress{
    transition:.3s
}
.hover-show .hover-show-con,.navbar-top .sub-menu,.theme-popover{
    opacity:0;
    transform:translateY(6px);
    transition:.4s
}
.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu,.navbar-top li:hover>.sub-menu{
    opacity:1;
    transform:translateY(0)
}
.hover-show{
    position:relative;
    cursor:pointer;
    z-index:10
}
.hover-show .hover-show-con{
    position:absolute;
    visibility:hidden
}
.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu{
    visibility:unset
}
.header{
    transition:background .5s
}
.ic-close,.match-ok,.navbar-top .sub-menu li>a{
    transition:.3s
}
.ic-close:hover{
    transform:rotate(270deg);
    color:inherit
}
.dosc-nav .fa,.item-thumbnail img,.social_loginbar a{
    transition:.2s ease-out
}
.hover-zoom-img:hover img,.hover-zoom:hover,.social_loginbar .social-login-item:hover,.social_loginbar .xh-social-item:hover{
    transform:scale(1.05)
}
.hover-zoom-img-sm:hover img,.hover-zoom-sm:hover,.posts-item.mult-thumb .thumb-items>span>img:hover,.posts-item:hover .item-thumbnail img,.posts-mini:hover img{
    transform:scale(1.02)
}
.main-min-height{
    min-height:calc(100vh - 280px)
}
.main-shadow{
    box-shadow:0 0 10px var(--main-shadow)
}
.key-color{
    color:var(--key-color)
}
.focus-color{
    --this-color:var(--focus-color);
    color:var(--focus-color)
}
.muted-color{
    color:var(--muted-color)
}
.muted-2-color{
    color:var(--muted-2-color)
}
.muted-3-color{
    color:var(--muted-3-color)
}
.main-bg{
    background:var(--main-bg-color)
}
.placeholder{
    background:linear-gradient(118deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
    opacity:1;
    border-radius:4px;
    -webkit-animation:placeholder 1.5s ease infinite!important;
    animation:placeholder 1.5s ease infinite!important;
    background-size:400% 100%!important
}
.placeholder.img{
    height:119px
}
.placeholder.t1{
    height:24px;
    width:80%
}
.placeholder.k1{
    height:20px;
    width:60%
}
.placeholder.k2{
    height:20px
}
.placeholder.k3{
    height:15px
}
.placeholder.s1{
    width:70px;
    height:15px;
    display:inline-block
}
@-webkit-keyframes placeholder{
    0%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
@keyframes placeholder{
    0%{
        background-position:100% 50%
    }
    100%{
        background-position:0 50%
    }
}
@-webkit-keyframes fade{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fade{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
.ani.shake{
    -webkit-animation:shake .3s ease-in!important;
    animation:shake .3s ease-in!important
}
@-webkit-keyframes shake{
    20%{
        transform:translateX(2px)
    }
    40%{
        transform:translateX(-4px)
    }
    60%{
        transform:translateX(5px)
    }
    80%{
        transform:translateX(3px)
    }
    to{
        transform:translateX(0)
    }
}
@keyframes shake{
    20%{
        transform:translateX(2px)
    }
    40%{
        transform:translateX(-4px)
    }
    60%{
        transform:translateX(5px)
    }
    80%{
        transform:translateX(3px)
    }
    to{
        transform:translateX(0)
    }
}
.container{
    position:relative
}
.radius4{
    border-radius:4px
}
.radius8{
    border-radius:var(--main-radius)
}
.radius{
    border-radius:100px
}
.px12{
    font-size:12px
}
.em12{
    font-size:1.2em
}
.em14{
    font-size:1.4em
}
.em16{
    font-size:1.6em
}
.em2x{
    font-size:2em
}
.em3x{
    font-size:3em
}
.em4x{
    font-size:4em
}
.em09{
    font-size:.9em
}
.font-bold{
    font-weight:700
}
.font-normal{
    font-weight:400
}
.this-font{
    font-size:var(--font-size);
    font-weight:var(--font-weight);
    color:var(--color)
}
.opacity3{
    opacity:.3
}
.but[disabled],.but[disabled]:hover,.opacity5{
    opacity:.5
}
.opacity8{
    opacity:.8
}
.smail,smail{
    font-size:.8em
}
*,:after,:before{
    outline:0!important
}
body{
    background-color:var(--body-bg-color);
    color:var(--main-color)
}
body.nav-fixed{
    padding-top:88px
}
img{
    max-width:100%;
    max-height:100%
}
svg{
    width:1em;
    height:1em;
    vertical-align:-.15em;
    fill:currentColor;
    overflow:hidden
}
dd,dl,dt,ol,ul{
    margin:0;
    padding:0
}
ul{
    list-style:none
}
.box-img,.drop-btn,.passw,.pointer,[href],a.but,botton{
    cursor:pointer
}
[disabled]{
    cursor:no-drop!important
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    vertical-align:middle;
    padding:10px;
    border-top-color:#eee
}
a{
    color:var(--main-color)
}
a:focus,a:hover{
    color:var(--focus-color);
    outline:0;
    text-decoration:none
}
input,textarea{
    -webkit-appearance:none
}
textarea{
    resize:vertical
}
textarea[autoheight]{
    resize:none;
    line-height:1.4;
    overflow:hidden
}
input[type=checkbox],input[type=radio]{
    border:1px solid var(--muted-3-color);
    border-radius:3px;
    background:var(--main-bg-color);
    clear:none;
    cursor:pointer;
    display:inline-block;
    line-height:0;
    height:1em;
    outline:0;
    padding:0!important;
    text-align:center;
    width:1em;
    min-width:1em;
    -webkit-appearance:none;
    box-shadow:inset 0 2px 2px rgba(0,0,0,.1);
    transition:border-color .3s,background .3s,opacity .2s;
    vertical-align:-.15em;
    position:relative
}
input[type=radio]{
    border-radius:50%
}
input[type=checkbox]::before{
    font-family:FontAwesome;
    content:'\f00c';
    opacity:0;
    color:#fff;
    position:absolute;
    top:50%;
    transform:translateY(-50%) scale(0);
    z-index:1;
    left:-5%;
    transition:.2s;
    text-align:center;
    width:100%
}
input[type=checkbox]:checked{
    background:var(--focus-color);
    border-color:var(--focus-color);
    box-shadow:none
}
input[type=checkbox]:checked::before{
    opacity:1;
    transform:translateY(-50%) scale(.7)
}
input[type=radio]::before{
    content:'';
    border-radius:50%;
    width:.5em;
    height:.5em;
    margin:.18em;
    background-color:var(--focus-color);
    line-height:1.14285714;
    float:left;
    opacity:0;
    transition:opacity .2s
}
input[type=radio]:checked::before{
    opacity:1
}
input[type=checkbox]:hover,input[type=radio]:hover{
    opacity:.8
}
input[type=radio]:checked,input[type=radio]:focus,input[type=radio]:hover{
    border-color:var(--focus-color)
}
input:-internal-autofill-previewed,input:-internal-autofill-selected{
    box-shadow:0 0 0 1000px var(--main-bg-color) inset!important;
    -webkit-text-fill-color:var(--main-color)!important
}
pre{
    background:0 0;
    border:none;
    color:var(--main-color)
}
button.null{
    background:0 0;
    border:none;
    margin:0;
    padding:0
}
hr{
    border-color:var(--main-border-color)
}
blockquote{
    padding:15px 20px;
    margin:0 0 20px;
    background-color:var(--muted-border-color);
    font-size:16px;
    line-height:20px;
    color:var(--muted-color);
    border-left:4px solid var(--main-border-color)
}
.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border-bottom-width:1px
}
.table-bordered,.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{
    border-color:var(--main-border-color)
}
.table.table-mini>*>*>td,.table.table-mini>*>*>th{
    padding:6px 10px
}
.toggle-theme{
    overflow:hidden
}
.css-icon{
    width:1em;
    height:1em;
    vertical-align:-.15em;
    display:inline-block;
    position:relative
}
.i-menu::after,.i-menu::before,.i-menu>i{
    content:'';
    position:absolute;
    width:1em;
    height:2px;
    background:var(--header-color);
    left:0;
    right:0;
    transition:.4s;
    border-radius:2px;
    bottom:.45em
}
.i-menu>i{
    right:.1em;
    width:.9em
}
.i-menu::before{
    bottom:.8em;
    right:.2em;
    width:.8em
}
.i-menu::after{
    bottom:.1em
}
.fa-toggle-theme::after,.fa-toggle-theme::before{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    height:1em;
    transition:.4s
}
.fa-toggle-theme::before{
    content:'\f185';
    transform:translateX(2em)
}
.fa-toggle-theme::after{
    content:'\f186'
}
.dark-theme .fa-toggle-theme::before{
    transform:unset
}
.dark-theme .fa-toggle-theme::after{
    transform:translateX(-2em)
}
.border-bottom{
    border-bottom:1px solid var(--main-border-color)
}
.document-nav>.panel-group>.cat-load::before,.icon-circle::before,.mobile-menus>li>a::before{
    content:'';
    width:.5em;
    height:.5em;
    border:.1em solid var(--focus-color);
    border-radius:1em;
    margin:0 .5em;
    vertical-align:.1em;
    display:inline-block
}
.ajax-option .option-items>a+a:before,.fcode-links>a+a:before,.icon-spot:before{
    content:'';
    width:4px;
    height:4px;
    margin:0 .5em;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle;
    background:var(--main-color);
    opacity:.3;
    vertical-align:.2em
}
.mb20,.theme-box{
    margin-bottom:20px
}
.box-bg{
    background:var(--main-bg-color);
    box-shadow:0 0 10px var(--main-shadow)
}
.zib-widget{
    clear:both;
    background:var(--main-bg-color);
    padding:15px;
    box-shadow:0 0 10px var(--main-shadow);
    border-radius:var(--main-radius);
    margin-bottom:20px
}
.muted-box{
    background:var(--muted-border-color);
    border-radius:var(--main-radius);
    padding:15px
}
.noshadow,.zib-widget-sm{
    box-shadow:none!important
}
.blur-bg{
    -webkit-backdrop-filter:saturate(5) blur(20px);
    backdrop-filter:saturate(5) blur(20px);
    background:var(--blur-bg)
}
.blur-5{
    -webkit-filter:blur(5px);
    filter:blur(5px)
}
.blur-10,.pay-gallery .blur-10{
    -webkit-filter:blur(10px);
    filter:blur(10px)
}
.lazyloaded{
    transition:.3s;
    --lazy-animation:lazy_blur
}
img.lazyloaded:not(.lazyloadafter){
    -webkit-animation:var(--lazy-animation) .6s;
    animation:var(--lazy-animation) .6s
}
@-webkit-keyframes lazy_blur{
    0%{
        -webkit-filter:blur(5px);
        filter:blur(5px)
    }
    100%{
        -webkit-filter:blur(0);
        filter:blur(0)
    }
}
@keyframes lazy_blur{
    0%{
        -webkit-filter:blur(5px);
        filter:blur(5px)
    }
    100%{
        -webkit-filter:blur(0);
        filter:blur(0)
    }
}
@-webkit-keyframes lazy_fade{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes lazy_fade{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes lazy_scale{
    0%{
        transform:scale(1.1)
    }
    80%{
        transform:unset
    }
}
@keyframes lazy_scale{
    0%{
        transform:scale(1.1)
    }
    80%{
        transform:unset
    }
}
.box-body,.box-header{
    padding:15px
}
.box-body.notop,.pagenav.notop,.zib-widget.notop{
    padding-top:0
}
.box-body.nobottom,.pagenav.nobottom,.zib-widget.nobottom{
    padding-bottom:0
}
.box-header+.box-body{
    padding-top:0
}
.title-theme{
    position:relative;
    padding-left:1.2em;
    font-size:15px
}
.title-theme small{
    font-size:80%;
    opacity:.7
}
.title-theme:before{
    position:absolute;
    content:'';
    width:4px;
    background:var(--theme-color);
    top:10%;
    left:2px;
    bottom:10%;
    border-radius:5px;
    box-shadow:1px 1px 3px -1px var(--theme-color)
}
.tab-nav-theme li,.title-h-center,.title-h-left,.wp-posts-content>h1.wp-block-heading,.wp-posts-content>h1:not([class]),.wp-posts-content>h2.wp-block-heading,.wp-posts-content>h2:not([class]),.wp-posts-content>h3.wp-block-heading,.wp-posts-content>h3:not([class]),.wp-posts-content>h4.wp-block-heading,.wp-posts-content>h4:not([class]),.zib-widget>h3{
    position:relative;
    padding-bottom:8px
}
.tab-nav-theme li:before,.title-h-center:before,.title-h-left:before,.wp-posts-content>h1.wp-block-heading:before,.wp-posts-content>h1:not([class]):before,.wp-posts-content>h2.wp-block-heading:before,.wp-posts-content>h2:not([class]):before,.wp-posts-content>h3.wp-block-heading:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.wp-block-heading:before,.wp-posts-content>h4:not([class]):before,.zib-widget>h3:before{
    transition:.4s;
    transform-origin:left;
    position:absolute;
    content:'';
    width:40px;
    height:3px;
    background:var(--theme-color);
    left:0;
    bottom:3px;
    border-radius:5px;
    box-shadow:1px 1px 3px -1px var(--theme-color)
}
.tab-nav-theme li:before,.title-h-center:before,.wp-posts-content>h1.has-text-align-center:before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h4.has-text-align-center:before{
    left:0;
    right:0;
    margin:auto;
    transform-origin:center
}
.wp-posts-content>h1.has-text-align-right:before,.wp-posts-content>h2.has-text-align-right:before,.wp-posts-content>h3.has-text-align-right:before,.wp-posts-content>h4.has-text-align-right:before{
    left:auto;
    right:0;
    transform-origin:right
}
.wp-posts-content>h3.wp-block-heading:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.wp-block-heading:before,.wp-posts-content>h4:not([class]):before{
    width:25px!important;
    height:2px!important
}
.wp-posts-content>h1.wp-block-heading:hover::before,.wp-posts-content>h2.wp-block-heading:hover::before,.wp-posts-content>h3.wp-block-heading:hover::before,.wp-posts-content>h4.wp-block-heading:hover::before{
    transform:scaleX(1.3)
}
.title-h-center:hover:before,.title-h-left:hover:before{
    width:60px
}
.tab-nav-theme{
    border-bottom:1px solid var(--main-border-color);
    padding-bottom:6px;
    margin:8px 0 5px;
    list-style:none
}
.swiper-wrapper li,.tab-nav-theme li,.tab-nav-theme ul{
    list-style:none
}
.tab-nav-theme li:before{
    width:20px;
    height:2px;
    bottom:5px;
    opacity:0
}
.tab-nav-theme li.active::before,.tab-nav-theme li.swiper-slide-thumb-active::before{
    opacity:1
}
.tab-nav-theme li.active a{
    color:var(--focus-color)
}
.tab-nav-theme.mini-scrollbar>li,.tab-nav-theme.swiper-wrapper>li{
    padding-left:5px;
    margin:0;
    padding-right:5px;
    line-height:1.4
}
.tab-nav-but.list-inline{
    margin:0 -3px 10px -3px
}
.tab-nav-but li{
    padding:0 3px
}
.tab-nav-but li.active .but{
    --this-bg:var(--focus-color);
    --this-color:#fff
}
.index-tab ul>li{
    display:inline-block;
    padding:2px 11px;
    font-weight:500;
    border-radius:20px;
    margin:0 1px
}
.index-tab ul>li.active{
    background:var(--focus-color);
    --main-color:#fff
}
.index-tab ul>li.active a{
    color:#fff!important
}
.index-tab.rectangular ul>li{
    padding:4px 10px;
    border-radius:4px;
    margin:0 4px
}
.index-tab.rectangular ul>li:first-of-type{
    margin-left:0
}
.index-tab.rectangular ul>li:last-of-type{
    margin-right:0
}
.index-tab.rectangular ul>li:not(.active){
    background:var(--main-bg-color);
    --main-color:var(--muted-color)
}
.splitters-this-l,.splitters-this-r,.splitters>li+li{
    position:relative
}
.splitters-this-l,.splitters-this-r:before,.splitters>li+li:before{
    content:'';
    width:1px;
    height:1.1em;
    position:absolute;
    display:inline-block;
    background:var(--main-color);
    left:-1px;
    top:50%;
    opacity:.2!important;
    transform:translateY(-50%)
}
.splitters-this-r:before{
    left:auto;
    right:0
}
.horizontal-line{
    width:100%;
    display:inline-block;
    height:1px;
    background:var(--main-border-color);
    transform:translateY(1.25em)
}
.loading,.notyf.load::before,.swiper-lazy-preloader{
    content:'';
    width:.7em;
    height:.7em;
    display:inline-block;
    border:.1em solid transparent;
    border-radius:50%;
    border-top-color:var(--this-color);
    border-bottom-color:var(--this-color);
    -webkit-animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite;
    animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite
}
.loading-spot{
    height:1em;
    --this-bg:var(--muted-2-color)
}
.loading-spot.zts{
    height:1em;
    --this-bg:var(--focus-color)
}
.loading-spot::after,.loading-spot::before,.loading-spot>*{
    content:'';
    display:inline-block;
    width:0;
    height:0;
    border-radius:5px;
    margin:1.5px;
    -webkit-animation:ball-pulse-sync .8s infinite ease-in-out;
    animation:ball-pulse-sync .8s infinite ease-in-out;
    -webkit-animation-delay:0s;
    animation-delay:0s;
    border:2px solid
}
.loading-spot>*{
    -webkit-animation-delay:.15s;
    animation-delay:.15s
}
.loading-spot::after{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
@-webkit-keyframes ball-pulse-sync{
    33%{
        transform:translateY(4px)
    }
    66%{
        transform:translateY(-4px)
    }
    to{
        transform:translateY(0)
    }
}
@keyframes ball-pulse-sync{
    33%{
        transform:translateY(4px)
    }
    66%{
        transform:translateY(-4px)
    }
    to{
        transform:translateY(0)
    }
}
@-webkit-keyframes huan-rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
@keyframes huan-rotate{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.swiper-lazy-preloader{
    font-size:50px;
    position:absolute;
    --this-color:#fff;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.loading.zts{
    --this-color:var(--theme-color)
}
.line-form,.relative{
    position:relative
}
.relative-h{
    overflow:hidden;
    position:relative
}
.avatar,.fit-cover,.radius-cover{
    width:100%;
    height:100%;
    transition:all .2s;
    overflow:hidden;
    -o-object-fit:cover;
    object-fit:cover
}
.fit-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.progress{
    background-color:transparent;
    z-index:-1;
    box-shadow:0 0
}
.progress .progress-bar{
    box-shadow:0 0
}
.progress.progress-abs-bottom{
    height:5px;
    bottom:0;
    top:auto;
    margin:0;
    z-index:1;
    border-radius:0;
    background:rgba(0,0,0,.2)
}
.avatar,.radius-cover{
    border-radius:100px;
    display:inline-block
}
.avatar-img,.avatar-lg,.avatar-mini,.square-box{
    position:relative;
    display:inline-block;
    flex-shrink:0;
    --this-size:38px;
    width:var(--this-size);
    height:var(--this-size)
}
.avatar-lg{
    --this-size:80px
}
.avatar-mini{
    --this-size:20px
}
.name-badge{
    width:auto!important;
    height:1.2em!important;
    display:inline-block;
    vertical-align:-.2em;
    margin-left:5px
}
.avatar-badge,.swiper-slide img.avatar-badge{
    width:calc(var(--this-size)/ 2.5);
    height:calc(var(--this-size)/ 2.5);
    max-width:25px;
    max-height:25px;
    min-width:10px;
    min-height:10px;
    position:absolute;
    right:-1px;
    bottom:-1px;
    overflow:hidden
}
.avatar-lg .avatar-badge{
    right:0;
    bottom:0
}
.blur *{
    border-radius:0
}
badge{
    font-size:.8em;
    line-height:1.2;
    padding:.1em .4em;
    min-width:.8em;
    min-height:.8em;
    display:inline-block;
    vertical-align:.1em;
    border-radius:50px;
    background:var(--this-bg);
    color:var(--this-color);
    top:5px;
    --this-color:#fff;
    text-align:center;
    --this-bg:#fe3459;
    z-index:1
}
badge.badge-bw{
    min-width:1.5em
}
badge.b-black{
    --this-bg:rgba(0, 0, 0, 0.2)
}
badge.radius4{
    border-radius:4px
}
badge.abs-tr{
    position:absolute;
    left:auto;
    top:-5px;
    right:-5px
}
badge.spot.abs-tr{
    top:2px;
    right:1px
}
badge.badge-essence,badge.badge-topping{
    width:1.4em;
    padding:0;
    line-height:1.4em;
    border-radius:.45em 2px
}
.img-badge{
    position:absolute;
    top:.6em;
    right:0;
    border-radius:50px 0 0 50px;
    text-shadow:none;
    box-shadow:0 1px 5px rgba(0,0,0,.2);
    z-index:1;
    padding:.2em .6em
}
.img-badge.hot{
    padding:.25em .6em
}
.img-badge.left{
    left:0;
    border-radius:0 50px 50px 0;
    right:auto
}
.img-badge.top{
    top:0;
    padding:.3em .2em .2em .2em;
    border-radius:0 0 50px 50px;
    line-height:1.4;
    right:1em
}
.img-badge.badge-status{
    width:60px;
    box-shadow:none;
    margin:10px 15px;
    opacity:.8;
    z-index:0
}
.img-icon,.wp-posts-content .img-icon{
    height:1.1em;
    max-width:6em;
    vertical-align:-.15em;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    display:inline-block
}
.badg,.but,.post-page-numbers{
    border-radius:4px;
    display:inline-block;
    border-radius:4px;
    transition:.15s;
    border:1px solid var(--this-border);
    vertical-align:middle;
    padding:.3em .6em;
    text-align:center;
    font-weight:400;
    box-shadow:var(--this-shadow);
    background:var(--this-bg);
    color:var(--this-color);
    --main-color:var(--this-color);
    --this-bg:rgba(136, 136, 136, 0.1);
    --this-border:transparent;
    --this-shadow:none;
    --this-color:#888;
    text-shadow:0 0 0;
    line-height:1.44
}
.but a{
    color:inherit
}
.but.pw-1em{
    padding-right:1em;
    padding-left:1em
}
.but .icon,.but>.fa{
    margin-right:.25em
}
.badg.radius,.but.radius,.radius>.but{
    border-radius:50px;
    padding:.3em 1em
}
.badg.p2-10,.but.p2-10,badge.p2-10{
    padding:2px 10px
}
.badg.hollow,.but.hollow{
    background:0 0;
    --this-border:var(--this-color)
}
.badg.hollow[class*=b-],.but.hollow[class*=b-]{
    background:0 0;
    --this-border:var(--this-bg);
    --this-color:var(--this-bg)
}
.but:focus,.but:hover{
    opacity:.8;
    color:var(--this-color)
}
.but:active{
    --this-shadow:inset 0 2px 3px rgba(0, 0, 0, 0.08)
}
.but.hollow:hover{
    background:var(--this-bg)
}
.but.hollow[class*=b-]:hover{
    color:#fff
}
.but.hollow.c-white:hover{
    background:0 0;
    --this-color:var(--focus-color);
    color:var(--focus-color)
}
.hollow-radio{
    padding:10px;
    border:1px solid var(--main-border-color);
    border-radius:4px;
    text-align:center
}
.hollow-radio.active{
    border-color:var(--focus-color)
}
.badg.cir,.but.cir,.circular{
    padding:0;
    border-radius:5em;
    --this-size:1.8em;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    height:var(--this-size);
    min-width:var(--this-size)
}
.badg.cir.radius4,.but.cir.radius4,.circular.radius4{
    border-radius:4px
}
.but.cir svg.icon,.but.cir>.fa{
    margin:0
}
.but-group>.but{
    border-radius:0;
    margin:0
}
.but-group>.but:last-of-type{
    border-radius:0 4px 4px 0
}
.but-group>.but:first-of-type{
    border-radius:4px 0 0 4px
}
.but-average{
    display:flex;
    border-radius:4px;
    overflow:hidden
}
.but-average.inline{
    display:inline-flex
}
.but-average.radius{
    border-radius:100px
}
.but-average>.but{
    margin:0!important;
    border-radius:0;
    width:100%
}
.but-average>.but.active{
    --this-bg:var(--focus-color-opacity1);
    --this-color:var(--focus-color)
}
.badg.badg-sm,.but.badg-sm{
    font-size:.8em;
    padding:0 .2em;
    vertical-align:.1em;
    min-width:1.6em
}
.but.but-sm{
    font-size:.9em;
    padding:.1em .4em;
    vertical-align:.05em
}
.active.badg,.active>.badg:not(.vip-tag){
    --this-bg:var(--focus-color);
    --this-color:#fff
}
.padding-6{
    padding:6px
}
.padding-h6{
    padding-top:6px;
    padding-bottom:6px
}
.padding-w6{
    padding-left:6px;
    padding-right:6px
}
.padding-10{
    padding:10px
}
.padding-h10{
    padding-top:10px;
    padding-bottom:10px
}
.padding-w10{
    padding-left:10px;
    padding-right:10px
}
.p-b6{
    padding-bottom:6px
}
.line-16{
    line-height:1.6
}
.line-18{
    line-height:1.8
}
.badg.badg-lg,.but.padding-lg,.padding-lg{
    padding:.5em 2em
}
.toggle-radius{
    background:var(--this-bg);
    width:29px;
    height:29px;
    display:inline-block;
    text-align:center;
    border-radius:100%;
    position:relative;
    vertical-align:text-top;
    --this-bg:var(--main-border-color)
}
.toggle-radius .fa,.toggle-radius .icon{
    right:0!important;
    left:0!important;
    margin:auto
}
.b-blue,.b-blue-2,.b-cyan,.b-gray,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{
    color:var(--this-color);
    background:var(--this-bg);
    --this-color:#fff
}
.jb-blue,.jb-cyan,.jb-green,.jb-pink,.jb-purple,.jb-red,.jb-vip1,.jb-vip2,.jb-yellow{
    border:none
}
.b-theme{
    --this-bg:var(--focus-color)
}
.b-gray{
    --this-bg:#818b95
}
.b-red{
    --this-bg:#ff5473
}
.b-yellow{
    --this-bg:#ff6f06
}
.b-cyan{
    --this-bg:#08c4c1
}
.b-blue{
    --this-bg:#2997f7
}
.b-blue-2{
    --this-bg:#5c7cff
}
.b-green{
    --this-bg:#12b928
}
.b-purple{
    --this-bg:#d448f5
}
.c-blue,.c-blue-2,.c-cyan,.c-gray,.c-green,.c-green-2,.c-purple,.c-purple-2,.c-red,.c-red-2,.c-theme,.c-white,.c-yellow,.c-yellow-2{
    color:var(--this-color)
}
.c-theme{
    --this-color:var(--focus-color);
    --this-bg:var(--focus-color-opacity1)
}
.c-gray{
    --this-color:#888;
    --this-bg:rgba(136, 136, 136, 0.1)
}
.c-white{
    --this-color:#fff;
    --this-bg:rgba(255, 255, 255, 0.1)
}
.c-red{
    --this-color:#ff5473;
    --this-bg:rgba(255, 84, 115, 0.1)
}
.c-red-2{
    --this-color:#d6064c;
    --this-bg:rgba(194, 41, 46, 0.1)
}
.c-yellow{
    --this-color:#ff6f06;
    --this-bg:rgba(255, 111, 6, 0.1)
}
.c-yellow-2{
    --this-color:#c58516;
    --this-bg:rgba(179, 103, 8, 0.1)
}
.c-blue{
    --this-color:#2997f7;
    --this-bg:rgba(41, 151, 247, 0.1)
}
.c-blue-2{
    --this-color:#5c7cff;
    --this-bg:rgba(77, 130, 249, 0.1)
}
.c-cyan{
    --this-color:#04b9b6;
    --this-bg:rgba(8, 196, 193, 0.1)
}
.c-green{
    --this-color:#18a52a;
    --this-bg:rgba(18, 185, 40, 0.1)
}
.c-green-2{
    --this-color:#6a933e;
    --this-bg:rgba(72, 135, 24, 0.1)
}
.c-purple{
    --this-color:#e434e1;
    --this-bg:rgba(213, 72, 245, 0.1)
}
.c-purple-2{
    --this-color:#8e4aff;
    --this-bg:rgba(154, 72, 245, 0.1)
}
.pay-tag,.vip-tag:not(.badg){
    --this-color:#fff;
    --this-bg:linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)
}
.pay-tag.badg-sm{
    border:0;
    padding:1px 4px
}
.jb-red,.order-type-9 .pay-tag{
    --this-bg:linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%)
}
.jb-pink,.order-type-2 .pay-tag{
    --this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)
}
.jb-yellow,.order-type-3 .pay-tag{
    --this-bg:linear-gradient(135deg, #f59f54 10%, #ff6922 100%)
}
.jb-blue,.order-type-7 .pay-tag{
    --this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)
}
.jb-cyan{
    --this-bg:linear-gradient(140deg, #039ab3 10%, #58dbcf 90%)
}
.jb-green,.order-type-5 .pay-tag{
    --this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)
}
.jb-purple,.order-type-6 .pay-tag{
    --this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)
}
.jb-vip1,.order-type-4 .pay-tag{
    --this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
    --this-color:#866127
}
.jb-vip2,.order-type-8 .pay-tag{
    --this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);
    --this-color:#ddd
}
.colorful-bg,.modal-colorful-header{
    background-size:120%;
    overflow:hidden;
    position:relative;
    color:var(--this-color);
    background:var(--this-bg)
}
.colorful-bg>.colorful-make,.colorful-bg>.colorful-make::after,.colorful-bg>.colorful-make::before{
    position:absolute;
    color:var(--this-color);
    background:var(--this-bg);
    border-radius:100%;
    content:' '
}
.colorful-bg>.colorful-make{
    bottom:0;
    height:290px;
    width:323px;
    top:60%
}
.colorful-bg>.colorful-make::before{
    right:-558px;
    bottom:0;
    height:300px;
    width:677px;
    top:-325px;
    transform:rotate(341deg);
    opacity:.6
}
.colorful-bg>.colorful-make::after{
    left:-262px;
    bottom:0;
    height:214px;
    width:402px;
    top:-170px;
    transform:rotate(326deg);
    opacity:.4
}
.colorful-bg>.colorful-make+*{
    position:relative
}
.modal-colorful-header{
    border-radius:var(--main-radius) var(--main-radius) 0 0;
    background-size:120%;
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:120px;
    display:flex;
    align-items:center;
    justify-content:center
}
.modal-colorful-header+*{
    margin-top:120px
}
.modal-colorful-header>.close{
    position:absolute;
    right:10px;
    top:10px;
    color:var(--this-color);
    opacity:.6;
    font-size:18px;
    z-index:9
}
.change-show,.enlighter-origin,.enlighter-raw,.hide{
    display:none
}
.fixed-body{
    position:fixed;
    top:0;
    right:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    visibility:hidden;
    background:rgba(24,25,27,.8);
    opacity:0;
    transition:.3s
}
.popover{
    background:var(--main-bg-color);
    box-shadow:0 0 10px 5px var(--main-shadow);
    padding:0
}
.popover-title{
    background:var(--muted-border-color);
    border:0!important
}
.popover.top>.arrow:after{
    border-top-color:var(--main-bg-color)!important
}
.popover.right>.arrow::after{
    border-right-color:var(--main-bg-color)!important
}
.popover.bottom>.arrow::after{
    border-bottom-color:var(--main-bg-color)!important
}
.popover.left>.arrow::after{
    border-left-color:var(--main-bg-color)!important
}
.affix{
    position:fixed
}
.sidebar-affix,.sidebar-affix~*{
    transition:opacity .3s
}
.sidebar-affix.affix-bottom~*,.sidebar-affix.affix~*{
    opacity:0
}
.sidebar-affix.affix,.sidebar-affix.affix-top{
    position:fixed
}
.sidebar-affix.affix-top{
    opacity:0;
    z-index:-999
}
.sidebar-affix.affix-bottom{
    position:absolute
}
.scroll-x,.scroll-y{
    -webkit-overflow-scrolling:touch;
    overflow:hidden;
    overflow-x:auto
}
.scroll-x{
    white-space:nowrap
}
.scroll-y{
    overflow-x:hidden;
    overflow-y:auto
}
.enlighter,.mini-scrollbar,.no-scrollbar{
    -ms-overflow-style:none;
    overflow:-moz-scrollbars-none;
    scrollbar-width:thin
}
.enlighter::-webkit-scrollbar,.mini-scrollbar::-webkit-scrollbar{
    width:3px;
    height:3px
}
.mini-scrollbar::-webkit-scrollbar-track{
    border-radius:10px
}
.mini-scrollbar::-webkit-scrollbar-thumb{
    border-radius:10px;
    background:rgba(0,0,0,0)
}
.mini-scrollbar:hover::-webkit-scrollbar-thumb{
    background:rgba(146,146,146,.3)
}
.mini-scrollbar::-webkit-scrollbar-thumb:hover{
    background:rgba(145,145,145,.7)
}
.mini-scrollbar::-webkit-scrollbar-thumb:window-inactive{
    background:rgba(146,146,146,.1)
}
.no-scrollbar::-webkit-scrollbar{
    display:none
}
.no-scrollbar{
    overflow:-moz-scrollbars-none;
    scrollbar-width:none
}
.scroll-x-next,.scroll-x-prev{
    position:absolute;
    top:50%;
    width:1.6em;
    height:1.6em;
    margin-top:-.8em;
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    transition:.2s;
    opacity:1;
    justify-content:center;
    background:var(--main-bg-color);
    border-radius:40px;
    box-shadow:0 0 4px 0 rgba(0,0,0,.1);
    opacity:.9
}
.scroll-x-next{
    right:0
}
.scroll-x-next:hover,.scroll-x-prev:hover{
    opacity:1;
    color:var(--focus-color)
}
.scroll-x-next::after,.scroll-x-prev::after{
    font:normal normal normal 12px/1 FontAwesome
}
.scroll-x-next::after{
    content:'\f054'
}
.scroll-x-prev::after{
    content:'\f053'
}
.form-control{
    border-color:transparent;
    background:var(--body-bg-color);
    color:var(--main-color);
    box-shadow:none;
    transition:border-color ease-in-out .15s,background ease-in-out .15s,box-shadow ease-in-out .15s,opacity ease-in-out .3s
}
select.form-control{
    -webkit-appearance:none;
    cursor:pointer
}
.form-control:focus{
    border-color:var(--focus-color);
    box-shadow:0 0 2px 3px var(--focus-shadow-color)
}
.form-control:hover{
    border-color:var(--focus-color);
    opacity:.8
}
.form-control[disabled]{
    background:var(--body-bg-color);
    opacity:.5
}
.form-right-icon .form-control{
    padding-right:2em
}
.screen-reader-text{
    display:none
}
.form-right-icon,.form-select{
    position:relative
}
.form-select::before{
    font:normal normal normal 14px/1 FontAwesome;
    content:'\f107';
    opacity:.5
}
.form-but-radio input{
    display:none
}
.form-but-radio label{
    cursor:pointer
}
.form-but-radio input:checked+.but-radio{
    --this-bg:var(--focus-color);
    --this-color:#fff
}
.form-switch{
    border-radius:100px;
    width:46px;
    height:26px;
    transition:.3s;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    background:rgba(189,189,189,.4)
}
.form-switch::after{
    content:'';
    width:22px;
    height:22px;
    border-radius:100px;
    top:2px;
    left:2px;
    position:absolute;
    background:#fff;
    transition:.3s;
    box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.form-switch:active::after{
    width:30px
}
input:checked~.form-switch:active::after{
    width:30px;
    left:14px
}
input:checked~.form-switch{
    background:#4fb845
}
input:checked~.form-switch::after{
    left:22px
}
input+.limit-warning{
    display:inline-block;
    padding:4px 8px;
    border-radius:4px;
    background:#ff5473;
    color:#fff;
    line-height:1;
    margin:6px 0;
    position:absolute;
    bottom:-101%;
    font-size:12px;
    z-index:1
}
input+.limit-warning::before{
    content:'\f05a';
    font:normal normal normal 12px/1 FontAwesome;
    text-rendering:auto;
    margin-right:5px
}
input+.limit-warning::after{
    content:' ';
    display:inline-block;
    width:8px;
    height:8px;
    background:#ff5473;
    position:absolute;
    top:-3px;
    transform:rotate(45deg);
    left:9px;
    border-radius:2px 0 10px 0
}
input+.limit-warning.top{
    bottom:auto;
    top:-101%
}
input+.limit-warning.top::after{
    top:auto;
    bottom:-3px;
    transform:rotate(225deg)
}
.dropdown-menu{
    border-color:transparent;
    background:var(--main-bg-color);
    --this-color:var(--main-color);
    color:var(--this-color);
    box-shadow:0 0 10px 8px var(--main-shadow);
    min-width:100px;
    opacity:0;
    transform:translateY(6px);
    transition:.3s;
    display:block;
    margin-top:6px;
    visibility:hidden;
    list-style:none!important;
    z-index:992
}
.dropdown-menu.column-2{
    width:269px
}
.dropdown-menu.column-2>li{
    display:inline-block;
    width:50%
}
.dropdown-menu.fluid{
    right:0
}
.dropup{
    position:relative
}
.drop-select{
    transition:box-shadow .2s
}
.drop-select.open .dropdown-menu{
    box-shadow:0 0 100px 8000px rgba(0,0,0,.1)
}
.dropup .dropdown-menu{
    bottom:100%;
    margin-bottom:6px;
    transform:translateY(-6px)
}
.focus-show:focus~.dropdown-menu,.open>.dropdown-menu{
    visibility:unset;
    opacity:1;
    transform:translateY(0)
}
.dropdown-menu>li>a{
    color:var(--this-color);
    padding:6px 20px;
    text-shadow:none
}
.dropdown-menu>li>a>.fa,.dropdown-menu>li>a>svg{
    width:1.28571429em;
    text-align:center
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    color:var(--focus-color);
    background:var(--muted-border-color)
}
.dropdown-menu>.active>a:hover{
    opacity:.7
}
.dropdown-menu .divider{
    background-color:var(--muted-border-color)
}
.dropdown-smilie{
    width:260px;
    height:300px;
    padding:8px 10px;
    white-space:inherit;
    text-align:center
}
.dropdown-smilie .smilie-icon{
    display:inline-block;
    padding:3px;
    width:38px!important
}
.dropdown-quick-often{
    width:260px
}
.dropdown-quick-often .scroll-y{
    max-height:280px
}
.dropdown-quick-often .list-inline{
    padding:0 10px!important
}
.quick-reply-item{
    padding:6px 0;
    color:var(--muted-color);
    margin:0 10px
}
.quick-reply-item+.quick-reply-item{
    border-top:1px solid var(--main-border-color)
}
.quick-reply-item.quick-active{
    border-radius:8px;
    border:1px solid var(--focus-shadow-color);
    padding:7px;
    box-shadow:0 0 10px 0 var(--focus-shadow-color);
    margin:0 5px
}
.quick-reply-item.quick-active .quick-reply-action{
    margin:-7px;
    margin-top:7px
}
.quick-reply-action .modal-buts.but-average{
    margin:0!important
}
.quick-reply-action .modal-buts.but-average>.but{
    padding:5px
}
.dropdown-code,.dropdown-image{
    width:250px;
    padding:8px 10px
}
span.dropdown,span.dropup{
    display:inline-block
}
.dropdown-menu.right{
    right:0;
    left:auto
}
.dropdown-menu.right::before{
    left:auto;
    right:12px
}
.navbar-form{
    box-shadow:none
}
.list-inline{
    margin-left:0
}
.list-inline>li{
    vertical-align:middle
}
.list-group-item:first-child{
    border-top-left-radius:var(--main-radius);
    border-top-right-radius:var(--main-radius)
}
.list-group-item:last-child{
    margin-bottom:0;
    border-bottom-right-radius:var(--main-radius);
    border-bottom-left-radius:var(--main-radius)
}
.list-group-item{
    background-color:var(--main-bg-color);
    border-color:var(--muted-border-color);
    color:var(--main-color)
}
a.list-group-item{
    color:var(--main-color)
}
a.list-group-item:focus,a.list-group-item:hover{
    background-color:var(--body-bg-color);
    border-color:var(--main-border-color);
    color:var(--focus-color)
}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{
    background-color:transparent;
    border-color:transparent
}
.modal{
    padding-right:0!important
}
.modal-title{
    font-size:16px
}
.modal-content{
    border-radius:var(--main-radius);
    background:var(--main-bg-color);
    border:none
}
.modal-footer,.modal-header{
    border-color:var(--main-border-color)
}
.modal.fade .modal-dialog{
    transform:scale(.9);
    transition:transform .5s cubic-bezier(.32,.85,.45,1.18),width .3s
}
.modal.in .modal-dialog{
    transform:scale(1)
}
.modal.in+*+*+.modal,.modal.in+*+.modal{
    background:0 0;
    transition:.3s
}
.modal.in+*+*+.modal.in,.modal.in+*+.modal.in{
    background:rgba(0,0,0,.4)
}
.modal-backdrop~.modal-backdrop,.modal.in+*+*+.modal.in+.modal-backdrop,.modal.in+*+.modal.in+.modal-backdrop{
    opacity:0!important
}
.modal-dialog .loading-mask{
    z-index:1
}
.modal-dialog.modal-sm,.modal-mini{
    width:300px;
    max-width:calc(100% - 20px);
    margin-left:auto;
    margin-right:auto
}
.modal-mini{
    width:400px
}
.modal-buts .but,.modal-footer .but{
    padding:.3em 1em
}
.modal-buts .but+.but,.modal-dialog .pull-right .but,.modal-footer .but+.but{
    margin-left:.5em;
    margin-right:unset
}
.modal.flex .modal-dialog{
    max-width:calc(100% - 20px);
    margin:0
}
.modal.flex .modal-content{
    max-height:calc(100vh - 20px);
    overflow:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch
}
.modal.bottom.flex{
    align-items:flex-end;
    overflow:hidden;
    height:100%;
    opacity:1
}
.modal.bottom .modal-dialog{
    transform:translateY(125%);
    transition:.4s;
    margin-bottom:10px;
    margin-bottom:calc(10px + constant(safe-area-inset-bottom));
    margin-bottom:calc(10px + env(safe-area-inset-bottom))
}
.modal.bottom .modal-dialog .modal-content{
    box-shadow:0 -10px 50px rgba(0,0,0,.15)
}
.modal.bottom.in .modal-dialog{
    transform:translateY(0);
    transition:.8s cubic-bezier(.28,.9,.34,.99)
}
.modal .touch-close{
    position:absolute;
    top:-24px;
    width:100%
}
.modal .touch-close::before{
    content:' ';
    width:40px;
    height:4px;
    display:block;
    background:var(--muted-3-color);
    border-radius:10px;
    margin:15px auto;
    opacity:.8
}
.modal-buts.but-average{
    border-top:1px solid var(--main-border-color);
    border-radius:0 0 var(--main-radius) var(--main-radius)
}
.modal-buts.but-average>.but{
    background:0 0;
    padding:.8em
}
.modal-buts.but-average>.but+.but{
    border-left:1px solid var(--main-border-color)
}
.modal-buts.but-average>.but:hover{
    background:var(--this-bg)
}
.modal-body .modal-buts.but-average{
    margin:0 -15px -15px
}
.modal-body .modal-buts.but-average .miniupload-ing *{
    --this-color:var(--key-color)
}
.modal-body .modal-buts.but-average .progress-bar{
    opacity:.5
}
.gutters-5{
    margin:-5px
}
.gutters-5>*{
    padding:5px
}
.gutters-7{
    margin:-7px
}
.gutters-7>*{
    padding:5px
}
.gutters-10{
    margin:-10px
}
.gutters-10>*{
    padding:10px
}
.mi-col-2{
    width:50%
}
.mi-col-2.mr6{
    width:calc(50% - 6px)
}
.flex{
    display:flex
}
.inflex{
    display:inline-flex
}
.flex.hh{
    flex-wrap:wrap
}
.flex.xx,.inflex.xx{
    flex-direction:column
}
.flex.ac,.inflex.ac{
    align-items:center
}
.flex.ab,.inflex.ab{
    align-items:flex-end
}
.flex.at,.inflex.at{
    align-items:flex-start
}
.flex.jc,.inflex.jc{
    align-items:center;
    justify-content:center
}
.flex.jsb,.inflex.jsb{
    justify-content:space-between
}
.flex.jse{
    justify-content:space-evenly
}
.flex.jsa{
    justify-content:space-around
}
.flex .grow1{
    flex-grow:1
}
.flex .shrink0{
    flex-shrink:0
}
.flex .flex0{
    flex:none
}
.flex .flex1{
    flex:1;
    overflow:hidden
}
.flex .flex-auto{
    flex:auto
}
.flex .flex-auto-h{
    flex:auto;
    overflow:hidden
}
.order0{
    order:0
}
.order1{
    order:1
}
.order2{
    order:2
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.mr3{
    margin-right:3px
}
.mr6{
    margin-right:6px
}
.mr10{
    margin-right:10px
}
.mrn10{
    margin-right:-10px
}
.mr20{
    margin-right:20px
}
.ml3{
    margin-left:3px
}
.mln3{
    margin-left:-3px
}
.ml6{
    margin-left:6px
}
.ml10{
    margin-left:10px
}
.ml20{
    margin-left:20px
}
.mt3{
    margin-top:3px
}
.mt6{
    margin-top:6px
}
.mt10{
    margin-top:10px
}
.mtn10{
    margin-top:-10px
}
.mt15{
    margin-top:15px
}
.mt20{
    margin-top:20px
}
.mb6{
    margin-bottom:6px
}
.mb10{
    margin-bottom:10px
}
.mb30{
    margin-bottom:30px
}
.mb40{
    margin-bottom:40px
}
.mm3{
    margin:3px
}
.col-ml6>*+*{
    margin-left:6px
}
.max-vh3{
    max-height:30vh
}
.max-vh5{
    max-height:50vh
}
.max-vh7{
    max-height:70vh
}
.text-ellipsis{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.text-ellipsis-2,.text-ellipsis-3,.text-ellipsis-5{
    line-height:1.4em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    white-space:normal
}
.text-ellipsis-5 img{
    max-width:1.5em;
    max-height:1.5em
}
.text-ellipsis-2{
    height:2.8em;
    -webkit-line-clamp:2
}
.text-ellipsis-3{
    height:4.2em;
    -webkit-line-clamp:3
}
.text-ellipsis-5{
    max-height:7em;
    -webkit-line-clamp:5
}
.separator{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center
}
.separator::after,.separator::before{
    content:'';
    background:var(--main-border-color);
    max-width:20%;
    height:1px;
    margin:0 1em;
    flex:1
}
.zib-widget>h3{
    margin:0;
    margin-bottom:10px;
    font-size:15px
}
.zib-widget.widget_media_image,.zib-widget.widget_media_video{
    padding:0;
    overflow:hidden
}
.zib-widget.widget_media_image img{
    width:100%
}
.widget-tag-cloud.author-tag .but{
    font-size:13px
}
.widget-tag-cloud.fixed-width .but{
    width:89px
}
.term-aggregation .term-img{
    width:10em
}
.zib-widget.widget_custom_html{
    padding:unset;
    background:unset;
    box-shadow:unset;
    border-radius:unset
}
.graphic,.page-cover{
    text-shadow:0 0 5px rgba(0,0,0,.2);
    --main-color:#fff;
    color:#fff;
    position:relative;
    overflow:hidden;
    box-shadow:0 0 10px var(--main-shadow);
    padding:0;
    padding-bottom:70%;
    border-radius:var(--main-radius)
}
.page-cover{
    padding-bottom:calc(25% + 80px)
}
.page-cover .dropdown-menu{
    --this-color:var(--muted-color)
}
.graphic>.fit-cover{
    position:absolute;
    width:100%;
    height:100%
}
.linear-mask{
    background-image:linear-gradient(0deg,rgba(29,41,49,.4) 3em,rgba(255,255,255,0) 8em)
}
.graphic-mask{
    background:#000
}
.graphic-text{
    padding:5px 10px;
    transition:.3s
}
.graphic.style-2 badge{
    margin:5px;
    padding:.2em .6em
}
.style-3 .graphic-text{
    background:rgba(0,0,0,.2)
}
.style-3 .graphic-text+.graphic-text{
    opacity:0;
    transform:translateY(100%);
    white-space:normal;
    word-break:break-all
}
.graphic.style-3:hover .graphic-text{
    opacity:0;
    transform:translateY(100%)
}
.graphic.style-3:hover .graphic-text+.graphic-text{
    opacity:1;
    transform:unset
}
.graphic.style-4{
    margin-bottom:0;
    border-radius:var(--main-radius) var(--main-radius) 0 0
}
.fixed-wrap .fixed-wrap-nav.zib-widget{
    padding:8px 15px
}
.fixed-wrap-nav .tab-nav-theme{
    border-bottom:none;
    padding:0
}
.author-minicard,.author-minicard .avatar-img{
    display:inline-block
}
.author-minicard{
    width:calc(33.332% - 10px);
    min-width:280px;
    background:var(--muted-border-color);
    text-align:left;
    padding:10px 0 10px 15px;
    margin:5px;
    vertical-align:top
}
.author-minicard .list-inline>li+li{
    width:calc(100% - 58px)
}
.mobile-nav-widget .author-minicard{
    padding:8px 4px;
    min-width:240px
}
.links-cat-header{
    padding:0 15px 10px
}
.links-box:not(.zib-widget):not(.links-style-simple):not(.links-style-image){
    margin:-5px
}
.links-box .links-card{
    padding:10px 4px 10px 8px;
    min-width:0
}
.links-style-bigcard{
    display:flex;
    flex-wrap:wrap
}
.links-style-bigcard.text-center{
    justify-content:center
}
.links-style-bigcard.text-right{
    justify-content:end
}
.links-box .links-card.big-card{
    padding:20px 10px 15px;
    text-align:center
}
.links-box:not(.zib-widget) .links-card{
    background:var(--main-bg-color)
}
.links-style-image{
    --link-img-size:60px;
    --this-margin:10px
}
.links-style-image:not(.zib-widget){
    margin:calc(0px - var(--this-margin));
    margin-bottom:calc(5px - var(--this-margin))
}
.links-style-image.zib-widget{
    padding:calc(15px - var(--this-margin))
}
.links-style-image .link-img.link-only-img{
    margin:var(--this-margin);
    --this-size:var(--link-img-size)
}
.links-card a{
    display:block
}
.links-card.big-card .link-img{
    --this-size:58px
}
.links-card.big-card .link-img img{
    border-radius:100px
}
.link-img img{
    border-radius:4px
}
.link-page-search-cover .header-slider-search{
    top:50%
}
.link-page-search-cover.page-cover{
    padding-bottom:calc(25% + 100px)
}
.link-page-search-cover .tab-nav-theme li a{
    opacity:.7;
    padding:0 10px
}
.link-page-search-cover .tab-nav-theme li a:hover,.link-page-search-cover .tab-nav-theme li.active a{
    color:var(--main-color);
    opacity:1
}
.link-page-search-cover .tab-nav-theme li:before{
    background:#fff
}
.user-ranking-box .img-badge.left{
    left:-15px;
    padding:2px 3px;
    top:-5px;
    transform:scale(.8);
    transform-origin:left
}
.posts-nav-lists{
    max-height:400px;
    padding-left:10px
}
.posts-nav-lists .bl{
    border-left:1px solid var(--main-border-color);
    padding:20px 10px 20px 0
}
.posts-nav-lists li.yc:not(.active){
    display:none
}
.posts-nav-lists li a{
    margin:0 10px;
    display:block;
    border-radius:4px;
    margin-right:25px;
    padding:8px
}
.posts-nav-lists .fa-angle-right{
    position:absolute;
    cursor:pointer;
    right:0;
    top:0;
    padding:8px 15px;
    color:var(--muted-2-color);
    margin-right:-15px;
    transition:all .2s;
    font-size:20px
}
.dosc-nav li a:focus,.dosc-nav li a:hover,.nav .active a,.nav>li>a:focus,.nav>li>a:hover,.posts-nav-lists li a:hover,.posts-nav-lists li.active a{
    background:var(--main-shadow);
    color:var(--focus-color)
}
.posts-nav-lists li.n-H1 a,.posts-nav-lists li.n-H2 a{
    font-weight:700
}
.posts-nav-lists li.n-H3 a{
    padding-left:25px
}
.posts-nav-lists li.n-H4 a{
    padding-left:42px;
    font-size:12px
}
.posts-nav-lists .bl::after,.posts-nav-lists .bl::before,.posts-nav-lists li::before{
    position:absolute;
    bottom:0;
    left:-6px;
    width:11px;
    height:11px;
    border:2px solid var(--focus-color);
    background:var(--main-bg-color);
    border-radius:15px;
    content:'';
    transition:.15s
}
.posts-nav-lists .bl::before{
    bottom:auto;
    top:0
}
.posts-nav-lists li::before{
    top:50%;
    transform:translateY(-50%);
    border:3px solid var(--main-bg-color);
    background:var(--muted-3-color);
    opacity:0
}
.posts-nav-lists li.n-H1::before,.posts-nav-lists li.n-H2::before{
    border-width:2px;
    opacity:1
}
.posts-nav-lists li.n-H2::before{
    border-width:3px
}
.posts-nav-lists li.n-H3::before{
    border-width:4px;
    opacity:.6
}
.posts-nav-lists li.active::before,.posts-nav-lists li:hover::before{
    opacity:1;
    border-width:2px;
    background:var(--focus-color)
}
.dosc-nav .panel-toggle{
    padding:10px;
    display:block
}
.dosc-nav .title-h-left{
    margin-bottom:12px
}
.dosc-nav .panel{
    border:none;
    box-shadow:none;
    border-radius:0!important;
    border-top:1px solid var(--main-border-color)
}
.dosc-nav .panel+.panel{
    margin:0
}
.dosc-nav .panel-group{
    margin:0
}
.panel-child{
    padding-left:20px
}
.dosc-nav .nav>li>a{
    padding:5px 10px
}
.dosc-nav .nav>li:last-of-type{
    margin-bottom:10px
}
.dosc-article-title{
    padding:15px 0 5px 0;
    font-size:20px;
    border-bottom:1px solid var(--muted-border-color)
}
.dosc-article-meta item,.dosc-article-meta item a{
    margin-right:8px;
    font-size:13px;
    --main-color:var(--muted-2-color)
}
.dosc-article-meta item .action{
    display:inline;
    vertical-align:unset;
    padding:0
}
.dosc-article-meta item .action .icon{
    font-size:1em;
    width:1em;
    margin:0
}
.article-content .article-docs-footer{
    padding:10px 0
}
.article-content .article-docs-footer a{
    padding:5px;
    height:auto;
    font-size:24px;
    vertical-align:middle
}
.article-content .article-docs-footer a icon{
    width:24px;
    height:24px;
    font-size:13px;
    margin-right:6px
}
.article-content .article-docs-footer a text{
    font-size:13px
}
.article-content .article-docs-footer .action .icon{
    width:auto;
    margin:0
}
.article-content .article-docs-footer .action text{
    font-size:14px
}
.page-cover .dosc-search{
    --main-color:#fff;
    --muted-2-color:#fff;
    --muted-color:#fff;
    --main-border-color:#fff
}
.document-nav .cat-load{
    padding:10px;
    display:block
}
.document-nav .category,.document-nav .panel-child{
    padding-left:15px
}
.document-nav .panel{
    border-color:transparent!important
}
.document-nav .loading{
    overflow:hidden;
    width:0;
    opacity:0;
    transition:.3s
}
.document-nav .is-loading .loading{
    width:.7em;
    opacity:1;
    margin-right:6px
}
.document-nav>.panel-group>.cat-load{
    padding-left:2px
}
.document-nav>.panel-group>.cat-load::before{
    color:initial
}
.document-nav .panel-toggle:not(.collapsed){
    color:var(--focus-color)
}
.document-nav .cat-load.active{
    background:var(--main-border-color);
    color:var(--focus-color);
    border-radius:4px
}
.document-nav-container{
    transition:.3s
}
.document-nav-container.is-loading{
    opacity:.5
}
.document-search .search-loading{
    transition:.2s;
    opacity:0;
    visibility:hidden
}
.document-search.is-loading .search-loading{
    visibility:unset;
    opacity:.8
}
.modal .modal-dialog.poster-share{
    width:360px
}
.poster-imgbox>img{
    -o-object-fit:contain;
    object-fit:contain;
    max-width:360px;
    height:100%;
    width:100%;
    border-radius:var(--main-radius)
}
.poster-loading .loading{
    margin:1em 0;
    font-size:40px
}
.poster-imgbox.loaded .poster-loading{
    display:none
}
.poster-share .toggle-radius{
    width:36px;
    height:36px;
    box-shadow:0 2px 10px rgba(0,0,0,.3)
}
.mini-media-my-box .drop-mask{
    position:absolute;
    background:rgba(33,55,81,.7);
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    top:0;
    font-size:1.6em;
    color:#fff;
    padding:20px;
    display:none;
    align-items:center;
    justify-content:center
}
.mini-media-my-box.drag-over{
    position:relative
}
.mini-media-my-box.drag-over .drop-mask{
    display:flex
}
.mini-media-modal .mini-media-my-lists .progress-text{
    position:absolute;
    font-size:12px;
    bottom:5px;
    top:auto;
    color:#fff;
    text-align:center;
    left:0;
    width:100%;
    background:rgba(0,0,0,.3)
}
.mini-media-my-lists{
    flex-wrap:wrap;
    display:flex
}
.mini-media-my-lists .list-item{
    flex:auto;
    flex-basis:auto;
    margin:3px;
    flex-basis:calc(50% - 6px);
    flex-grow:0;
    position:relative;
    overflow:hidden;
    border-radius:4px;
    background:var(--main-border-color)
}
.mini-media-my-lists .list-item:not(.upload-ing){
    cursor:pointer
}
.mini-media-my-lists .list-item.upload-ing{
    box-shadow:0 0 5px 1px #74c374
}
.mini-media-my-lists .list-item-icon-box{
    width:33px;
    height:33px;
    border-radius:4px;
    background:var(--main-bg-color)
}
.mini-media-my-lists.type-image .list-item{
    flex-basis:calc(25% - 6px)
}
.mini-media-my-lists.type-image .list-item .list-box{
    width:100%;
    height:0;
    padding-bottom:100%
}
.mini-media-my-lists.type-image .list-box>img{
    position:absolute;
    width:100%;
    height:100%;
    transition:all .2s;
    overflow:hidden;
    -o-object-fit:cover;
    object-fit:cover
}
.mini-media-my-lists .theme-pagination{
    flex:auto;
    flex-grow:1;
    flex-shrink:1;
    flex-basis:auto;
    flex-basis:100%;
    margin:12px 0 0
}
[disabled]+.upload-btn{
    opacity:.5;
    cursor:no-drop
}
.list-item.active{
    box-shadow:0 0 0 2px var(--focus-color)
}
.list-item[disabled]{
    opacity:.5
}
.list-item .active-index{
    color:#fff;
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:1;
    background:var(--focus-color);
    border-radius:0 1px 0 4px;
    padding:2px 3px;
    font-size:12px;
    line-height:12px;
    min-width:16px;
    text-align:center
}
.rewards-img{
    height:140px;
    width:140px;
    border-radius:var(--main-radius);
    overflow:hidden;
    margin:auto
}
.admin-edit a{
    color:var(--focus-color)!important;
    font-size:.8em;
    padding:.1em
}
.imagecaptcha>img{
    width:92px;
    height:35px;
    border-radius:4px
}
.line-form .imagecaptcha.abs-right{
    margin-top:-2px
}
.sign .line-form .imagecaptcha.abs-right{
    margin-top:-8px;
    margin-right:-8px
}
.slidercaptcha{
    min-height:205px
}
.captcha-body-bg{
    border-radius:4px;
    border:1px solid var(--muted-border-color);
    background:var(--main-shadow)
}
.slidercaptcha .captcha-body-bar{
    position:absolute;
    top:0;
    left:0
}
.sliderContainer{
    text-align:center;
    background:var(--main-shadow);
    color:var(--muted-2-color);
    border-radius:4px;
    margin-top:.5rem;
    position:relative;
    line-height:40px;
    height:40px
}
.refreshIcon{
    position:absolute;
    right:0;
    opacity:.6;
    top:0;
    padding:10px;
    color:#fff;
    text-shadow:0 0 5px #000
}
.sliderMask{
    position:absolute;
    border-radius:4px;
    height:40px;
    transition:.3s
}
.sliderContainer_active .sliderMask{
    background:rgba(5,224,96,.1);
    border:1px solid rgba(94,182,89,.6);
    transition:unset
}
.sliderContainer_success .sliderMask{
    background:rgba(0,153,255,.2);
    border:1px solid #43b5fc
}
.sliderContainer_fail .sliderMask{
    background:rgba(255,0,0,.2);
    border:1px solid #ff4842
}
.captcha-slider{
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    background:var(--main-bg-color);
    box-shadow:0 0 5px rgba(0,0,0,.2);
    cursor:pointer;
    border-radius:4px;
    transition:.3s
}
.sliderContainer_active .captcha-slider{
    transition:unset
}
.sliderContainer_success .captcha-slider{
    background:#3ca4f9;
    color:#fff
}
.sliderContainer_fail .captcha-slider{
    background:#f7564a;
    color:#fff
}
.sliderContainer_success .sliderIcon:before{
    content:'\f00c'
}
.sliderContainer_fail .sliderIcon:before{
    content:'\f00d'
}
.sign-content{
    padding:20px 0
}
.sign-img{
    position:absolute;
    padding-right:40%
}
.sign-logo img{
    max-width:180px;
    max-height:60px
}
.sign{
    max-width:330px;
    margin:auto
}
.sign-img+.sign{
    margin-left:45%;
    max-width:unset
}
.sign ul>li{
    margin:10px 0
}
.sign .but{
    margin:0
}
#sign-in,#sign-up{
    padding:0 10px
}
.sign .line-form-input{
    padding:0 2em .3em .3em;
    margin-top:1.7em
}
.sign .line-form .abs-right{
    margin-top:-3px
}
.sign .captchsubmit{
    margin-right:-.7em;
    padding:.3em 1em
}
.sign .signup-captch{
    display:none
}
.match-ok{
    right:110px;
    color:#45b6f7;
    opacity:0
}
.match-ok.show{
    opacity:1
}
.yztx~.match-ok{
    right:110px
}
.social_loginbar{
    text-align:center
}
.social_loginbar .social-login-item,.social_loginbar .xh-social-item{
    float:none;
    display:inline-block;
    width:32px!important;
    height:32px!important;
    line-height:32px;
    cursor:pointer;
    border-radius:50px;
    margin:3px 5px
}
.social-login-item.button-lg{
    width:120px!important
}
.social-login-item.button-lg .fa,.social-login-item.button-lg .icon{
    margin-right:6px;
    font-size:1.1em
}
.social-login-item.button-lg.baidu .icon{
    font-size:1.2em
}
.social-login-item,.social-login-item svg{
    color:#fff!important
}
.social-login-item.weibo{
    background:#ea5d5c
}
.social-login-item.weixin,.social-login-item.weixingzh{
    background:#24b76a
}
.social-login-item.facebook,.social-login-item.qq{
    background:#1296db
}
.social-login-item.alipay{
    background:#1296db
}
.social-login-item.baidu{
    background:#4e6ef2
}
.social-login-item.github{
    background:#505050
}
.social-login-item.gitee{
    background:#c2292f
}
.social-login-item.dingtalk,.social-login-item.twitter{
    background:#399ffb
}
.social-login-item.huawei{
    background:#f2363f
}
.social-login-item.xiaomi{
    background:#ff6901
}
.social-login-item.google{
    background:#5d80f4
}
.social-login-item.microsoft{
    background:#f25022
}
.social-login-item.toggle-radius{
    font-size:16px
}
.social-login-item.toggle-radius.alipay,.social-login-item.toggle-radius.baidu,.social-login-item.toggle-radius.github{
    font-size:20px
}
.social-login-item.toggle-radius.weibo{
    font-size:18px
}
.qrcode-signin-container{
    min-height:254px
}
.signin-qrcode-img{
    width:180px;
    min-height:180px;
    border-radius:6px
}
.pay-box.pay-widget .vip-price{
    padding-top:8px;
    width:100%;
    display:inline-block;
    text-align:center;
    border-top:1px solid rgba(255,255,255,.1);
    color:inherit
}
.vip-price:hover{
    color:inherit;
    background:rgba(0,0,0,.05)
}
.vip-price-text{
    display:inline-block
}
.pay-widget .vip-price+.vip-price{
    border-left:1px solid rgba(255,255,255,.1)
}
.pay-widget .cashier-link,.pay-widget .initiate-pay,.pay-widget .pay-button .dropup,.pay-widget .signin-loader,.pay-widget .vip-price,.pay-widget .vip-price-buts{
    width:100%
}
.pay-widget .but-group>.but,.pay-widget .but-group>.vip-price{
    width:50%
}
.pay-widget .cashier-link,.pay-widget .initiate-pay{
    padding:.5em
}
.pay-widget .vip-price>.em12{
    font-size:2em;
    display:block
}
.pay-widget .price-box>.c-yellow{
    text-align:center;
    --this-color:#fff
}
.pay-gallery{
    width:45%;
    background:var(--main-border-color)
}
.pay-box .paid-info{
    border-left:1px dashed rgba(255,255,255,.51);
    padding-left:20px
}
.pay-thumb{
    width:40%
}
.pay-widget .paid-info{
    border:unset;
    padding:unset;
    border-top:1px dashed rgba(255,255,255,.51);
    padding-top:10px
}
.paid-box{
    border-radius:var(--main-radius)
}
.paid-box{
    padding:0!important
}
.paid-info-box.flex{
    display:flex
}
.paid-info a{
    color:inherit
}
.paid-gallery{
    background:var(--main-border-color);
    padding:60px
}
.paid-down-group>.btn-block{
    display:inline-block;
    width:50%
}
.pay-box{
    font-size:14px;
    position:relative;
    overflow:hidden;
    line-height:1.4
}
.pay-box .pay-tag,.vip-product .vip-tag{
    font-size:13px;
    padding:3px 10px;
    right:auto;
    width:auto;
    top:10px;
    background:var(--this-bg);
    color:var(--this-color);
    border-radius:var(--main-radius) 0 var(--main-radius) 0;
    line-height:1.4;
    z-index:1
}
.pay-box ul.list-inline{
    margin:0!important;
    padding:0!important
}
.pay-box ul.list-inline li{
    width:90px;
    margin:0
}
.pay-box ul.list-inline li+li{
    width:calc(100% - 95px)
}
.cashier-link{
    padding:.5em 3em
}
.but.initiate-pay{
    padding:.6em 1em
}
.paid-info-box,.pay-attr,.pay-box .pay-details,.pay-box .pay-extra-hide{
    font-size:13px;
    background:var(--muted-border-color);
    display:block;
    padding:6px 10px;
    line-height:1.4;
    color:var(--muted-color);
    border-radius:4px
}
.pay-attr{
    line-height:1.6
}
.pay-box .pay-mark{
    font-size:12px;
    margin-right:3px
}
.pay-box .pay-cuont{
    margin-left:10px;
    font-size:12px;
    padding:1px 10px;
    vertical-align:top
}
.pay-box .pay-details{
    margin-top:10px;
    padding:10px
}
.pay-details ul{
    margin-top:0!important;
    margin-bottom:0!important
}
.pay-box .pay-thumbnail{
    width:80px;
    height:80px
}
.pay-box .pay-thumbnail img{
    height:100%
}
.pay-box .pay-box-price{
    color:#fb403f;
    margin:4px 0;
    font-size:16px
}
.pay-box .vip-price{
    border:none;
    font-size:12px;
    padding:4px 12px;
    flex:content
}
.original-price{
    opacity:.7;
    position:relative;
    padding:0 3px 0 2px;
    font-size:14px;
    display:inline-block
}
.original-price::before{
    content:'';
    position:absolute;
    width:100%;
    height:1px;
    background:#ff343b;
    top:.6em;
    left:0;
    transform:rotate(5deg)
}
.pay-box .but-download{
    padding:10px 10px 5px 10px;
    min-width:50%
}
.pay-box .but-download .but{
    min-width:130px
}
.pay-box .but-download .but+.but{
    min-width:auto
}
.pay-box .but-download .but svg.icon,.pay-box .but-download .but>.fa{
    margin-right:1em
}
.pay-box .but.baidu{
    background:#1578f8
}
.pay-box .but.lanzou{
    background:#f37526
}
.pay-box .but.alipan{
    background:#66f
}
.pay-box .but.weiyun{
    background:#33b0fa
}
.pay-box .but.onedrive{
    background:#1254c6
}
.pay-box .but.tianyi{
    background:#fe9c0a
}
.pay-box .but.ctfile{
    background:#08be9f
}
.payment-method-radio{
    padding:5px
}
.payment-method-radio>*{
    margin:3px
}
.payment-method-radio img{
    height:35px
}
.payment-method-radio+.payment-method-radio{
    margin-left:10px
}
.coupon-input+.abs-right{
    right:2px
}
.payvip-modal{
    padding:30px
}
.payvip-modal .user-box>li+li{
    width:calc(100% - 70px)
}
.payvip_icon{
    color:#f9915a
}
.payvip_icon .fa{
    font-size:50px
}
.payvip_equity{
    line-height:1.8
}
.vip-product{
    border:2px solid var(--main-border-color);
    background:var(--main-shadow);
    box-shadow:none;
    min-width:140px;
    min-height:86px;
    display:inline-flex;
    flex-direction:column;
    justify-content:space-evenly;
    align-items:center;
    margin:4px;
    font-weight:400;
    padding:5px 8px;
    cursor:pointer
}
.vip-product .product-price{
    font-size:22px
}
.vip-product .pay-mark{
    font-size:13px
}
.vip-product .original-price{
    font-size:15px;
    color:var(--muted-color)
}
.vip-product .vip-tag{
    font-size:12px;
    padding:1px 5px;
    border-radius:4px;
    left:auto;
    right:-8px;
    top:-10px;
    transform:scale(.9)
}
.vip-product-input:checked~.vip-product,.vip-product.active{
    border-color:#ff5473;
    background:var(--main-bg-color)
}
.exchange-card-box>.vip-card.active::before,.vip-product-input:checked~.vip-product::before,.vip-product.active::before{
    content:'\f058';
    font:normal normal normal 14px/1 FontAwesome;
    color:#ff5473;
    position:absolute;
    left:2px;
    top:2px
}
.balance-charge-form .vip-product{
    min-width:82px;
    min-height:65px
}
.active-icon.abs-right{
    color:#fff;
    top:20px;
    right:auto;
    left:13px;
    font-size:20px;
    opacity:0;
    transition:.15s
}
.payvip-modal .label-box>label{
    vertical-align:bottom
}
.payvip-modal .active .vip-card{
    box-shadow:0 0 10px rgba(98,98,98,.6);
    transform:translateY(-1px)
}
.active .active-icon{
    opacity:1
}
.vip-card{
    overflow:hidden;
    position:relative;
    border-radius:6px;
    padding:15px;
    background:#d2b484;
    background:linear-gradient(25deg,#e6aa4f 10%,#f1d7ad 70%,#f5b97b 100%);
    color:#866127;
    transition:.3s
}
.vip-img{
    font-size:70px
}
.vip-icon{
    font-size:2em
}
.vip-name{
    font-size:20px
}
.vip-theme2{
    background:linear-gradient(317deg,#2c294a,#686886 30%,#35343e) rgba(107,106,102,.3);
    color:#e4e2fb
}
.vip-theme2 .vip-baicon{
    color:#5f5f5f
}
.payvip-button{
    background:linear-gradient(135deg,#ff9633 10%,#f14315 100%);
    padding:4px 15px!important;
    box-shadow:0 0 10px rgba(26,22,15,.3);
    position:relative;
    z-index:2
}
.vip-expdate-tag{
    font-size:.8em;
    padding:.1em 6px;
    vertical-align:.1em
}
.vip-theme2 .payvip-button{
    background:linear-gradient(270deg,#ada48a,#eae5b7 45%,#f5efd6);
    color:#72511d;
    --this-color:#72511d
}
.payvip-icon{
    background:linear-gradient(300deg,#4c4d51,#2a2a31 15%,#85858a 40%,#393a3c 60%,#393838 80%,#5e5f62 100%);
    text-shadow:none;
    font-weight:400;
    position:relative;
    color:#ece0e0;
    border:none;
    --this-color:#ece0e0;
    overflow:hidden
}
.payvip-icon:before{
    content:'\f219';
    font:normal normal normal 14px/1 FontAwesome;
    font-size:3.5em;
    right:-.2em!important;
    top:80%!important;
    opacity:.06
}
.vipbg-v1{
    background:linear-gradient(60deg,#f0bf81 0,#fdefd6 30%,#f2deb9 40%,#fdc277 80%,#f9e1b7 100%);
    color:#8c5728;
    --this-color:#8c5728
}
.vipbg-v1:before{
    content:'\f006'
}
.vip-texticon{
    font-size:.85em;
    background:0 0;
    color:#de8644
}
.vip-baicon.abs-center{
    font-size:15em;
    top:80%;
    left:-22%;
    opacity:.2;
    z-index:0
}
.vip-cardminis>li{
    flex:auto
}
.vip-cardmini .vip-baicon.abs-center{
    font-size:7em
}
.vip-cardmini{
    text-align:center
}
.exchange-card-box{
    margin:-5px
}
.exchange-card-box>.vip-card{
    width:calc(50% - 10px);
    padding:8px 10px;
    margin:5px
}
.exchange-card-box>.vip-card.active{
    box-shadow:0 0 0 2px var(--focus-color)
}
.exchange-card-box>.vip-card.active::before{
    left:auto;
    right:4px;
    top:4px;
    color:#fff;
    font-size:18px
}
.avatar-icontag{
    position:absolute;
    border-radius:50px;
    line-height:1;
    padding:2px;
    right:-3px;
    bottom:-2px;
    font-size:11px;
    background:#f7efe3;
    border:1px solid var(--main-bg-color)
}
.page-share>a{
    font-size:22px;
    margin:0 10px
}
.archives ul>li{
    padding:5px 0
}
.posts-navs .title-theme h2{
    margin:inherit;
    font-size:inherit
}
.option-dropdown{
    padding:5px 10px;
    display:inline-block;
    color:var(--muted-color)
}
.ajax-option .option-items{
    margin-left:10px;
    --main-color:var(--muted-2-color)
}
.ajax-option .option-dropdown{
    color:var(--main-color)
}
.ajax-option .option-dropdown .dropdown-menu{
    max-height:400px;
    overflow-y:auto
}
.yiyan-box{
    padding:10px 15px;
    min-height:40px
}
.yiyan .en{
    font-size:.8em;
    opacity:.8
}
.yiyan-box:hover{
    box-shadow:inset 0 0 5px 0 var(--focus-shadow-color)
}
.notyn{
    position:fixed;
    bottom:6em;
    right:0;
    max-width:320px;
    z-index:10000000
}
.notyf{
    margin-bottom:.6em;
    color:#fff;
    float:right;
    min-width:200px;
    padding:1em 3em 1em 3.4em;
    box-shadow:-3px 3px 6px rgba(0,0,0,.1);
    transform:translateX(1.5em);
    transition:.3s;
    -webkit-backdrop-filter:saturate(5) blur(20px);
    backdrop-filter:saturate(5) blur(20px);
    -webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);
    animation:notyf .4s cubic-bezier(.35,.71,.46,1.08)
}
.notyn-out .notyf{
    transform:translateX(110%);
    opacity:.5;
    transition:.5s
}
@-webkit-keyframes notyf{
    0%{
        transform:translateX(110%);
        opacity:0
    }
    100%{
        transform:translateX(1.5em);
        opacity:1
    }
}
@keyframes notyf{
    0%{
        transform:translateX(110%);
        opacity:0
    }
    100%{
        transform:translateX(1.5em);
        opacity:1
    }
}
.notyf:before{
    font:normal normal normal 16px/1 FontAwesome;
    left:.8em;
    font-size:1.5em;
    position:absolute;
    top:0;
    bottom:0;
    margin:auto;
    height:20px
}
.notyf.success{
    background:linear-gradient(90deg,rgba(15,147,249,.7),rgba(61,189,249,.8))
}
.notyf.success:before{
    content:'\f058'
}
.notyf.info{
    background:linear-gradient(90deg,rgba(58,162,54,.8),rgba(89,247,131,.8))
}
.notyf.info:before{
    content:'\f0a1'
}
.notyf.load,.notyf.warning{
    background:linear-gradient(90deg,rgba(253,170,71,.7),rgba(247,154,13,.8))
}
.notyf.warning:before{
    content:'\f05a'
}
.notyf.danger{
    background:linear-gradient(90deg,rgba(253,69,28,.7),rgba(251,110,75,.8))
}
.notyf.danger:before{
    content:'\f057'
}
.notyf .fa-close{
    float:right;
    padding:.6em;
    margin:-.4em
}
.action-comment-like.action-animation .icon,.action-like.action-animation .icon{
    -webkit-animation:lovestar .6s 0s 1 ease normal none;
    animation:lovestar .6s 0s 1 ease normal none
}
@-webkit-keyframes lovestar{
    0%{
        transform:translate3d(0,0,0)
    }
    35%{
        transform:translate3d(0,4px,0) rotate(5deg)
    }
    60%{
        transform:translate3d(-2px,-6px,0) scale(1.3) rotate(-25deg)
    }
    100%{
        transform:translate3d(0,0,0) scale(1) rotate(0)
    }
}
@keyframes lovestar{
    0%{
        transform:translate3d(0,0,0)
    }
    35%{
        transform:translate3d(0,4px,0) rotate(5deg)
    }
    60%{
        transform:translate3d(-2px,-6px,0) scale(1.3) rotate(-25deg)
    }
    100%{
        transform:translate3d(0,0,0) scale(1) rotate(0)
    }
}
.close{
    transition:.2s;
    opacity:.4;
    color:var(--muted-color);
    position:relative;
    z-index:1
}
.close:focus,.close:hover{
    color:inherit
}
.absolute,.fixed,.progress{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%
}
.fixed{
    position:fixed
}
.abs-center,.abs-left,.abs-right,.form-select::before,.line-form-label,.payvip-icon:before,.toggle-radius .fa,.toggle-radius .icon{
    position:absolute;
    top:50%;
    right:.7em;
    transform:translateY(-50%);
    z-index:1
}
.abs-center{
    left:0;
    width:100%
}
.abs-left{
    right:auto;
    left:.7em
}
.abs-center.left-top,.abs-center.right-top{
    transform:unset;
    top:0
}
.abs-center.right-top{
    left:auto;
    width:auto
}
.abs-center.left-top{
    text-align:left
}
.abs-center.conter-bottom,.abs-center.conter-conter{
    text-align:center
}
.abs-center.right-bottom,.abs-center.right-conter,.abs-center.right-top{
    text-align:right
}
.abs-center.conter-bottom,.abs-center.left-bottom,.abs-center.right-bottom{
    top:auto;
    transform:unset;
    bottom:0
}
.abs-blur-bg{
    position:absolute;
    left:-50px;
    top:-50px;
    width:calc(100% + 100px);
    height:calc(100% + 100px);
    -webkit-filter:blur(30px);
    filter:blur(30px)
}
.scale-placeholder{
    position:absolute;
    bottom:5px;
    opacity:.5;
    transition:.2s;
    padding-left:4px;
    transform-origin:left top;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1;
    cursor:text
}
.scale-placeholder.is-focus,input:focus~.scale-placeholder{
    transform:translateY(-20px);
    font-size:11px
}
input:-internal-autofill-previewed~.scale-placeholder,input:-internal-autofill-selected~.scale-placeholder{
    transform:translateY(-20px);
    font-size:11px
}
input:focus~.scale-placeholder{
    color:var(--focus-color);
    opacity:.9
}
.line-form .abs-right{
    margin-top:3px
}
.line-form-input{
    outline:0!important;
    border:none;
    display:block;
    width:100%;
    padding:1em 2em .4em .3em;
    opacity:.8;
    transition:.3s;
    background:0 0!important
}
.line-form-input::-webkit-input-placeholder{
    color:var(--muted-2-color)
}
.line-form-input:-moz-placeholder{
    color:var(--muted-2-color)
}
.line-form-input:-moz-placeholder{
    color:var(--muted-2-color)
}
.line-form-input:focus{
    opacity:1
}
.line-form-label{
    left:1em;
    right:unset
}
.line-form-line,.line-form-line:before{
    position:absolute;
    bottom:0;
    left:0;
    height:1px;
    width:100%;
    transition:.8s;
    background:var(--main-border-color)
}
.line-form-line:before{
    content:'';
    width:0;
    background:var(--focus-color)
}
.line-form-input:focus~.line-form-line:before,.line-form-input:hover~.line-form-line:before{
    width:100%
}
.line-form-input:focus~.line-form-line:before{
    box-shadow:0 -1px 3px 1.5px var(--focus-shadow-color)
}
.link-cat-submit{
    display:none
}
.step-simple{
    padding:10px;
    background:var(--main-border-color);
    border-radius:4px;
    text-align:center;
    display:flex
}
.step-simple>li{
    flex:1;
    position:relative;
    margin:0 6px
}
.step-simple>li:last-of-type::after{
    content:unset;
    display:none
}
.step-simple>li::after{
    font:normal normal normal 18px/1 FontAwesome;
    font-size:18px;
    content:'\f105';
    color:var(--muted-3-color);
    position:absolute;
    right:-10px;
    font-size:20px;
    top:0
}
.step-simple a{
    color:inherit
}
.step-simple .active{
    color:var(--focus-color)
}
@media (min-width:1240px){
    .container{
        max-width:var(--mian-max-width);
        width:auto
    }
}
.container-footer,.container-header{
    max-width:1380px;
    max-width:calc(var(--mian-max-width) + 180px)
}
.content-wrap{
    float:left;
    width:100%
}
.sidebar{
    float:left;
    width:311px;
    position:relative
}
.site-layout-1 .sidebar{
    display:none
}
.site-layout-2 .content-layout{
    margin-right:calc(311px + 15px)
}
.site-layout-2 .sidebar{
    float:left;
    margin-left:-311px;
    width:311px;
    position:unset
}
.site-layout-3 .content-layout{
    margin-left:calc(311px + 15px);
    margin-right:unset
}
.site-layout-3 .sidebar{
    margin-left:-100%
}
/*.header{*/
/*    padding:8px 20px;*/
/*    background:var(--header-bg);*/
/*    margin-bottom:20px;*/
/*    transition:.3s*/
/*}*/
.body-scroll .header{
    box-shadow:0 4px 10px var(--main-shadow)
}
.header a:not(.but),.header svg{
    color:var(--header-color)
}
.header .sub-menu{
    background:var(--main-bg-color);
    text-shadow:none
}
.header .dropdown-menu a,.header .sub-menu a,.header .sub-menu svg{
    color:var(--main-color)
}
body.nav-fixed:not(.body-scroll) .header.show-slide{
    --header-bg:linear-gradient(0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.1) 80%);
    --header-color:#fff;
    -webkit-backdrop-filter:unset;
    backdrop-filter:unset
}
body:not(.nav-fixed) .header.show-slide{
    margin-bottom:0
}
body.nav-fixed .slide-header{
    margin-top:-90px
}
.slide-header .slide-text{
    padding-top:70px
}
.slide-header .s-desc,.slide-header img,.slide-header video,.wp-block-carousel figcaption{
    border-radius:0!important
}
.search-keywords{
    padding:10px
}
.header form{
    text-align:center
}
.header-slider-search{
    max-width:840px;
    margin:auto;
    padding:0 20px;
    font-size:17px;
    top:calc(50% - 10px);
    z-index:2
}
.card-0 .header-slider-search{
    top:calc(50% + 20px)
}
.header-slider-search .search-input{
    max-width:800px
}
.header-slider-search-more{
    color:#fff
}
.header-slider-search-more.before{
    margin-bottom:1.8em
}
.header-slider-search .search-type-but-average{
    margin-bottom:2em
}
.header-slider-search .search-type-but-average .but,.header-slider-search .search_keywords{
    --this-bg:rgba(255, 255, 255, 0.8);
    --this-color:#888
}
.filter-blur .header-slider-search .search-type-but-average .but,.filter-blur .header-slider-search .search_keywords{
    -webkit-backdrop-filter:saturate(5) blur(20px);
    backdrop-filter:saturate(5) blur(20px)
}
.header-slider-search .search-type-but-average .but.active{
    --this-bg:var(--focus-color);
    --this-color:#fff
}
.header-slider-search .line-form{
    background:rgba(255,255,255,.8);
    border-radius:100px;
    padding:.5em 1.2em;
    z-index:1;
    color:#555
}
.header-slider-search .line-form .dropdown>a,.header-slider-search .line-form .dropdown>a a,.header-slider-search .line-form .icon{
    color:#555
}
.header-slider-search .search-input-text{
    position:relative;
    padding:5px 10px
}
.header-slider-search .line-form-input{
    padding:0
}
.header-slider-search .search-input-text .line-form-line,.header-slider-search .search-keywords>p{
    display:none
}
.header-slider-search .search-keywords{
    text-align:center
}
.header-slider-search .search_keywords{
    padding:3px 5px;
    font-size:.85em
}
.header-slider-search .line-form .abs-right{
    margin-top:0;
    margin-right:-6px
}
.header-slider-card{
    margin-top:-40px;
    z-index:1
}
.header-slider-card .zib-widget{
    margin-bottom:0
}
.filter-blur .header-slider-card .zib-widget,.filter-blur .header-slider-search .line-form{
    -webkit-backdrop-filter:saturate(5) blur(20px);
    backdrop-filter:saturate(5) blur(20px)
}
.filter-blur .header-slider-card .zib-widget{
    background:var(--blur-bg)
}
.nav-fixed .header{
    position:fixed;
    z-index:999;
    width:100%;
    top:0;
    -webkit-backdrop-filter:saturate(5) blur(20px);
    backdrop-filter:saturate(5) blur(20px)
}
.mobile-navbar+.fixed-body{
    z-index:996
}
.navbar-top{
    margin:0;
    border-radius:0!important;
    font-size:15px
}
.navbar-top badge,badge.top{
    transform:translate(-5px,-10px) scale(.85);
    margin-right:-10px
}
.navbar-top .navbar-nav{
    margin-left:20px;
    margin-right:20px
}
.navbar-top .navbar-right{
    padding-right:0
}
.navbar-right~.navbar-right{
    padding-right:5px
}
.navbar-top .navbar-but .but{
    font-size:.8em;
    padding:.3em 1em!important;
    margin:.4em
}
.navbar-top .navbar-but .but.hover-show{
    z-index:99
}
.navbar-top .navbar-brand{
    padding:7px 10px
}
.navbar-logo>img{
    height:36px;
    padding:0 30px
}
.navbar-top .nav>li>a{
    padding-left:10px;
    padding-right:10px;
    border-radius:4px;
    display:inline-block!important;
    overflow:hidden
}
.menu-item>a>.but{
    transform:translateY(-2px);
    margin:-.3em
}
.current-menu-item>a,.navbar-top .nav li a:focus,.navbar-top .nav li a:hover{
    background-color:transparent;
    color:var(--focus-color)
}
.navbar-top .fa{
    transition:.2s
}
.navbar-collapse .search-input{
    background:var(--main-shadow)
}
.navbar-collapse .search-input~.dropdown-menu{
    margin-top:15px
}
.navbar-collapse .dropdown-menu .search-input{
    background:0 0;
    padding:10px;
    width:460px
}
.navbar-nav li,.navbar-nav li a{
    max-height:50px;
    position:relative
}
.navbar-top .sub-menu,.theme-popover{
    visibility:hidden;
    position:absolute;
    min-width:120px;
    background-color:var(--main-bg-color);
    padding:10px 5px;
    z-index:99;
    border-radius:var(--main-radius);
    box-shadow:0 0 10px rgba(0,0,0,.1)
}
.navbar-top li:hover>.sub-menu{
    visibility:unset
}
.navbar-top .sub-menu .sub-menu{
    left:100%;
    top:-10px
}
.theme-popover{
    display:unset
}
.navbar-search{
    visibility:hidden;
    transform:translateY(-101%);
    padding:10px 30px;
    padding-top:80px;
    background:var(--main-bg-color);
    height:auto;
    opacity:1;
    box-shadow:0 14px 10px rgba(0,0,0,.08);
    z-index:998;
    transition:all .5s
}
.navbar-search.show{
    visibility:unset;
    transform:translateY(0)
}
.navbar-top .navbar-right .sub-menu{
    right:0
}
.navbar-top .sub-menu li>a{
    white-space:nowrap;
    display:block;
    padding:5px 15px
}
.navbar-top .sub-menu li>a:hover{
    transform:translateX(5px)
}
.navbar-top .sub-menu .menu-item-has-children>a{
    padding-right:35px
}
.navbar-top .sub-menu .menu-item-has-children>a>.fa-angle-down{
    position:absolute;
    right:15px;
    top:8px
}
.navbar-top .newadd-btns{
    opacity:1!important
}
.navbar-top .drop-newadd{
    width:137px;
    padding:7px 10px
}
.navbar-top .drop-newadd::before{
    top:-4px;
    left:auto;
    right:27px
}
.sub-user-box{
    width:242px;
    word-break:break-word;
    white-space:normal
}
.mobile-navbar.top .sub-user-box{
    width:auto;
    text-align:center;
    margin:auto;
    max-width:400px
}
.mobile-navbar.top .sub-user-box>ul{
    overflow:hidden
}
.sub-user-box .list-inline>li+li{
    width:calc(100% - 48px)
}
.sub-user-box .social-login-item.button-lg{
    width:110px!important;
    font-size:13px
}
.sub-user-box .user-name{
    width:calc(100% - 3em)
}
.sub-user-box .author-tag>*{
    max-height:41px;
    overflow:hidden;
    flex:auto
}
.sub-vip-card{
    font-size:12px
}
.sub-vip-card .vip-card{
    display:inline-block;
    width:240px;
    margin:5px
}
.sub-vip-card .vip-baicon.abs-center{
    font-size:10em;
    left:55%
}
.sub-vip-card .payvip-button{
    font-size:1em!important;
    margin:0!important
}
.sub-vip-card .vip-name{
    font-size:16px
}
.sub-vip-card .vip-img{
    display:none
}
.sub-user-box .payvip-icon{
    padding:8px 0
}
.header-user-href>a{
    display:inline-block;
    padding:10px 10px 0 10px
}
.header-user-href>a:hover{
    opacity:.7
}
.header-user-href>a div+div{
    font-size:12px
}
.header-user-href .toggle-radius{
    width:36px;
    height:36px
}
.navbar-top li.current-menu-item>a,.navbar-top li:hover>a{
    color:var(--focus-color)
}
.navbar-top li.current-menu-item:before,.navbar-top li.current-menu-item>a:before,.navbar-top li:hover:before,.navbar-top li:hover>a:before{
    opacity:1
}
.navbar-nav li:hover>a .fa-angle-down{
    transform:rotate(-90deg)
}
.navbar-nav>li:before{
    content:' ';
    position:absolute;
    width:100%;
    top:-10px;
    background:var(--focus-color);
    height:5px;
    border-radius:0 0 15px 15px;
    opacity:0
}
.navbar-avatar{
    margin-top:3px;
    display:block;
    width:29px;
    height:29px
}
.swiper-container{
    position:relative;
    overflow:hidden
}
.swiper-wrapper{
    transform:translate3d(0,0,0);
    display:flex;
    position:relative
}
.swiper-slide{
    transform:translate3d(0,0,0);
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    transition-property:transform
}
.new-swiper,.overflow-hidden,.swiper-tab,.swiper-tab-nav{
    overflow:hidden;
    position:relative
}
.swiper-tab .swiper-slide .swiper-slide{
    height:100%
}
.new-swiper{
    --pc-height:auto;
    --m-height:auto;
    --max-height:auto;
    --min-height:auto
}
.scale-height{
    --scale-height:40%;
    --pc-height:100%;
    --m-height:100%;
    padding-bottom:var(--scale-height);
    width:100%;
    height:0
}
.scale-height .swiper-slide img,.scale-height .swiper-wrapper{
    position:absolute
}
.new-swiper .swiper-wrapper{
    height:var(--pc-height);
    display:flex
}
.new-swiper .swiper-slide img:not(.img-icon):not(.smilie-icon):not(.avatar-badge):not(.avatar){
    max-height:var(--max-height);
    min-height:var(--min-height);
    -o-object-fit:cover;
    object-fit:cover;
    height:100%;
    width:100%
}
.swiper-scroll .swiper-slide{
    width:unset;
    margin-right:10px
}
.swiper-scroll .swiper-slide:last-of-type{
    margin-right:0
}
.swiper-tab-nav .swiper-slide.swiper-slide-thumb-active a{
    color:var(--focus-color)
}
.s-desc,.slide-text,.wp-block-carousel figcaption{
    position:absolute;
    color:#fff;
    bottom:0;
    padding:1.8em 2.5em;
    background:linear-gradient(0deg,rgba(0,0,0,.2),transparent);
    width:100%;
    font-size:16px;
    text-shadow:0 0 8px rgba(0,0,0,.3);
    z-index:1;
    border-radius:0 0 var(--main-radius) var(--main-radius)
}
.swiper-slide .slide-layer img{
    -o-object-fit:contain!important;
    object-fit:contain!important;
    width:auto!important;
    position:unset!important
}
.slide-text{
    background:unset;
    opacity:0;
    bottom:unset;
    transition:opacity 1s;
    --text-size-pc:20px;
    font-size:var(--text-size-pc)
}
.swiper-bulletin{
    padding:.1em 6px;
    background:var(--this-bg)
}
.swiper-bulletin .new-swiper{
    line-height:2.4em;
    height:2.4em;
    overflow:hidden
}
.swiper-bulletin .text-ellipsis{
    display:block;
    line-height:33px
}
.swiper-bulletin a{
    color:var(--this-color)
}
.bulletin-icon{
    background:var(--this-color);
    width:26px;
    height:26px;
    text-align:center;
    border-radius:30px;
    color:#fff;
    font-size:16px;
    display:inline-block;
    vertical-align:-8px
}
.sbg .bulletin-icon{
    color:var(--this-bg)
}
.imgbox{
    display:none
}
.alone-imgbox-img,.comment-content .box-img:not(.smilie-icon),.cursor-zoom-in{
    cursor:zoom-in
}
.media-body{
    width:auto
}
.posts-row{
    margin-left:-8px;
    margin-right:-8px;
    margin-bottom:15px
}
.posts-row>:not(.post_ajax_loader){
    margin-left:8px!important;
    margin-right:8px!important
}
.posts-item{
    padding:20px;
    margin:15px 0;
    background:var(--main-bg-color);
    overflow:hidden;
    transition:.2s;
    box-shadow:0 0 10px var(--main-shadow);
    border-radius:var(--main-radius)
}
.posts-item .post-graphic:not(.order1){
    margin-right:20px
}
.posts-item .order1.post-graphic{
    margin-right:0;
    margin-left:20px
}
.posts-item .item-thumbnail{
    width:190px;
    height:0;
    padding-bottom:var(--posts-list-scale);
    position:relative;
    overflow:hidden;
    border-radius:var(--main-radius)
}
.item-thumbnail .swiper-wrapper{
    height:100%!important
}
.list .item-thumbnail .zib-slider,.list .item-thumbnail.new-swiper{
    margin:0!important;
    position:absolute;
    height:100%
}
.item-thumbnail .dplayer.dplayer-thumb{
    padding-bottom:var(--posts-list-scale);
    transition:opacity .3s
}
.item-thumbnail .dplayer-thumb .dplayer-bezel .dplayer-bezel-icon{
    opacity:0!important
}
.item-thumbnail .dplayer-video-wrap,.item-thumbnail .swiper-wrapper,.item-thumbnail img{
    position:absolute
}
.item-thumbnail .dplayer-video-wrap{
    z-index:1
}
.dplayer-thumb-hide{
    opacity:0
}
.thumb-dplayer-playing .abs-center .fa-play-circle{
    opacity:0
}
.forum-lists-cover .swiper-pagination,.item-thumbnail .swiper-pagination{
    text-align:center!important;
    bottom:0!important;
    padding:0 2px!important;
    left:0!important;
    right:0!important
}
.posts-item .item-heading{
    margin-top:0;
    margin-bottom:5px;
    font-size:18px;
    line-height:1.4em;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    white-space:normal;
    max-height:2.8em
}
.list.style2 .item-thumbnail{
    width:130px
}
.list.style2 .item-heading{
    text-overflow:ellipsis;
    white-space:nowrap;
    display:unset;
    max-height:1.4em
}
.posts-item .item-heading>a{
    color:var(--key-color)
}
.posts-item .item-heading>a:hover{
    color:var(--focus-color)
}
.posts-item .item-meta item{
    margin-right:8px;
    font-size:13px
}
.posts-item .meta-right item:last-child{
    margin-right:0
}
.item-meta .avatar-mini{
    transform:translateY(-1px)
}
.item-meta .meta-pay{
    padding:0 4px
}
.posts-item .item-meta a,.posts-mini .item-meta a{
    color:inherit
}
.posts-item .item-tags a{
    font-size:11px;
    padding:2px 5px;
    margin-right:5px
}
.posts-item .item-tags a .fa{
    font-size:1em
}
.posts-item.card{
    width:calc(33.333% - 16px);
    display:inline-block;
    margin:8px;
    padding:10px;
    vertical-align:top;
    transition:.3s
}
.posts-item.card:last-child{
    margin-bottom:20px
}
.posts-item.card .item-body{
    width:100%;
    margin:10px 0 0 0;
    padding:0
}
.posts-item.card .item-meta item{
    font-size:12px
}
.posts-item.card .item-heading,.posts-mini-con .item-heading{
    font-size:14px
}
.posts-item.card .item-heading{
    min-height:2.8em
}
.posts-item.card .item-tags{
    min-height:23px
}
.posts-mini-con .badg{
    min-width:18px
}
.posts-item.card .item-thumbnail{
    width:100%;
    padding-bottom:var(--posts-card-scale)
}
.posts-item.card.style2{
    background:0 0;
    box-shadow:none
}
.posts-item.card.style2:hover{
    background:var(--main-bg-color);
    box-shadow:0 0 10px var(--main-shadow)
}
.posts-item.card.style3{
    padding:0
}
.posts-item.card.style3 .item-thumbnail,.posts-item.card.style3 .item-thumbnail img{
    border-radius:var(--main-radius) var(--main-radius) 0 0
}
.posts-item.card.style3 .item-body{
    padding:10px;
    margin:0
}
.swiper-scroll .posts-item{
    flex-shrink:0;
    margin-top:0;
    margin-bottom:0
}
.swiper-scroll .posts-item.card{
    margin:0!important;
    margin-right:21px!important
}
.posts-item.mult-thumb .thumb-items{
    margin:0 -3px 6px -3px
}
.posts-item.mult-thumb .thumb-items>span{
    width:calc(25% - 6px);
    display:inline-block;
    height:0;
    padding-bottom:calc(var(--posts-list-scale)/ 4);
    margin:0 3px;
    position:relative
}
.posts-item.no_margin{
    margin:0;
    box-shadow:none;
    border-radius:0
}
.posts-item.no-thumb .item-excerpt{
    height:auto
}
.posts-item.mult-thumb .thumb-items>span>img{
    position:absolute
}
.posts-item+.pagenav{
    margin-top:-15px
}
.posts-item.card+.pagenav{
    margin-top:-10px
}
.no_margin:first-of-type{
    margin-top:10px;
    border-radius:var(--main-radius) var(--main-radius) 0 0
}
.no_margin:last-of-type{
    margin-bottom:15px;
    border-radius:0 0 var(--main-radius) var(--main-radius)
}
.posts-mini{
    padding:10px;
    display:inline-flex;
    width:50%
}
.posts-mini-con{
    flex:auto;
    overflow:hidden
}
.mobile-nav-widget .posts-mini,.sidebar .posts-mini{
    width:100%!important
}
.mobile-nav-widget .posts-mini{
    padding-left:0;
    padding-right:0
}
.mobile-navbar.left .posts-mini .meta-author>span,.mobile-navbar.right .posts-mini .meta-author>span{
    display:none
}
.posts-mini .item-thumbnail{
    width:96px;
    height:0;
    padding-bottom:var(--posts-list-scale);
    position:relative;
    overflow:hidden;
    border-radius:var(--main-radius)
}
.posts-mini:last-of-type{
    margin-bottom:0
}
.posts-mini .item-heading{
    margin:0
}
.posts-mini .item-heading.icon-circle{
    margin-left:-5px
}
.posts-mini .item-meta{
    font-size:12px
}
.posts-mini-lists{
    padding:5px
}
.posts-mini-lists .tab-nav-theme{
    padding:0 5px 2px
}
.zib-widget.posts-mini-lists .relative>.tab-nav-theme~.scroll-x-next,.zib-widget.posts-mini-lists .relative>.tab-nav-theme~.scroll-x-prev{
    top:10px
}
.mobile-nav-widget .posts-mini-lists .tab-nav-theme{
    margin:0 -5px;
    padding:0
}
.widget-main-post.style-card .widget-ajaxpager,.widget-main-post.style-list .widget-ajaxpager,.widget-tab-post.index-tab .tab-content>.tab-pane{
    margin:-8px;
    margin-bottom:15px
}
.widget-tab-post.style-list .tab-content>.tab-pane{
    margin-bottom:25px
}
.widget-main-post.style-list .posts-item,.widget-tab-post.style-list .posts-item{
    margin-left:8px;
    margin-right:8px
}
.widget-tab-post.index-tab .list-inline{
    margin-bottom:15px
}
.widget-tab-post.style-list .list-inline{
    margin-bottom:25px
}
.footer{
    color:var(--footer-color);
    background:var(--footer-bg);
    padding:30px;
    font-size:13px
}
.footer a:not(.but):not(.focus-color){
    color:var(--footer-color)
}
.footer a:hover{
    color:var(--focus-color)
}
.footer .list-inline>li{
    margin:5px 15px
}
.footer .list-inline>li+li+li{
    float:right
}
.footer-miniimg{
    width:90px;
    margin:0 10px;
    text-align:center;
    vertical-align:text-top;
    display:inline-block
}
.footer-contact>a{
    font-size:20px;
    margin:5px;
    width:35px;
    height:35px
}
.footer-wechat-img{
    width:140px;
    bottom:90%;
    left:-55px;
    padding-bottom:20px
}
.footer-tabbar{
    display:none;
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    z-index:1035;
    justify-content:space-around;
    align-items:center;
    text-align:center;
    background:var(--header-bg);
    padding-bottom:constant(safe-area-inset-bottom);
    padding-bottom:env(safe-area-inset-bottom);
    box-shadow:0 -4px 5px var(--main-shadow);
    -webkit-backdrop-filter:saturate(5) blur(20px);
    backdrop-filter:saturate(5) blur(20px);
    transition:transform .3s
}
.scroll-ing .scrolling-hide.footer-tabbar{
    transform:translateY(120%)
}
.footer-tabbar .tabbar-item,.footer-tabbar .tabbar-item a{
    flex:1;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    min-height:49px;
    padding:3px 0;
    color:var(--muted-color)
}
.tabbar-item.tabbar-ontop>a{
    position:absolute
}
.ontop.tabbar-item{
    transform:translateY(55px)
}
.ontop.tabbar-item.show{
    display:flex!important
}
.ontop.tabbar-item.show+a{
    transform:translateY(-55px)
}
.tabbar-item.active,.tabbar-item.actived{
    color:var(--focus-color)
}
.tabbar-item>icon,.tabbar-item>svg{
    font-size:24px;
    line-height:1em;
    height:1em
}
.tabbar-item>badge{
    font-size:12px;
    transform:scale(.8) translateX(13px);
    position:absolute;
    top:1px
}
.tabbar-item.newadd-btns{
    position:unset
}
.tabbar-item .drop-newadd{
    top:auto;
    bottom:59px;
    left:10px;
    right:10px;
    align-items:center;
    display:flex;
    padding:10px 5px
}
.tabbar-item .drop-newadd::before{
    bottom:-4px;
    top:auto;
    left:calc(50% - 4px)
}
.tabbar-item .btn-newadd{
    text-align:center
}
.tabbar-item .btn-newadd icon{
    width:46px;
    height:46px;
    margin:0 0 10px
}
.tabbar-item .btn-newadd text{
    font-size:16px
}
.footer-tabbar text{
    width:100%;
    font-size:13px;
    line-height:1em;
    transform:scale(.8)
}
.footer-tabbar .single-action-tabbar{
    flex:unset;
    min-width:40px;
    margin-right:12px;
    flex-shrink:0
}
.footer-tabbar .single-action-tabbar:first-child{
    margin-left:12px
}
.footer-tabbar .single-pay-tabbar{
    background:var(--this-bg);
    color:var(--this-color);
    padding:7px;
    flex:auto;
    min-height:auto;
    margin:0 16px 0 12px;
    border-radius:100px
}
.footer-tabbar .single-action-tabbar text,.footer-tabbar .virtual-input .but{
    display:none
}
.footer-tabbar .virtual-input{
    flex:auto;
    height:auto;
    min-height:auto;
    margin:0 12px;
    overflow:hidden
}
.footer-tabbar count{
    color:var(--muted-2-color);
    border-radius:20px;
    margin-top:-22px;
    font-size:13px;
    line-height:1em;
    transform:scale(.8)
}
.footer-tabbar count:not(:empty){
    margin-left:-15%
}
.float-right{
    position:fixed;
    bottom:60px;
    right:20px;
    z-index:1030;
    text-align:center;
    padding-bottom:constant(safe-area-inset-bottom);
    padding-bottom:env(safe-area-inset-bottom);
    transition:.3s
}
.imgbox-show .float-right,.modal-open .float-right,.scroll-ing .scrolling-hide.float-right{
    transform:translateX(200%)
}
.scroll-ing .scrolling-hide.float-right.position-center{
    transform:translate(200%,-50%)
}
.tabbar-item.active{
    color:var(--focus-color)
}
.float-right.position-center{
    bottom:auto;
    top:50%;
    transform:translateY(-50%)
}
.float-right .float-btn{
    width:40px;
    line-height:40px;
    display:block;
    font-size:1.4em;
    --this-color:var(--muted-2-color);
    --this-bg:var(--float-btn-bg);
    background:var(--this-bg);
    position:relative;
    color:var(--this-color)!important
}
.filter .float-btn{
    -webkit-backdrop-filter:saturate(2) blur(10px);
    backdrop-filter:saturate(2) blur(10px)
}
.float-right.square .float-btn+.float-btn{
    border-top:1px solid var(--main-shadow)
}
.float-right.round .float-btn{
    margin-top:6px;
    border-radius:8px
}
.float-btn.ontop{
    opacity:0;
    transition:.5s;
    transform:translateY(10px);
    visibility:hidden
}
.ontop.show{
    opacity:1;
    transform:translateY(0);
    visibility:unset
}
.float-btn .hover-show-con{
    right:35px;
    left:auto;
    width:200px;
    margin-right:15px;
    top:0;
    font-size:14px;
    line-height:1.4;
    color:var(--main-color);
    padding:10px;
    margin-top:0;
    border-radius:var(--main-radius);
    cursor:auto
}
.float-btn .dropdown-menu::before{
    left:auto;
    top:15px;
    right:-5px
}
.float-btn.service-wechat .hover-show-con{
    width:120px;
    top:-40px;
    padding:0
}
.float-btn.service-wechat .dropdown-menu::before{
    top:53px
}
.float-btn.qrcode-btn .hover-show-con{
    width:150px;
    top:-60px;
    padding:16px 5px 12px;
    text-align:center
}
.float-btn.qrcode-btn .qrcode{
    background:#fff;
    display:inline-flex;
    padding:5px
}
.float-btn.qrcode-btn .dropdown-menu::before{
    top:73px
}
.float-btn.newadd-btns .drop-newadd{
    width:137px;
    top:-74px
}
.float-btn.newadd-btns .drop-newadd::before{
    left:auto;
    top:88px;
    right:-5px
}
.search-input{
    max-width:600px;
    margin:auto
}
.search-input .line-form{
    display:flex;
    align-items:flex-end
}
.search-input .line-form .search-input-text{
    flex-grow:2
}
.search-input .line-form .option-dropdown{
    flex-shrink:0;
    padding-left:2px
}
.search-null-img{
    max-width:300px;
    width:100%;
    margin:40px 0
}
.search-loading .search-icon,.search-loading .search-remind{
    color:var(--focus-color)
}
.page-content-full .article,.page-content-nobox .article{
    all:unset
}
.container.page-content-full{
    all:unset
}
.article.page-article{
    padding-top:30px
}
.breadcrumb{
    background:0 0;
    padding:0 8px;
    opacity:.6;
    margin-bottom:12px
}
.breadcrumb>li+li:before{
    padding:0 0 0 6px;
    opacity:.6
}
.article{
    padding:0 30px;
    overflow:hidden
}
.item-thumbnail .abs-right,.page-cover .article-meta{
    top:20px;
    background:rgba(0,0,0,.3);
    padding:2px 8px
}
.single-cover-con .breadcrumb{
    font-size:13px;
    margin:5px 0 0 -6px;
    opacity:unset
}
.article-cover-slide.page-cover{
    padding-bottom:0!important;
    overflow:unset;
    background:0
}
.article-title{
    line-height:1.4
}
.article-title>a:hover{
    color:inherit
}
.article-header .article-title{
    font-size:22px;
    font-weight:700;
    color:var(--key-color)
}
.article-header .article-avatar,.article-header .article-title{
    margin-top:15px
}
.article-header .article-avatar .list-inline>li{
    padding-left:unset
}
.article-header .article-avatar .relative{
    margin-top:20px
}
.single-metabox{
    right:0;
    font-size:15px;
    --meta-color:var(--muted-color)
}
.single-metabox .post-metas{
    background:var(--body-bg-color);
    right:0;
    padding:2px 6px;
    border-radius:100px;
    color:var(--meta-color)
}
.single-metabox .post-metas item{
    margin:0 6px
}
.single-metabox .post-metas item a{
    color:inherit
}
.single-metabox .post-metas item .fa,.single-metabox .post-metas item .icon{
    margin-right:3px
}
.single-metabox .post-drop-meta{
    --this-size:1.73em;
    --this-color:var(--meta-color);
    --this-bg:var(--body-bg-color)
}
.single-metabox .pull-right.dropdown .dropdown-menu::before{
    right:7px
}
.single-metabox .dropdown-menu>li>a{
    --this-color:var(--muted-color)
}
.single-metabox.cover-meta{
    font-size:14px;
    right:1em;
    top:1.6em;
    --meta-color:rgba(255, 255, 255, 0.8);
    --body-bg-color:rgba(0, 0, 0, 0.3)
}
.article-header .avatar-button{
    margin-left:50px
}
.single-cover{
    padding-bottom:calc(var(--single-cover-scale) + 50px)
}
.single-cover-slide{
    padding-bottom:calc(var(--scale-height) + 50px);
    border-radius:var(--main-radius)
}
.single-cover-con{
    color:#fff;
    padding:15px 15px 10px 15px;
    border-radius:0 0 var(--main-radius) var(--main-radius);
    background-image:linear-gradient(0deg,rgba(29,41,49,.5),rgba(255,255,255,0));
    padding-top:2em
}
.single-cover-con .article-title,.single-video .article-title{
    font-size:18px;
    font-weight:700
}
.featured-video-episode{
    margin-bottom:0;
    line-height:1.4;
    font-size:14px
}
.featured-video-episode .badg.badg-sm{
    min-width:19px
}
.featured-video-episode .switch-video,.switch-iframe{
    line-height:1.6;
    border-radius:4px;
    padding:6px 20px;
    text-align:center;
    background:rgba(136,136,136,.1);
    --main-color:var(--muted-color);
    display:inline-block;
    margin:4px 4px 0;
    min-width:calc(20% - 8px)
}
.switch-iframe .episode-active-icon,.switch-video .episode-active-icon{
    display:inline-block;
    width:0;
    height:1.2em;
    vertical-align:middle;
    margin-right:0;
    transition:.6s
}
.switch-iframe.active .episode-active-icon,.switch-video.active .episode-active-icon{
     background-image: url(../img/playing.svg);
     width:1em;
    margin-right:6px
}
.switch-iframe.active,.switch-video.active{
    color:var(--focus-color)
}
.switch-iframe.active .badg,.switch-video.active .badg{
    background:var(--focus-color);
    color:#fff
}
.single-cover-con a{
    color:#fff
}
.single-video{
    overflow:hidden;
    clear:both;
    background:var(--main-bg-color);
    box-shadow:0 0 10px var(--main-shadow);
    border-radius:var(--main-radius);
    margin-bottom:20px
}
.single-video .article-title{
    margin:0
}
.single-video-footer{
    padding:15px
}
.single-video .breadcrumb{
    padding:0
}
.single-video .cover-meta{
    background:0 0;
    padding:0;
    color:var(--main-color)
}
.wp-posts-content{
    line-height:2;
    font-size:16px;
    min-height:90px
}
.limit-height{
    overflow:hidden;
    position:relative
}
.limit-height .read-more{
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(255,255,255,0) 100%);
    -webkit-animation:lazy_fade .5s;
    animation:lazy_fade .5s;
    z-index:80
}
.dark-theme .limit-height .read-more{
    background-image:linear-gradient(0deg,var(--main-bg-color) 70px,rgba(53,54,55,0) 100%)
}
.limit-height .read-more a{
    padding:25px 0;
    display:inline-block;
    color:var(--focus-color);
    margin-top:80px
}
.article-postsbox{
    line-height:1.6;
    overflow:hidden;
    font-size:14px;
    max-width:550px;
    margin:auto;
    margin-bottom:20px;
    box-shadow:none
}
.article-postsbox .posts-mini{
    width:100%
}
.post-nav-links,.post-page-numbers{
    line-height:1
}
.post-page-numbers{
    margin:5px 1px;
    padding:.3em;
    min-width:1.75em
}
.post-nav-links{
    background:var(--main-shadow)
}
.post-page-numbers.current{
    --this-bg:var(--focus-color);
    --this-color:#fff
}
.article-postsbox .pay-tag{
    font-size:12px;
    padding:1px 5px
}
.article-content .article-postsbox .item-meta a{
    color:inherit
}
.article-postsbox .item-thumbnail img{
    border-radius:4px
}
.article-postsbox .abs-blur-bg,.author-minicard .abs-blur-bg{
    opacity:.15
}
.article-postsbox .posts-mini{
    width:100%!important;
    margin:0!important;
    background:var(--muted-border-color);
    position:relative
}
.comment-content a:not([class]),.msg-content a:not([class]),.private-content a:not([class]),.wp-posts-content a:not([class]){
    color:var(--focus-color)
}
.wp-posts-content .but a{
    color:inherit
}
.wp-posts-content code:not([class]){
    color:#ff3c98;
    background-color:rgba(253,153,153,.2);
    margin:2px
}
.wp-posts-content img{
    max-width:100%;
    height:auto;
    display:block;
    margin:auto
}
.wp-posts-content img.fit-cover{
    height:100%
}
.wp-posts-content img.avatar{
    height:100%;
    display:inline-block
}
.wp-posts-content .alignright{
    text-align:right
}
img.alignright{
    display:block;
    margin-left:auto
}
img.alignleft{
    display:block;
    margin-right:auto
}
.wp-posts-content .aligncenter{
    display:table;
    margin:auto
}
.wp-posts-content .wp-block-table{
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:none;
    scrollbar-width:thin;
    overflow-x:auto;
    margin-bottom:20px;
    border:none
}
.wp-posts-content .wp-block-table table{
    white-space:nowrap
}
.wp-posts-content table{
    font-size:14px;
    width:100%
}
.wp-posts-content tfoot,.wp-posts-content thead{
    border:none
}
.wp-posts-content tbody>tr>td,.wp-posts-content tbody>tr>th,.wp-posts-content tfoot>tr>td,.wp-posts-content tfoot>tr>th,.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{
    border:1px solid var(--main-border-color);
    padding:8px;
    line-height:1.42857143;
    vertical-align:top
}
.wp-posts-content tfoot>tr>td,.wp-posts-content tfoot>tr>th,.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{
    background:var(--muted-border-color)
}
.wp-posts-content thead>tr>td,.wp-posts-content thead>tr>th{
    text-align:center
}
.wp-posts-content tbody>tr{
    transition:.3s
}
.wp-posts-content tbody>tr:hover{
    background-color:var(--focus-color-opacity1)!important
}
.wp-posts-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd){
    background-color:var(--main-shadow)
}
.wp-posts-content .wp-block-table .has-background{
    color:#666
}
.wp-posts-content h1,.wp-posts-content h2,.wp-posts-content h3,.wp-posts-content h4,.wp-posts-content h5{
    margin:20px 0;
    font-weight:700
}
.wp-posts-content h1{
    font-size:22px
}
.wp-posts-content h2{
    font-size:20px
}
.wp-posts-content h3{
    font-size:18px
}
.wp-posts-content h4{
    font-size:16px
}
.wp-posts-content h5,.wp-posts-content h6{
    font-size:14px
}
.wp-posts-content ol:not(.blocks-gallery-grid),.wp-posts-content ul:not(.blocks-gallery-grid){
    margin:10px 0 20px 15px;
    padding-left:15px
}
.wp-posts-content ul{
    list-style:disc
}
.wp-posts-content ol{
    list-style:decimal
}
.wp-posts-content li{
    margin-bottom:10px
}
.wp-posts-content ul li:not(.blocks-gallery-item):last-of-type{
    margin-bottom:0
}
.wp-posts-content p{
    margin-bottom:20px;
    word-wrap:break-word
}
.wp-posts-content pre:not(.wp-block-code){
    border:none;
    background:0 0;
    padding:0;
    margin:0
}
.wp-posts-content pre{
    background:var(--muted-border-color);
    color:var(--main-color)
}
.wp-posts-content .wp-block-code code{
    color:inherit;
    background-color:unset;
    margin:unset
}
.article-content .article-tags a{
    font-size:12px;
    margin:3px
}
.wp-block-image:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img{
    overflow:hidden
}
.post-tab{
    padding:0 10px;
    border-radius:var(--main-radius);
    border:1px solid var(--main-border-color)
}
.post-tab .tab-content{
    padding:5px
}
.post-tab.nav-left{
    display:flex
}
.post-tab.nav-left .tab-nav-theme{
    border:none;
    border-right:1px solid var(--main-border-color);
    padding-right:8px;
    min-width:80px;
    margin-right:10px
}
.post-tab.nav-left .tab-nav-theme>li{
    display:block;
    padding:0;
    margin-left:6px
}
.post-tab.nav-left .post-tab-toggle{
    padding:8px;
    display:block
}
.post-tab.nav-left .tab-nav-theme li:before{
    width:2px;
    top:10px;
    bottom:10px;
    left:0;
    right:auto;
    height:auto!important
}
.post-tab.nav-left .tab-content{
    flex:1
}
.post-tab.nav-left.nav-right .tab-nav-theme{
    order:2;
    margin-right:0;
    padding-right:0;
    border:none;
    padding-left:8px;
    margin-left:8px;
    border-left:1px solid var(--main-border-color)
}
.single-posts-lists .posts-mini .item-heading a{
    color:var(--main-color)
}
.single-posts-lists .posts-mini .item-heading a:hover{
    color:var(--focus-color)
}
.article-content .article-tags a{
    font-size:12px;
    margin:3px
}
.post-dplayer,.wp-block-gallery,.wp-block-image{
    margin-bottom:20px
}
.article .post-actions{
    padding-bottom:15px
}
.article .action{
    width:80px;
    padding:10px 0;
    display:inline-block;
    opacity:.7;
    vertical-align:top
}
.article .action:hover{
    color:inherit;
    opacity:1
}
.article .action .icon{
    font-size:24px;
    width:100%;
    margin:5px 0
}
.article .action count,.article .action text{
    opacity:.7;
    font-size:.9em
}
.action.actived{
    color:var(--focus-color)
}
.article .action.actived{
    opacity:.9
}
.article .action count{
    margin-left:2px
}
.action-share{
    position:relative;
    cursor:pointer;
    transition:.3s;
    z-index:90
}
.action-share.show-share{
    opacity:1
}
.share-button{
    width:130px;
    margin-bottom:-10px!important;
    left:-24px
}
.dropup .share-button.dropdown-menu::before{
    left:59px
}
.share-button .share-btn{
    display:flex;
    align-items:center
}
.share-button .share-btn+.share-btn{
    margin-top:10px
}
.drop-newadd icon,.share-btn icon{
    width:36px;
    height:36px;
    display:inline-flex;
    border-radius:100%;
    background:var(--main-border-color);
    justify-content:center;
    align-items:center;
    font-size:22px;
    flex-shrink:0
}
.drop-newadd icon>svg{
    margin:0!important;
    color:inherit
}
.share-btn icon .icon{
    margin:auto!important
}
.share-button .share-btn icon{
    margin-right:10px
}
.share-button .share-btn .icon{
    width:1em;
    font-size:inherit
}
.share-button .share-btn:hover{
    opacity:.8
}
.horizontal .share-btn{
    display:inline-flex;
    text-align:center;
    width:4em;
    flex-wrap:wrap;
    justify-content:center;
    margin:10px 5px
}
.horizontal .share-btn icon{
    display:flex;
    margin-bottom:6px;
    width:50px;
    height:50px;
    font-size:28px
}
.drop-newadd{
    border-radius:var(--main-radius)
}
.drop-newadd text,.horizontal .share-btn text{
    font-size:12px;
    color:var(--muted-color)
}
.drop-newadd icon{
    margin-right:6px;
    background:var(--this-bg)
}
.drop-newadd .btn-newadd{
    display:flex;
    align-items:center;
    padding:5px
}
.author-tag .badg,.author-tag .but{
    margin-right:5px;
    margin:2px;
    padding:.15em .4em;
    font-size:12px;
    font-weight:400
}
.author-tag a .fa,.author-tag a .icon,.author-tag>span .fa,.author-tag>span .icon,.item-meta item .icon{
    margin-right:2px
}
.social-separator{
    padding:10px 0
}
.relates-content .graphic-text{
    padding:2px 6px;
    font-size:13px
}
.relates .no-thumb li+li{
    margin-top:10px
}
.search-input .relates-thumb li,.user-card .more-posts .swiper-slide{
    width:150px
}
.relates-thumb li a,.user-card .more-posts a{
    width:100%;
    height:0;
    padding-bottom:70%;
    display:block;
    overflow:hidden
}
.relates-thumb .swiper-slide{
    width:220px
}
.relates-thumb .graphic{
    margin-bottom:0
}
.mini-scrollbar>li{
    padding-left:0;
    padding-right:8px
}
.relates-thumb .relates-content ul{
    padding:5px 0;
    margin:-5px 0
}
.article-nav .box-body{
    width:calc(50% - 7px);
    margin:0;
    display:inline-block
}
.article-nav .box-body+.box-body{
    margin-right:0;
    float:right;
    text-align:right
}
#comments #cancel-comment-reply-link,#comments .action-text{
    display:none
}
#comments #postcomments #cancel-comment-reply-link,#comments #postcomments .action-text{
    display:inline-block
}
#comments .comt-title{
    width:90px
}
#comments .comt-title .comt-avatar .avatar{
    width:60px;
    height:60px
}
#comments #postcomments .comt-title{
    display:none
}
#respond:not(.mobile-fixed) #postcomments .comt-box{
    padding:5px 5px 4px 5px;
    background:var(--main-bg-color);
    border-radius:4px;
    margin-top:12px
}
#comments #postcomments .comt-ctrl .but{
    margin-bottom:2px
}
#comments .list-inline{
    padding:15px
}
#comment{
    margin-bottom:5px
}
.comment-signarea{
    background:var(--main-shadow)
}
#respond+#postcomments .comment-filter,.comment-signarea+#postcomments .comment-filter{
    margin-top:20px
}
#postcomments .tab-nav-theme{
    margin-top:0
}
#postcomments .tab-nav-theme li{
    padding-bottom:1px
}
#postcomments .tab-nav-theme li::before{
    bottom:-2px
}
.smilie-icon{
    width:30px!important
}
#postcomments .comment-footer{
    position:relative
}
#postcomments .avatar-img{
    --this-size:45px;
    margin-right:20px
}
#postcomments .children .avatar-img{
    --this-size:26px;
    vertical-align:2px;
    margin-right:6px
}
#postcomments .commentlist>.comment>.list-inline .author-box{
    align-items:start
}
#postcomments .commentlist>.comment>.list-inline .comment-footer{
    margin-left:65px;
    margin-top:-25px
}
#postcomments .comment .list-inline>.comt-main{
    width:100%
}
#postcomments .commentlist .comment+.comment{
    border-top:1px solid var(--main-border-color)
}
#postcomments .comment .list-inline>li{
    padding:10px;
    vertical-align:top
}
#postcomments .comment-header{
    font-size:15px;
    position:relative
}
.comment-header .badge-status{
    margin-top:0;
    width:68px;
    z-index:0
}
#postcomments .action count{
    margin-left:4px
}
#postcomments .comt-meta>span:not(:empty){
    margin-right:10px;
    vertical-align:middle
}
#postcomments .comt-meta>span a{
    color:inherit
}
#postcomments .comt-meta>span .but{
    padding:.2em .8em
}
#postcomments .comment-approve-link.unapprove{
    color:#e87725
}
#postcomments .comment-approve-link.approve{
    color:#3695ff
}
#postcomments .comt-meta>span .comment-trash-link{
    color:#ff4b4b
}
#postcomments .children{
    margin-left:86px;
    background:var(--main-shadow);
    border-radius:var(--main-radius);
    margin-bottom:6px
}
#postcomments .children .children{
    margin-left:23px
}
#postcomments .children .avatar-icontag{
    font-size:8px;
    height:14px;
    width:14px
}
.comment-content{
    word-wrap:break-word;
    white-space:pre-wrap
}
.comment-content .enlighter-default{
    margin-bottom:0
}
.comment-content .enlighter-default.enlighter-t-enlighter{
    background:rgba(240,241,244,.5)
}
.comment-content .enlighter-default.enlighter-t-dracula{
    background:rgba(32,34,38,.5)
}
#postcomments .comment-content img:not(.smilie-icon){
    max-width:260px;
    max-height:350px;
    display:block;
    width:auto;
    height:auto
}
.virtual-input{
    display:none
}
.comment-mini-lists.zib-widget{
    padding:5px
}
.comment-mini-lists .posts-mini-con p{
    margin-bottom:6px;
    color:var(--focus-color);
    --main-color:var(--focus-color)
}
.commentlist .no-more,.theme-pagination.pagenav{
    margin:0;
    padding-bottom:10px
}
.theme-pagination{
    margin:20px 0
}
.chat-next a,.theme-pagination .ajax-next a,.theme-pagination .order-ajax-next a{
    border-radius:30px;
    padding:5px 15px;
    color:var(--muted-color);
    opacity:.6
}
.chat-next a:hover,.theme-pagination .ajax-next a:hover,.theme-pagination .order-ajax-next a:hover{
    background:var(--main-border-color);
    opacity:1
}
.chat-next a .fa,.theme-pagination .ajax-next .fa,.theme-pagination .ajax-next .icon,.theme-pagination .order-ajax-next .fa,.theme-pagination .order-ajax-next .icon{
    margin-right:15px;
    transition:.3s
}
.chat-next a:hover .fa,.theme-pagination .ajax-next a:hover .fa,.theme-pagination .ajax-next a:hover .icon,.theme-pagination .order-ajax-next a:hover .fa,.theme-pagination .order-ajax-next a:hover .icon{
    margin-right:8px
}
.pagenav{
    overflow:hidden;
    text-align:center;
    padding:20px 0;
    transition:.2s;
    line-height:1.4
}
.pagenav .current,.pagenav .page-numbers,.pagenav a{
    padding:6px 9px 5px;
    color:var(--muted-color);
    display:inline-block;
    border-radius:3px;
    background-color:var(--main-border-color);
    margin:3px;
    min-width:31px
}
.pagenav .current{
    background-color:var(--focus-color)!important;
    color:#fff!important
}
.pagenav a:hover{
    opacity:.7
}
.pagenav .pag-jump{
    display:inline-flex;
    align-items:center;
    position:relative
}
.pagenav .pag-jump .jump-icon{
    z-index:1
}
.pagenav .pag-jump .jump-icon:hover{
    color:var(--focus-color)
}
.pagenav .pag-jump .jump-input{
    opacity:0;
    height:100%;
    width:100%;
    border-radius:3px;
    position:absolute;
    left:0;
    top:0;
    transition:.2s;
    padding:5px 22px 5px 5px
}
.pagenav .jump-input:focus,.pagenav .pag-jump:hover .jump-input{
    opacity:1
}
.hot-posts .img-badge{
    left:-15px
}
.hot-posts .flex .graphic{
    padding-bottom:70%!important;
    width:93px
}
.mobile-nav-widget .hot-posts .img-badge{
    left:-8px;
    padding:2px 5px
}
.icon-card{
    max-width:280px;
    margin-left:auto;
    margin-right:auto;
    text-align:center
}
.icon-card .toggle-radius{
    width:2.2em;
    height:2.2em;
    transition:.3s
}
.icon-card .card-icon{
    transition:.3s;
    display:inline-block
}
.icon-card .toggle-radius .fa{
    font-size:.9em
}
.icon-card:hover .card-icon{
    transform:scale(1.05)
}
.page-cover .page-mask{
    background-color:rgba(0,0,0,.2)
}
.page-cover>.page-cover-con{
    position:absolute;
    bottom:0;
    font-size:16px;
    z-index:1
}
.page-cover>.fit-cover{
    position:absolute
}
.page-cover .page-desc{
    opacity:.8;
    word-break:break-word
}
.author-header .page-cover{
    border-radius:var(--main-radius) var(--main-radius) 0 0;
    padding-bottom:calc(20% + 100px);
    z-index:0
}
.author-header .header-content{
    padding:18px 42px
}
.author-header .header-info>.header-avatar{
    margin-top:-80px;
    margin-right:20px
}
.author-header .avatar-img{
    --this-size:140px
}
.author-header .avatar-img+.avatar-set-link{
    color:#fff;
    text-shadow:0 0 20px rgba(0,0,0,.8)
}
.author-header .user-identity>.badg,.author-header .user-identity>.but{
    font-size:12px;
    padding:2px 6px;
    margin:5px 6px 0 0;
    line-height:1.4
}
.author-header .user-identity .medal-icon,.author-header .user-identity .user-auth-icon .icon{
    transform:scale(136%)
}
.author-header .user-identity .medal-icon{
    margin:0 3px
}
.author-header .avatar-img .avatar{
    border-radius:6px;
    border:4px solid var(--main-bg-color)
}
.author-header .display-name{
    font-size:20px;
    font-weight:700
}
.author-header .desc{
    max-width:520px
}
.author-header .cover-btns .item{
    opacity:.8
}
.author-header .cover-btns .dropup .dropdown-menu{
    bottom:calc(100% + 2px)
}
.author-tab .tab-nav-theme{
    font-size:16px;
    --main-color:var(--muted-2-color)
}
.author-tab .affix-header-sm:not(.affix):not(.affix-bottom) .tab-nav-theme{
    margin:0 -10px 12px!important
}
.author-tab .tab-nav-theme li a{
    padding:0 5px
}
.author-tab .tab-nav-theme .active,.author-tab .tab-nav-theme .swiper-slide-thumb-active{
    font-weight:700
}
.author-tab .posts-item{
    background:0 0;
    box-shadow:none
}
.author-tab .no_margin:first-of-type{
    margin-top:0
}
.oauth-but{
    text-align:center;
    padding:10px 15px;
    width:auto;
    margin-right:15px;
    margin-bottom:10px
}
.oauth-bind-box>div{
    width:calc(50% - 5px);
    min-width:300px
}
.oauth-bind-box .type-logo{
    width:130px
}
.checkin-mini-box>.badg.badg-sm{
    display:block;
    margin:2px;
    padding:.2em
}
.lists-nav{
    padding-top:0;
    padding-bottom:0
}
.lists-nav .tab-nav-theme{
    all:unset
}
.lists-nav .tab-nav-theme>li{
    display:block;
    padding:4px
}
.lists-nav .tab-nav-theme li::before{
    display:none
}
.lists-nav .tab-nav-theme>li>a{
    display:flex;
    padding:10px 6px;
    align-items:center;
    border-radius:6px
}
.lists-nav .tab-nav-theme>li+li{
    border-top:1px solid var(--muted-border-color)
}
.user-center-nav .tab-nav-theme>li>a{
    justify-content:space-between
}
.fa-angle-down{
    transition:.2s
}
.collapsed .fa-angle-down{
    transform:rotate(-90deg)
}
.author-set-left,.author-set-right{
    display:inline-block;
    vertical-align:top
}
.author-set-left{
    width:20%;
    margin-right:20px;
    text-align:right;
    padding-top:6px;
    color:var(--muted-3-color)
}
.author-set-right{
    width:calc(80% - 25px);
    overflow:hidden
}
.author-more li+li{
    width:100%!important
}
.user-icon-but-box>item{
    width:calc(25% - 10px);
    margin:5px;
    min-width:50px;
    max-width:100px;
    cursor:pointer
}
.preview .add,.preview-item{
    position:relative;
    display:inline-block;
    width:120px;
    height:120px;
    border-radius:4px;
    background:var(--muted-border-color);
    margin:5px;
    vertical-align:top
}
.preview .add{
    cursor:pointer
}
.preview .add::after,.preview .add::before{
    content:' ';
    width:25px;
    height:25px;
    background:var(--muted-3-color);
    border-radius:5px;
    display:block;
    position:absolute;
    margin:auto;
    left:0;
    right:0;
    top:0;
    bottom:0
}
.preview .add::before{
    height:2px
}
.preview .add::after{
    width:2px
}
.preview-item img{
    -o-object-fit:contain;
    object-fit:contain;
    width:100%;
    border-radius:4px;
    height:100%
}
.preview-item .ic-close{
    position:absolute;
    top:5px;
    right:5px;
    background:#fd2c53;
    color:#fff;
    border-radius:100%;
    padding:2px;
    font-size:18px;
    cursor:pointer
}
.upload-preview{
    margin:20px auto;
    width:100px;
    height:100px;
    overflow:hidden;
    background:var(--main-shadow)
}
.upload-preview.large{
    width:220px;
    height:220px
}
.cover-preview{
    width:100%;
    height:0;
    background:var(--main-shadow);
    position:relative;
    padding-bottom:calc(20% + 80px);
    display:block;
    overflow:hidden
}
.preview-container{
    height:100%
}
.dropdown-menu .preview img,.modal-upload .preview img{
    max-height:300px;
    border-radius:6px;
    -o-object-fit:contain;
    object-fit:contain
}
.auth-apply-from .preview img{
    width:100%;
    height:100%;
    max-width:260px;
    min-width:100px;
    max-height:200px
}
.progress.integral-progress{
    z-index:1;
    position:relative;
    height:3px;
    border-radius:4px;
    margin:0;
    background:#dbbd8e
}
.progress.integral-progress .progress-bar{
    border-radius:4px;
    background:#9b6b4e
}
.pillar-box{
    height:100%;
    display:flex;
    position:relative;
    flex:auto;
    width:100%
}
.pillar-item{
    display:flex;
    align-items:center;
    flex-direction:column;
    justify-content:flex-end;
    overflow:unset
}
.pillar-item+.pillar-item{
    padding-left:20px
}
.pillar-item .pillar{
    width:6px;
    border-radius:6px;
    background:linear-gradient(0deg,#707479 10%,#bfc5cc 100%)
}
.pillar-item.active~.pillar-item{
    opacity:.5
}
.pillar-item.active{
    color:#b97030
}
.pillar-item.active .pillar{
    background:linear-gradient(0deg,#c1764a 10%,#e8c48e 100%)
}
.user-card{
    padding:0;
    overflow:hidden
}
.user-card .user-cover{
    border-radius:var(--main-radius) var(--main-radius) 0 0
}
.user-card .card-content{
    padding:15px
}
.user-card name .display-name{
    font-size:1.1em;
    font-weight:700
}
.user-card.widget .user-cover+.card-content{
    margin-top:-55px
}
.user-card.widget .user-avatar,.user-card.widget .user-info{
    text-align:center
}
.user-card.widget .user-name name{
    justify-content:center
}
.user-card.widget .more-posts-mini{
    margin:20px -5px 0 -5px
}
.user-card.widget .more-posts{
    margin-top:20px
}
.user-card .more-posts-mini a{
    display:block;
    color:var(--muted-2-color);
    padding:3px 0
}
.user-card.author .card-content,.user-card.author .user-content{
    display:flex;
    align-items:center
}
.user-card.author .card-content>div{
    width:50%
}
.user-card.author .user-info{
    margin:0 20px;
    overflow:hidden
}
.medal-cat-box{
    text-align:center;
    padding:8px
}
.medal-list{
    width:calc(20% - 14px);
    margin:10px 7px
}
.medal-card{
    text-align:center
}
.user-medal-info .medal-icon{
    margin:0 1px
}
.medal-card .medal-icon{
    width:auto;
    height:70px
}
.medal-cat-name{
    background:var(--focus-color-opacity1);
    padding:8px 25px;
    border-radius:0 0 1000px 1000px;
    color:var(--focus-color);
    display:inline-block
}
.medal-cat-box .medal-cat-name{
    margin-top:-8px
}
.medal-list .no-has{
    -webkit-filter:grayscale(100%);
    filter:grayscale(100%);
    opacity:.6
}
.medal-single-bg{
    position:absolute;
    top:43px;
    left:0;
    right:0;
    z-index:0;
    max-width:305px;
    margin:auto;
    bottom:auto;
    opacity:.5
}
.medal-single-card.medal-card .medal-icon{
    height:120px;
    max-width:200px
}
.rebate-lits .author-set-left{
    text-align:left;
    width:56px
}
.rebate-lits .author-set-right{
    width:calc(100% - 78px)
}
.msg-center-nav li>a>img{
    width:22px;
    height:22px;
    border-radius:100px;
    margin-right:10px
}
.msg-center-nav li>a>badge{
    transform:none;
    right:10px;
    position:absolute;
    top:15px;
    margin:0
}
.msg-center .ajaxpager .no-more{
    margin-top:30px
}
.sub-user-box .msg-news-icon{
    top:.4em;
    right:0
}
.msg-news-icon badge.top{
    transform:translate(-10px,-6px) scale(.85);
    margin-right:-10px
}
.msg-news-icon .toggle-radius{
    margin:0!important
}
.border-bottom:last-of-type,.msg-center .border-bottom:last-of-type{
    border:none
}
.pull-right.msg-news-dropdown.dropdown .dropdown-menu::before{
    right:20px
}
.msg-news-dropdown .dropdown-menu.right{
    right:-5px
}
.msg-news-dropdown li>a{
    padding:12px 14px;
    width:150px;
    position:relative;
    display:flex;
    align-items:center
}
.msg-img{
    display:inline-block;
    width:50px;
    height:50px;
    margin-right:5px;
    vertical-align:middle;
    position:relative;
    overflow:inherit
}
.msg-img img{
    border-radius:100px;
    background:var(--muted-bg-color)
}
.msg-list>li+li{
    width:calc(100% - 66px)
}
.msg-list badge{
    position:absolute;
    transform:translate(-24px,-7px) scale(.8)
}
.chat-lists badge{
    transform:translate(-7px,-7px)
}
.chat-lists .avatar,.private-item .avatar{
    border-radius:4px
}
.msg-content{
    line-height:2;
    white-space:pre-wrap
}
.msg-content .msg-img{
    width:20px;
    height:20px;
    margin-top:-2px
}
.chat-lists .msg-list>li+li{
    width:calc(100% - 47px)
}
.private-window-header .avatar-img{
    --this-size:20px;
    vertical-align:1px
}
.private-window-content{
    height:400px;
    background:var(--muted-bg-color);
    box-shadow:none;
    border-radius:4px;
    padding:15px 10px
}
.private-list{
    margin:10px 0
}
.private-list .avatar-img{
    width:32px;
    height:32px
}
.private-list.right{
    text-align:right
}
.private-list.left .avatar-img{
    float:left
}
.private-list.right .avatar-img{
    float:right
}
.private-content{
    max-width:calc(80% - 60px);
    display:inline-block;
    word-wrap:break-word;
    white-space:pre-wrap;
    padding:6px 10px;
    border-radius:4px;
    margin:0 8px;
    position:relative;
    text-align:left;
    min-height:32px;
    min-width:32px
}
.dropdown-menu::before,.private-content::before{
    content:' ';
    display:inline-block;
    width:9px;
    height:9px;
    background:var(--main-bg-color);
    position:absolute;
    top:12px;
    transform:rotate(45deg);
    left:-4px;
    border-radius:2px
}
.private-content .readed-badge{
    position:absolute;
    font-size:12px;
    right:100%;
    top:8px;
    width:2.5em;
    transform:scale(.9);
    color:#2997f7
}
.private-list.right .private-content::before{
    left:auto;
    right:-4px
}
.dropdown .dropdown-menu::before{
    top:-4px;
    left:12px
}
.pull-right.dropdown .dropdown-menu::before,.pull-right.dropup .dropdown-menu::before{
    left:auto;
    right:12px
}
.dropup .dropdown-menu::before{
    top:auto;
    bottom:-4px;
    left:11px
}
.dropdown-menu.fluid::before{
    left:50%
}
.chat-next,.private-next{
    display:block;
    padding:10px 0;
    text-align:center;
    opacity:.8
}
.comment-content pre,.private-content pre{
    padding:0
}
.private-content>pre:last-of-type{
    margin-bottom:0!important
}
.private-content .enlighter-default{
    margin:0;
    min-width:150px
}
.modal-body .private-window .visible-xs-block{
    display:none!important
}
body.error404{
    background:var(--main-bg-color)
}
.f404{
    text-align:center;
    margin:20px 0 60px
}
.f404 img{
    max-width:500px;
    width:80%
}
.resetpass{
    max-width:400px;
    margin:auto;
    min-height:400px;
    padding-top:120px
}
.file-download-icon{
    background:var(--muted-bg-color);
    border-radius:4px;
    width:3em;
    height:0;
    padding-bottom:100%;
    overflow:hidden;
    position:relative
}
.file-download-icon img.fit-cover{
    height:100%;
    position:absolute
}
.file-download-icon::before{
    position:absolute;
    content:'\f019';
    font:normal normal normal 16px/1 FontAwesome;
    top:.8em;
    left:.8em;
    font-size:1.2em
}
.file-download-name{
    word-break:break-all;
    height:auto;
    max-height:2.8em
}
.file-download-desc{
    line-height:1.5
}
.wp-block-embed.is-type-video>div{
    padding-bottom:56%;
    position:relative;
    overflow:hidden
}
.wp-block-embed.is-type-video.wp-embed-aspect-21-9>div{
    padding-bottom:43%
}
.wp-block-embed.is-type-video.wp-embed-aspect-18-9>div{
    padding-bottom:50%
}
.wp-block-embed.is-type-video.wp-embed-aspect-4-3>div{
    padding-bottom:75%
}
.wp-block-embed.is-type-video.wp-embed-aspect-1-1>div{
    padding-bottom:100%
}
.wp-block-embed.is-type-video.wp-embed-aspect-9-16>div{
    padding-bottom:178%
}
.wp-block-embed.is-type-video.wp-embed-aspect-1-2>div{
    padding-bottom:200%
}
.wp-block-embed.is-type-video iframe{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.iframe-series-box{
    background:#000
}
.article-content figcaption{
    text-align:center;
    font-size:.8em;
    color:var(--muted-2-color)
}
.article-content .swiper-slide figcaption{
    color:#fff
}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{
    padding:10px 10px 5px;
    background:linear-gradient(0deg,rgba(0,0,0,.3) 0,60%,transparent);
    font-size:1em;
    text-shadow:0 0 5px rgba(0,0,0,.5)
}
.wp-posts-content .title-theme{
    padding:.1em 0 .1em 1.1em;
    border:none;
    font-weight:700;
    color:var(--theme-color)
}
.file-download-box{
    border:1px dashed var(--muted-3-color)
}
.hidden-box{
    padding:10px;
    margin:20px 0;
    border:1px dashed var(--focus-color);
    border-radius:var(--main-radius);
    position:relative
}
.hidden-text{
    color:var(--focus-color);
    padding:10px;
    text-align:center;
    display:block
}
.hidden-box.show{
    padding-top:35px
}
.hidden-box.show .hidden-text{
    padding:3px 10px;
    font-size:13px;
    top:0;
    border-radius:0 0 8px 0;
    line-height:1.4;
    z-index:1;
    left:0;
    position:absolute;
    border-bottom:1px dashed var(--focus-color);
    border-right:1px dashed var(--focus-color)
}
.hidden-pass-img{
    width:180px
}
.wp-block-zibllblock-buttons .but{
    margin:.4em;
    display:inline-block;
    padding:6px 18px
}
.quote_q{
    padding:1.2em;
    margin:10px 0 20px 0;
    position:relative;
    --quote-color:var(--main-color);
    color:var(--quote-color)
}
.quote_q>div,.quote_q>p{
    position:relative;
    margin:0;
    padding-left:2em;
    opacity:.7;
    position:relative
}
.quote_q>div>p{
    margin-bottom:0
}
.quote_q::before{
    content:'';
    border-radius:6px;
    position:absolute;
    bottom:0;
    left:0;
    opacity:.04;
    right:0;
    background:var(--quote-color);
    top:0
}
.quote_q.quote-mce::after{
    font:normal normal normal 14px/1 FontAwesome;
    content:'\f10d';
    font-size:1.2em;
    margin-right:.5em;
    position:absolute;
    color:var(--quote-color);
    top:20px;
    left:20px;
    opacity:.6
}
.quote_q .fa{
    opacity:.6
}
.qe_wzk_c-red{
    --quote-color:#dc3f3f
}
.qe_wzk_lan{
    --quote-color:#0092ff
}
.qe_wzk_lv{
    --quote-color:#23790e
}
.quote_q .fa-quote-left{
    font-size:1.2em;
    margin-right:.5em;
    position:absolute;
    color:var(--quote-color)
}
.alert{
    padding:1.2em 2.2em;
    position:relative;
    color:#fff;
    border:none;
    min-height:40px;
    border-radius:12px;
    box-shadow:0 2px 10px 0 rgba(0,0,0,.15)
}
.alert:before{
    font:normal normal normal 18px/1 FontAwesome;
    position:absolute;
    left:-15px;
    top:50%;
    background:inherit;
    width:30px;
    height:30px;
    text-align:center;
    padding:4px 0;
    border-radius:20px;
    transform:translateY(-50%);
    border:3px solid #fff;
    box-shadow:0 0 10px rgba(0,0,0,.19)
}
.alert.jb-blue:before{
    content:'\f00c'
}
.alert.jb-green:before{
    content:'\f0a1'
}
.alert.jb-yellow:before{
    content:'\f12a'
}
.alert.jb-red:before{
    content:'\f00d'
}
.alert-dismissable,.alert-dismissible{
    padding:0 15px 0 20px;
    position:relative
}
.alert-dismissible button.close{
    padding:10px;
    z-index:9;
    right:0;
    --muted-2-color:#fff;
    transition:all .2s
}
.feature{
    width:calc(25% - 14px);
    border-radius:var(--main-radius);
    text-align:center;
    display:inline-block;
    vertical-align:middle;
    margin:5px;
    transition:.3s;
    box-shadow:0 0 10px var(--main-shadow)
}
.feature:hover{
    box-shadow:none
}
.feature-icon{
    font-size:50px;
    padding:20px 0
}
.feature-title{
    padding:0 10px
}
.feature-note{
    opacity:.6;
    line-height:1.5em;
    padding:5px 10px 10px 10px;
    font-size:.8em
}
.icon-close{
    transition:.2s;
    cursor:pointer
}
.wp-block-zibllblock-alert a{
    color:#fff!important;
    text-decoration:underline;
    font-weight:700;
    margin:0 2px
}
.wp-block-zibllblock-alert .close{
    color:#fff
}
.wp-block-zibllblock-alert a:hover{
    opacity:.8
}
.wp-block-zibllblock-buttons{
    margin-bottom:20px
}
.wp-block-carousel{
    margin-bottom:20px!important
}
.wp-block-carousel img{
    height:100%
}
.wp-block-carousel .carousel{
    overflow:hidden;
    border-radius:var(--main-radius);
    opacity:0
}
.wp-block-carousel .carousel.swiper-container-initialized{
    opacity:1;
    transition:opacity .5s
}
.wp-block-carousel .carousel.swiper-container-cube,.wp-block-carousel .carousel.swiper-container-flip{
    overflow:visible
}
.wp-block-carousel .carousel li,.wp-block-carousel .carousel ul{
    list-style:none;
    margin:0
}
.wp-block-carousel .carousel .swiper-slide figure{
    height:100%;
    width:100%
}
.panel{
    border-radius:var(--main-radius);
    box-shadow:none;
    border-color:var(--main-border-color);
    background:0 0;
    -webkit-box-shadow:none
}
.wp-posts-content .panel-heading .fa{
    margin-right:20px;
    color:var(--focus-color);
    transition:.3s;
    transform:rotate(-45deg)
}
.dosc-nav a:not(.collapsed) .fa,.wp-posts-content .panel-heading.collapsed .fa{
    transform:rotate(90deg)
}
.wp-block-carousel figcaption a{
    color:#fff!important
}
.wp-block-carousel .swiper-pagination{
    text-align:right;
    padding:0 10px
}
.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption{
    font-size:.8em;
    padding:10px 10px 3px;
    line-height:18px
}
.mobile-nav-widget{
    margin-top:20px
}
.mobile-nav-widget .px12-m-s,.mobile-nav-widget .px12-sm,.sidebar .px12-m-s,.sidebar .px12-sm{
    font-size:12px
}
.mobile-nav-widget .em09-sm,.sidebar .em09-sm{
    font-size:.9em
}
.mobile-nav-widget .hide-m-s,.mobile-nav-widget .hide-sm,.sidebar .hide-m-s,.sidebar .hide-sm{
    display:none
}
.mobile-nav-widget .nopw-sm,.sidebar .nopw-sm{
    padding-left:0!important;
    padding-right:0!important
}
.mobile-nav-widget .zib-widget{
    padding:0 0 10px 0;
    box-shadow:none
}
.controller-hide .dplayer-controller,.controller-hide .dplayer-controller-mask,.mobile-nav-widget .dplayer-full-in,.mobile-nav-widget .dplayer-loop,.sidebar .dplayer-full-in,.sidebar .dplayer-loop{
    display:none!important
}
.sidebar .widget-ajaxpager .pagenav{
    padding:10px 5px
}
.sidebar .widget-ajaxpager .theme-pagination{
    margin:10px
}
.sidebar .pagenav .page-numbers{
    font-size:12px;
    margin:2px;
    min-width:28px
}
.dplayer-played,.dplayer-thumb,.dplayer-volume-bar-inner{
    background:var(--focus-color)!important
}
.dplayer-scale-height{
    padding-bottom:var(--scale-height)!important;
    position:relative
}
.dplayer-scale-height .dplayer-video-wrap{
    position:absolute!important
}
.dplayer-scale-height>.graphic{
    position:unset!important;
    padding-bottom:0!important
}
.dplayer-initial-img,.new-dplayer>.graphic{
    background:#000
}
@media (min-width:992px){
    .modal-open .float-btn,.modal-open .header{
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important
    }
    #u_sign .modal-dialog{
        width:800px
    }
    .sign-img{
        padding-right:35%
    }
    .sign-img+.sign{
        margin-left:55%
    }
    .fluid-widget .card,.site-layout-1 .card{
        width:calc(25% - 16px)
    }
    .fluid-widget .posts-item:not(.card),.site-layout-1 .posts-item:not(.card){
        margin:8px;
        display:inline-flex;
        width:calc(50% - 16px)
    }
    .fluid-widget .widget-tab-post.style-list .list-inline,.site-layout-1.fluid-widget .widget-tab-post.style-list .list-inline{
        margin-bottom:15px
    }
    .fluid-widget .posts-item.no_margin,.site-layout-1 .posts-item.no_margin{
        border-radius:var(--main-radius)
    }
    .fluid-widget .posts-mini,.site-layout-1 .posts-mini{
        width:calc(33.33%)
    }
    .sidebar .card{
        width:100%;
        margin:0
    }
    .sidebar .author-minicard{
        width:100%;
        margin:3px 0
    }
    .sidebar .s-desc,.sidebar .slide-text{
        font-size:12px;
        padding:1em 1.2em
    }
    .lists-nav .tab-nav-theme>li>a:hover{
        background:var(--muted-border-color)
    }
    .container-footer,.container-header{
        padding-right:0;
        padding-left:0
    }
    .links-box .links-card{
        width:calc(25% - 10px)
    }
    .fluid-widget .links-box .links-card,.site-layout-1 .links-box .links-card{
        width:calc(20% - 10px)
    }
    .fluid-widget .links-box.links-style-bigcard .links-card,.site-layout-1 .links-box.links-style-bigcard .links-card{
        width:calc(16.6665% - 10px)
    }
    .sidebar .links-box .links-card{
        width:calc(50% - 10px);
        margin:5px
    }
}
@media (min-width:768px){
    .fixed-wrap{
        position:relative;
        --fixed-width:120px
    }
    .fixed-wrap>.fixed-wrap-nav{
        position:absolute;
        width:var(--fixed-width)
    }
    .fixed-wrap>.fixed-wrap-nav+.fixed-wrap-content{
        margin-left:calc(var(--fixed-width) + 15px)
    }
    .fixed-wrap>.fixed-wrap-nav~.affix-clone{
        display:none
    }
    .fixed-wrap-nav.affix{
        position:fixed;
        left:auto;
        right:auto
    }
    .fixed-wrap .tab-nav-theme.mini-scrollbar{
        display:flex;
        overflow:hidden;
        text-align:center;
        flex-direction:column;
        border-bottom:none;
        padding:0;
        margin:0
    }
    .fixed-wrap .tab-nav-theme.mini-scrollbar>li{
        padding:0;
        margin:0
    }
    .fixed-wrap .tab-nav-theme.mini-scrollbar>li>a{
        padding:6px;
        margin:1px 0;
        display:block;
        font-size:16px;
        color:var(--muted-2-color)
    }
    .fixed-wrap .tab-nav-theme.mini-scrollbar>li>a:hover{
        color:var(--main-color)
    }
    .fixed-wrap .tab-nav-theme.mini-scrollbar>li.active>a{
        color:var(--focus-color);
        font-weight:500
    }
    .fixed-wrap .tab-nav-theme.mini-scrollbar>li::before{
        display:none
    }
    .fixed-wrap.single-wrap{
        --fixed-width:80px
    }
    .fixed-wrap-nav.single-fixed-btns>*{
        padding-top:50px
    }
    .fixed-wrap-nav.single-fixed-btns,.fixed-wrap-nav.single-fixed-btns .score-btns,.fixed-wrap-nav.single-fixed-btns a{
        display:block;
        text-align:center
    }
    .fixed-wrap-nav.single-fixed-btns .icon{
        font-size:24px
    }
    .fixed-wrap-nav.single-fixed-btns text{
        display:none
    }
    .fixed-wrap-nav.single-fixed-btns .score-btns text{
        display:block
    }
    .fixed-wrap-nav.single-fixed-btns .btn-share,.fixed-wrap-nav.single-fixed-btns a:not(.share-btn){
        border-radius:100px;
        width:48px;
        height:48px;
        background:var(--main-bg-color);
        box-shadow:0 2px 10px 2px var(--main-shadow);
        align-items:center;
        display:flex;
        justify-content:center;
        margin:16px
    }
    .fixed-wrap-nav.single-fixed-btns .share-button{
        width:48px;
        min-width:0;
        left:0;
        right:0;
        padding:5px;
        padding-top:5px;
        bottom:auto;
        top:0;
        border-radius:100px;
        padding-top:50px;
        z-index:-1;
        margin:0
    }
    .fixed-wrap-nav.single-fixed-btns .share-button::before{
        display:none
    }
}
@media (max-width:1200px){
    .container{
        width:95%
    }
}
@media (max-width:996px){
    .nav.navbar-nav{
        position:absolute;
        top:0;
        background:var(--header-bg);
        box-shadow:0 4px 10px var(--main-shadow);
        left:0;
        right:0;
        padding:0 20px;
        margin:0;
        border-radius:var(--main-radius);
        transition:.3s;
        opacity:0;
        transform:translateY(40px);
        visibility:hidden
    }
    .nav.navbar-nav.show{
        opacity:1;
        z-index:998;
        visibility:unset;
        transform:translateY(68px)
    }
    .navbar-nav>li:before{
        top:0
    }
    .show-nav-but.hide{
        display:unset!important
    }
    body .sidebar.show-sidebar{
        display:unset;
        width:100%;
        margin-left:0
    }
    .site-layout-2 .content-layout{
        margin-right:auto
    }
    .site-layout-3 .content-layout{
        margin-left:auto
    }
    .sidebar{
        display:none
    }
    #u_sign .modal-dialog{
        width:auto;
        margin:30px
    }
}
.drawer-header{
    display:none
}
@media (max-width:767px){
    .flex.flex-row.flex-col-sm-2{
        flex-wrap:wrap
    }
    .flex.flex-row.flex-col-sm-2>*{
        flex-basis:50%
    }
    body.admin-bar{
        margin-top:-46px
    }
    body.nav-fixed{
        padding-top:88px
    }
    .affix-header-sm.affix,.affix-header-sm.affix-bottom{
        left:0;
        right:0;
        z-index:995;
        border-radius:0;
        background:var(--header-bg);
        box-shadow:0 4px 10px var(--main-shadow);
        padding:8px 15px;
        -webkit-backdrop-filter:saturate(5) blur(20px);
        backdrop-filter:saturate(5) blur(20px);
        top:0
    }
    .affix-header-sm.affix .tab-nav-theme,.affix-header-sm.affix-bottom .tab-nav-theme{
        margin-bottom:-5px;
        margin-top:0;
        border:none;
        padding-bottom:0
    }
    .affix-header-sm.affix-bottom{
        position:absolute
    }
    .index-tab.affix-header-sm.affix,.index-tab.affix-header-sm.affix-bottom{
        padding:8px 10px
    }
    .drawer-show{
        overflow:hidden
    }
    .drawer-sm{
        position:fixed;
        top:0;
        right:0;
        left:0;
        height:100%;
        width:100%;
        visibility:hidden;
        background:var(--body-bg-color);
        transition:.6s;
        padding:72px 10px 80px;
        z-index:996;
        overflow-x:hidden;
        overflow-y:auto;
        transform:translateX(110%);
        -webkit-overflow-scrolling:touch
    }
    .drawer-sm.show{
        transition:.6s cubic-bezier(.28,.9,.34,.99);
        visibility:unset;
        transform:unset
    }
    .drawer-header{
        display:flex;
        visibility:hidden;
        opacity:0;
        position:fixed;
        top:0;
        width:100%;
        left:0;
        background:var(--main-bg-color);
        height:52px;
        font-size:18px;
        color:var(--muted-color);
        padding:0 16px;
        z-index:1000;
        box-shadow:0 4px 10px var(--main-shadow);
        transition:.3s
    }
    .drawer-show .drawer-header{
        visibility:unset;
        opacity:1
    }
    .drawer-close{
        font-size:22px;
        width:30px
    }
    .drawer-title{
        flex:1;
        text-align:center;
        margin-right:30px
    }
    .modal .modal-dialog{
        width:600px;
        margin-left:auto;
        margin-right:auto
    }
    .this-font{
        font-size:var(--font-size-sm);
        font-weight:var(--font-weight-sm);
        color:var(--color-sm)
    }
    .container{
        width:100%
    }
    .container.full-sm{
        padding:0
    }
    .full-widget-sm{
        box-shadow:none;
        border-radius:0
    }
    .container .full-widget-sm{
        margin-left:-15px;
        margin-right:-15px
    }
    .navbar-toggle{
        display:unset
    }
    .mini-scrollbar{
        scrollbar-width:none
    }
    .mini-scrollbar::-webkit-scrollbar,.navbar-collapse.collapse{
        display:none
    }
    .author-cover .page-cover-con{
        margin:0
    }
    .author-cover .avatar-img{
        --this-size:46px;
        margin-left:-8px
    }
    .author-cover .page-cover-con>li+li{
        width:calc(100% - 50px);
        margin:-7px 0 0;
        vertical-align:top
    }
    .author-tab .posts-item{
        padding:10px 0
    }
    .zib-widget .zib-widget-sm{
        background:0 0;
        box-shadow:none;
        padding:0
    }
    .new-swiper .swiper-wrapper{
        height:var(--m-height)
    }
    .header-slider-card .icon-cover-card.zib-widget{
        padding:10px
    }
    .header-slider-card .icon-cover-card.padding-10{
        padding:2px
    }
    .card-1 .header-slider-search,.card-2 .header-slider-search{
        top:calc(50% - 1px)
    }
    .header-slider-search{
        font-size:12px;
        top:calc(50% - 40px)
    }
    .card-5 .header-slider-search,.card-6 .header-slider-search{
        top:calc(50% - 83px)
    }
    .card-7 .header-slider-search,.card-8 .header-slider-search{
        top:calc(50% - 120px)
    }
    .header-slider-card{
        margin-top:-35px
    }
    .header-slider-search-more.before{
        margin-bottom:1em
    }
    .header-slider-search .line-form{
        font-size:14px;
        padding:4px 12px
    }
    .header-slider-search .line-form-input:focus~.scale-placeholder,.header-slider-search .scale-placeholder.is-focus{
        transform:translateY(-32px);
        font-size:12px;
        color:#fff
    }
    .navbar-toggle{
        margin-left:0;
        margin-right:0;
        margin-top:6px;
        opacity:.7;
        height:36px
    }
    .navbar-toggle .icon-bar{
        background:var(--main-color)
    }
    .navbar-toggle .icon-bar+.icon-bar{
        margin-top:5px
    }
    .navbar-top.center .navbar-brand{
        position:absolute;
        width:100%;
        text-align:center
    }
    .navbar-top.center .navbar-brand+.navbar-toggle{
        float:left
    }
    .navbar-top.center .navbar-brand>img{
        display:unset
    }
    .navbar-top .navbar-logo>img{
        padding:0
    }
    .mobile-navbar{
        z-index:997;
        position:fixed;
        top:0;
        bottom:0;
        background:var(--main-bg-color);
        width:281px;
        padding:70px 20px;
        transition:transform .5s
    }
    .mobile-navbar badge:not(.top){
        transform:unset;
        margin-left:5px
    }
    .mobile-navbar.right{
        right:-2px;
        transform:translateX(110%)
    }
    .mobile-navbar.left{
        left:-2px;
        transform:translateX(-110%)
    }
    .mobile-navbar.left>.toggle-radius{
        float:right
    }
    .mobile-navbar.top{
        height:auto;
        max-height:70%;
        width:100%;
        transform:translateY(-110%)
    }
    .mobile-navbar-show .mobile-navbar{
        transition:transform .6s cubic-bezier(.28,.9,.34,.99);
        transform:translate(0)
    }
    .mobile-navbar-show .mobile-navbar+.fixed-body{
        visibility:unset;
        opacity:1
    }
    .mobile-navbar-show .navbar-toggle .i-menu>i{
        opacity:0
    }
    .mobile-navbar-show .navbar-toggle .i-menu::after{
        transform:rotate(45deg);
        width:calc(1em + 1px);
        transform-origin:bottom right
    }
    .mobile-navbar-show .navbar-toggle .i-menu::before{
        right:0;
        width:calc(1em + 1px);
        transform:rotate(-45deg);
        transform-origin:top right
    }
    .mobile-navbar .navbar-header{
        margin-top:-58px;
        margin-bottom:10px
    }
    .mobile-navbar .navbar-brand{
        padding:7px 10px
    }
    .mobile-navbar .toggle-radius{
        margin:5px
    }
    .mobile-menus{
        background:var(--muted-border-color);
        border-radius:var(--main-radius);
        padding:8px
    }
    .mobile-menus li a{
        display:block;
        padding:6px 15px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis
    }
    .mobile-menus>li>a::before{
        margin:0;
        margin-right:12px
    }
    .mobile-menus .sub-menu{
        padding:0 10px;
        word-wrap:break-word;
        white-space:normal
    }
    .mobile-menus .sub-menu li{
        width:calc(50% - 4px);
        text-align:center;
        display:inline-block
    }
    .mobile-navbar.top .mobile-menus .sub-menu li{
        width:calc(33.3% - 4px)
    }
    .mobile-menus .sub-menu li>a{
        background:var(--main-border-color);
        padding:5px;
        margin:2px;
        border-radius:4px;
        font-size:.9em;
        position:relative
    }
    .mobile-menus .sub-menu li>a>badge:not(.top){
        position:absolute;
        right:0;
        top:0;
        transform:scale(.85)
    }
    .mobile-user-menus a{
        width:calc(50% - 12px);
        float:left;
        margin:6px
    }
    .mobile-nav-widget{
        display:block;
        width:100%;
        overflow:hidden;
        white-space:normal
    }
    .mobile-nav-widget .box-body.notop{
        padding-left:0;
        padding-right:0
    }
    .s-desc,.slide-text,.wp-block-carousel figcaption{
        padding:.7em
    }
    .posts-item .item-thumbnail{
        width:138px
    }
    .list.style2 .item-thumbnail,.posts-mini .item-thumbnail{
        width:90px
    }
    .posts-item .post-graphic:not(.order1){
        margin-right:15px
    }
    .posts-item .order1.post-graphic{
        margin-left:15px
    }
    .posts-item .item-heading{
        font-size:15px
    }
    .drop-fixed-sm .dropdown-menu::before,.posts-item:not(.no-thumb) .item-excerpt{
        display:none
    }
    .widget-main-post.style-card .widget-ajaxpager,.widget-main-post.style-list .widget-ajaxpager,.widget-tab-post.index-tab .tab-content>.tab-pane{
        margin:-5px;
        margin-bottom:20px
    }
    .widget-main-post.style-list .widget-ajaxpager,.widget-tab-post.style-list .tab-content>.tab-pane{
        margin-top:-15px
    }
    .widget-tab-post.style-list .posts-item{
        margin-left:5px;
        margin-right:5px
    }
    .widget-tab-post.style-list .list-inline{
        margin-bottom:30px
    }
    .posts-row{
        margin-left:-5px;
        margin-right:-5px
    }
    .posts-row>:not(.post_ajax_loader){
        margin-left:5px!important;
        margin-right:5px!important
    }
    .posts-item.card{
        width:calc(50% - 10px);
        margin:5px
    }
    .posts-item.card:nth-child(odd){
        margin-right:5px
    }
    .posts-item.card:nth-child(even){
        margin-left:5px
    }
    .posts-item.mult-thumb .thumb-items>span{
        width:calc(33.333% - 6px);
        padding-bottom:calc(var(--posts-list-scale)/ 3)
    }
    .posts-item.mult-thumb .thumb-items>span:nth-child(4){
        display:none
    }
    .placeholder.k2,.placeholder.t1{
        height:16px;
        margin-bottom:5px
    }
    .footer-tabbar{
        display:flex
    }
    .footer-tabbar-placeholder{
        background:var(--footer-bg);
        height:calc(49px + constant(safe-area-inset-bottom));
        height:calc(49px + env(safe-area-inset-bottom))
    }
    .virtual-input{
        display:flex;
        height:36px;
        border-radius:120px;
        background:var(--main-shadow);
        color:var(--muted-2-color)
    }
    .virtual-input .but,.virtual-input img{
        width:28px;
        height:28px;
        border-radius:120px;
        margin:0 4px;
        flex-shrink:0
    }
    .virtual-input .but{
        width:auto;
        padding:3px 10px
    }
    .drop-fixed-sm .dropdown-menu,.mobile-fixed{
        position:fixed;
        transform:translateY(220%);
        transition:.6s;
        opacity:1;
        left:0;
        right:0;
        bottom:0;
        padding:22px 16px;
        background:var(--main-bg-color);
        z-index:1080;
        border-radius:10px 10px 0 0;
        margin:0
    }
    .drop-fixed-sm.open .dropdown-menu,.mobile-fixed.show{
        box-shadow:0 -50px 50px rgba(0,0,0,.2);
        transition:.6s cubic-bezier(.28,.9,.34,.99);
        transform:unset
    }
    .mobile-fixed.show .fixed-body{
        visibility:unset;
        z-index:-1
    }
    .drop-fixed-sm .dropdown-menu{
        z-index:1045;
        padding:10px;
        top:auto!important;
        right:0!important;
        left:0!important;
        max-height:50vh;
        overflow:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch
    }
    .drop-fixed-sm .dropdown-menu>li>a{
        font-size:16px!important;
        padding:10px 20px
    }
    .modal-open .drop-fixed-sm.open .dropdown-menu{
        opacity:0
    }
    .footer{
        padding:10px 0
    }
    .footer .theme-box{
        margin:5px
    }
    .footer .container-footer{
        text-align:center
    }
    .footer .list-inline>li+li+li{
        float:unset
    }
    .single-metabox,.single-metabox.cover-meta{
        font-size:13px
    }
    .article-header .article-avatar .list-inline{
        text-align:right
    }
    .article-header .article-avatar .list-inline li,.article-header .article-avatar .list-inline li+li{
        float:left;
        text-align:left
    }
    .article-header .avatar-button{
        margin:4px -6px 0 0;
        float:none!important;
        min-height:25px
    }
    .feature{
        width:calc(50% - 14px)
    }
    .payvip-modal .tab-content{
        text-align:center
    }
    .payvip_equity{
        line-height:1.6;
        display:inline-block;
        vertical-align:middle;
        font-size:.9em;
        margin:0;
        width:calc(90% - 80px)
    }
    .payvip_icon{
        display:inline-block;
        vertical-align:middle;
        width:80px
    }
    .user-card.author .card-content{
        display:block
    }
    .user-card.author .card-content>div{
        width:100%
    }
    .user-card.author .user-content{
        justify-content:center;
        margin-bottom:20px
    }
    .user-card.author .user-desc{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .user-card.author .user-info{
        margin-right:0;
        margin-left:15px
    }
    .user-card.author .author-tag{
        overflow-x:scroll;
        white-space:nowrap
    }
    .author-header.full-widget-sm{
        margin-top:-20px
    }
    .author-header.full-widget-sm .page-cover{
        border-radius:0
    }
    .author-header .header-content{
        padding:12px 20px
    }
    .author-header .avatar-img{
        --this-size:100px
    }
    .author-header .header-info>.header-avatar{
        margin-top:-60px;
        margin-bottom:10px
    }
    .author-header .header-info name,.author-header .header-info>.flex1{
        flex-basis:100%
    }
    .author-header .avatar-img .avatar{
        border-radius:100px;
        border-width:3px
    }
    .author-header .header-btns{
        position:absolute;
        top:0;
        right:0
    }
    .full-sm .author-header{
        margin-top:-20px;
        border-radius:0
    }
    .full-sm .author-header .page-cover{
        border-radius:0
    }
    .author-header .cover-btns{
        padding:8px
    }
    .oauth-bind-box>div{
        width:100%;
        min-width:auto
    }
    .msg-center-nav.lists-nav{
        all:unset
    }
    .msg-center-nav.lists-nav .tab-nav-theme{
        all:unset;
        display:flex;
        justify-content:space-evenly
    }
    .msg-center-nav .tab-nav-theme li{
        border:none!important
    }
    .msg-center-nav .tab-nav-theme li>a{
        display:block;
        text-align:center;
        font-size:12px;
        padding:0
    }
    .msg-center-nav li>a>img{
        width:44px;
        height:44px;
        display:block;
        margin:auto;
        margin-bottom:6px
    }
    .msg-center-nav li>a>badge{
        right:5px;
        top:5px
    }
    .msg-private>.ajaxpager{
        opacity:1;
        -webkit-animation:fade .5s;
        animation:fade .5s
    }
    .link-nav-submit,.msg-private.toggle #user_chat_lists,.msg-private:not(.toggle) #user_private_window{
        display:none;
        opacity:0
    }
    .float-btn .hover-show-con{
        max-width:240px
    }
    .link-nav-box>.zib-widget{
        background:0 0;
        border-radius:0;
        box-shadow:none;
        padding:0;
        margin:0
    }
    .link-nav-box:not(.affix){
        margin-bottom:10px
    }
    .link-nav-box .nav{
        margin:0
    }
    .link-cat-submit{
        display:block
    }
    .link-nav-box .nav>li{
        display:inline-block
    }
    .link-nav-box .nav>li>a{
        padding:2px;
        font-size:1.2em
    }
    .link-nav-box .nav>.active>a,.link-nav-box .nav>li>a:hover{
        background:0
    }
}
@media (min-width:641px){
    .search-content .author-minicard{
        width:calc(50% - 12px)
    }
    .show-sm{
        display:none!important
    }
    .file-download-btn{
        padding:5px 30px
    }
}
@media (max-width:640px){
    .modal .modal-dialog{
        width:100%;
        max-width:calc(100% - 20px)
    }
    .modal .modal-dialog.full-sm{
        max-width:100%;
        width:100%;
        margin:0
    }
    .modal.bottom .modal-dialog.full-sm{
        margin-bottom:-1px
    }
    .modal.bottom .modal-dialog.full-sm .modal-content{
        border-radius:var(--main-radius) var(--main-radius) 0 0;
        padding-bottom:constant(safe-area-inset-bottom);
        padding-bottom:env(safe-area-inset-bottom)
    }
    .hide-sm{
        display:none!important
    }
    .nop-sm{
        padding:0!important
    }
    .nopw-sm{
        padding-left:0!important;
        padding-right:0!important
    }
    .noph-sm{
        padding-top:0!important;
        padding-bottom:0!important
    }
    .header{
        padding:0 8px
    }
    body.nav-fixed{
        padding-top:72px
    }
    .navbar-search{
        padding-top:60px
    }
    body.nav-fixed .slide-header{
        margin-top:-72px
    }
    .slide-header .slide-text{
        padding-top:52px
    }
    .posts-item:not(.no-thumb) .meta-right item{
        display:none
    }
    .posts-item{
        padding:10px;
        margin:10px 0
    }
    .zib-widget .posts-item.no_margin{
        padding:10px 0
    }
    .float-right{
        right:10px
    }
    .em09-sm{
        font-size:.9em
    }
    .breadcrumb,.icon-card,.px12-sm{
        font-size:12px
    }
    .em12-sm{
        font-size:1.2em
    }
    .mb10-sm{
        margin-bottom:10px
    }
    .article{
        padding:0 15px
    }
    .article.page-article{
        padding-top:15px
    }
    .article-header .article-title{
        font-size:18px
    }
    .single-metabox .post-metas item{
        margin:0 4px
    }
    .article-content .wp-posts-content{
        line-height:2;
        font-size:15px
    }
    .single-posts-lists .posts-mini-lists{
        margin-left:-15px;
        margin-right:-15px
    }
    .article .action{
        width:68px
    }
    #comments .comt-title{
        display:none
    }
    #comments .comt-box{
        width:100%;
        padding:0
    }
    #comments .list-inline{
        padding:15px 0;
        margin:0
    }
    .comment-signarea h3{
        font-size:13px
    }
    .comt-tips-left .but .fa,.from-private .but .fa{
        margin:0
    }
    #postcomments .comment-header{
        font-size:14px
    }
    #postcomments .comt-meta{
        font-size:12px
    }
    #postcomments .comment .list-inline>li{
        padding:0
    }
    #postcomments .comment .list-inline>li+li{
        padding-left:10px
    }
    #postcomments .avatar-img{
        --this-size:36px;
        margin-right:10px
    }
    #postcomments .commentlist>.comment>.list-inline .comment-footer{
        margin-left:45px;
        margin-top:-15px
    }
    #postcomments .children{
        margin-left:0
    }
    #postcomments .children .children{
        margin-left:13px
    }
    #postcomments .children .list-inline{
        padding:15px
    }
    .pagenav a,.pagination ul>li{
        display:none
    }
    .pagenav a.next,.pagenav a.prev{
        display:inline-block
    }
    .pagenav .page-numbers{
        font-size:12px;
        margin:2px;
        min-width:28px
    }
    #postcomments .post_ajax_loader .ml20{
        margin-left:5px
    }
    .author-minicard{
        width:100%;
        margin:5px 0
    }
    .posts-mini{
        width:100%
    }
    .sign-img+.sign{
        margin-left:auto;
        max-width:340px
    }
    .archives .author-set-left{
        width:30px
    }
    .archives .author-set-right{
        width:calc(100% - 60px)
    }
    .featured-video-episode .switch-video,.switch-iframe{
        width:calc(50% - 4px);
        padding:6px 10px;
        margin:2px 2px 0
    }
    .page-cover>.page-cover-con{
        font-size:14px
    }
    #author-tab-securityset .zib-widget{
        all:unset
    }
    .modal-pay-body .row-5+.row-5{
        margin:auto;
        width:240px;
        display:block
    }
    .pay-box{
        padding:10px
    }
    .pay-title{
        margin-top:18px
    }
    .pay-box .price-box{
        text-align:center
    }
    .pay-flexbox{
        flex-wrap:wrap
    }
    .pay-box .but-group>.but{
        width:50%
    }
    .pay-box .pay-button .signin-loader,.pay-box .vip-price-buts{
        width:100%
    }
    .pay-gallery{
        width:100%;
        margin:0
    }
    .paid-gallery{
        padding:30px
    }
    .cashier-link,.initiate-pay{
        width:100%
    }
    .user-pay .pay-box{
        padding:10px 15px
    }
    .payvip-modal{
        padding:15px
    }
    .payvip-modal .vip-cardmini{
        padding:4px
    }
    .payvip-modal .vip-cardmini .vip-baicon.abs-center{
        font-size:5em
    }
    .payvip-modal .vip-cardmini .vip-name{
        font-size:14px
    }
    .dropup+.dropup .dropdown-menu{
        left:-30px
    }
    .dropup+.dropup .dropdown-menu::before{
        left:41px
    }
    .dropup+.dropup+.dropup .dropdown-menu{
        left:-60px
    }
    .dropup+.dropup+.dropup .dropdown-menu::before{
        left:71px
    }
    .dropup+.dropup+.dropup+.dropup .dropdown-menu{
        left:-90px
    }
    .dropup+.dropup+.dropup+.dropup .dropdown-menu::before{
        left:101px
    }
    .dplayer-full-in,.dplayer-loop{
        display:none!important
    }
    .hidden-box.flex{
        align-items:center;
        line-height:1.4
    }
    .hidden-pass-img{
        width:100px
    }
    .medal-list{
        width:calc(25% - 14px)
    }
    .links-box .links-card{
        width:calc(50% - 10px);
        margin:5px
    }
}
@media (max-width:480px){
    .container{
        padding-right:10px;
        padding-left:10px
    }
    .container .full-widget-sm{
        margin-left:-10px;
        margin-right:-10px
    }
    .pay-box .but-download{
        width:auto
    }
    .vip-product{
        padding:4px
    }
    .single-cover-con .article-title{
        font-size:16px;
        margin-bottom:0
    }
    .medal-card .medal-icon{
        height:55px
    }
    .link-nav-box.affix,.link-nav-box.affix-bottom{
        margin-left:-5px;
        margin-right:-5px
    }
    .links-page-container .fixed-wrap{
        overflow:hidden
    }
    .link-page-search-cover .tab-nav-theme li a{
        padding:0 3px;
        font-size:14px
    }
}