@font-face {
	
    font-family: "UKIJ Ekran";
	font-weight: normal;
	src: url(UKIJEkran.eot);
	src: local("UKIJ Ekran"), url("UKIJEkran.ttf") format("TrueType");
	
}


* {
	
    font-family: UKIJ Ekran;
	font-size: 14px;
	
}



body {
	
background-color: #f8f8f8;
	
font-family:UKIJ Ekran;
	
direction: rtl;
}

:root{
	--mian-max-width:1200px;
	--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(55, 56, 58, 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))){
	:root{
	--blur-bg:rgba(255, 255, 255, 1)
}
body.dark-theme{
	--blur-bg:rgba(55, 56, 58, 1)
}

}
.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
}
.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
}
.navbar-top .sub-menu li>a:hover{
	transform:translateX(5px)
}
.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.1)
}
.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)
}
.imgbox-show .float-btn,.modal-open .float-btn{
	opacity:0
}
.main-shadow{
	box-shadow:0 0 10px var(--main-shadow)
}
.key-color{
	color:var(--key-color)
}
.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.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
}

}
.container{
	position:relative;
	/* direction: ltr; */
}
.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
}
.em2x{
	font-size:2em
}
.em3x{
	font-size:3em
}
.em4x{
	font-size:4em
}
.em09{
	font-size:.9em
}
.font-bold{
	font-weight:700
}
.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;
	direction: rtl;
}
.box-img,.form-checkbox label,.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
}
input[type=checkbox]{
	-webkit-appearance:checkbox
}
input[type=radio]{
	-webkit-appearance:radio
}
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)
}
.toggle-theme{
	overflow:hidden
}
.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
}
.noshadow,.zib-widget-sm{
	box-shadow:0 0
}
.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{
	opacity:1;
	-webkit-filter:blur(0);
	filter:blur(0);
	transform:unset;
	transition:.3s;
	--lazy-animation:lazy_blur;
	animation:var(--lazy-animation) .5s
}
@keyframes lazy_blur{
	0%{
	filter:blur(5px)
}
100%{
	filter:blur(0)
}

}
@keyframes lazy_fade{
	0%{
	opacity:0
}
100%{
	opacity:1
}

}
@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;
	/* direction: rtl;
	*/

}
.box-header+.box-body{
	padding-top:0
}
.title-theme{
	position:relative;
	padding-left:1.2em;
	font-size:15px;
	direction: rtl;
	
}
.title-theme small{
	font-size:80%;
	opacity:.7
}
.tab-nav-theme li:before,.title-h-center:before,.title-h-left:before,.title-theme:before,.wp-posts-content>h1.has-text-align-center:before,.wp-posts-content>h1:not([class]):before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h2:not([class]):before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.has-text-align-center:before,.wp-posts-content>h4:not([class]):before,.zib-widget>h3: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.has-text-align-center,.wp-posts-content>h1:not([class]),.wp-posts-content>h2.has-text-align-center,.wp-posts-content>h2:not([class]),.wp-posts-content>h3.has-text-align-center,.wp-posts-content>h3:not([class]),.wp-posts-content>h4.has-text-align-center,.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.has-text-align-center:before,.wp-posts-content>h1:not([class]):before,.wp-posts-content>h2.has-text-align-center:before,.wp-posts-content>h2:not([class]):before,.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.has-text-align-center:before,.wp-posts-content>h4:not([class]):before,.zib-widget>h3:before{
	width:40px;
	height:3px;
	top:auto;
	left:0;
	bottom:3px;
	transition:.4s
}
.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
}
.wp-posts-content>h3.has-text-align-center:before,.wp-posts-content>h3:not([class]):before,.wp-posts-content>h4.has-text-align-center:before,.wp-posts-content>h4:not([class]):before{
	width:25px!important;
	height:2px!important
}
.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
}
.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{
	padding-left:5px;
	margin:0;
	padding-right:5px;
	line-height:1.4
}
.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;
	animation:ball-pulse-sync .8s infinite ease-in-out;
	animation-delay:0s;
	border:2px solid
}
.loading-spot>*{
	animation-delay:.15s
}
.loading-spot::after{
	animation-delay:.3s
}
@keyframes ball-pulse-sync{
	33%{
	-webkit-transform:translateY(4px);
	transform:translateY(4px)
}
66%{
	-webkit-transform:translateY(-4px);
	transform:translateY(-4px)
}
to{
	-webkit-transform:translateY(0);
	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{
	width:100%;
	height:100%;
	transition:all .2s;
	-o-object-fit:cover;
	object-fit:cover
}
.progress{
	background-color:transparent;
	z-index:-1;
	box-shadow:0 0
}
.progress .progress-bar{
	box-shadow:0 0
}
.avatar{
	border-radius:100px
}
.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, .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
}
.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
}
.pay-tag,.vip-tag{
	--this-color:#fff;
	--this-bg:linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%)
}
.badg,.but,.post-page-numbers{
	border-radius:4px;
	display:inline-block;
	border-radius: 10px;
	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, .1);
	--this-border:transparent;
	--this-shadow:none;
	--this-color:#888;
	text-shadow:0 0 0;
	line-height:1.44;
}
.but a{
	color:inherit
}
.but.p2-10{
	padding:2px 10px
}
.but.pw-1em{
	padding-right:1em;
	padding-left:1em
}
.but svg.icon,.but>.fa{
	margin-right:.25em
}
.badg.radius,.but.radius,.radius>.but{
	border-radius:50px;
	padding:.3em 1em
}
.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, .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)
}
.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.radius{
	border-radius:100px
}
.but-average>.but{
	margin:0!important;
	border-radius:0;
	width:100%
}
.badg.badg-sm{
	font-size:.8em;
	padding:0 .2em;
	vertical-align:.1em
}
.padding-6{
	padding:6px
}
.padding-10{
	padding:10px
}
.padding-h10{
	padding-top:10px;
	padding-bottom:10px
}
.padding-w10{
	padding-left:10px;
	padding-right:10px
}
.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-gray,.b-green,.b-purple,.b-red,.b-theme,.b-yellow,.jb-blue,.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-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-blue{
	--this-bg:#2997f7
}
.b-green{
	--this-bg:#12b928
}
.b-purple{
	--this-bg:#d448f5
}
.c-blue,.c-blue-2,.c-gray,.c-green,.c-green-2,.c-purple,.c-purple-2,.c-red,.c-red-2,.c-white,.c-yellow,.c-yellow-2{
	color:var(--this-color)
}
.c-gray{
	--this-color:#888;
	--this-bg:rgba(136, 136, 136, .1)
}
.c-white{
	--this-color:#fff;
	--this-bg:rgba(255, 255, 255, 0.1)
}
.c-red{
	--this-color: #ff0bc9;
	--this-bg:rgba(255, 84, 115, .1);
	margin-right: 6px;
}
.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, .1)
}
.c-blue-2{
	--this-color:#5c7cff;
	--this-bg:rgba(77, 130, 249, .1)
}
.c-green{
	--this-color:#18a52a;
	--this-bg:rgba(18, 185, 40, .1)
}
.c-green-2{
	--this-color:#6a933e;
	--this-bg:rgba(72, 135, 24, .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)
}
.jb-red{
	--this-bg: linear-gradient(135deg, #4c2ccd 10%, #da2727 100%);
}
.jb-pink{
	--this-bg:linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%)
}
.jb-yellow{
	--this-bg:linear-gradient(135deg, #f59f54 10%, #ff6922 100%)
}
.jb-blue{
	--this-bg:linear-gradient(135deg, #59c3fb 10%, #268df7 100%)
}
.jb-green{
	--this-bg:linear-gradient(135deg, #60e464 10%, #5cb85b 100%)
}
.jb-purple{
	--this-bg:linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%)
}
.jb-vip1{
	--this-bg:linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
	--this-color:#866127
}
.jb-vip2{
	--this-bg:linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);
	--this-color:#ddd
}
.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:500px;
	content:' '
}
.colorful-bg>.colorful-make{
	left:0;
	bottom:0;
	height:290px;
	width:323px;
	top:60%
}
.colorful-bg>.colorful-make::before{
	right:-240px;
	bottom:0;
	height:300px;
	width:320px;
	top:-278px;
	transform:rotate(255deg);
	opacity:.6
}
.colorful-bg>.colorful-make::after{
	left:-113px;
	bottom:0;
	height:180px;
	width:250px;
	top:-79px;
	transform:rotate(205deg);
	opacity:.7;
	border-radius:100%
}
.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:#fff;
	opacity:.6;
	font-size:18px
}
.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)
}
.popover-title{
	background:var(--main-border-color);
	border-color:var(--main-bg-color)!important
}
.popover.top>.arrow:after{
	border-top-color:var(--main-bg-color)!important
}
.affix{
	position:fixed
}
.affix.affix-header{
	left:0;
	right:0;
	z-index:995;
	border-radius:0;
	background:var(--main-bg-color);
	box-shadow:0 4px 10px var(--main-shadow);
	padding:8px 15px
}
.affix.affix-header .tab-nav-theme{
	margin-bottom:-5px;
	border:none;
	padding-bottom:0
}
.scroll-x,.scroll-y{
	-webkit-overflow-scrolling:touch;
	white-space:nowrap;
	overflow:hidden;
	overflow-x:auto
}
.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
}
.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-checkbox input[type=checkbox],.screen-reader-text{
	display:none
}
.form-checkbox label,.form-select{
	position:relative
}
.form-checkbox label{
	display:inline-flex;
	align-items:center
}
.form-checkbox label::before{
	content:"";
	width:14px;
	height:14px;
	display:inline-block;
	border-radius:2px;
	margin-right:5px;
	border:1px solid var(--muted-3-color);
	vertical-align:-.15em
}
.form-checkbox label::after{
	font:normal normal normal 14px/1 FontAwesome;
	content:"\f00c";
	opacity:0;
	color:var(--focus-color);
	font-size:.8em;
	position:absolute;
	top:50%;
	transform:translateY(-50%) scale(0);
	z-index:1;
	left:0;
	transition:.2s;
	width:14px;
	text-align:center
}
.form-checkbox input[type=checkbox]:checked+label::after{
	opacity:1;
	transform:translateY(-50%) scale(1)
}
.form-select::before{
	font:normal normal normal 14px/1 FontAwesome;
	content:"\f107";
	opacity:.5
}
.dropdown-menu{
	border-color:transparent;
	background:var(--main-bg-color);
	color:var(--main-color);
	box-shadow:0 0 10px 5px var(--main-shadow);
	color:var(--main-color);
	min-width:100px;
	opacity:0;
	transform:translateY(6px);
	transition:.3s;
	display:block;
	margin-top:4px;
	visibility:hidden;
	list-style:none!important
}
.dropup .dropdown-menu{
	margin-bottom:4px;
	transform:translateY(-6px)
}
.focus-show:focus~.dropdown-menu,.open>.dropdown-menu{
	visibility:unset;
	opacity:1;
	transform:translateY(0)
}
.dropdown-menu>li>a{
	color:var(--main-color);
	padding:6px 20px
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
	color:var(--focus-color);
	background:var(--muted-border-color)
}
.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
}
.dropdown-code,.dropdown-image{
	width:250px;
	padding:8px 10px
}
.dropup .dropdown-menu{
	bottom:calc(100% + 10px)
}
.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)
}
.modal.in .modal-dialog{
	transform:scale(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-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:.6em
}
.modal-buts.but-average>.but+.but{
	border-left:1px solid var(--main-border-color)
}
.modal-buts.but-average>.but:hover{
	background:var(--this-bg)
}
.gutters-5{
	margin-right:-5px;
	margin-left:-5px
}
.gutters-5>div{
	padding-right:5px;
	padding-left:5px
}
.gutters-7{
	margin-right:-7px;
	margin-left:-7px
}
.gutters-7>div{
	padding-right:7px;
	padding-left:7px
}
.gutters-10{
	margin-right:-10px;
	margin-left:-10px
}
.gutters-10>div{
	padding-right:10px;
	padding-left:10px
}
.flex{
	display:flex
}
.inflex{
	display:inline-flex
}
.flex.hh{
	flex-wrap:wrap
}
.flex.xx{
	flex-direction:column
}
.flex.ac{
	align-items:center
}
.flex.ab{
	align-items:baseline
}
.flex.jc{
	justify-content:center
}
.flex.jc{
	align-items:center;
	justify-content:center
}
.flex.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:auto;
	margin-right: 6px;
	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
}
.mr20{
	margin-right:20px
}
.ml3{
	margin-left:3px
}
.mln3{
	margin-left:-3px
}
.ml6{
	margin-left:6px
}
.ml10{
	margin-left:10px
}
.ml20{
	margin-left:20px
}
.mt6{
	margin-top:6px;
	margin-right: 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;
	direction: ltr;
}
.text-ellipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-right: 1vw;
	direction: rtl;
}
.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);
	width:20%;
	height:1px;
	margin:0 1em
}
.avatar-img{
	width:38px;
	height:38px;
	position:relative;
	flex-shrink:0
}
.avatar-img.avatar-lg{
	width:80px;
	height:80px
}
.zib-widget>h3{
	margin:0;
	margin-bottom:10px;
	font-size:15px
}
.zib-widget.widget_media_image{
	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
}
.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)
}
.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
}
.author-minicard,.author-minicard .avatar-img{
	display:inline-block
}
.author-minicard{
	width:calc(25% - 15px);
	min-width:220px;
	background:var(--muted-border-color);
	text-align:left;
	padding:10px 0 10px 15px;
	margin:5px
}
.author-minicard .list-inline>li+li{
	width:calc(100% - 58px)
}
[data-affix]{
	top:-100%;
	transition:opacity .2s,top .4s
}
.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{
	transform:scale(1);
	transform-origin:bottom;
	transition:transform .2s,opacity 0s
}
.posts-nav-lists li.yc{
	transform:scaleY(0);
	height:0;
	opacity:0
}
.posts-nav-lists li.active{
	transform:scale(1);
	height:auto;
	opacity:1
}
.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{
	margin-right:8px;
	font-size:13px;
	--main-color:var(--muted-2-color)
}
.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 .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
}
.poster-imgbox>img{
	-o-object-fit:contain;
	object-fit:contain;
	max-width:360px;
	height:100%;
	width:100%;
	border-radius:var(--main-radius);
	box-shadow:0 5px 15px rgba(0,0,0,.5)
}
.poster-loading .loading{
	margin:1em 0;
	font-size:40px
}
.poster-imgbox.loaded .poster-loading{
	display:none
}
.poster-imgbox .toggle-radius{
	width:40px;
	height:40px;
	box-shadow:0 5px 10px rgba(0,0,0,.3)
}
.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
}
.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.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.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 .dropup .dropdown-menu{
	margin-bottom:-3px
}
.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)
}
.pay-widget .vip-price+.vip-price{
	border-left:1px solid rgba(255,255,255,.1)
}
.pay-widget .initiate-pay,.pay-widget .pay-button .dropup,.pay-widget .signin-loader,.pay-widget .vip-price{
	width:100%
}
.pay-widget .but-group>.but,.pay-widget .but-group>.vip-price{
	width:50%
}
.pay-widget .vip-price>.em12{
	font-size:2em;
	display:block
}
.pay-gallery{
	width:40%;
	background:var(--main-border-color)
}
.pay-box .paid-info{
	border-left:1px dashed rgba(255,255,255,.51);
	padding-left:20px
}
.pay-thumb{
	width:250px
}
.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
}
.order-type-2 .pay-tag{
	background:linear-gradient(135deg,#44c1e6 10%,#7c7aff 100%)
}
.order-type-3 .pay-tag{
	background:linear-gradient(135deg,#e6b90c 10%,#149b24 100%)
}
.order-type-4 .pay-tag{
	background:linear-gradient(25deg,#ab7626 10%,#e1ac59 60%,#e3a540 100%)
}
.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)
}
.initiate-pay{
	padding:.5em 1.5em
}
.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
}
.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:15px 10px 0 10px;
	display:inline-block;
	width:50%;
	vertical-align:top
}
.pay-box .but-download .but{
	min-width:130px
}
.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.weiyun{
	background:#33b0fa
}
.pay-box .but.onedrive{
	background:#1254c6
}
.pay-box .but.tianyi{
	background:#fe9c0a
}
.pay-box .but.ctfile{
	background:#08be9f
}
.modal-pay-body .row-5{
	display:inline-block;
	width: 40%;
	vertical-align:middle;
	text-align:center;
}
.modal-pay-body .row-5+.row-5{
	margin-left:80px;
}
.modal-pay-body .pay-qrcon{
	background: #fff;
	border-radius: 15px;
	position:relative;
	line-height:1.5;
	overflow:hidden;
}
.modal-pay-body .pay-qrcon .qrcon{
	padding:20px;
}
.pay-switch{
	padding:0 30px;
	font-size:13px;
	margin-top:-12px;
	margin-bottom:5px
}
.pay-switch .but{
	margin:5px 0
}
.pay-payment.alipay .t-alipay,.pay-payment.wechat .t-wechat{
	display:none
}
.pay-qrcon .pay-logo{
	height:35px;
	width:35px;
	display:inline-block;
	max-width:100%;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-size:contain;
	background-position:center
}
.pay-qrcon .pay-logo-name{
	vertical-align:middle;
	margin-left:10px;
	display:inline-block
}
.pay-payment.wechat .pay-logo{
	background-image:url(../zibpay/assets/img/pay-wechat-logo.svg)
}
.pay-payment.alipay .pay-logo{
	background-image:url(../zibpay/assets/img/pay-alipay-logo.svg)
}
.pay-qrcon .pay-qrcode{
	width:140px;
	height:140px;
	margin:10px auto;
	position:relative
}
.pay-qrcon .pay-qrcode img{
	-webkit-filter:blur(5px);
	filter:blur(5px);
	opacity:.8;
	transition:all .3s;
	width:100%
}
.pay-qrcon .pay-notice{
	color:#fff;
	font-size:13px
}
.pay-payment.wechat .pay-notice .notice{
	background:#0fb90d
}
.pay-payment.alipay .pay-notice .notice{
	background:#15acff
}
.pay-qrcon .pay-notice .notice{
	padding:17px 5px;
	transition:.5s
}
.pay-qrcon .pay-notice .notice.load,.pay-qrcon .pay-notice .notice.warning{
	background:#f8a53d
}
.pay-qrcon .pay-notice .notice.danger{
	background:#f85342
}
.pay-qrcon .pay-notice .notice.success{
	background:rgba(55,193,255,.15);
	color:#03a0ff
}
.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:1px solid var(--main-border-color);
	background:var(--main-shadow);
	box-shadow:none;
	width:140px;
	display:inline-block;
	margin:4px;
	font-weight:400;
	padding:10px 5px;
	cursor:pointer;
	transition:.3s
}
.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:-6px;
	top:-1px
}
.vip-product-input:checked~.vip-product{
	border-color:#ff5473;
	background:var(--main-bg-color)
}
.active-icon.abs-right{
	color:#fff;
	top:20px;
	right:auto;
	left:13px;
	font-size:20px;
	opacity:0;
	transition:.15s
}
.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;
	margin:5px;
	background:#d2b484;
	background:linear-gradient(25deg,#ce9d52 10%,#f1d7ad 80%,#e8c182 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,#272727,#414146 30%,#38363a) rgba(107,106,102,.3);
	color:#ceac6b
}
.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,#323237 15%,#303035 25%,#404446 50%,#8e9193 75%,#3c3e40 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
}
.vip-cardminis>li{
	width:50%;
	padding:0
}
.vip-cardmini .vip-baicon.abs-center{
	font-size:7em
}
.vip-cardmini{
	text-align:center
}
.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)
}
.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.right-top{
	transform:unset;
	top:0
}
.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
}
.scale-placeholder{
	position:absolute;
	bottom:5px;
	opacity:.5;
	transition:.2s;
	padding-right: 40px;
	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;
}
.is-focus.scale-placeholder,input:focus~.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;
	/* margin-right: 40px; */
}
.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-img img{
	border-radius:0
}
.link-only-img img{
	height:45px;
	width:auto;
	border-radius:0;
	margin:5px 10px
}
.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
}
.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
}
.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, .05) 0%, rgba(0, 0, 0, .3) 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,.wp-block-carousel figcaption{
	border-radius:0!important
}
.search-keywords{
	padding:10px
}
.header form{
	text-align:center
}
nav .fa-angle-down{
	float:right;
	margin-top:2px
}
.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
}
.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-brand{
	padding:7px 10px
}
.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;
	width:calc(100% + 1.4em);
	display:block;
	padding:5px 10px;
	padding-right:2em
}
.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-vip-card{
	font-size:12px
}
.sub-vip-card .vip-card{
	display:inline-block;
	width:240px
}
.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{
	display:flex;
	position:relative
}
.swiper-slide{
	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
}
.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
}
.swiper-slide img{
	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 5px rgba(0,0,0,.5);
	z-index:1;
	border-radius:0 0 var(--main-radius) var(--main-radius)
}
.slide-layer img{
	-o-object-fit:contain;
	object-fit:contain;
	width:auto;
	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{
	cursor:zoom-in
}
.media-body{
	width:auto
}
.posts-row{
	margin-left:-8px;
	margin-right:-8px
}
.posts-row>*{
	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 .swiper-wrapper,.item-thumbnail img{
	position:absolute
}
.item-thumbnail .swiper-slide img{
	border-radius:0
}
.item-thumbnail .swiper-pagination{
	text-align:center!important;
	bottom:0!important;
	padding:0 5px!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 .meta-pay{
	padding:0 4px
}
.posts-item .item-meta a,.posts-mini .item-meta a{
	color:inherit
}
.avatar-mini .avatar{
	width:20px;
	height:20px;
	margin-top:-3px
}
.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-meta{
	font-size:12px
}
.posts-mini-lists{
	padding:5px
}
.posts-mini-lists .tab-nav-theme{
	padding:0 5px 2px
}
.mobile-nav-widget .posts-mini-lists .tab-nav-theme{
	margin:0 -5px;
	padding:0
}
.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
}
.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
}
.float-right{
	position:fixed;
	bottom:60px;
	right:20px;
	z-index:1049;
	text-align:center
}
.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
}
.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
}
.search-null-img{
	max-width:300px;
	width:100%;
	margin:40px 0
}
.search-input-cat{
	padding:.4em 8px;
	padding-left:2px
}
.search-input-cat>span{
	width:56px;
	display:inline-block;
	vertical-align:top
}
.search-input-cat+input{
	margin-left:85px;
	width:calc(100% - 111px)
}
.show-more-cat+input,.show-more-cat~.scale-placeholder{
	margin-left:104px
}
.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
}
.cover-meta,.item-thumbnail .abs-right,.page-cover .article-meta{
	top:20px;
	background:rgba(0,0,0,.3);
	padding:2px 8px
}
.cover-meta{
	color:#fff
}
.cover-meta item,.page-cover .article-meta item{
	margin:0 3px;
	opacity:.8
}
.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
}
.article-header .article-meta{
	font-size:15px;
	background:var(--body-bg-color);
	right:0;
	padding:2px 6px
}
.article-header .article-meta item{
	margin:0 6px
}
.article-header .article-meta item a,.cover-meta item a{
	color:inherit
}
.article-meta item .fa,.article-meta item .icon,.cover-meta item .fa,.cover-meta item .icon{
	margin:0 3px
}
.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;
	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{
	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-video .episode-active-icon{
	display:inline-block;
	width:0;
	height:1.2em;
	vertical-align:middle;
	margin-right:0;
	transition:.6s
}
.switch-video.active .episode-active-icon{
	background-image:url(../img/playing.svg);
	width:1em;
	margin-right:6px
}
.switch-video.active{
	color:var(--focus-color)
}
.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
}
.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%);
	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-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 .fit-cover{
	height:100%
}
.article-postsbox .postsbox-background,.author-minicard .blur{
	opacity:.2;
	-webkit-filter:blur(15px);
	filter:blur(15px)
}
.article-postsbox .posts-mini{
	width:100%!important;
	margin:0!important;
	background:var(--muted-border-color);
	position:relative
}
.comment-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
}
.wp-posts-content table{
	font-size:14px;
	width:100%;
	margin-bottom:20px
}
.wp-posts-content .aligncenter{
	display:table;
	margin:auto
}
.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 .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 .alignright{
	text-align:right
}
.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:20px
}
.wp-posts-content h2{
	font-size:18px
}
.wp-posts-content h3{
	font-size:16px
}
.wp-posts-content h4{
	font-size:15px
}
.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:20px;
	padding-left:20px
}
.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)
}
.article-content .article-tags a{
	font-size:12px;
	margin:3px
}
.post-dplayer{
	margin-bottom:20px
}
.article-content .post-actions{
	padding-bottom:15px
}
.article-content .action{
	width:80px;
	padding:10px 0;
	display:inline-block;
	opacity:.7;
	vertical-align:top
}
.article-content .action:hover{
	color:inherit;
	opacity:1
}
.article-content .action .icon{
	font-size:24px;
	width:100%;
	margin:5px 0
}
.article-content .action count,.article-content .action text{
	opacity:.7;
	font-size:.9em
}
.article-content .action.actived{
	color:var(--focus-color);
	opacity:.9
}
.article-content .action count{
	margin-left:2px
}
.action-share{
	position:relative;
	cursor:pointer;
	transition:.3s
}
.action-share.show-share{
	opacity:1
}
.share-button{
	position:absolute;
	margin:auto;
	bottom:85%;
	border:1px solid var(--main-border-color)
}
.share-button>a:hover{
	opacity:.8
}
.author-tag .badg,.author-tag .but{
	margin-right:5px;
	margin:2px;
	padding:.15em .4em;
	font-size:12px;
	font-weight:400
}
.author-tag a .icon,.item-meta item .icon{
	margin-right:2px
}
.article-author{
	overflow:hidden
}
.article-author dt+dt{
	margin-top:10px
}
.article-author .author-desc{
	font-weight:400;
	word-break:break-word
}
.article-author .avatar-img{
	padding:5px
}
.article-author>ul{
	width:calc(50% - 4px);
	display:inline-block;
	vertical-align:middle
}
.article-author .avatar-info li+li{
	width:calc(100% - 95px)
}
.sidebar .article-author .avatar-info li+li{
	width:100%;
	max-width:100%;
	margin:0
}
.article-author .avatar-info,.social-separator{
	padding:10px 0
}
.article-author .more-posts-noimg li a{
	display:block;
	padding:2px 0
}
.article-author .graphic-text,.relates-content .graphic-text{
	padding:2px 6px;
	font-size:13px
}
.avatar-img-bg{
	margin-bottom:150px
}
.avatar-img-bg~ul{
	width:100%
}
.avatar-img-bg~.avatar-info{
	text-align:center
}
.avatar-img-bg img,.avatar-img-bg~.avatar-info .avatar-img{
	position:absolute;
	left:0;
	top:0;
	right:0
}
.avatar-img-bg img,.avatar-img-bg~.avatar-info li{
	padding:0
}
.avatar-img-bg img{
	height:140px
}
.avatar-img-bg~.avatar-info .avatar-img{
	top:100px;
	margin:auto
}
.relates .no-thumb li+li{
	margin-top:10px
}
.article-author .more-posts .swiper-slide,.search-input .relates-thumb li{
	width:150px
}
.article-author .more-posts a,.relates-thumb li 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{
	display:none
}
#comments #postcomments #cancel-comment-reply-link{
	display:inline-block
}
#comments .comt-title{
	width:90px
}
#comments .comt-title .comt-avatar .avatar{
	width:60px;
	height:60px
}
#comments #postcomments .comt-title{
	display:none
}
#comments #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
}
#postcomments .commentlist>.comment>.list-inline .comt-avatar{
	width:45px;
	height:45px;
	margin-right:20px
}
#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 .comt-avatar{
	width:26px;
	height:26px;
	display:inline-block;
	vertical-align:2px
}
#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
}
#postcomments .action count{
	margin-left:4px
}
#postcomments .comt-meta>span{
	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:hidden;
	white-space:pre-wrap
}
.comment-content .enlighter-default{
	margin-bottom:0
}
#postcomments .comment-content img:not(.smilie-icon){
	max-width:260px;
	max-height:350px;
	display:block;
	width:auto;
	height:auto
}
.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
}
#postcomments .commentlist .post_ajax_loader .comt-avatar{
	width:45px;
	height:45px
}
.theme-pagination{
	margin:20px 0
}
.theme-pagination .ajax-next a,.theme-pagination .order-ajax-next a{
	border-radius:30px;
	padding:5px 15px;
	color:var(--muted-color);
	opacity:.6
}
.theme-pagination .ajax-next a:hover,.theme-pagination .order-ajax-next a:hover{
	background:var(--main-border-color);
	opacity:1
}
.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
}
.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
}
.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
}
.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-cover .page-cover-con{
	margin:20px 30px;
	right:0;
	direction: ltr;
	left:0;
}
.author-cover .page-cover-con>li+li{
	margin-left:20px;
	width:calc(100% - 111px)
}
.author-tab-content,.author-user-con{
	min-height:348px;
	overflow:hidden
}
.author-tab-content .posts-item{
	vertical-align:top
}
.author-tab-content .no_margin:first-of-type{
	margin-top:0
}
.author-tab-content li.active>a.muted-color{
	color:var(--focus-color)
}
.author-user-con .oauth-set .but,.oauth-but{
	text-align:center;
	padding:10px 15px;
	width:auto;
	min-width:300px;
	margin-right:15px;
	margin-bottom:10px
}
.badg.oauth-but+.but{
	padding:10px 15px;
	margin-bottom:10px
}
.author-user-con .fa-angle-down{
	transition:.2s
}
.collapsed .fa-angle-down{
	transform:rotate(-90deg)
}
#author-tab-follow .splitters>li{
	padding:0 15px
}
.list-author-data li{
	padding:2px 0
}
#author-tab-dataset form>li{
	padding:15px 20px
}
.author-user-but ul>li{
	display:block;
	padding:0
}
.author-user-but ul>li .but{
	display:block;
	padding:12px 0;
	border-radius:0;
	border:1px solid var(--main-border-color);
	border-bottom:0
}
.author-user-but ul>li.active .but{
	--this-color:var(--focus-color)
}
.author-user-but ul>li:last-of-type .but{
	border-radius:0 0 6px 6px;
	border-bottom:1px solid var(--main-border-color)
}
.author-user-but ul>li:first-of-type .but{
	border-radius:6px 6px 0 0
}
.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-tab-dataset .author-set-right{
	overflow:unset
}
.author-more li+li{
	width:100%!important
}
.author-more{
	width:200px
}
.author-more .avatar-img-bg{
	margin-bottom:100px
}
.author-more .avatar-img-bg img{
	height:90px
}
.author-more .avatar-img-bg~.avatar-info .avatar-img{
	top:40px
}
.author-more .article-author{
	padding:0;
	margin:-16px
}
.avatar-upload>li{
	width:calc(50% - 4px)
}
.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:30%;
	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
}
.rewards-title{
	max-width:500px;
	margin:auto
}
.set-rewards-form .upload-preview.large{
	width:180px;
	height:180px
}
.set-rewards-form>.radius8{
	max-width:550px;
	margin:auto;
	border:1px solid var(--main-border-color)
}
.user-pay .pay-box{
	box-shadow:0 0 10px var(--main-shadow);
	border:1px solid var(--main-border-color)
}
.user-pay .pay-box .pay-tag{
	left:auto;
	right:0;
	border-radius:0 var(--main-radius) 0 var(--main-radius)
}
.user-pay .pay-box .statistical-con{
	font-size:40px;
	color:#5a6495;
	font-weight:700
}
.user-pay .pay-box .placeholder.t1{
	height:20px;
	margin-bottom:5px
}
.user-pay .pay-box .placeholder.k1{
	margin:5px 0;
	height:16px
}
.theme-box.user-pay{
	max-width:800px;
	margin:auto;
	overflow:hidden
}
.rebate-lits .author-set-left{
	text-align:left;
	width:56px
}
.rebate-lits .author-set-right{
	width:calc(100% - 78px)
}
.author-msg .ajaxpager .no-more{
	margin-top:30px
}
.sub-user-box .msg-news-icon{
	top:.4em;
	right:0;
	margin-right: 45px;
}
.msg-news-icon badge.top{
	transform:translate(-10px,-6px) scale(.85);
	margin-right:-10px
}
.msg-news-icon .toggle-radius{
	margin:0!important
}
.author-msg .border-bottom:last-of-type,.border-bottom:last-of-type{
	border:none
}
.msg-news-dropdown li>a{
	padding:10px 20px
}
.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-content .msg-img{
	width:20px;
	height:20px;
	margin-top:-2px
}
.msg-list>li+li{
	width:calc(100% - 66px)
}
.author-msg .author-user-but ul>li .but{
	padding:12px;
	text-align:left;
	position:relative
}
.author-msg .author-user-but ul>li .but badge{
	float:right;
	margin-top:1px
}
.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
}
.chat-lists .msg-list>li+li{
	width:calc(100% - 47px)
}
.private-window-header .avatar-img{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:2px
}
.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-list.right .private-content::before{
	left:auto;
	right:-4px
}
.dropdown .dropdown-menu::before{
	top:-4px;
	left:12px
}
.pull-right.dropdown .dropdown-menu::before{
	left:auto;
	right:12px
}
.dropup .dropdown-menu::before{
	top:auto;
	bottom:-4px;
	left:11px
}
.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
}
.f404 img{
	max-width:500px;
	width:80%
}
.resetpass{
	max-width:400px;
	margin:auto;
	min-height:400px;
	padding-top:120px
}
.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%
}
.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)
}
.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>p{
	margin:0;
	padding-left:2em;
	opacity:.6;
	position:relative
}
.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 .fa{
	opacity:.6
}
.qe_wzk_c-red{
	--quote-color:#dc3f3f
}
.qe_wzk_lan{
	--quote-color:#035b8a
}
.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
}
input:focus,textarea:focus{
	border-color:#90d1f6
}
.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 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,.sidebar .px12-m-s{
	font-size:12px
}
.mobile-nav-widget .hide-m-s,.sidebar .hide-m-s{
	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
}
.dplayer-played,.dplayer-thumb,.dplayer-volume-bar-inner{
	background:var(--focus-color)!important
}
.dplayer-scale-height{
	padding-bottom:var(--scale-height)!important
}
.dplayer-scale-height .dplayer-video-wrap{
	position:absolute!important
}
@media (min-width:992px){
	.modal-open .float-btn,.modal-open .header{
	-webkit-backdrop-filter:unset!important;
	backdrop-filter:unset!important;
	-webkit-filter:unset!important;
	filter:unset!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)
}
.author-user-con{
	min-height:400px
}
.fluid-widget .posts-item:not(.card),.site-layout-1 .posts-item:not(.card){
	margin:8px;
	display:inline-flex;
	width:calc(50% - 16px)
}
.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 .article-author .avatar-info li+li,.sidebar .article-author>ul,.sidebar .card{
	width:100%;
	margin:0
}
.sidebar .article-author .avatar-img{
	margin-bottom:20px
}
.sidebar .article-author .avatar-info{
	text-align:center
}
.sidebar .article-author .avatar-info+ul{
	margin-top:10px
}
.sidebar .article-author .more-posts li{
	width:120px;
	padding:2px 3px;
	font-size:12px
}
.sidebar .author-minicard{
	width:100%;
	margin:3px 0
}
.sidebar .s-desc,.sidebar .slide-text{
	font-size:12px;
	padding:1em 1.2em
}

}
@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
}

}
@media (max-width:767px){
	body.admin-bar{
	margin-top:-46px
}
body.nav-fixed{
	padding-top:88px
}
.this-font{
	font-size:var(--font-size-sm);
	font-weight:var(--font-weight-sm);
	color:var(--color-sm)
}
.container{
	width:100%
}
.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{
	width:38px;
	height:38px
}
.author-cover .page-cover-con>li+li{
	width:calc(100% - 50px);
	margin:-7px 0 0;
	vertical-align:top
}
.author .index-tab ul>li.active{
	background:0 0
}
.author .index-tab ul>li.active a{
	color:var(--focus-color)!important
}
.author .index-tab ul>li>a{
	font-size:12px
}
.index-tab ul>li>a .fa{
	display:block;
	padding:5px;
	font-size:18px;
	margin:0
}
.author-user-but ul>li{
	display:inline-block;
	padding:0
}
.author-user-but ul>li .but{
	border-radius:4px!important;
	border:0!important;
	padding:4px
}
.author-user-but ul>li .but:hover{
	background:0;
	color:var(--focus-color)
}
.zib-widget .zib-widget-sm{
	background:0 0;
	box-shadow:none;
	padding:0
}
.new-swiper .swiper-wrapper{
	height:var(--m-height)
}
.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
}
.mobile-navbar{
	z-index:997;
	position:fixed;
	top:0;
	bottom:0;
	background:var(--main-bg-color);
	width:281px;
	padding:30px 20px;
	padding-top:70px;
	transition:transform .4s ease-in-out
}
.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{
	transform:translate(0)
}
.mobile-navbar.show+.fixed-body{
	visibility:unset;
	opacity:1
}
.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
}
.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;
	margin-right: 10px;
}
.posts-item:not(.no-thumb) .item-excerpt{
	display:none
}
.posts-row{
	margin-left:-5px;
	margin-right:-5px
}
.posts-row>*{
	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{
	padding:10px 0
}
.footer .theme-box{
	margin:5px
}
.footer .container-footer{
	text-align:center
}
.footer .list-inline>li+li+li{
	float:unset
}
.article-author>ul{
	width:100%
}
.article-author .avatar-info{
	text-align:center
}
.article-author .avatar-info>li+li{
	width:auto;
	max-width:300px
}
.article-author>ul+ul{
	margin-top:10px
}
.article-header .article-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
}
.author-msg .author-user-but ul>li{
	min-width:60px;
	width:16.666%
}
.author-msg .author-user-but ul>li .but{
	padding:6px;
	text-align:center;
	font-size:12px;
	width:63px;
	margin:auto
}
.author-msg .author-user-but ul>li .but>.fa{
	display:block;
	margin:auto;
	margin-bottom:auto;
	font-size:1.8em;
	margin-bottom:5px
}
.author-msg .author-user-but ul>li .but badge{
	position:absolute;
	top:0;
	right:11px
}
.msg-private>.ajaxpager{
	opacity:1;
	-webkit-animation:fade .5s;
	animation:fade .5s
}
.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
}

}
@media (min-width:641px){
	.show-sm{
	display:none!important
}

}
@media (max-width:640px){
	.hide-sm{
	display:none!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
}
.float-right{
	right:10px
}
.em09-sm{
	font-size:.9em
}
.breadcrumb,.cover-meta,.icon-card,.px12-sm{
	font-size:12px
}
.article{
	padding:0 15px
}
.article-header .article-title{
	font-size:18px
}
.article-header .article-meta item{
	margin:0 2px
}
.article-content .wp-posts-content{
	line-height:2;
	font-size:15px
}
.article-content .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 span{
	display:none
}
.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 .commentlist>.comment>.list-inline .comt-avatar{
	width:35px;
	height:35px;
	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
}
#postcomments .commentlist .post_ajax_loader .comt-avatar{
	width:35px;
	height:35px;
	margin:0
}
.author-minicard,.author-user-con .oauth-set .but{
	width:100%;
	margin:5px 0
}
.author-user-con .scroll-x{
	padding:0 0 10px 0
}
.author-user-con .posts-item{
	padding:10px 0;
	box-shadow:none
}
.posts-mini,.set-avatar-form .avatar-upload>li,.set-rewards-form .avatar-upload>li{
	width:100%
}
.set-rewards-form .avatar-upload>li+li{
	margin-top:15px
}
.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{
	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: 320px;
	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{
	width:100%
}
.pay-gallery{
	width:100%;
	margin:0
}
.paid-gallery{
	padding:30px
}
.pay-button-block,.pay-button-block .initiate-pay{
	width:100%
}
.user-pay .pay-box{
	padding:10px 15px
}
.payvip-modal{
	padding:15px
}
.payvip-modal .vip-cardmini{
	padding:4px;
	margin:5px
}
.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
}

}
@media (max-width:480px){
	.container{
	padding-right:10px;
	padding-left:10px
}
.pay-box .but-download{
	width:auto
}
.vip-product{
	padding:4px
}
.single-cover-con .article-title{
	font-size:16px;
	margin-bottom:0
}

}
