@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}
img {
	vertical-align: middle
}
.sticky {
	position: sticky;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}
::-webkit-scrollbar {
width:6px;
height:6px
}
::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 6px #fff;
background-color:#fff;
border-radius:3px
}
::-webkit-scrollbar-thumb {
border-radius:var(--border-hd);
background-color:#e4e6eb
}
:root {
--Maincolor:#409EFF;
--MaincolorHover:#66b1ff;
--bagcolor:#f7f9fa;
--swiper-navigation-size:30px!important;
--border-hd:2px;
--border-box:1px solid #f5f6f7;
--box-shadow:0 0 2px 0 rgba(98,124,153,.1)
}
a {
	text-decoration: none;
	color: var(--Maincolor)
}
a:visited {
	color: var(--Maincolor)
}
html {
	font-family: PingFang\ SC, Hiragino\ Sans\ GB, Microsoft\ YaHei, STHeiti, WenQuanYi\ Micro\ Hei, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;
	font-size: 15px;
	margin-top: 0!important
}
textarea {
	font-family: PingFang\ SC, Hiragino\ Sans\ GB, Microsoft\ YaHei, STHeiti, WenQuanYi\ Micro\ Hei, Helvetica, Arial, sans-serif
}
html, body, #app {
	background-color: var(--bagcolor);
	height: 100%
}
body {
	overflow-x: hidden
}
.html-loading {
	text-align: center;
	margin-top: 200px;
	font-size: 80px;
	color: #f0f0f0
}
.html-loading-hide {
	display: none
}
.cp-spin {
	animation: fa-spin 2s linear infinite
}
#app {
	overflow: auto;
	display: flex;
	flex-direction: column;
	transition: 1s
}
.container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto
}
main {
	flex: 1;
	width: 100%
}
.html-main {
	justify-content: space-between;
	display: flex;
	position: relative;
	z-index: 1
}
header {
	width: 100%;
	box-shadow: 0 .5px .5px 1px rgba(0,0,0,.1);
	align-items: center;
	background-color: #fff;
	position: fixed;
	z-index: 99
}
.scroll-notice {
	background: #0aa7e4;
	color: #fff;
	white-space: nowrap;
	overflow: hidden
}
.scroll-notice a {
	color: #fff
}
.scroll-notice-animate {
	padding-left: 20px;
	animation: 35s wordsLoop linear infinite normal
}
.scroll-notice-animate:hover {
	animation-play-state: paused
}
@keyframes wordsLoop {
0% {
transform:translateX(100%)
}
100% {
transform:translateX(-100%)
}
}
.top-divider {
	min-height: 80px;
	width: 100%
}
.header-logo-plane {
	height: 50px;
	display: flex;
	align-items: center
}
.header-logo img {
	max-height: 50px;
	max-width: 200px;
	height: auto
}
.header-logo a {
	color: var(--Maincolor)
}
.header-main-plane {
	padding: 0 20px
}
.header-main {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	position: relative;
	max-width: 1240px;
	margin-left: auto;
	margin-right: auto
}
.header-logo-plane {
	padding: 0 10px
}
.header-menu {
	display: flex
}
.menu-header-plane {
	position: relative;
	height: 100%
}
.menu-header-plane ul {
	display: flex
}
.menu-header-plane > ul {
	height: 100%;
	background: #fff
}
.menu-header-plane a, .user-menu-plane a {
	height: 100%;
	width: 100%
}
.menu-header-list > .menu-item > a {
	position: relative;
	transition: all .3s
}
.menu-header-list > .menu-item > a:hover {
	color: var(--MaincolorHover)
}
.menu-header-list > .menu-item > a:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 0;
	height: 2px;
	background-color: var(--Maincolor);
	transition: all .3s;
	display: flex;
	justify-content: center;
	visibility: hidden
}
header .current-menu-item > a {
	color: var(--MaincolorHover)!important
}
.menu-header-list > .menu-item > a:hover:before {
	visibility: visible;
	width: 60%;
	left: 20%
}
.menu-item-has-children > a:before {
	display: none!important
}
.menu-header-list > li > a {
	line-height: 62px;
	padding: 0 14px
}
.menu-header-list > .menu-item-has-children a, .user-menu a {
	padding-right: 20px
}
.menu-header-list > .menu-item-has-children:after, .user-menu:after {
	position: absolute;
	right: 0;
	top: 0;
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	font-weight: 400;
	font-size: 12px;
	line-height: 62px;
	transition: transform .3s
}
.menu-header-list > .menu-item-has-children:hover:after {
	transform: rotate(-90deg)
}
.user-menu-main {
	font-size: 14px
}
.user-menu-plane {
	display: flex;
	align-items: center
}
.user-menu {
	flex: 1
}
.user-menu-pc-dark, .user-menu-pc-search {
	cursor: pointer;
	padding: 0 6px
}
.user-avatar {
	border-radius: 50%;
	display: inline-block;
	margin-right: 6px
}
.user-menu:hover:after {
	transform: rotate(-90deg)
}
.menu-header-plane li {
	list-style: none;
	position: relative;
	height: 100%
}
.menu-header-plane li > a {
	display: inline-block!important;
	color: #4e5358;
	font-size: 14px
}
.menu-header-plane .menu-item-has-children > ul {
	display: block
}
@media (hover:hover) and (pointer:fine) {
.menu-header-plane .menu-item-has-children:hover > .sub-menu {
	visibility: visible;
	display: block;
	z-index: 1;
	opacity: 1;
	top: 50px;
	min-width: 118px
}
}
.menu-header-plane .menu-item-has-children:hover > .sub-menu {
	visibility: visible;
	display: block;
	z-index: 1;
	opacity: 1;
	top: 50px;
	min-width: 118px
}
.menu-plane > .menu-header-plane > .menu-header-list > .menu-item-has-children > .sub-menu > .menu-item-has-children:after {
	position: relative;
	right: 30px;
	top: -1px;
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	font-weight: 400;
	font-size: 10px;
	transition: transform .3s;
	display: inline-block
}
.menu-plane > .menu-header-plane > .menu-header-list > .menu-item-has-children > .sub-menu > .menu-item-has-children:hover:after {
	transform: rotate(-90deg)
}
.menu-header-plane .sub-menu {
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	box-shadow: 0 1px 3px rgba(26,26,26,.1);
	top: 40px;
	white-space: nowrap;
	border-radius: var(--border-hd);
	transition-duration: .3s;
	opacity: 0
}
.menu-header-plane .sub-menu li a, .user-sub-menu li a {
	padding: 10px 20px;
	transition-duration: .3s
}
.menu-header-plane .sub-menu li a:hover, .user-sub-menu li a:hover {
	color: var(--MaincolorHover)
}
.menu-header-plane .sub-menu .sub-menu {
	left: 100%;
	top: 0!important
}
.user-menu-plane li {
	list-style: none
}
.login-btn-header:active {
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125)
}
.login-btn-header {
	border: 1px solid var(--Maincolor);
	color: var(--Maincolor);
	border-radius: var(--border-hd);
	background: #fff;
	outline: 0;
	padding: 5px 13px
}
.reg-btn-header {
	color: #fff;
	background: var(--Maincolor)
}
.user-menu-main {
	line-height: 62px;
	padding: 0 14px;
	display: inline-block!important;
	color: #4e5358
}
.user-menu-name {
	cursor: default
}
.user-menu > li {
	position: relative
}
.user-menu > li:hover .user-sub-menu {
	visibility: visible;
	opacity: 1;
	top: 50px
}
.user-sub-menu {
	opacity: 0;
	position: absolute;
	visibility: hidden;
	display: block;
	background: #fff;
	box-shadow: 0 1px 3px rgba(26,26,26,.1);
	top: 40px;
	white-space: nowrap;
	z-index: 99;
	left: 20px;
	border-radius: var(--border-hd);
	transition-duration: .3s
}
.user-sub-menu a {
	padding: 10px 20px;
	display: inline-block!important;
	color: #4e5358;
	font-size: 14px
}
.swiper-slide {
	position: relative
}
.swiper-slide img {
	height: auto;
	width: 100%;
	max-height: 300px;
	border-radius: var(--border-hd)
}
.slide-title {
	position: absolute;
	z-index: 2;
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 3px 15px 0;
	margin: 0;
	line-height: 48px;
	color: #fff;
	box-sizing: border-box;
	font-size: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 600;
	margin-bottom: 20px
}
.swiper-pagination {
	display: inline-block!important
}
.carousel {
	margin-bottom: 20px;
	overflow: hidden;
	position: relative
}
.carousel img {
	transition: all .3s
}
.swiper-button-prev {
	left: -100px!important
}
.swiper-button-next {
	right: -100px!important
}
.carousel:hover .swiper-button-prev {
	left: 10px!important
}
.carousel:hover .swiper-button-next {
	right: 10px!important
}
.swiper-button-prev, .swiper-button-next {
	background-color: #000;
	padding: 18px;
	border-radius: 50%;
	transition: .3s;
	opacity: .7;
	outline: 0
}
.carousel:hover .swiper-button-prev, .carousel:hover .swiper-button-next {
	visibility: visible
}
.swiper-container {
--swiper-navigation-color:#fff;
--swiper-navigation-size:20px
}
.swiper-pagination {
	text-align: right!important;
	padding-right: 10px
}
.carousel:hover .corepress-swiper-button-next {
	right: 10px!important
}
.carousel:hover .corepress-swiper-button-prev {
	left: 10px!important
}
.corepress-swiper-button-prev, .corepress-swiper-button-next {
	transition: .2s;
	outline: 0
}
.index-top-postcard-body {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-shrink: 0;
	font-size: 14px;
	text-align: center
}
.index-top-postcard-item {
	margin-bottom: 20px
}
.index-top-postcard-main img {
	max-height: 160px;
	border-radius: 0!important;
	max-width: unset!important
}
.index-top-postcard-main img:hover {
	transform: unset!important
}
.index-top-postcard-main {
	background-color: #fff;
	border: 1px solid rgba(239,239,239,.9);
	border-radius: var(--border-hd);
	overflow: hidden;
	transition: all .3s ease 0s
}
.index-top-postcard-main:hover {
	transform: translateY(-3px)
}
.index-top-postcard-main a {
	color: #999
}
.index-top-postcard-title {
	padding: 6px 0
}
.index-tab-plane {
	display: flex
}
.index-tab-item {
	margin-right: 20px;
	transition: all .3s;
	font-size: 16px;
	user-select: none;
	color: #5a5a5a
}
.index-tab-item:after {
	visibility: hidden;
	content: " ";
	display: block;
	height: 2px;
	width: 0;
	background-color: var(--Maincolor);
	position: relative;
	top: 10px;
	transition: all .3s;
	left: 50%
}
.index-tab-item:hover.index-tab-item:after {
	visibility: visible;
	width: 100%;
	left: 0
}
.index-tab-item-active:after {
	visibility: visible;
	width: 100%;
	left: 0
}
.index-tab-item-active {
	color: var(--Maincolor)
}
.post-item-new:before {
	content: "New";
	display: block;
	position: absolute;
	right: 0;
	background: var(--Maincolor);
	color: #fff;
	padding: 0 6px;
	border-radius: var(--border-hd);
	margin-top: 6px;
	margin-right: 10px;
	font-size: 14px;
	line-height: 18px
}
.post-main {
	flex-basis: 74%;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	width: 0;
	min-width: 0;
	transition-duration: .3s;
	border-radius: var(--border-hd);
	overflow: hidden
}
.post-main-closesidebar {
	flex-basis: 100%
}
.sidebar-display {
	flex-basis: 0;
	display: none
}
.post-main-full {
	flex-basis: 100%!important
}
.sidebar {
	flex-basis: 26%;
	margin: 0 10px;
	width: 0;
	min-width: 0
}
.sidebar-box-list {
	position: relative;
	height: 100%
}
.post-content-post img {
	max-width: 100%;
	height: auto
}
.post-list-page-plane {
	border: var(--border-box);
	border-radius: var(--border-hd);
	overflow: hidden;
	position: relative
}
.post-list, .sidebar li {
	list-style: none!important
}
.post-item-sticky {
	display: inline-block;
	margin-top: 1px;
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	color: #fff;
	border-radius: var(--border-hd);
	vertical-align: top;
	background: var(--Maincolor);
	padding: 2px 8px
}
.post-item {
	overflow: hidden;
	background: #fff;
	border-bottom: 1px solid #f5f6f7;
	position: relative
}
.post-loading {
	text-align: center;
	padding: 10px 0;
	color: #999
}
.post-item a {
	color: #999;
	transition: all .3s ease-out 0s
}
.post-item a:hover {
	color: var(--MaincolorHover)
}
.post-item:hover {
	background: #fcfcfc
}
.post-item-bg img {
	filter: blur(10px) brightness(0.8);
	transform: scale(1.2);
	position: absolute
}
.post-item-container {
	display: flex;
	align-items: stretch;
	padding: 20px 24px;
	margin: 5px
}
.post-item-container-closethumbnail {
	padding: 10px;
	padding-left: 0
}
.post-item h2 {
	color: #333;
	line-height: 1.2;
	font-size: 19px;
	font-weight: 500
}
.post-item h2 a {
	color: #333;
	transition: all .3s ease-out 0s
}
.post-item h2 a:hover {
	color: var(--MaincolorHover)
}
.post-item-thumbnail {
	flex: 30%;
	flex-shrink: 0;
	overflow: hidden;
	position: relative
}
.post-item-thumbnail:before {
	content: "";
	display: block;
	padding-top: 60%
}
.post-item-thumbnail > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.post-item-thumbnail img {
	object-fit: cover;
	max-width: 240px;
	width: 100%;
	height: 100%;
	border-radius: var(--border-hd);
	transition: all .3s ease-out 0s
}
.post-item-thumbnail img:hover {
	transform: scale(1.03)
}
.post-item-main {
	margin-left: 20px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	flex: 70%
}
.post-item-main h2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	overflow: hidden
}
.post-item-meta {
	display: flex;
	justify-content: space-between;
	color: #b1b1b1;
	font-size: 12px;
	margin-top: 6px
}
.post-item-meta i {
	margin-right: 6px
}
.post-item-avatar {
	border-radius: 50%;
	margin-right: 6px;
	max-width: 24px
}
.post-item-type1 {
	padding: 20px 30px
}
.post-item-type1 {
	padding: 0 30px
}
.post-item-type1 h2 {
	padding: 10px 0
}
.post-item-info-type1 {
	margin: 20px 0
}
.post-item-thumbnail-type1 {
	margin-bottom: 10px;
	overflow: hidden;
	position: relative
}
.post-item-thumbnail-type1 img {
	width: 100%;
	max-height: 300px;
	border-radius: var(--border-hd);
	transition: all .3s ease-out 0s
}
.post-item-thumbnail-type1 img:hover {
	transform: scale(1.03)
}
.cat-item-mark {
	position: relative;
	width: 11px;
	height: 11px;
	display: inline-block;
	content: '';
	border-radius: 50%;
	background: #1985ff;
	margin-right: 5px
}
.post-item-tags > .cat-item-mark:nth-child(3) {
	background: #f35
}
.post-item-tags > .cat-item-mark:nth-child(5) {
	background: #ffa41b!important
}
.post-item-content {
	flex: 1;
	font-size: 15px;
	line-height: 20px;
	margin-top: 10px;
	color: #797c80;
	max-height: 40px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.post-item-tags {
	position: absolute;
	padding: 4px 8px;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background-color: #000;
	margin: 10px;
	background: rgba(0,0,0,.6);
	border-radius: var(--border-hd)
}
.post-item-tags-type1 {
	top: 50px
}
.post-item-tags a {
	color: #fff
}
.post-item-info {
	font-size: 14px
}
.item-post-meta-other {
	display: flex;
	align-items: stretch
}
.post-item-time {
	color: #adb5bd
}
.item-post-meta-other span {
	margin-left: 6px
}
.item-post-meta-other i {
	margin-right: 6px
}
.post-item-author {
	margin-top: 30px;
	font-size: 14px
}
.pages {
	text-align: center;
	background: #fff;
	padding: 20px
}
.pageobj-item .current {
	color: #fff!important
}
.fenye a, .pagedbox, .page-numbers{
	display: inline-block;
	padding: 7px 8px;
	margin-left: 5px;
	margin-bottom: 5px;
	color: #999!important;
	line-height: 1;
	background-color: #f2f2f2;
	border-radius: var(--border-hd);
	transition: all .3s ease-out 0s;
	font-size: 14px
}
.fenye .thisclass{padding: 7px 8px;}

.fenye li{display:inline-block; list-style:none;}



.fenye a:hover, .page-numbers:hover {
	background: var(--MaincolorHover)!important;
	color: #fff!important
}
.current {
	background: var(--Maincolor)!important;
	color: #fff!important
}
.page-count {
	display: inline-block;
	margin-left: 10px
}
.index-load-more-btn {
	color: var(--Maincolor);
	border: 1px solid var(--Maincolor);
	background-color: #fff;
	padding: 6px 20px;
	border-radius: var(--border-hd);
	outline: 0;
	cursor: pointer
}
.textwidget {
	font-size: 14px
}
.aside-box {
	background: #fff;
	padding: 10px;
	border: var(--border-box);
	border-radius: var(--border-hd);
	margin-bottom: 10px
}
.aside-box img {
	max-width: 100%;
	height: auto
}
.aside-box li {
	margin-bottom: 10px
}
.aside-box a {
	color: #999;
	transition: all .3s ease-out 0s;
	font-size: 14px
}
.aside-box a:hover {
	color: var(--MaincolorHover)
}
.widget-title {
	position: relative;
	padding-left: 20px;
	margin-bottom: 6px;
	padding-bottom: 16px;
	padding-top: 4px;
	border-bottom: 1px solid #f5f6f7;
	font-size: 16px;
	font-weight: 600;
	color: #18191a;
	line-height: 22px
}
.widget-title:before, .widget-title:after {
	position: absolute;
	transform: skewX(-15deg);
	content: '';
	width: 2px;
	height: 15px;
	background: var(--Maincolor);
	top: 8px;
	left: 4px;
	bottom: 10%;
	transition: .4s
}
.widget-title:after {
	left: 10px
}
.widget-sentence-placeholder {
	position: relative
}
.widget-sentence-placeholder:before {
	position: absolute;
	content: "\f10d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 20px;
	color: #ccc;
	left: 0;
	top: 0;
	line-height: 1
}
.widget-sentence-placeholder p {
	text-indent: 25px
}
.widget-sentence-placeholder li {
	background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
	width: 100%;
	height: 18px;
	list-style: none;
	background-size: 400% 100%;
	background-position: 100% 50%;
	animation: skeleton-loading 1.4s ease infinite
}
@keyframes skeleton-loading {
0% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
.footer-plane {
	background: #22292d;
	color: #5f676f;
	padding: 30px;
	font-size: 15px
}
.menu-footer-plane {
	margin-bottom: 10px
}
.footer-plane a {
	color: #b3c0ce
}
.footer-container {
	max-width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	font-size: 14px
}
.footer-container > div:nth-child(1) {
	padding-right: 20px
}
.footer-logo img {
	height: 50px
}
.footer-aside-box {
	margin-bottom: 10px
}
.footer-aside-box .menu-item {
	display: inline-block
}
.footer-aside-box li {
	list-style: none
}
.footer-left {
	flex: 70%;
	flex-shrink: 0;
	display: flex
}
.footer-right {
	display: flex;
	flex: 30%;
	flex-shrink: 0;
	justify-content: flex-end;
	text-align: right
}
.footer-aside-box a {
	color: #f2f2f2!important
}
.footer-widget-title {
	font-size: 16px;
	margin-bottom: 6px
}
.menu-footer-plane, .footer-info {
	font-size: 14px;
	margin-bottom: 6px
}
.menu-footer-plane li {
	list-style: none
}
.menu-footer-list {
	display: flex
}
.menu-footer-list .menu-item {
	margin-right: 10px
}
.footer-details img {
	height: 90px
}
.ipc-icon {
	width: 24px;
	margin-right: 4px
}
.footer-icp {
	display: inline-block;
	margin-right: 10px
}
.crumbs-plane-body {
	position: relative
}
.crumbs-plane {
	padding: 10px;
	border-bottom: 1px solid #f7f7f7;
	font-size: 14px;
	transition: all .3s;
	position: relative
}
.crumbs-plane a {
	color: #999
}
.crumbs-plane a:hover {
	text-decoration: underline!important
}
.crumbs-plane li {
	list-style: none;
	display: inline-block;
	margin-left: 10px
}
.crumbs-plane li:after {
	content: " /";
	color: #999
}
.crumbs-plane li:last-child:after {
	content: ""
}
.corepress-crumbs {
	width: 100%;
	padding: 10px;
	padding-top: 0
}
::selection {
	background: var(--fontSelectedColor);
	color: #fff
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.alignright {
	float: right;
	margin: .5em 0 .5em 1em
}
.alignleft {
	float: left;
	margin: .5em 1em .5em 0
}
.post-content-body {
	background: #fff;
	border: var(--border-box);
	border-radius: var(--border-hd);
	overflow: hidden;
	margin-bottom: 10px
}
.post-content {
	padding: 30px;
	line-height: 1.6;
	color: #606266;
	position: relative
}
.wp-video, .wp-video-shortcode, .wp-playlist video {
	max-width: 100%!important;
	height: auto
}
.wp-block-video video {
	max-width: 100%
}
.post-content li {
	list-style-position: inside
}
.post-content p {
	margin-bottom: 10px;
	line-height: 1.8;
	word-wrap: break-word;
	font-size: 15px
}
.post-title {
	font-size: 22px;
	color: #333;
	font-weight: 500;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 20px
}
.post-info {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 14px;
	color: #999;
	border-bottom: 1px solid #f5f6f7;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.post-info-switch-sidebar-show i {
	transform: rotate(180deg)
}
.post-info-switch-sidebar:hover {
	color: var(--Maincolor)
}
.post-info .fa {
	margin: 0 6px
}
.dot {
	margin-right: 6px
}
.post-info a {
	color: #999;
	transition: all .3s ease-out 0s
}
.post-content h2, .post-content h3, .post-content h4 {
	position: relative
}
.post-content h2:before, .post-content h3:before {
	box-shadow: 0 1px 3px rgba(26,26,26,.1)
}
.post-content h3, .post-content h4 {
	padding-bottom: 10px;
	margin: 12px 0
}
.post-content h3:hover:before {
	width: 50px
}
.post-content h3:before {
	width: 40px;
	height: 3px;
	top: auto;
	left: 0;
	bottom: 3px;
	transition: .4s;
	position: absolute;
	content: '';
	background: var(--Maincolor);
	border-radius: 5px
}
.post-content h4 {
	padding-left: 5px
}
.post-content h4:before {
	left: -3px;
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid var(--Maincolor);
	border-color: var(--Maincolor) transparent transparent;
	transform: rotate(-90deg);
	top: 20%
}
.post-content h2 {
	padding-left: 16px;
	margin: 12px 0;
	border: 0;
	font-weight: 700;
	color: var(--Maincolor);
	font-size: 20px
}
.post-content h2:before {
	position: absolute;
	content: '';
	width: 4px;
	background: var(--Maincolor);
	top: 10%;
	left: 2px;
	bottom: 10%;
	border-radius: 5px;
	transition: .4s
}
.post-content blockquote {
	position: relative;
	padding: 30px 30px 30px 75px;
	background: #f3f3f3;
	border-left: 0;
	font-size: 16px;
	border-radius: var(--border-hd)
}
.post-content blockquote:before {
	position: absolute;
	content: "\f10d";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	font-size: 32px;
	color: #ccc;
	left: 30px;
	top: 22px;
	line-height: 1
}
.post-content ul, ol {
	list-style-position: outside
}
pre {
	margin: 10px 0;
	padding: 10px;
	max-height: 500px;
	overflow: auto;
	background-color: #f8f8f8;
	border-radius: var(--border-hd);
	font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace, sans-serif
}
pre code {
	color: unset;
	background-color: unset
}
code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	display: inline-block;
	padding: 0 4px;
	margin-left: 2px;
	font-size: 90%;
	margin-bottom: 2px;
	color: #c7254e;
	background-color: #f9f2f4
}
table {
	width: 100%;
	border-collapse: collapse;
	min-width: 450px
}
thead tr {
	color: var(--Maincolor);
	border-bottom: 2px solid var(--Maincolor)
}
tr:last-child td {
	border-bottom: none
}
tr:hover td {
	background-color: #f5f7fa
}
td {
	transition: background-color .25s ease;
	padding: 4px 8px;
	min-width: 0;
	box-sizing: border-box;
	text-overflow: ellipsis;
	vertical-align: middle;
	position: relative;
	text-align: left;
	border-bottom: 1px solid #d8e6ff;
	height: 40px;
	font-size: 14px
}
.post-copyright {
	margin-top: 30px;
	font-size: 14px;
	line-height: 1.6;
	border-radius: var(--border-hd);
	background: #f7f9fa;
	padding: 8px 20px;
	color: #999;
	word-wrap: break-word
}
.post-copyright p {
	font-size: 14px!important
}
.post-end-dividing {
	text-align: center;
	color: #b1b1b8;
	margin: 20px 0;
	font-size: 14px;
	user-select: none
}
.post-end-dividing:before, .post-end-dividing:after {
	content: "";
	background: #f3f3f3;
	width: 20%;
	vertical-align: middle;
	height: 1px;
	display: inline-block;
	margin: 0 16px
}
.post-turn-page-plane {
	display: flex;
	justify-content: space-between;
	flex-shrink: 0;
	margin: 10px 0;
	color: #fff
}
.post-turn-page-previous {
	margin-right: 10px
}
.post-turn-page {
	flex: 40%;
	padding: 10px;
	border-radius: var(--border-hd);
	overflow: hidden;
	font-size: 14px;
	position: relative;
	flex-shrink: 0;
	color: #fff;
	background-size: cover;
	background-position: 50%
}
.post-turn-page:hover:before {
	background-color: rgba(0,0,0,.7)
}
.post-turn-page-main {
	z-index: 10;
	font-size: 16px;
	position: relative
}
.post-turn-page-main > div:first-child {
	margin-bottom: 10px
}
.post-turn-page-link-pre, .post-turn-page-link-next {
	font-size: 14px
}
.post-turn-page-main a {
	color: #fff
}
.post-turn-page-next {
	text-align: right;
	margin-left: 10px
}
.post-turn-page:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	content: "";
	opacity: .8
}
.post-tag {
	margin-left: 10px
}
.post-tags {
	font-size: 14px;
	margin-bottom: 10px
}
.post-tags-icon {
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	line-height: 30px;
	color: #fff;
	width: 30px;
	height: 30px;
	font-size: 18px;
	border-radius: 50%;
	background: var(--Maincolor)
}
.post-tags a {
	font-size: 12px;
	margin-right: 20px;
	padding: 3px 10px;
	border-radius: 6px;
	opacity: .8;
	margin-bottom: 10px;
	display: inline-block;
	color: #888;
	background: #f3f3f3
}
.post-end-tool-btns {
	text-align: center;
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	margin: 20px 0
}
.post-end-tool-btn-item {
	display: inline-block;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	padding: 0 10px
}
.post-end-tool-btns svg {
	width: 30px;
	height: 30px;
	display: block;
	fill: currentColor;
	color: #83878a;
	margin: 0 auto;
	transition: .3s
}
.post-end-tool-btn-item svg:hover {
	color: var(--MaincolorHover)
}
.post-share img {
	width: 36px;
	height: 36px;
	box-shadow: none!important;
	background: #f3f3f3;
	padding: 6px;
	border-radius: 50%;
	margin-right: 10px
}
.post-share-list img, .post-share-list svg {
	width: 30px;
	height: 30px
}
.post-pop-plane-show {
	visibility: visible!important;
	opacity: 1!important
}
#qrcode-plane img, #qrcode-plane svg {
	max-width: 100px;
	width: 100%
}
#reward-plane img {
	max-width: 200px
}
.post-pop-plane {
	transition: .5s;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	box-shadow: 0 0 10px rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.2);
	z-index: 999;
	border-radius: var(--border-hd);
	padding: 20px;
	background: #fff
}
#share-plane svg {
	display: inline-block
}
.qrcode-img img, canvas {
	width: 100%
}
.login-btn {
	padding: 6px 10px!important;
	margin-left: 10px!important
}
.login-btn:hover {
	color: #409eff;
	border-color: #c6e2ff;
	background-color: #ecf5ff;
	outline: 0
}
.button {
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #dcdfe6;
	color: #606266;
	-webkit-appearance: none;
	text-align: center;
	box-sizing: border-box;
	outline: 0;
	margin: 0;
	transition: .1s;
	font-weight: 500;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	padding: 12px 20px;
	font-size: 14px;
	border-radius: var(--border-hd)
}
.primary-btn {
	color: #fff;
	background-color: var(--Maincolor);
	border-color: var(--Maincolor)
}
.primary-btn:hover {
	background: var(--MaincolorHover);
	border-color: var(--MaincolorHover);
	color: #fff
}
#comments {
	background: #fff;
	border: var(--border-box);
	border-radius: var(--border-hd)
}
#comments a {
	color: #333
}
#comments li {
	list-style: none
}
.comment .children .avatar-img {
	width: auto;
	height: auto
}
#reply-title {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px
}
.comment_form_textarea_box {
	margin-bottom: 10px;
	position: relative;
	flex-grow: 1
}
#comment {
	width: 100%
}
.logged-in-as {
	text-align: center;
	max-width: 100px;
	margin-right: 10px;
	z-index: 10;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	padding: 10px
}
.logged-in-as img {
	max-height: 80px
}
.logged-in-as > a {
	color: #999!important
}
#respond {
	padding: 20px;
	padding-top: 0;
	position: relative
}
.comment_form_textarea {
	outline: 0;
	border: 1px solid #f7f9fa;
	resize: none;
	min-height: 100px;
	padding: 6px;
	transition: .15s;
	border-radius: var(--border-hd);
	background: var(--bagcolor)
}
.comment_form_textarea:hover {
	border: 1px solid var(--Maincolor)
}
.comment_form_textarea:focus {
	border: 1px solid var(--Maincolor)
}
.comment_userinput {
	display: flex;
	justify-content: space-between
}
.comment_userinput input {
	height: 34px;
	font-size: 14px;
	background: #f5f6f7;
	border-radius: var(--border-hd);
	outline: 0;
	padding-left: 6px;
	border: 1px solid #f7f9fa
}
.comment-set-submit-plane {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.comment-form-author, .comment-form-email, .comment-form-url {
	flex: 20%;
	margin: 10px
}
.comment-form-author {
	margin-left: 0!important
}
.comment-form-url {
	margin-right: 0!important
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
	width: 100%;
	line-height: 30px;
	outline: 0;
	background: #fff
}
.comment a {
	color: #333
}
.comment-item:hover .comment-btn-reply {
	visibility: visible!important;
	opacity: 1
}
.comment-btn-reply {
	transition: all .1s;
	opacity: 0;
	visibility: hidden
}
.comment-pub-time, .comment-btn-reply {
	font-size: 14px;
	color: #999
}
.comment-text {
	color: #777;
	margin: 6px 0;
	line-height: 1.5;
	font-size: 14px;
	word-break: break-all
}
.comment-text > p {
	margin-top: 10px;
	word-break: break-all
}
.comment-navigation {
	border-radius: var(--border-hd)
}
.comments-title {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5f6f7;
	font-size: 18px;
	font-weight: 500
}
.reply-title, .plane-title {
	padding: 20px 20px;
	color: #18191a;
	border-bottom: 1px solid #f5f6f7;
	font-size: 18px;
	font-weight: 500
}
.comment-metadata {
	margin-left: 20px;
	width: 100%
}
.comment-item {
	display: flex;
	box-shadow: 0 .5px 0 #f2f2f2;
	padding: 10px 0 5px;
	width: 100%
}
.comment-media {
	flex-shrink: 0
}
.avatar-img {
	flex: 1
}
.avatar-img img {
	border-radius: 50%;
	max-height: 48px;
	max-width: 48px
}
.author_name {
	font-size: 14px;
	color: #333
}
.author_name > a, .comment-reply-link {
	transition: .3s
}
.author_name > a:hover, .comment-reply-link:hover {
	color: var(--Maincolor)!important
}
.comment-from {
	background: var(--Maincolor);
	color: #fff;
	padding: 2px 3px;
	margin-left: 5px;
	border-radius: 2px;
	display: inline-block
}
.comment-zhan img {
	width: 16px;
	margin-left: 6px;
	position: relative;
	bottom: 1px
}
.comment-from a {
	color: #fff!important;
	font-size: 12px
}
.user-identity {
	display: inline-block;
	margin: 0 3px
}
.user-identity svg {
	vertical-align: middle;
	width: 20px;
	height: auto;
	fill: var(--Maincolor)
}
.commentlist {
	padding: 0 30px
}
.commentlist > .comment > .children {
	padding-left: 60px
}
.commentlist > .comment > .children > .comment:first-child {
	margin-top: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px
}
.commentlist > .comment > .children > .comment:last-child {
	margin-bottom: 10px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding-bottom: 10px
}
.commentlist > .comment > .children > .comment:last-child > .comment-item:last-child {
	border-bottom: 0
}
.commentlist > .comment > .children > .comment {
	background: #f7f7f7;
	padding: 0 20px;
	position: relative;
	margin: 0 10px
}
.commentlist > .comment > .children > .comment:first-child:before {
	position: absolute;
	left: 15px;
	top: -17px;
	border: 9px solid transparent;
	border-bottom: 10px solid #f8f8f8;
	content: ""
}
#reply-title {
	font-size: 16px;
	font-weight: 500
}
.dots:hover {
	background-color: #f2f2f2!important;
	color: #999!important
}
.comment-sofa {
	padding: 0 30px;
	font-size: 30px;
	text-align: center;
	color: #E4E7ED;
	padding-top: 20px;
	user-select: none
}
.comment_userinput, .comment-form-cookies-consent {
	padding-left: 80px
}
.comment-user-plane {
	display: flex;
	justify-content: space-between
}
.comment-user-avatar {
	border-radius: 50%
}
.comment_form_must_login {
	height: 150px;
	background: #7474740e;
	border-radius: var(--border-hd);
	text-align: center;
	color: #b1b1b1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}
.comment_form_must_login {
	text-align: center
}
.comment_form_must_login button {
	margin-top: 20px
}
#cancel-comment-reply-link {
	background: var(--Maincolor);
	margin-left: 10px;
	color: #fff!important;
	padding: 3px 5px;
	border-radius: 3px
}
#cancel-comment-reply-link:before {
	font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome";
	content: '\f057 '
}
.textwidget {
	line-height: 1.8
}
.search-form {
	display: flex;
	justify-content: space-between;
	width: 100%
}
.media-toolbar-primary.search-form {
	display: unset;
	justify-content: unset;
	width: unset
}
.search-form-input-plane {
	flex-grow: 1;
	margin-right: 20px
}
.search-keyword {
	height: 34px;
	font-size: 14px;
	background: #f5f6f7;
	border-radius: var(--border-hd);
	border: 0;
	outline: 0;
	padding-left: 6px;
	width: 100%
}
.search-submit {
	background-color: var(--Maincolor);
	color: #fff;
	height: 32px;
	border: 0;
	border-radius: var(--border-hd);
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	transition-duration: .4s;
	width: 68px;
	outline: 0
}
.search-submit:hover {
	background: var(--MaincolorHover)
}
.widger-comment-name, .widger-comment-time {
	margin-left: 10px;
	line-height: 30px
}
.widger-comment-info {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}
.widger-comment-user {
	display: flex
}
.widger-avatar img {
	border-radius: 50%
}
.widger-comment-excerpt {
	position: relative;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #f7f7f7;
	border-radius: 3px;
	color: #666
}
.widger-comment-excerpt:before {
	position: absolute;
	left: 10px;
	top: -10px;
	content: "";
	width: 0;
	height: 0;
	line-height: 0;
	border: 5px solid transparent;
	border-bottom-color: #f7f7f7
}
.widger-comment-excerpt p {
	line-height: 1.5;
	overflow: hidden;
	text-overflow: ellipsis
}
.widger-comment-plane {
	font-size: 14px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #f5f6f7;
	color: #999
}
.tagcloud {
	display: flex;
	flex-wrap: wrap
}
.tag-cloud-link {
	background: #409EFF;
	color: #fff!important;
	font-size: 12px!important;
	border-radius: 3px;
	padding: 6px;
	margin-bottom: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	align-content: space-around;
	flex: 0 0 32%;
	margin-right: 1%;
	display: inline-block
}
.tag-cloud-link:nth-child(3n) {
	margin-right: 0
}
.tag-cloud-link:before {
	content: "# "
}
.tag-cloud-link:nth-child(n+1) {
	background: #409EFF
}
.tag-cloud-link:nth-child(2n+2) {
	background: #67C23A
}
.tag-cloud-link:nth-child(3n+3) {
	background: #F56C6C
}
.tag-cloud-link:nth-child(n+4) {
	background: #909399
}
.hot-post-widget-item {
	padding: 10px 20px;
	font-size: 14px;
	position: relative
}
.hot-post-widget-item-meta {
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	margin-top: 10px
}
.hot-post-widget-img-plane {
	display: flex
}
.hot-post-widget-img-plane-first .hot-post-widget-img-plane-title {
	position: absolute;
	bottom: 0;
	background: rgba(0,0,0,0.3);
	width: 100%;
	padding: 10px
}
.hot-post-widget-img-plane-first .hot-post-widget-img-plane-title a {
	color: #fff
}
.hot-post-widget-img-plane-first {
	flex-direction: column;
	position: relative
}
.hot-post-widget-img-plane-first .hot-post-widget-img-plane-thumbnail {
	width: 100%;
	height: 188px
}
.hot-post-widget-img-plane .hot-post-widget-item-title {
	padding-left: 0;
	display: inline-block;
	word-break: break-all
}
.hot-post-widget-img-plane-thumbnail img {
	width: 100%;
	height: 100%;
	transition: .3s
}
.hot-post-widget-img-plane:hover .hot-post-widget-img-plane-thumbnail img {
	transform: scale(1.1)
}
.hot-post-widget-img-plane-thumbnail {
	width: 96px;
	height: 60px;
	border-radius: var(--border-hd);
	flex-shrink: 0;
	overflow: hidden
}
.hot-post-widget-img-plane-title {
	padding-left: 10px;
	width: 100%
}
.hot-post-widget-item-img {
	padding: 0;
	margin-bottom: 15px
}
.hot-post-widget-item-num {
	font-weight: 600;
	z-index: 2
}
.hot-post-widget-item:nth-child(2) .hot-post-widget-item-num, .hot-post-widget-item:nth-child(3) .hot-post-widget-item-num, .hot-post-widget-item:nth-child(4) .hot-post-widget-item-num {
	background-color: var(--Maincolor);
	border-radius: 2px 8px 8px 2px;
	color: #fff
}
.hot-post-widget-item-num {
	background-color: #818b95;
	border-radius: 2px 8px 8px 2px;
	color: #fff;
	box-shadow: 0 1px 5px rgb(0 0 0 / 20%)
}
.hot-post-widget-item-img .hot-post-widget-item-num {
	top: 10px
}
.hot-post-widget-item:nth-child(2) .hot-post-widget-item-num {
	background-color: #f56c6c
}
.hot-post-widget-item:nth-child(3) .hot-post-widget-item-num {
	background-color: #ffa41b
}
.hot-post-widget-item:nth-child(4) .hot-post-widget-item-num {
	background-color: #409eff
}
.hot-post-widget-item-num {
	padding-right: 5px;
	position: absolute;
	left: -12px;
	text-align: right;
	width: 30px
}
.hot-post-widget-item-title, .hot-post-widget-item-meta {
	padding-left: 10px;
	width: 100%
}
.hot-post-widget-item-title a, .hot-post-widget-item-meta a {
	color: #494b4d
}
.widget-author-plane {
	display: flex;
	justify-content: center;
	padding: 10px
}
.widget-author-main {
	text-align: center;
	margin-top: 10px
}
.widget-author-main img {
	border-radius: 50%;
	margin-bottom: 10px
}
.widget-avatar-description {
	font-size: 14px;
	color: #8599ab;
	max-width: 200px;
	text-align: left;
	word-break: break-all
}
.widget-avatar-meta {
	display: flex;
	justify-content: space-between;
	font-size: 16px;
	color: #999
}
.widget-avatar-meta-comments {
	margin-right: 10px
}
.widget-avatar-meta-box i {
	font-size: 18px;
	margin-right: 6px
}
.widget-avatar-description, .widget-author-name {
	margin-bottom: 10px
}
.widget-avatar-post-list {
	border-top: 1px dashed #efefef;
	padding: 10px
}
.widget-avatar-post-list ul li {
	position: relative
}
.widget-avatar-post-list ul {
	padding-left: 10px
}
.widget-avatar-post-list ul li:before {
	position: absolute;
	left: -12px;
	top: 8px;
	content: "";
	width: 0;
	height: 0;
	line-height: 0;
	border: 4px solid transparent;
	border-left: 5px solid #ccc
}
.widget-avatar-title {
	margin-bottom: 6px;
	padding-top: 4px;
	font-size: 15px;
	text-align: center;
	font-weight: 500
}
.widget-admin-author-plane {
	position: relative;
	border-radius: var(--border-hd);
	overflow: hidden;
	background: #fff;
	margin-bottom: 10px;
	text-align: center;
	padding-bottom: 20px
}
.widget-admin-author-avatar {
	text-align: center;
	position: absolute;
	top: 70px;
	left: calc(50% - 75px / 2)
}
.widget-admin-author-avatar img {
	height: 74px;
	width: 74px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: #fff
}
.widget-admin-author-name {
	margin-top: 40px
}
.widget-admin-author-contact {
	text-align: left;
	padding: 0 30px;
	margin-top: 20px
}
.widget-admin-author-contact-item {
	border: 1px solid;
	border-radius: 2px;
	display: flex;
	position: relative;
	margin-bottom: 10px
}
.widget-admin-author-contact-item-icon {
	text-align: center;
	margin-right: 8px;
	padding: 8px;
	color: #fff;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: -1px;
	width: 45px;
	transition: .3s;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px
}
.widget-admin-author-contact-item-icon:hover {
	width: 48px
}
.widget-admin-author-contact-item-content {
	display: inline-block;
	padding: 8px 0;
	padding-right: 20px;
	margin-left: 55px;
	overflow: hidden;
	font-size: 14px;
	text-overflow: ellipsis
}
.widget-admin-author-introduce {
	margin-top: 5px;
	font-size: 14px;
	color: #666
}
.widget-admin-author-introduce-text {
	text-align: left;
	padding: 0 30px
}
.widget-admin-author-name:after {
	content: '\f336';
	font-family: "Font Awesome 5 Pro";
	color: #f4c758
}
.widget-admin-author-background_image img {
	max-width: 100%;
	width: 100%;
	height: auto;
	max-height: 110px
}
.corepress-alert {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999999999;
	text-align: center;
	display: flex;
	justify-content: center
}
.corepress-alert-main {
	margin-top: -10px;
	font-size: 14px;
	transition: all .3s;
	visibility: hidden;
	opacity: 0;
	pointer-events: all;
	padding: 8px 16px;
	border-radius: var(--border-hd);
	box-shadow: 0 1px 6px rgba(0,0,0,.2);
	background: #fff;
	font-weight: 300
}
.corepress-alert-main i {
	margin-right: 10px
}
.corepress-alert-main-show {
	margin-top: 70px;
	visibility: visible;
	opacity: 1
}
.friend-links {
	position: relative;
	background: #fff;
	border-radius: var(--border-hd);
	margin: 10px;
	margin-bottom: 20px;
	border: var(--border-box)
}
.list-plane-linksdescribe {
	margin-left: 10px;
	font-size: 14px;
	color: #999
}
.friend-links-list a {
	color: #999!important;
	transition: all .3s ease-out 0s
}
.friend-links-list img {
	width: 20px;
	vertical-align: middle
}
.friend-links-list a:hover {
	color: var(--MaincolorHover)!important
}
.friend-links li {
	font-size: 15px;
	list-style: none;
	margin-right: 20px;
	margin-bottom: 6px;
	vertical-align: middle
}
.friend-links-item-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.friend-links-icon {
	max-width: 20px
}
.friend-links-item {
	margin-right: 10px
}
.friend-links-item img {
	margin-right: 8px
}
.friend-links-item-card {
	border: 1px solid #f0f0f0;
	padding: 10px;
	border-radius: var(--border-hd);
	position: relative;
	top: 0;
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: stretch
}
.friend-links-item-main {
	min-width: 0
}
.friend-links-item-icon {
	flex-shrink: 0
}
.friend-links-item-card img {
	width: 36px;
	margin-right: 10px
}
.friend-links-item-card:hover {
	top: -5px
}
.friend-links-item-description {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px
}
.list-plane-title {
	background: #fff;
	padding: 19px 8px;
	border-bottom: 1px solid #f5f6f7;
	white-space: nowrap;
	overflow: auto
}
.list-plane-title::-webkit-scrollbar {
display:none
}
.list-plane-title > div {
	padding-left: 20px;
	font-weight: 500;
	font-size: 18px
}
.friend-links-list {
	padding: 20px;
	margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	font-weight: 300
}
.friend-links-card-list {
	display: grid!important;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	grid-gap: 10px
}
.post-content .friend-links-list {
	padding: 0;
	margin: 0
}
.friend-links-list img {
	box-shadow: none!important
}
.friend-links-apply {
	position: absolute;
	right: 20px;
	top: 20px;
	color: #999!important;
	font-size: 14px
}
.go-top-plane {
	background: #e8eaeb;
	position: fixed;
	bottom: 80px;
	right: 20px;
	border-radius: 8px;
	padding: 10px;
	visibility: hidden;
	opacity: 0;
	transition: .30s;
	color: #999;
	z-index: 99
}
.go-top-plane:hover {
	color: var(--MaincolorHover)
}
.go-top-plane-show {
	opacity: 1;
	visibility: visible;
	bottom: 200px
}
.ad-plane {
	position: relative;
	margin: 10px;
	margin-bottom: 10px
}
.ad-plane img, .ad-plane-post img, .ad-plane-post-in img, .ad-plane-post-comment img, .ad-plane-post-bottom img {
	max-width: 100%
}
.ad-plane-post {
	padding: 10px;
	margin-top: -20px
}
.ad-plane-post-bottom {
	padding: 10px;
	padding-top: 0
}
.ad-plane-post-comment {
	margin-bottom: 10px
}
#progress {
	position: fixed;
	height: 2px;
	background: #b91f1f;
	transition: opacity 500ms linear;
	z-index: 99999
}
#progress.done {
	opacity: 0
}
#progress span {
	position: absolute;
	height: 2px;
	opacity: 1;
	width: 150px;
	right: -10px
}
@-webkit-keyframes pulse {
30% {
opacity:.6
}
60% {
opacity:0
}
100% {
opacity:.6
}
}
.idex-tab-item, .buttonn {
	cursor: pointer
}
.corepress-notice {
	width: 300px
}
.cp-popwindow {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999;
	background: rgba(0,0,0,0.5)
}
.cp-popwindow-window {
	margin: auto;
	margin-top: 100px;
	max-width: 360px;
	min-width: 250px;
	opacity: 1;
	background-color: #fff;
	position: relative;
	border-radius: 2px;
	box-shadow: 1px 1px 50px rgb(0 0 0 / 30%)
}
.cp-pop-close:before {
	color: #fff
}
.cp-pop-window {
	font-size: 15px
}
.cp-pop-window-content, .cp-pop-window-btns {
	padding: 10px;
	position: relative
}
.cp-pop-window-title > div {
	padding: 10px;
	background-color: #fff
}
.cp-pop-window-content {
	min-height: 80px
}
.cp-pop-window-content img {
	max-width: 100%
}
.cp-pop-close {
	position: absolute;
	right: 10px;
	color: #909399;
	cursor: pointer;
	top: 10px;
	transition: transform .3s ease-out;
	font-size: 16px
}
.cp-pop-close:hover {
	transform: rotate(270deg)
}
.cp-pop-window-btns {
	font-size: 0;
	text-align: right
}
.cp-pop-window-btns a {
	padding: 9px 15px;
	font-size: 12px;
	border-radius: var(--border-hd);
	margin-left: 8px;
	min-width: 60px;
	display: inline-block;
	text-align: center
}
.cp-pop-btn {
	padding: 9px 15px;
	font-size: 12px;
	border-radius: var(--border-hd);
	color: #fff;
	background-color: var(--Maincolor);
	white-space: nowrap;
	cursor: pointer;
	text-align: center;
	border: none;
	transition: .1s;
	margin-left: 8px;
	min-width: 60px
}
.cp-pop-window-btns a:hover {
	opacity: .8
}
.cp-pop-btn:hover {
	background: var(--MaincolorHover)
}
.wp-calendar-table {
	min-width: revert
}
.hot {
	background: red;
	color: #fff;
	position: relative;
	display: inline-block;
	right: -5px;
	top: -10px;
	line-height: 1;
	font-size: 12px;
	padding: 2px 4px;
	border-radius: 8px
}
.relevant-list a {
	color: #333
}
.widget-author-plane {
}
.widget-author-plane .widget-avatar-meta {
	font-size: 14px
}
.widget-author-plane .widget-avatar-title {
	font-size: 18px;
	font-weight: 400
}
.cp-post-loop-embed {
	width: 100%
}
.wp-embedded-content {
	width: 100%
}
.wp-embedded-content {
	height: auto!important;
	max-height: 105px!important
}
:root {
--animate-duration:1s;
--animate-delay:1s;
--animate-repeat:1
}
.animate__animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-duration: var(--animate-duration);
	animation-duration: var(--animate-duration);
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animate__animated.animate__infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animate__animated.animate__repeat-1 {
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: var(--animate-repeat);
	animation-iteration-count: var(--animate-repeat)
}
.animate__animated.animate__repeat-2 {
	-webkit-animation-iteration-count: 2;
	animation-iteration-count: 2;
-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);
animation-iteration-count:calc(var(--animate-repeat)*2)
}
.animate__animated.animate__repeat-3 {
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3;
-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);
animation-iteration-count:calc(var(--animate-repeat)*3)
}
.animate__animated.animate__delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-delay: var(--animate-delay);
	animation-delay: var(--animate-delay)
}
.animate__animated.animate__delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
-webkit-animation-delay:calc(var(--animate-delay)*2);
animation-delay:calc(var(--animate-delay)*2)
}
.animate__animated.animate__delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
-webkit-animation-delay:calc(var(--animate-delay)*3);
animation-delay:calc(var(--animate-delay)*3)
}
.animate__animated.animate__delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
-webkit-animation-delay:calc(var(--animate-delay)*4);
animation-delay:calc(var(--animate-delay)*4)
}
.animate__animated.animate__delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
-webkit-animation-delay:calc(var(--animate-delay)*5);
animation-delay:calc(var(--animate-delay)*5)
}
.animate__animated.animate__faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-duration: calc(var(--animate-duration)/2);
	animation-duration: calc(var(--animate-duration)/2)
}
.animate__animated.animate__fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
-webkit-animation-duration:calc(var(--animate-duration)*0.8);
animation-duration:calc(var(--animate-duration)*0.8)
}
.animate__animated.animate__slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
-webkit-animation-duration:calc(var(--animate-duration)*2);
animation-duration:calc(var(--animate-duration)*2)
}
.animate__animated.animate__slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
-webkit-animation-duration:calc(var(--animate-duration)*3);
animation-duration:calc(var(--animate-duration)*3)
}
@media (prefers-reduced-motion:reduce), print {
.animate__animated {
	-webkit-animation-duration: 1ms!important;
	animation-duration: 1ms!important;
	-webkit-transition-duration: 1ms!important;
	transition-duration: 1ms!important;
	-webkit-animation-iteration-count: 1!important;
	animation-iteration-count: 1!important
}
.animate__animated[class*=Out] {
	opacity: 0
}
}
@-webkit-keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0) scaleY(1.1);
transform:translate3d(0, -30px, 0) scaleY(1.1)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
transform:translate3d(0, -15px, 0) scaleY(1.05)
}
80% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0) scaleY(.95);
transform:translateZ(0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -4px, 0) scaleY(1.02);
transform:translate3d(0, -4px, 0) scaleY(1.02)
}
}
.animate__bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.animate__flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.animate__pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.animate__rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shakeX {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shakeX {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.animate__shakeX {
	-webkit-animation-name: shakeX;
	animation-name: shakeX
}
@-webkit-keyframes shakeY {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
}
@keyframes shakeY {
0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
}
.animate__shakeY {
	-webkit-animation-name: shakeY;
	animation-name: shakeY
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.animate__headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
.animate__swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.animate__tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%, 11.1%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(.390625deg) skewY(.390625deg);
transform:skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.animate__jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.animate__heartBeat {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
-webkit-animation-duration:calc(var(--animate-duration)*1.3);
animation-duration:calc(var(--animate-duration)*1.3);
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}
@-webkit-keyframes backInDown {
0% {
-webkit-transform:translateY(-1200px) scale(.7);
transform:translateY(-1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInDown {
0% {
-webkit-transform:translateY(-1200px) scale(.7);
transform:translateY(-1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.animate__backInDown {
	-webkit-animation-name: backInDown;
	animation-name: backInDown
}
@-webkit-keyframes backInLeft {
0% {
-webkit-transform:translateX(-2000px) scale(.7);
transform:translateX(-2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInLeft {
0% {
-webkit-transform:translateX(-2000px) scale(.7);
transform:translateX(-2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.animate__backInLeft {
	-webkit-animation-name: backInLeft;
	animation-name: backInLeft
}
@-webkit-keyframes backInRight {
0% {
-webkit-transform:translateX(2000px) scale(.7);
transform:translateX(2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInRight {
0% {
-webkit-transform:translateX(2000px) scale(.7);
transform:translateX(2000px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.animate__backInRight {
	-webkit-animation-name: backInRight;
	animation-name: backInRight
}
@-webkit-keyframes backInUp {
0% {
-webkit-transform:translateY(1200px) scale(.7);
transform:translateY(1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
@keyframes backInUp {
0% {
-webkit-transform:translateY(1200px) scale(.7);
transform:translateY(1200px) scale(.7);
opacity:.7
}
80% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1
}
}
.animate__backInUp {
	-webkit-animation-name: backInUp;
	animation-name: backInUp
}
@-webkit-keyframes backOutDown {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(700px) scale(.7);
	transform: translateY(700px) scale(.7);
	opacity: .7
}
}
@keyframes backOutDown {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(700px) scale(.7);
	transform: translateY(700px) scale(.7);
	opacity: .7
}
}
.animate__backOutDown {
	-webkit-animation-name: backOutDown;
	animation-name: backOutDown
}
@-webkit-keyframes backOutLeft {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(-2000px) scale(.7);
	transform: translateX(-2000px) scale(.7);
	opacity: .7
}
}
@keyframes backOutLeft {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(-2000px) scale(.7);
	transform: translateX(-2000px) scale(.7);
	opacity: .7
}
}
.animate__backOutLeft {
	-webkit-animation-name: backOutLeft;
	animation-name: backOutLeft
}
@-webkit-keyframes backOutRight {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(2000px) scale(.7);
	transform: translateX(2000px) scale(.7);
	opacity: .7
}
}
@keyframes backOutRight {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateX(0) scale(.7);
transform:translateX(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateX(2000px) scale(.7);
	transform: translateX(2000px) scale(.7);
	opacity: .7
}
}
.animate__backOutRight {
	-webkit-animation-name: backOutRight;
	animation-name: backOutRight
}
@-webkit-keyframes backOutUp {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(-700px) scale(.7);
	transform: translateY(-700px) scale(.7);
	opacity: .7
}
}
@keyframes backOutUp {
0% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:1
}
20% {
-webkit-transform:translateY(0) scale(.7);
transform:translateY(0) scale(.7);
opacity:.7
}
to {
	-webkit-transform: translateY(-700px) scale(.7);
	transform: translateY(-700px) scale(.7);
	opacity: .7
}
}
.animate__backOutUp {
	-webkit-animation-name: backOutUp;
	animation-name: backOutUp
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.animate__bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0) scaleY(3);
transform:translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0) scaleY(.9);
transform:translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.95);
transform:translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, 5px, 0) scaleY(.985);
transform:translate3d(0, 5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0) scaleY(3);
transform:translate3d(0, -3000px, 0) scaleY(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0) scaleY(.9);
transform:translate3d(0, 25px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.95);
transform:translate3d(0, -10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, 5px, 0) scaleY(.985);
transform:translate3d(0, 5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0) scaleX(.98);
transform:translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(5px, 0, 0) scaleX(.995);
transform:translate3d(5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0) scaleX(3);
transform:translate3d(-3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0) scaleX(1);
transform:translate3d(25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0) scaleX(.98);
transform:translate3d(-10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(5px, 0, 0) scaleX(.995);
transform:translate3d(5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(10px, 0, 0) scaleX(.98);
transform:translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0) scaleX(.995);
transform:translate3d(-5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0) scaleX(3);
transform:translate3d(3000px, 0, 0) scaleX(3)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0) scaleX(1);
transform:translate3d(-25px, 0, 0) scaleX(1)
}
75% {
-webkit-transform:translate3d(10px, 0, 0) scaleX(.98);
transform:translate3d(10px, 0, 0) scaleX(.98)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0) scaleX(.995);
transform:translate3d(-5px, 0, 0) scaleX(.995)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.95);
transform:translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -5px, 0) scaleY(.985);
transform:translate3d(0, -5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0) scaleY(5);
transform:translate3d(0, 3000px, 0) scaleY(5)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
75% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.95);
transform:translate3d(0, 10px, 0) scaleY(.95)
}
90% {
-webkit-transform:translate3d(0, -5px, 0) scaleY(.985);
transform:translate3d(0, -5px, 0) scaleY(.985)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
.animate__bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.985);
transform:translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
	transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0) scaleY(.985);
transform:translate3d(0, 10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0) scaleY(.9);
transform:translate3d(0, -20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
	transform: translate3d(0, 2000px, 0) scaleY(3)
}
}
.animate__bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0) scaleX(.9);
transform:translate3d(20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
	transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0) scaleX(.9);
transform:translate3d(20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
	transform: translate3d(-2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0) scaleX(.9);
transform:translate3d(-20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
	transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0) scaleX(.9);
transform:translate3d(-20px, 0, 0) scaleX(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
	transform: translate3d(2000px, 0, 0) scaleX(2)
}
}
.animate__bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.985);
transform:translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0) scaleY(.9);
transform:translate3d(0, 20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
	transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0) scaleY(.985);
transform:translate3d(0, -10px, 0) scaleY(.985)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0) scaleY(.9);
transform:translate3d(0, 20px, 0) scaleY(.9)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
	transform: translate3d(0, -2000px, 0) scaleY(3)
}
}
.animate__bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
to {
	opacity: 1
}
}
.animate__fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeInTopLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, -100%, 0);
transform:translate3d(-100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInTopLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, -100%, 0);
transform:translate3d(-100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInTopLeft {
	-webkit-animation-name: fadeInTopLeft;
	animation-name: fadeInTopLeft
}
@-webkit-keyframes fadeInTopRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, -100%, 0);
transform:translate3d(100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInTopRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, -100%, 0);
transform:translate3d(100%, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInTopRight {
	-webkit-animation-name: fadeInTopRight;
	animation-name: fadeInTopRight
}
@-webkit-keyframes fadeInBottomLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 100%, 0);
transform:translate3d(-100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInBottomLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 100%, 0);
transform:translate3d(-100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInBottomLeft {
	-webkit-animation-name: fadeInBottomLeft;
	animation-name: fadeInBottomLeft
}
@-webkit-keyframes fadeInBottomRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 100%, 0);
transform:translate3d(100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes fadeInBottomRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 100%, 0);
transform:translate3d(100%, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__fadeInBottomRight {
	-webkit-animation-name: fadeInBottomRight;
	animation-name: fadeInBottomRight
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
to {
	opacity: 0
}
}
.animate__fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.animate__fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.animate__fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.animate__fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.animate__fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.animate__fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.animate__fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.animate__fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.animate__fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes fadeOutTopLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, -100%, 0);
	transform: translate3d(-100%, -100%, 0)
}
}
@keyframes fadeOutTopLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, -100%, 0);
	transform: translate3d(-100%, -100%, 0)
}
}
.animate__fadeOutTopLeft {
	-webkit-animation-name: fadeOutTopLeft;
	animation-name: fadeOutTopLeft
}
@-webkit-keyframes fadeOutTopRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, -100%, 0);
	transform: translate3d(100%, -100%, 0)
}
}
@keyframes fadeOutTopRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, -100%, 0);
	transform: translate3d(100%, -100%, 0)
}
}
.animate__fadeOutTopRight {
	-webkit-animation-name: fadeOutTopRight;
	animation-name: fadeOutTopRight
}
@-webkit-keyframes fadeOutBottomRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 100%, 0);
	transform: translate3d(100%, 100%, 0)
}
}
@keyframes fadeOutBottomRight {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 100%, 0);
	transform: translate3d(100%, 100%, 0)
}
}
.animate__fadeOutBottomRight {
	-webkit-animation-name: fadeOutBottomRight;
	animation-name: fadeOutBottomRight
}
@-webkit-keyframes fadeOutBottomLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 100%, 0);
	transform: translate3d(-100%, 100%, 0)
}
}
@keyframes fadeOutBottomLeft {
0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 100%, 0);
	transform: translate3d(-100%, 100%, 0)
}
}
.animate__fadeOutBottomLeft {
	-webkit-animation-name: fadeOutBottomLeft;
	animation-name: fadeOutBottomLeft
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.animate__animated.animate__flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg);
transform:perspective(400px) rotateX(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.animate__flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-20deg);
transform:perspective(400px) rotateY(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg);
transform:perspective(400px) rotateY(-5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.animate__flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
.animate__flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
.animate__flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
-webkit-animation-duration:calc(var(--animate-duration)*0.75);
animation-duration:calc(var(--animate-duration)*0.75);
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes lightSpeedInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__lightSpeedInRight {
	-webkit-animation-name: lightSpeedInRight;
	animation-name: lightSpeedInRight;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
transform:skewX(5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes lightSpeedInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
transform:translate3d(-100%, 0, 0) skewX(30deg);
opacity:0
}
60% {
-webkit-transform:skewX(-20deg);
transform:skewX(-20deg);
opacity:1
}
80% {
-webkit-transform:skewX(5deg);
transform:skewX(5deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__lightSpeedInLeft {
	-webkit-animation-name: lightSpeedInLeft;
	animation-name: lightSpeedInLeft;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOutRight {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
@keyframes lightSpeedOutRight {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.animate__lightSpeedOutRight {
	-webkit-animation-name: lightSpeedOutRight;
	animation-name: lightSpeedOutRight;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes lightSpeedOutLeft {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
	transform: translate3d(-100%, 0, 0) skewX(-30deg);
	opacity: 0
}
}
@keyframes lightSpeedOutLeft {
0% {
opacity:1
}
to {
	-webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
	transform: translate3d(-100%, 0, 0) skewX(-30deg);
	opacity: 0
}
}
.animate__lightSpeedOutLeft {
	-webkit-animation-name: lightSpeedOutLeft;
	animation-name: lightSpeedOutLeft;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.animate__rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.animate__rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.animate__rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.animate__rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.animate__rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes rotateOut {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
@keyframes rotateOut {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
.animate__rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes rotateOutDownLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
.animate__rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateOutDownRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.animate__rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes rotateOutUpLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.animate__rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}
@-webkit-keyframes rotateOutUpRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
opacity:1
}
to {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
.animate__rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.animate__hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
-webkit-animation-duration:calc(var(--animate-duration)*2);
animation-duration:calc(var(--animate-duration)*2);
	-webkit-animation-name: hinge;
	animation-name: hinge;
	-webkit-transform-origin: top left;
	transform-origin: top left
}
@-webkit-keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.animate__jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.animate__rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.animate__zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to {
	opacity: 0
}
}
.animate__zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0)
}
}
.animate__zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0)
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0)
}
}
.animate__zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
	-webkit-transform-origin: right center;
	transform-origin: right center
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.animate__zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.animate__slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.animate__slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.animate__slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.animate__slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.animate__slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
#comment_addface {
	position: relative
}
.conment-face-plane {
	position: absolute;
	transition: .15s;
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	top: 100%;
	padding: 10px;
	background: #fff;
	max-width: 300px;
	z-index: 9999;
	opacity: 1;
	visibility: hidden
}
.popover-btn-face {
	margin-top: 10px
}
.popover-btn {
	border-radius: 4px;
	display: inline-block;
	transition: .15s;
	vertical-align: middle;
	padding: .3em .5em;
	text-align: center;
	line-height: 1.44;
	border: none;
	outline: none;
	cursor: pointer
}
.post-content ul > li {
	margin-left: 30px
}
.post-content li p {
	display: inline-block
}
.title-plane {
	background: #e2edfa;
	color: #414c59;
	border: 2px dashed #007aff;
	border-radius: var(--border-hd);
	padding: 2px;
	margin-bottom: 10px;
	font-size: 15px;
	word-break: break-all
}
.title-plane > p {
	background: #007aff;
	color: #fff;
	border-radius: var(--border-hd);
	display: inline-block;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 0
}
.title-plane > div {
	padding: 10px 20px
}
.start-plane {
	margin: 10px 0;
	color: #856404;
	background: #fff3cd;
	padding: 10px;
	border-radius: 2px
}
.start-plane[type='1'] {
	color: #856404;
	background: #fff3cd
}
.start-plane[type='2'] {
	color: #004085!important;
	background: #cce5ff!important
}
.start-plane[type='3'] {
	color: #721c24!important;
	background: #f8d7da!important
}
.start-plane[type='4'] {
	color: #383d41!important;
	background: #e2e3e5!important
}
.start-plane > div:before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f005";
	margin-right: 4px;
	margin-left: 4px;
	display: inline-block
}
.icon-url:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f360";
	margin-left: 4px
}
.icon-url {
	background: #ededed;
	color: #464646!important;
	padding: 0 4px;
	border-radius: var(--border-hd);
	margin-bottom: 3px;
	display: inline-block;
	font-size: 14px;
	margin-right: 2px;
	border: none!important
}
.zd-plane {
	border: 1px solid #f0f0f0;
	padding: 8px;
	margin: 10px 0
}
.zd-plane-title {
	cursor: pointer;
	font-size: 15px
}
.zd-plane-title:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f067";
	font-weight: 900;
	display: inline-block;
	transition: transform .3s;
	margin-right: 10px;
	font-size: 15px;
	color: var(--Maincolor)
}
.zd-plane-title-zk:before {
	transform: rotate(45deg)
}
.zd-plane-content {
	display: none;
	padding: 10px
}
.loginshow {
	background: #f7f7f7;
	border-radius: var(--border-hd);
	padding: 10px;
	margin-bottom: 10px
}
.clickshow {
	border: 2px dashed #4e5358;
	display: inline-block;
	border-radius: var(--border-hd);
	padding: 2px;
	margin-bottom: 2px;
	background-image: repeating-linear-gradient(-45deg, #fff, #f7f9fa 2px, #fff 0, #fff 6px);
	color: #fff;
	user-select: none;
	cursor: pointer;
	transition: all .3s
}
.clickshow-show {
	color: unset!important
}
.clickshow-block {
	display: block!important
}
.c-alert {
	box-shadow: 0 0 0 0 rgba(0,0,0,.2), 0 0 0 0 rgba(0,0,0,.14), 0 0 0 0 rgba(0,0,0,.12);
	color: #8a8a8a;
	border-color: #1e1e1e;
	border-radius: var(--border-hd);
	font-size: 15px;
	padding: 10px;
	position: relative;
	transition: .3s cubic-bezier(.25, .8, .5, 1);
	background: #f4f4f5;
	border-left: 8px solid #8a8a8a;
	margin-bottom: 6px
}
.c-alert > i {
	margin-right: 10px
}
.c-alert-success {
	color: #4caf50;
	background: #eaf6ea;
	border-left-color: #4caf50
}
.c-alert-warning {
	color: #fb8c00;
	background: #fff1e1;
	border-left-color: #fed7a7
}
.c-alert-error {
	color: #ff3d1d;
	background: #fef0f0;
	border-left-color: #ff3d1d
}
.c-downbtn {
	display: flex;
	justify-content: center;
	margin-top: 5px
}
.c-downbtn-item {
	border: 1px solid hsla(210,8%,51%,.09);
	border-radius: var(--border-hd);
	font-size: 16px;
	padding: 10px;
	position: relative;
	margin-bottom: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: transform .3s ease-in-out, translateY .3s ease-in-out, box-shadow .3s ease-in-out;
	width: 80%
}
.c-downbtn-item:hover {
	transform: translateY(-5px);
	box-shadow: 0 4px 8px rgba(84,81,81,.1)
}
.c-downbtn i {
	font-size: 20px
}
.c-downbtn-pwd {
	color: #8a8a8a
}
.c-downbtn-btn {
	border: none;
	background: var(--Maincolor);
	color: #fff;
	padding: 10px 16px;
	border-radius: var(--border-hd);
	outline: none;
	cursor: pointer
}
.c-downbtn-btn-plane a {
	color: #fff;
	white-space: nowrap
}
.c-downbtn-btn-plane {
	cursor: pointer
}
.c-downbtn-btn i {
	font-size: 14px
}
.c-downbtn-describe {
	display: flex;
	align-items: center;
	flex-shrink: 0
}
.c-downbtn-icon {
	box-shadow: none!important;
	width: 36px;
	border-radius: 0!important
}
.c-downbtn-text {
	font-size: 14px;
	margin-left: 10px
}
.c-downbtn-text-title {
	font-size: 16px
}
.c-downbtn-pwd i {
	font-size: 14px
}
.c-downbtn-btn-plane {
	text-align: right
}
.btn-copy-pwd {
	cursor: pointer
}
.relevant-plane {
	background: #fff;
	margin-bottom: 10px;
	border: var(--border-box);
	border-radius: var(--border-hd)
}
.relevant-list {
	padding: 20px 30px;
	list-style: none
}
.relevant-list-post-list {
	padding: 0
}
.relevant-list-post-list li:before {
	display: none!important
}
.relevant-list li {
	line-height: 1.6
}
.relevant-list li:before {
	left: -10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ccc;
	content: "";
	display: inline-block;
	position: relative;
	top: -2px
}
.relevant-list li a {
	vertical-align: top;
	transition: all .3s
}
.relevant-list li a:hover {
	color: var(--MaincolorHover)
}
.relevant-list-card {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px 10px;
	position: relative;
	overflow: hidden
}
.relevant-list-card .thumbnail {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: top;
	position: absolute;
	display: block
}
.relevant-list-card > li {
	box-shadow: 0 0 1px 0 rgb(0 0 0 / 30%);
	border-radius: var(--border-hd);
	overflow: hidden;
	top: 0;
	position: relative;
	transition: .3s
}
.relevant-list-card > li:hover {
	top: -10px
}
.relevant-list-card > li > a {
	width: 100%;
	padding-bottom: 60%;
	height: 0;
	position: relative;
	display: block;
	overflow: hidden
}
.card-post-info {
	padding: 5px
}
.card-post-info a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	color: #333
}
.relevant-list-card li:before {
	display: none!important
}
#post-catalog {
	position: fixed;
	top: 20%;
	visibility: hidden;
	opacity: 0;
	color: #18191a;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 6px;
	max-height: 65%;
	border: var(--border-box)
}
.post-catalog-hide {
	display: none!important
}
.post-catalog-title-list {
	flex: 1;
	display: flex;
	flex-direction: column
}
.post-catalog-main-hide {
	height: 0;
	opacity: 0;
	width: 0;
	visibility: hidden
}
#post-catalog-list {
	width: 150px;
	position: relative;
	overflow: auto;
	flex: 1
}
#post-catalog-list::before {
	content: "";
	position: absolute;
	top: 0;
	left: 4px;
	bottom: 0;
	width: 2px;
	background-color: #ebedef;
	opacity: .5
}
#post-catalog p[catalogtagName=h3] {
	padding-left: 20px
}
#post-catalog p, .directory-widget p {
	list-style: none;
	transition: color .2s;
	vertical-align: middle;
	margin-bottom: 6px;
	font-size: 14px
}
.directory-widget p {
	padding: 8px 10px
}
.directory-widget p[catalogtagName=h3] {
	padding-left: 20px
}
.directory-widget p[catalogtagName=h4] {
	padding-left: 30px
}
.directory-widget .catalog-hover {
	position: relative
}
.directory-widget .catalog-hover:before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	margin-top: 7px;
	width: 4px;
	height: 16px;
	background: var(--Maincolor);
	border-radius: 0 4px 4px 0
}
#post-catalog-list > p {
	padding-left: 6px
}
#post-catalog p[catalogtagName=h2]:before {
	position: relative;
	content: "●";
	display: inline-block;
	color: #000;
	font-size: 14px;
	line-height: 10px;
	margin-right: 2px;
	bottom: 3px;
	left: -6px;
	vertical-align: middle
}
.catalog-hover {
	color: var(--MaincolorHover);
	background-color: #f7f9fa;
	border-radius: var(--border-hd)
}
.catalog-hover:before {
	color: var(--MaincolorHover)
}
.catalog-item {
	white-space: nowrap;
	cursor: pointer
}
.catalog-item:hover {
	background-color: #f7f9fa;
	border-radius: var(--border-hd)
}
.catalog-title {
	border-bottom: 1px solid #f5f6f7;
	line-height: 22px;
	padding: 6px 0;
	position: relative
}
.catalog-title:before {
	content: "\f02e";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	display: inline-block;
	color: #000;
	font-size: 10px;
	margin-right: 10px;
	position: relative;
	left: 6px
}
.catalog-close {
	line-height: 22px;
	padding: 6px 0;
	text-align: center;
	cursor: pointer;
	background: #fff
}
.catalog-close:before {
	content: "\f2d3";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	display: inline-block;
	color: #000;
	font-size: 10px;
	margin-right: 10px;
	position: relative;
	left: 6px
}
#post-catalog-closebtn {
	color: #999;
	cursor: pointer;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	box-shadow: 0 0 2px 0 rgba(98,124,153,.1);
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	position: absolute;
	left: 80px
}
.post-catalog-closebtn-hide {
	width: 0;
	opacity: 0;
	visibility: hidden
}
.catalog-btn-show {
	left: 20px!important
}
#post-catalog-bar {
	position: fixed;
	background: #fff;
	padding: 6px;
	top: 20%;
	box-shadow: 0 0 2px 0 rgba(98,124,153,.2);
	font-size: 12px;
	visibility: hidden;
	cursor: pointer;
	transition: color .3s;
	writing-mode: vertical-rl
}
#post-catalog-bar:hover {
	color: var(--Maincolor)
}
.post-catalog-bar-left-minborder {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px
}
.post-catalog-bar-right-minborder {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px
}
.cp-widget-directory {
	position: static;
	top: 70px;
	z-index: 999
}
.directory-widget {
	max-height: 450px;
	overflow: auto
}
.catalog-item {
	display: block
}
.pwd-show {
	min-height: 100px;
	padding: 10px;
	border: 1px dashed #ccc;
	background-color: #fafafa;
	margin-bottom: 10px
}
.pwd-show i {
	color: #999;
	margin-right: 10px
}
.pwd-show-btn {
	border: none;
	background: var(--Maincolor);
	color: #fff;
	padding: 8px 16px;
	border-radius: var(--border-hd);
	cursor: pointer
}
.pwd-show-note {
	font-size: 14px;
	margin-bottom: 5px
}
.pwd-show-main {
	text-align: center
}
.pwd-show-input {
	height: 34px;
	font-size: 14px;
	border-radius: var(--border-hd);
	outline: 0;
	padding-left: 6px;
	border: 1px solid #ccc;
	margin-bottom: 10px
}
.selectbox {
	display: inline-block;
	margin-right: 4px;
	position: relative
}
.selectbox svg {
	width: 20px;
	height: 20px
}
.selectbox-yes {
	position: relative;
	top: 4px
}
.selectbox-not {
	position: relative;
	top: 1px
}
.selectbox svg > path:first-child {
	fill: var(--Maincolor)
}
.corepress-reply-to-read-content {
	border: 2px dashed #f0f0f0;
	border-radius: var(--border-hd);
	padding: 10px
}
.corepress-reply-to-read-content-title i {
	padding-right: 5px
}
.corepress-reply-to-read-content-title {
	font-size: 12px!important;
	color: #a5a5a5;
	user-select: none
}
.corepress-reply-to-read {
	border: 2px dashed #f0f0f0;
	border-radius: var(--border-hd);
	padding: 10px;
	background-color: #fafafa;
	font-size: 14px
}
.corepress-reply-to-read i {
	color: #a5a5a5;
	padding-right: 5px
}
.corepress-bvideo {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%
}
.corepress-bvideo iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
video {
	width: 100%
}
.corepress-url-dh {
	border: 1px solid #f0f0f0;
	border-radius: 3px;
	display: inline-block;
	margin-right: 20px;
	padding: 10px 15px;
	width: 240px;
	position: relative;
	top: 0;
	transition: .3s;
	vertical-align: top;
	margin-bottom: 20px
}
.corepress-url-dh:hover {
	top: -5px
}
.corepress-url-dh p {
	line-height: 1
}
.corepress-url-dh-main {
	display: flex
}
.corepress-url-dh-icon {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	border-radius: 50%;
	overflow: hidden
}
.corepress-url-dh-body {
	margin-left: 10px;
	padding-top: 10px;
	font-size: 14px;
	overflow: hidden
}
.corepress-url-dh-description {
	width: 100%;
	font-size: 12px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #6c757d
}
.corepress-url-dh-title {
	font-weight: 600
}
.corepress-url-dh-icon img {
	height: 100%;
	width: 100%;
	vertical-align: unset
}
.corepress-url-dh-a {
	color: unset!important
}
.corepress-url-dh-a:hover {
	color: var(--MaincolorHover)!important
}
.corepress-img-none {
	display: inline-block;
	width: 100%;
	height: 100%
}
.corepress-url-dh-next {
	position: absolute;
	top: 0;
	right: 10px;
	visibility: hidden;
	opacity: 0;
	color: #6c757d;
	transition: .3s;
	font-size: 20px
}
.corepress-url-dh:hover .corepress-url-dh-next {
	opacity: 1;
	visibility: visible
}
.corepress-img-none {
	color: #fff;
	text-align: center;
	line-height: 48px;
	font-size: 20px;
	height: 100%;
	width: 100%
}
@media screen and (max-width:576px) {
body .corepress-url-dh {
	width: 200px;
	margin-right: 5px
}
body .corepress-url-dh-icon {
	width: 30px;
	height: 30px
}
.corepress-url-dh-description {
	display: none
}
.corepress-img-none {
	font-size: 10px;
	vertical-align: middle;
	line-height: 30px
}
.corepress-url-dh-body {
	padding-top: 4px
}
}
@media screen and (max-width:768px) {
body .corepress-url-dh {
	width: 200px;
	margin-right: 10px
}
}
.code-expand {
	text-align: center;
	background-color: unset;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}
.corepress-code-pre {
	position: relative;
	overflow: hidden
}
.hljs {
	border-radius: 5px
}
.wxshow-main {
	margin: 10px 0
}
.wxshow {
	display: flex;
	justify-content: space-between;
	border: 1px solid rgba(0,0,0,.05);
	padding: 10px;
	max-width: 450px;
	transition: all .3s ease 0s;
	border-radius: 3px;
	margin: auto;
	font-size: 14px
}
.wxshow:hover {
	box-shadow: 0 1px 5px 0 rgb(0 0 0 / 10%);
	border-color: rgba(0,0,0,.1);
	transform: translateY(-3px)
}
.wxshow-img-plane {
	margin-left: 20px;
	flex-shrink: 0
}
.wxshow-img-plane img {
	max-width: 150px;
	width: 100%;
	height: auto;
	box-shadow: none!important
}
.wxshow-pwd-plane {
	margin-top: 10px;
	font-size: 14px
}
.wxshow-main-show {
	border: 2px dashed #f0f0f0;
	padding: 10px;
	margin: 10px 0
}
.wxshow i {
	color: #a5a5a5;
	padding-right: 5px
}
@media screen and (max-width:500px) {
.wxshow {
	display: block;
	text-align: center;
	max-width: 280px;
	padding: 10px
}
.wxshow-pwd-note {
	text-align: left
}
.wxshow-img-plane img {
	max-width: 150px
}
}
.corepress-commentinfo {
	display: none
}
.corepress-commentinfo-browser {
	vertical-align: text-bottom
}
.corepress-commentinfo-browser img, .corepress-commentinfo-os img, .corepress-commentinfo-devicename img {
	margin-right: 5px;
	width: 15px;
	height: auto;
	max-height: 15px;
	vertical-align: text-bottom
}
.corepress-commentinfo-os, .corepress-commentinfo-devicename {
	margin-left: 10px;
	vertical-align: text-bottom
}
.cp-table {
	overflow: auto;
	border: 1px solid #f0f0f0;
	margin: 10px 0
}
.cp-postcard-item {
	margin-bottom: 10px;
	user-select: none
}
.cp-postcard-item-card {
	display: inline-block;
	width: 250px;
	border: 1px solid rgba(0,0,0,.05);
	margin-right: 10px;
	border-radius: 4px;
	position: relative;
	overflow: hidden
}
.cp-postcard-list {
	width: 500px;
	margin: auto;
	border: 1px solid rgba(0,0,0,.05);
	display: flex;
	padding: 8px;
	border-radius: 4px;
	position: relative;
	overflow: hidden
}
.cp-postcard-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.cp-postcard-title a {
	color: unset
}
.cp-postcard-thumbnail-card {
	width: 100%!important;
	height: 157px!important
}
.cp-postcard-thumbnail {
	width: 120px;
	height: 80px;
	flex-shrink: 0
}
.cp-postcard-thumbnail img {
	width: 100%;
	height: 100%;
	box-shadow: none!important
}
.cp-postcard-body {
	margin-left: 10px
}
.cp-postcard-item-card .cp-postcard-content {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}
.cp-postcard-content, .cp-postcard-meta {
	font-size: 12px
}
.cp-postcard-list:before, .cp-postcard-item-card:before {
	background-image: var(--postcardimg);
	background-size: 100px 100px;
	background-repeat: no-repeat;
	content: '';
	width: 100px;
	height: 100px;
	position: absolute;
	right: -15px;
	bottom: -30px;
	transform: rotate(30deg);
	opacity: .3
}
#cp-poster-dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: none;
	transition: .3s;
	backdrop-filter: blur(5px);
	background-color: rgba(86,86,86,0.5)
}
.cp-poster-title {
	font-size: 24px;
	font-weight: 600
}
.cp-poster-excerpt {
	padding: 10px 0
}
.cp-poster-plane-main {
	opacity: 1;
	width: 80%;
	max-width: 480px;
	margin: auto;
	margin-top: 100px;
	background: #fff;
	border-radius: var(--border-hd);
	border: 1px solid rgba(86,86,86,0)
}
.cp-poster-site-info {
	border-top: 1px solid #f0f0f0;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.cp-poster-site-info .qrcode-img {
	width: 60px
}
.cp-poster-logo img {
	max-width: 340px;
	max-height: 50px
}
.poster-loading {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 99999;
	text-align: center;
	font-size: 20px
}
.poster-loading i {
	margin-top: 40%;
	color: #000;
	opacity: .7
}
#poster-created {
	position: relative;
	top: 0;
	left: 0;
	display: none
}
#poster-created img {
	width: 100%
}
#poster-screenshot {
	padding: 10px;
	overflow: hidden;
	background-color: #fff
}
#cp-close-poster {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	position: absolute;
	color: #5a5a5a;
	bottom: -20px;
	width: 100%
}
#cp-close-poster div {
	border-radius: 50%;
	width: 46px;
	height: 46px;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%);
	transition: .3s
}
#cp-close-poster div:hover {
	transform: rotate(180deg)
}
#cp-close-poster div i {
	line-height: 46px
}
.mobile-menu-btn, .mobile-search-btn {
	display: none;
	padding: 10px
}
.menu-mobile {
	width: 100%
}
.menu-mobile .menu-item {
	position: relative;
	list-style: none
}
.menu-item li {
	list-style: none
}
.menu-mobile .menu-item > .sub-menu {
	overflow: hidden;
	display: none
}
.user-sub-menu.sub-menu a {
	padding: 10px!important;
	padding-left: 0!important
}
.menu-mobile-header-list {
	padding-left: 10px;
	margin-top: 10px
}
.menu-mobile-header-list i {
	font-size: 18px;
	vertical-align: middle
}
.menu-mobile-header-list .icon {
	width: 18px
}
.sub-menu-show {
	visibility: visible!important;
	height: 100%!important;
	opacity: 1!important
}
.menu-mobile .menu-item a {
	display: block;
	color: #4e5358;
	font-size: 14px;
	padding: 10px
}
.menu-mobile .mobile-m-dropdown {
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	text-align: center;
	font-size: 14px;
	line-height: 38px
}
.menu-mobile .mobile-m-dropdown i {
	transition: .3s;
	color: #909399
}
.m-dropdown-show-i {
	transform: rotate(-90deg)
}
.user-menu-plane {
	padding-left: 20px
}
.user-sub-menu.sub-menu a {
	border-left: none
}
.drawer-menu-header-img {
	width: 100%
}
.drawer-menu-header-img img {
	width: 100%
}
.user-sub-menu {
	padding-left: 10px
}
@media screen and (max-width:1040px) {
.sub-menu {
	padding-left: 10px
}
.sub-menu a {
	border-left: 1px solid #F0F0F0;
	padding-left: 22px!important
}
body .top-divider {
	min-height: 60px
}
#darkModeicon, .m-dropdown {
	font-size: 18px;
	vertical-align: middle
}
body .user-menu-pc-dark {
	padding: 0
}
body .menu-header-plane {
	display: none
}
body .user-menu-pc-search {
	display: none
}
body .header-menu {
	display: none!important
}
body .header-logo img {
	height: 40px
}
body .mobile-search-btn {
	display: block
}
body .mobile-menu-btn, .mobile-search-btn {
	display: block
}
.menu-header-list > .menu-item-has-children:after, .user-menu:after {
	display: none
}
body .menu-header-list > .menu-item > a:before {
	display: none!important
}
body .menu-header-list > .menu-item {
	padding: 0
}
header .current-menu-item:before {
	display: none!important
}
body .ad-plane-post {
	padding: 10px;
	margin-top: -10px
}
body .menu-header-list {
	flex-direction: column
}
body .sub-menu {
	width: 100%
}
body .user-sub-menu {
	width: 100%;
	left: unset
}
.m-dropdown {
	display: block;
	position: absolute;
	right: 3px;
	top: 0;
	width: 50px;
	text-align: center;
	line-height: 62px;
	transition: all .3s ease-out 0s
}
.m-dropdown i {
	transition: all .3s ease-out 0s
}
body .sub-menu-show {
	visibility: visible;
	opacity: 1
}
body .sub-menu-hide {
	visibility: hidden!important;
	opacity: 0!important;
	top: 60px!important
}
body .sub-menu .sub-menu {
	left: 0;
	top: 100%
}
body .hot-post-widget-item-meta {
	display: none
}
body .hot-post-widget-img-plane-first .hot-post-widget-img-plane-thumbnail {
	width: 100%;
	height: 150px
}
}
@media screen and (max-width:800px) {
body .slide-title {
	font-size: 20px
}
body .post-item-sticky {
	padding: 2px 4px
}
::-webkit-scrollbar {
width:4px!important;
height:4px!important
}
body .post-item-meta-author {
	display: none
}
body .index-top-postcard-item {
	margin-bottom: 10px
}
body .carousel {
	margin-bottom: 10px
}
body .index-top-postcard-item {
	flex-basis: 49%
}
body .post-qrcode-btn {
	display: none
}
body .post-content {
	padding: 15px
}
body .post-info {
	margin-bottom: 10px
}
body .post-info-right {
	display: none
}
body .post-item-thumbnail {
	flex: 35%;
	flex-shrink: 0
}
body .post-item h2 {
	font-size: 18px
}
body .mobile-menu-btn, .mobile-search-btn {
	display: block
}
body .sidebar {
	display: none
}
body .header-main {
	justify-content: space-between
}
body .post-main {
	margin: 0;
	margin-bottom: 10px;
	flex-basis: 95%!important
}
body .header-logo img {
	height: 40px
}
body .html-main {
	justify-content: center
}
.footer-container .footer-left {
	flex: 100%;
	flex-shrink: 0
}
.footer-container .footer-right, .footer-container .footer-aside-box, .footer-container .menu-footer-plane {
	display: none
}
.friend-links {
	display: none
}
body .c-downbtn-item {
	width: 100%
}
body .usercenter-plane {
	display: block
}
body .usercenter-menu {
	margin-bottom: 10px
}
body .usercenter-right {
	margin-left: 0
}
body .header-zhanwei {
	min-height: 50px!important
}
body .footer-left {
	display: block;
	text-align: center
}
}
@media screen and (max-width:500px) {
body [cp-post-sticky] {
	font-size: 10px
}
body .cat-item {
	font-size: 12px
}
body .post-item-tags {
	display: none
}
body .index-top-postcard-item {
	flex-basis: 48%
}
body .post-item h2 {
	font-size: 16px
}
body .pageobj-item {
	display: none
}
body .commentlist {
	padding: 0 20px
}
body .commentlist > .comment > .children {
	padding-left: 30px
}
body .comment-pub-time {
	font-size: 12px
}
body .commentlist > .comment > .children > .comment {
	padding: 0 10px
}
body .comment-metadata {
	margin-left: 10px
}
body .comment-btn-reply {
	opacity: 1;
	visibility: visible
}
body .comment-reply-link {
	font-size: 12px
}
body .c-downbtn-item {
	display: block
}
body .c-downbtn-describe {
	margin-bottom: 10px
}
body .post-turn-page-plane, body .post-info-left {
	display: none
}
body .post-title {
	margin-bottom: 0
}
body #reward-plane img {
	max-width: 150px
}
body .post-pop-plane {
	padding: 10px
}
body .comment_userinput, .comment-form-cookies-consent {
	padding-left: 0
}
body .comment_userinput {
	flex-direction: column
}
body .comment-form-author, .comment-form-email, .comment-form-url {
	margin: 0;
	margin-bottom: 10px
}
}
@media screen and (max-width:1384px) {
#post-catalog {
	visibility: hidden!important
}
#post-catalog-bar {
	visibility: hidden!important
}
}
@media screen and (max-width:500px) {
body .item-post-meta-other {
	display: none
}
body .post-content {
	padding: 10px
}
.post-item-content {
	display: none
}
body .logged-in-as {
	display: none
}
body .post-item-info-type1 {
	display: none
}
body .post-item-container {
	padding: 10px 5px
}
}
@media screen and (max-width:360px) {
body .theme-copyright {
	display: none
}
body .item-post-meta-other {
	display: none
}
body .footer-plane {
	padding: 10px
}
body .footer-info {
	font-size: 10px
}
}
.drawer-menu-plane-show {
	visibility: visible!important;
	left: 0!important;
	opacity: 1!important
}
.drawer-menu-plane {
	opacity: 0;
	display: flex;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: -100px;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 9999;
	transition: all .3s ease-out 0s
}
.drawer-menu-list {
	position: relative;
	flex: 70%;
	max-width: 400px;
	background: #fff;
	overflow-y: auto
}
.drawer-menu-write {
	flex: 30%;
	background: #000;
	opacity: .4
}
.mobile-menu-header-list .menu-item {
	padding: 10px
}
.dialog-search-plane-show {
	visibility: visible!important
}
.dialog-search-plane-show .dialog-plane {
	opacity: 1!important;
	top: -200px!important
}
.dialog-search-plane {
	display: flex;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 9999;
	justify-content: center;
	align-items: center
}
.dialog-mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .4;
	background: #000
}
.dialog-plane {
	padding: 10px;
	top: 0;
	transition: all .3s ease-out 0s;
	opacity: 0;
	position: relative;
	flex: 70%;
	max-width: 400px;
	background: #fff;
	z-index: 99999;
	height: 150px;
	border-radius: 4px;
	text-align: center
}
.dialog-plane h2 {
	font-size: 20px;
	font-weight: 500;
	padding: 6px 10px
}
.dialog-plane .search-form {
	padding: 20px
}
#cp-poster-plane {
	max-width: 480px
}
.cp-poster-excerpt {
	word-break: break-all
}
#post-layer canvas {
	width: 100%!important;
	height: auto!important;
	max-width: 480px
}
.sidebarlist-item {
	cursor: var(--cur-pointer), pointer!important;
	text-align: center
}
.sidebarlist-main {
	position: fixed;
	bottom: 50%;
	right: 40px;
	transition: .30s;
	z-index: 999
}
.sidebarlist-main i {
	font-size: 26px
}
.sidebarlist-icon {
	width: 24px;
	height: 24px
}
.sidebarlist-item {
	background: #fff;
	margin-bottom: 10px;
	padding: 5px;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1)
}
.sidebarlist-item:hover .sidebarlist-item-content {
	visibility: visible;
	right: 120%;
	opacity: 1
}
.sidebarlist-item > a {
	color: unset
}
.sidebarlist-item-content {
	visibility: hidden;
	position: absolute;
	background: #fff;
	right: 90%;
	opacity: 0;
	top: 50%;
	transition: all .3s ease;
	width: 250px;
	padding: 12px;
	box-shadow: 0 0 3px 1px rgba(0,0,0,.1);
	font-size: 14px;
	line-height: 1.6;
	z-index: 1000;
	cursor: auto;
	border-radius: var(--border-hd);
	text-align: unset
}
.sidebarlist-item-content img {
	width: 100%;
	height: auto
}
.header-main-location-left {
	justify-content: unset
}
.header-main-location-left .header-menu {
	justify-content: space-between;
	flex: 1
}
[cp-post-item] {
display:flex;
padding:24px;
background-color:#fff;
border-bottom:1px solid #f5f6f7;
transition:.3s;
align-items:stretch;
position:relative
}
[cp-post-item]:hover {
	background: #fcfcfc
}
[cp-post-thumbnail] {
position:relative;
width:30%;
overflow:hidden;
flex-shrink:0;
flex-grow:0;
margin-right:20px
}
[cp-post-thumbnail] img {
	transition: .3s
}
[cp-post-thumbnail] img:hover {
	transform: scale(1.03)
}
[cp-post-thumbnail-a] {
width:100%;
padding-bottom:60%;
height:0;
position:relative;
display:block;
border-radius:var(--border-hd);
overflow:hidden
}
[cp-post-thumbnail] img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	vertical-align: top;
	position: absolute;
	display: block
}
[cp-post-cat] {
position:absolute;
left:10px;
top:10px;
color:#fff;
background:rgba(0,0,0,.6);
border-radius:3px;
padding:4px 8px;
font-size:12px
}
[cp-post-cat]:visited {
	color: #fff
}
[cp-post-info] {
display:flex;
flex-direction:column;
justify-content:space-between;
flex:1;
position:relative
}
[cp-post-title] {
font-size:20px;
line-height:1.5;
font-weight:500;
margin:0 0 10px
}
[cp-post-title] a {
	color: #333;
	transition: .3s
}
[cp-post-title] a:hover {
	color: var(--MaincolorHover)
}
[cp-post-excerpt] {
line-height:1.625;
color:rgb(38 38 38 / 80%);
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
word-break:break-all;
text-overflow:ellipsis;
font-size:15px;
margin:10px 0
}
[cp-post-meta] {
display:flex;
justify-content:space-between;
color:rgb(38 38 38 / 80%);
font-size:14px;
align-items:center;
overflow:hidden;
bottom:0;
width:100%;
padding-right:20px
}
[cp-post-meta-right] {
vertical-align:center;
color:#b1b1b1;
font-size:12px
}
[cp-post-meta-author] img {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 10px
}
[cp-post-sticky] {
background-color:var(--Maincolor);
color:#fff;
font-size:12px;
padding:2px 5px;
line-height:1.5;
border-radius:var(--border-hd);
margin-right:8px;
position:relative;
top:-2px
}
body [cp-post-item-banner] {
	display: block
}
[cp-post-banner-thumbnail] {
position:relative;
overflow:hidden;
border-radius:var(--border-hd)
}
body [cp-post-banner-thumbnail] > a:before {
	content: "";
	display: block;
	padding-bottom: 38%;
	position: relative
}
[cp-post-banner-thumbnail] img {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
	transition: .3s
}
[cp-post-banner-thumbnail] img:hover {
	transform: scale(1.02)
}
[cp-post-meta-banner] {
position:unset;
padding-top:10px;
padding-right:0
}
[cp-post-meta-banner] a {
	color: #333;
	transition: .3s
}
[cp-post-new] {
position:absolute;
right:10px;
top:5px;
background-color:#F56C6C;
color:#fff;
padding:0 2px;
border-radius:var(--border-hd);
overflow:hidden;
font-size:12px
}
@media screen and (max-width:1000px) {
body .sidebar {
	display: none
}
body .post-main {
	margin: auto;
	margin-bottom: 10px;
	flex-basis: 90%!important
}
body .relevant-list-card {
	grid-template-columns: repeat(3, 1fr)
}
}
@media screen and (max-width:800px) {
body .sidebarlist-main {
	display: none
}
body [cp-post-title] {
	font-size: 18px
}
body [cp-post-excerpt] {
	-webkit-line-clamp: 1
}
body [cp-post-thumbnail] {
	width: 35%
}
body .post-main {
	flex-basis: 95%!important
}
}
@media screen and (max-width:1040px) {
body .header-main-location-left {
	justify-content: space-between
}
}
@media screen and (max-width:360px) {
body [cp-post-thumbnail] {
	width: 40%
}
body [cp-post-title] {
	font-size: 15px
}
body [cp-post-meta-comment] {
	display: none
}
body [cp-post-meta] {
	white-space: nowrap;
	overflow: hidden
}
}
@media screen and (max-width:580px) {
body [cp-post-excerpt] {
	display: none
}
}
@media screen and (max-width:500px) {
body .post-main {
	flex-basis: 98%!important
}
body [show_like_number], body [cp-post-meta-author] {
	display: none
}
body [cp-post-excerpt] {
	display: none
}
body [cp-post-meta] {
	font-size: 12px
}
body [cp-post-cat] {
	display: none
}
body [cp-post-title] {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis
}
body .post-item-new:before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	width: 8px;
	height: 8px;
	background: #F56C6C;
	border-radius: 50%;
	margin-top: 6px;
	margin-right: 10px;
	padding: 0
}
body .cp-popwindow-window {
	max-width: 280px
}
body .cp-postcard-content {
	display: none!important
}
body .cp-poster-plane {
	width: 80%
}
.layui-layer {
	width: 80%
}
.layui-layer-dialog .layui-layer-content {
	padding: 10px!important
}
}
@media screen and (max-width:600px) {
body .cp-postcard-list {
	width: 100%
}
body .cp-postcard-thumbnail-card {
	width: 120px!important;
	;
	height: 80px!important;
}
body .cp-postcard-item-card {
	width: 100%!important
}
body .cp-postcard-card {
	display: flex;
	padding: 8px
}
body .relevant-list-card {
	grid-template-columns: repeat(2, 1fr)
}
}
#nprogress {
	pointer-events: none
}
#nprogress .bar {
	background: #29d;
	position: fixed;
	z-index: 1031;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px
}
#nprogress .peg {
	display: block;
	position: absolute;
	right: 0;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #29d, 0 0 5px #29d;
	opacity: 1;
	-webkit-transform: rotate(3deg) translate(0, -4px);
	-ms-transform: rotate(3deg) translate(0, -4px);
	transform: rotate(3deg) translate(0, -4px)
}
#nprogress .spinner {
	display: block;
	position: fixed;
	z-index: 1031;
	top: 15px;
	right: 15px
}
#nprogress .spinner-icon {
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border: 2px solid transparent;
	border-top-color: #29d;
	border-left-color: #29d;
	border-radius: 50%;
	-webkit-animation: nprogress-spinner 400ms linear infinite;
	animation: nprogress-spinner 400ms linear infinite
}
.nprogress-custom-parent {
	overflow: hidden;
	position: relative
}
.nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
	position: absolute
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(360deg)
}
}
@keyframes nprogress-spinner {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}