@charset "utf-8";
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
body {
	overflow-x:hidden;
	width: 100%;
	position:relative;
	min-height: 100vh;
	vertical-align: baseline;
	word-wrap: break-word;
	color: #282a2d;
	background: #fff;
}
body, input, button, select, optgroup, option, textarea, blockquote, dd, dl, figure, form, pre, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased
}
body, html {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0
}
a {
	color: #191a1c;
	outline: 0 !important;
	text-decoration: none
}
a:hover {
	text-decoration: none;
	color: #0e299d;
}
p {
	color: #1d232b;
	margin: 0;
	white-space: normal
}
em, i {
	font-style: normal
}
code {
	padding: 4px 10px;
	background: rgba(130,130,130,.1);
	border-radius: 4px
}
.main-content {
	-ms-flex-direction: column;
	flex-direction: column;
	display: -ms-flexbox;
	display: flex
}
.down-content img, .site-content img, .apd img, .post-apd img, .panel-body img {
	max-width: 100%;
	height: auto
}
.nothing {
	padding: 20px 0;
	text-align: center;
	color: #888;
	background: rgba(136,136,136,.2);
	border-radius: 5px
}
.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1080
}
.aiblack-mode {
--main-bg-color:#2c2e2f;
--muted-border-color:rgba(118,118,118,0.05)
}
.aio {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}
.customize-width {
	max-width: 1900px
}
.content::after, .content::before {
	display: table;
	content: " "
}
.content::after {
	clear: both
}
.aiside-tools {
	will-change: min-height
}
@-webkit-keyframes placeholder-vertical {
0% {
background-position:50% 100%
}
100% {
background-position:50% 0
}
}
@keyframes placeholder-vertical {
0% {
background-position:50% 100%
}
100% {
background-position:50% 0
}
}
@-webkit-keyframes placeholder-horizontal {
0% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
@keyframes placeholder-horizontal {
0% {
background-position:100% 50%
}
100% {
background-position:0 50%
}
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px
}
a img.alignnone {
	margin: 5px 0 20px 0
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.muted-box {
	position: relative;
	background: var(--muted-border-color);
	border-radius: var(--main-radius);
	padding: 15px
}
.bg-muted {
	background: var(--muted-border-color)
}
.p--t--r {
	position: absolute;
	transform: scale(.9);
	top: -10px;
	right: -8px
}
.p-t-l {
	position: absolute;
	top: 3px;
	left: 3px
}
.p-t-r {
	position: absolute;
	top: 3px;
	right: 3px
}
.p-l {
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%)
}
.aiside-nav {
	position: fixed;
	display: table-cell;
	font-size: 18px;
	width: 190px;
	height: 100vh;
	z-index: 1081;
	opacity: 1 !important
}
.aninav .aiside-nav {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: width .3s;
	-o-transition: width .3s;
	transition: width .3s
}
.mini-aiside .aiside-nav {
	width: 60px
}
.aiside-nav-inner {
	width: inherit;
	margin: 0;
	max-width: 210px;
	background: #292b2c;
	pointer-events: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	transition: background-color .3s;
}
.aiside-nav .logo {
	line-height: 70px;
	width: 100%;
	text-align: center;
}
.aiside-nav .logo .logo-collapsed {
	display: none
}
.aiside-logo {
	height: 68px;
	transition: background-color .2s;
}
.aiside-logo img {
	width: 38px;
	max-width: 38px;
}
.aimenu {
	transition: all .3s
}
.aimenu .aiside-more {
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #b2b8be;
}
.aimenu .aiside-more:after {
	content: '';
	position: absolute;
	background: rgba(136,136,136,.1);
	width: 40px;
	height: 40px;
	border-radius: 40px;
	opacity: 0;
	transition: .3s;
}
.aimenu .aiside-more:hover::after {
	opacity: 1
}
.aiside-nav .flex-bottom a {
	display: flex;
	overflow: hidden;
	padding: 10px 10px;
	margin: 2px 6px;
	color: #b2b8be;
	align-items: center;
	white-space: nowrap;
	transition: all .3s;
}
.aimenu-inner a {
	display: flex;
	overflow: hidden;
	padding: 6px 10px;
	margin: 2px 6px;
	color: #b2b8be;
	align-items: center;
	white-space: nowrap;
	transition: all .3s;
}
.aimenu ul:first-child>li>a {
	padding: 10px 10px;
}
.aimenu-inner a span, .aiside-nav .flex-bottom a span {
	margin-left: 8px
}
.aimenu-inner .aiside-item .aiside-item>ul>li a span {
	margin-left: 60px
}
.aiside-item {
	position: relative;
	display: block
}
.aiside-item.aiside-show {
	border-bottom: none
}
.aiside-item ul {
	display: none
}
.aiside-item.aiside-show>ul {
	display: block
}
.aiside-item ul li {
	display: block
}
.aimenu-inner ul li ul li a {
	margin-left: 36px
}
.aiside-item .toward {
	position: relative
}
.aiside-more {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	padding: 0 16px;
	line-height: 48px !important;
	transition: transform .3s
}
.aiside-item .toward .aiside-more {
	line-height: 40px !important
}
.aiside-item .label-Primary {
	float: right;
	margin-right: 24px
}
.aiside-item .aiside-more {
	transform: scale(.8)
}
.aiside-show>.aiside-more {
	transform: scale(.8) rotate(90deg)
}
.aiside-item>a:hover {
	color: #FFF;
	background: #dadbdd;
	border-radius: 5px;
}
.aiside-show>a:before, .aiside-item>a:hover:before {
	opacity: 1
}
.aiside-item>a.active {
	color: #2139a5;
	background: #dadbdd;
	border-radius: 5px;
}
.aiblack-mode .aiside-item>a.active {
	color: #2139a5;
	background: #dadbdd;
	border-radius: 5px;
}
.aiblue-mode .aiside-item>a.active {
	color: #f62135;
	background: #dadbdd;
	border-radius: 5px;
}
.aiside-nav-inner .flex-fill {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	margin: 10px 0 0 0;
}
.mini-aiside .aiside-nav .logo .logo-expanded {
	display: none
}
.mini-aiside .aiside-nav .logo .logo-collapsed {
	display: block
}
.mini-aiside .aiside-nav .aimenu {
	width: 60px
}
.mini-aiside .aiside-nav .aiside-more {
	display: none
}
.aiside-nav ul {
	margin: 0;
	padding: 0
}
.mini-aiside .aiside-nav ul:first-child>li.aiside-item>a span {
	display: none
}
.mini-aiside .aiside-nav ul:first-child>li>ul {
	display: none
}
.aiside-nav .top-menu {
	display: none
}
.aiside-nav .top-menu .sub-menu {
	background-color: rgba(136,136,136,.05)
}
.aiside-nav .top-menu>ul i:not(.aiside-more) {
	display: none
}
.aiside-nav.show .top-menu {
	display: inherit
}
.error404 .header-mini-btn, .error404 .nav-item.mobile-menu {
	display: none
}
.error404 .main-content {
	margin-left: 0 !important
}
.error404 .main-content .page-header {
	left: 0 !important
}
.aiside-popup div {
	margin-top: -4px;
	background: #dadbdd;
	border-radius: 5px;
}
.aiside-popup {
	display: block;
	position: absolute;
	position: fixed;
	z-index: 5;
	border: 3px solid rgba(60,71,76,0)
}
.aiside-popup.second {
	left: 60px
}
.aiside-popup i, .sidiebar-popup .label-Primary {
	display: none
}
.aiside-popup.aimenu-inner a {
	padding: 8px 10px
}
.aiside-popup.aimenu-inner a span {
	margin-left: 0px
}
.aiside-popup.aimenu-inner>div>ul>li.aiside-item>ul {
	position: absolute;
	top: 0px;
	left: 180px;
	width: 180px;
	z-index: 99
}
.aiside-popup.aimenu-inner ul {
	width: 180px
}
.aiside-popup.aimenu-inner ul li {
	width: 180px
}
.aiside-popup.aimenu-inner ul li:last-child, .aiside-popup>div>ul>li:last-child>a {
	border-radius: 0 0 5px 5px
}
.aiside-popup a {
	padding-right: 16px
}
.aiside-popup::before {
	content: '';
	border-width: 5px 5px 5px 0px;
	border-style: solid;
	border-color: transparent #dadbdd transparent;
	position: absolute;
	top: 14px;
	left: -4px;
}
.aiside-popup ul {
	margin: 0;
	padding: 0;
}
.aiside-popup.aimenu-inner ul {
	background: #2c2e2f;
	border-radius: 0 0 5px 5px;
	list-style: none;
	padding: 5px 0;
}
.aiside-item li>a:hover, .aiside-popup>div>ul>li>a:hover {
	color: #FFF;
	background: rgba(0,0,0,.1);
	border-radius: 5px
}
.navbar-collapse ul li {
	position: relative;
	list-style: none
}
.navbar-collapse li>ul {
	-webkit-transform: translateY(15px);
	transform: translateY(15px);
	will-change: transform
}
.navbar-collapse ul li ul {
	position: absolute;
	min-width: 150px;
	opacity: 0;
	overflow: hidden;
	visibility: hidden;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 5px 20px 0px rgba(0,0,0,.15);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.navbar-collapse ul li.focus>ul, .navbar-collapse ul li:hover>ul {
	opacity: 1;
	z-index: 1;
	overflow: visible;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.navbar-collapse ul li.toward:after {
	content: '\ae60b';
	font-family: "iconfont";
	position: absolute;
	top: 11px;
	right: -2px;
	font-size: 12px;
	-webkit-transform: scale(.6);
	transform: rotate(-90deg) scale(.6);
	will-change: transform;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	-o-transition: transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s
}
.navbar-collapse ul li.toward:hover:after {
	transform: rotate(90deg) scale(.6)
}
.navbar .navbar-nav li>a {
	font-size: 14px;
	padding: 10px 15px;
	display: block;
	transition: color .2s
}
.navbar .navbar-nav i {
	margin-right: 2px !important
}
.navbar-menu {
	-ms-flex-direction: row;
	flex-direction: row;
	margin-left: auto;
	-ms-align-items: center;
	align-items: center
}
.navbar-collapse .weather {
	display: table
}
.navbar-brand img {
	max-height: 30px
}
.nav-github {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	border: 0
}
.page-header {
	position: fixed;
	right: 0;
	left: 0;
	background: #fff;
	box-shadow: 0px 0px 25px 5px rgba(10,10,10,.05);
	transition: background-color .3s
}
.page-header ul {
	margin: 0;
	padding: 0
}
.navbar-top .sub-menu {
	padding: 6px
}
.navbar-top .sub-menu a {
	padding: 8px 15px !important
}
.navbar-top .sub-menu a:hover {
	background: rgba(0,0,0,.1);
	border-radius: 5px
}
.navbar-top .sub-menu .sub-menu {
	left: 102%;
	top: 0
}
.header-mini-btn {
	height: 60px;
	width: 40px;
}
.header-mini-btn svg {
	margin: 0 -20px;
	height: 60px;
}
.header-mini-btn input[type="checkbox"] {
	display: none
}
.header-mini-btn path {
	fill: none;
	stroke: #888;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-linejoin: round;
--length:24;
--offset:-38;
	stroke-dasharray: var(--length) var(--total-length);
	stroke-dashoffset: var(--offset);
	transition: all .8s cubic-bezier(.645, .045, .355, 1)
}
.header-mini-btn circle {
	fill: #fff3;
	opacity: 0;
	transition: opacity .3s;
	cursor: pointer
}
.header-mini-btn label {
	display: block;
	top: 0;
	right: 0
}
.header-mini-btn label circle:hover {
	opacity: 1
}
.header-mini-btn input:checked+svg .line--1, .header-mini-btn input:checked+svg .line--3 {
--length:12.602325267
}
.header-mini-btn .line--1, .header-mini-btn .line--3 {
--total-length:126.38166809082031
}
.header-mini-btn .line--2 {
--total-length:80
}
.header-mini-btn label {
	cursor: pointer
}
.header-mini-btn path {
	transition: all .5s cubic-bezier(.645, .045, .355, 1), stroke .2s ease
}
.header-mini-btn label:hover path {
	stroke: #f62135
}
.bulletin-swiper {
	box-sizing: border-box;
	height: 25px;
	line-height: 25px;
	overflow: hidden
}
.bulletin-swiper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 14px
}
.page-header+.placeholder {
	height: 65px;
}
 @media (min-width:768px) {
.navbar {
	padding: 0 1rem
}
.page-header+.placeholder {
	height: 66px;
}
.main-content {
	margin-left: 210px;
}
.main-content .page-header {
	left: 210px;
}
.aninav .main-content {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.aninav .main-content .page-header {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: left .3s, color .3s, background-color .3s;
	-o-transition: left .3s, color .3s, background-color .3s;
	transition: left .3s, color .3s, background-color .3s
}
.mini-aiside .main-content {
	margin-left: 60px
}
.mini-aiside .main-content .page-header {
	left: 60px
}
}
.topsearch .auto-ad-url .card {
	color: #eee;
	background: rgba(100,100,100,0.3);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px)
}
.topsearch .auto-ad-url a {
	color: #fff
}
.topsearch .auto-ad-url {
--main-border-color:rgba(255,255,255,0.1);
--muted-border-color:rgba(10,12,15,0.3)
}
.navbar-menu a:not(.btn) {
	color: #777
}
@media (min-width:768px) {
.aiside-nav {
	display: block !important
}
}
@media (max-width:767.98px) {
.aiside-nav {
	background: transparent !important
}
.aiside-nav {
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	position: fixed;
	z-index: 1090 !important;
	display: none;
	padding-left: 0 !important
}
.aiside-nav>* {
	position: fixed;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	will-change: transform;
	width: 17.5rem;
	-webkit-transition: .3s cubic-bezier(.25, .8, .25, 1);
	-o-transition: .3s cubic-bezier(.25, .8, .25, 1);
	transition: .3s cubic-bezier(.25, .8, .25, 1)
}
.aiside-nav.show>div {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.text-ss {
	font-size:.45rem !important;
	transform: scale(.9)
}
.text-sm {
	font-size: 20px !important;
	line-height: 1.5;
}
.text-xs {
	font-size:14px !important;
	line-height: 1.8;
}
.text-ls {
	font-size: 1rem !important;
	line-height: 1.5;
}
.text-ft {
	font-size: 12px !important
}
.aiblack-mode .text-ft {
	color:#b2b8be;
	font-size: 12px !important
}
.text-md {
	font-size: 1rem !important
}
.text-fx {
	font-size: 18px !important
}
.text-lg {
	font-size: 1.3rem !important
}
.text-xl {
	font-size: 1.375rem !important
}
.text-32 {
	font-size: 2.25rem !important
}
.text-64 {
	font-size: 4rem !important
}
.badge.text-ss {
	font-weight: normal;
    position: absolute;
    background: #f01c30;
    color: #ffffff;
    font-size: 13px!important;
    left: 2rem;
    top: -0.5rem;
    border-radius: 30%;	
}
@media (max-width:767.98px) {
.text-sm {
	font-size: 18px !important;
	line-height: 1.5;
}
.text-xs {
	font-size: 12px !important;
	line-height: 1.8;
}
.text-lg {
	font-size: 1.2rem !important
}
.text-xl {
	font-size: 1.25rem !important
}
.alert-body .text-md {
	font-size:.875rem !important
}
}
.text-height-xs {
	line-height: 1 !important
}
.text-height-sm {
	line-height: 1.2 !important
}
.text-height-md {
	line-height: 1.4 !important
}
.text-height-lg {
	line-height: 1.6 !important
}
.text-height-xl {
	line-height: 2 !important
}
.text-pink {
	color: #f01c30;
}
.text-blue {
	color: #3069a5;
}
.text-gray {
	color: #555;
}
.overflowclip {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-break: break-all;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}
.overflowclip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}
.aicard .aibody {
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	will-change: transform;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.aicard .aibody:hover {
	transform: translateY(-6px);
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
	-webkit-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3);
	-moz-box-shadow: 0 26px 40px -24px rgba(0,36,100,.3)
}
.aicard .url-like {
	position: absolute;
	top: 5px;
	right: 10px;
	opacity: 0;
	transition: opacity .3s
}
.aicard .aibody:hover .url-like {
	opacity: 1
}
.aicard .url-info {
	overflow: hidden;
	padding-right: 5px
}
.aicard .ai-goto-after {
	height: 24px;
	border-top: 1px solid rgba(136,136,136,.2)
}
.aicard .ai-goto {
	position: absolute;
	bottom: 0;
	left: 0px;
	right: 0
}
.aicard .cardbody {
	position: relative;
	padding: 1rem;
	background: linear-gradient(to right, #ffffff, #f2f2f2);
	box-shadow: 0 2px 0 3px #b1b1b1;
	border: 1px solid #dedede;
	border-radius: 10px;
}
.aicard .ai-img {
	width: 50px;
	height: 50px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	border-radius: 5px;
	flex: none;
	overflow: hidden;
}
.aicard .ai-img>img {
	max-height: 100%;
	vertical-align: unset
}
.aicard .max .ai-img {
	width: 60px;
	height: 60px
}
.aicard .mini .ai-img {
	width: 30px;
	height: 30px;
}
.aicard .post-min .ai-img {
	width: 20px;
	height: 20px
}
 @media (max-width:576px) {
.aicard .cardbody {
	position: relative;
	padding: .2rem .5rem;
	box-shadow: 0 2px 0 3px #b1b1b1;
}
.aicard .ai-img {
	width: 30px;
	height: 30px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	overflow: hidden;
}
.aicard .ai-img>img {
	max-height: 100%;
	vertical-align: unset;
}
.aicard .max .ai-img {
	width: 35px;
	height: 35px;
}
.aicard .mini .ai-img {
	width: 30px;
	height: 30px;
}
.aicard .post-min .ai-img {
	width: 30px;
	height: 30px;
}
.aibody .badge.text-ss {
	position: absolute;
	background: #f01c30;
	color: #ffffff;
	font-size: 13px!important;
	left: 2.2rem;
	top: -0.2rem;
	border-radius: 30%;
}
}
 @media (max-width:768px) {
.aicard .cardbody {
	position: relative;
	padding: .5rem .8rem;
}
.aicard .ai-img {
	width: 35px;
	height: 35px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	overflow: hidden;
}
.aicard .ai-img>img {
	max-height: 100%;
	vertical-align: unset;
}
.aicard .max .ai-img {
	width: 25px;
	height: 25px;
}
.aicard .mini .ai-img {
	width: 25px;
	height: 25px;
}
.aicard .post-min .ai-img {
	width: 35px;
	height: 35px;
}
.aibody .badge.text-ss {
	position: absolute;
	background: #f01c30;
	color: #ffffff;
	font-size: 13px!important;
	left: 2rem;
	top: -0.5rem;
	border-radius: 30%;
}
}
 @media (max-width:1024px) {
.aicard .cardbody {
	position: relative;
	padding: .6rem .5rem;
}
.aicard .ai-img {
	width: 35px;
	height: 35px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	overflow: hidden;
}
.aibody .badge.text-ss {
	position: absolute;
	background: #f01c30;
	color: #ffffff;
	font-size: 13px!important;
	left: 2rem;
	top: -0.5rem;
	border-radius: 30%;
}
}
 @media (max-width:1280px) {
.aicard .cardbody {
	position: relative;
 	padding: .6rem .5rem;
}
.aicard .ai-img {
	width: 35px;
	height: 35px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	overflow: hidden;
}
.aibody .badge.text-ss {
	position: absolute;
	background: #f01c30;
	color: #ffffff;
	font-size: 13px!important;
	left: 2rem;
	top: -0.5rem;
	border-radius: 30%;
}
}
 @media (min-width:1440px) {
.aicard .cardbody {
	position: relative;
	padding: .6rem .5rem;
}
.aicard .ai-img {
	width: 40px;
	height: 40px;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	overflow: hidden;
}
.aibody .badge.text-ss {
	position: absolute;
	background: #f01c30;
	color: #ffffff;
	font-size: 13px!important;
	left: 2rem;
	top: -0.5rem;
	border-radius: 30%;
}
}
.aiguide {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	background: linear-gradient(108deg, #af212e, #e0293b, #cea019);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.aicard .post-min .ai-img>img {
	vertical-align: unset
}
.aicard a.card {
	justify-content: center
}
.aicard.wechat a.card::before {
	content: '\eb74';
	position: absolute;
	display: inline-block;
	font-family: "iconfont";
	font-size: 66px;
	color: #888;
	left: 1px;
	opacity: .2
}
.aicard.down a.card:after {
	content: '\e604';
	position: absolute;
	display: inline-block;
	font-family: "iconfont";
	font-size: 60px;
	color: #888;
	margin-left: 10px;
	right: 10px;
	opacity: .2
}
.aicard.down .mini a.card:after {
	font-size: 30px;
	margin-left: 10px;
	right: 10px
}
.aicard.down .max a.card:after {
	font-size: 30px
}
.aicard.wechat .mini a.card:before {
	font-size: 36px;
	left: 2px
}
.aicard.wechat .max a.card:before {
	font-size: 80px;
	left: 5px;
	top: -22px
}
.aicard.wechat .max .ai-img, .aicard.wechat .mini .ai-img {
	background: transparent
}
.aicard.wechat .max .ai-img img, .aicard.wechat .mini .ai-img img {
	max-height: 80%
}
.aicard.wechat .no_ico a.card:before {
	font-size: 26px;
	right: 2px;
	left: auto
}
.aicard.wechat .max.no_ico a.card:before {
	right: 11px;
	top: auto;
	bottom: -3px
}
.aicard .mini a.togo, .aicard .default a.togo {
	position: absolute;
	top: 9px;
	right: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	opacity: .5;
	transition: opacity .3s;
}
.aicard .mini a.togo {
	top: 3px
}
.aicard .aibody:hover a.togo {
	opacity: 1;
}
.aicard .max a.togo {
	margin-left: auto
}
.aicard .max .tga {
	width: calc(100% - 15px);
	overflow: hidden
}
.aicard .max .tga a {
	font-size: 90%;
	padding:.125rem .4rem;
	background: rgba(134,134,134,.1);
	color: #888;
	border-radius: 10px;
	transition: .3s;
}
.aicard .max .tga a:not(.no-tag):hover {
	background: #f62135;
	color: #fff
}
.home-like, .btn-like {
	cursor: pointer
}
.home-like:hover, .btn-like:hover {
	color: #f62135
}
.home-like-hide {
	opacity: 0 !important;
	transform: scale(3) translateY(-25px) !important
}
.aicard a.togo:hover i {
/*	text-shadow: 0 0 5px;*/
}
.panel-body .aicard.shortcode-url .card {
	background: rgba(136,136,136,.1)
}
.aicard .remove-site, .aicard .remove-cm-site {
	position: absolute;
	top: -8px;
	right: 0;
	font-size: 20px;
	color: #f62135;
	line-height: 20px
}
.aicard .mini .cardbody {
padding:.4rem .5rem
}
.radius-50 {
	border-radius: 100px !important
}
.footer-links>a+a:before, .footer-nav-links>li+li:before {
	content: "";
	width: 4px;
	height: 4px;
	margin: 0 0.5em;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	background: #888;
	opacity: .3;
	vertical-align: 0.2em
}
.footer-mini-img {
	width: 90px;
	margin: 0 10px;
	text-align: center;
	vertical-align: text-top;
	display: inline-block
}
.footer-mini-img img {
	width: 100%
}
.footer-nav-links {
	list-style: none
}
.footer-nav-links>li {
	text-align: center;
	position: relative
}
.footer-nav-links>li::before {
	position: absolute;
	margin: 0 !important;
	left: -17px;
	top: 10px
}
.footer-nav-links>li+li {
	margin-left: 30px
}
.footer-nav-links ul {
	list-style: none;
	padding: 0;
	margin-top: 10px;
font-size:.75rem !important;
	text-align: center
}
.footer-nav-links ul li {
	margin: 6px 0
}
.footer-nav-links i {
	display: none
}
#footer-tools {
	position: fixed;
	bottom: 20px;
	right: 15px;
	display: flex;
	z-index: 5;
}
#footer-tools .btn {
	color: #fcc601;
	background: rgba(188,188,188,.5);
	width: 40px;
	height: 40px;
	font-size: 1rem;
	text-align: center;
	line-height: 40px;
	padding: unset;
	display: block;
	border: unset;
}
#footer-tools .gotop {
	display: none
}
#footer-tools .btn:hover {
	color: #333
}
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c], #footer-tools [data-v-db6ccf64][data-v-6d083e75] {
	top: unset !important;
	bottom: 0 !important;
	right: 44px !important
}
#footer-tools .s-sticker-tmp {
	position: absolute !important;
	font-size: 12px !important;
	top: -6px;
	left: 18px;
	transform: scale(.82);
	padding: 1px 5px;
	background: #f62135;
	color: #ffffff !important;
	border-radius: 50px;
	padding: 1px 5px !important
}
.friendlink a {
	position: relative;
	display: inline-block;
 margin:.25rem .5rem .25rem .25rem;
}
.friendlink a:before {
	content: '\2022';
	display: inline-block;
	position: relative;
	margin-right: 5px;
}
@media (max-width:767.98px) {
footer.main-footer .footer-text {
	text-align: center;
	float: none
}
#footer-tools {
	bottom: 15px;
	right: 5px
}
}
.tips-box, .badge, .btn {
	color: var(--this-color);
	background: var(--this-bg);
	border: 1px solid var(--this-border);
	box-shadow: var(--this-shadow);
	transition: .2s;
--this-color:#666;
--this-bg:rgba(136,136,136,.1);
--this-border:transparent;
--this-shadow:none;
--this-hover-color:#444;
--this-hover-bg:rgba(136,136,136,.2)
}
.tips-box {
	display: inline-block;
	border-radius: 4px;
	vertical-align: middle;
	padding: .3em .6em;
	text-align: center;
--this-color:#666
}
.badge {
	font-weight: normal;
	line-height: 1.2;
	padding: 1px 5px;
	border-radius: 50px
}
.btn.active, .btn:focus, .btn:hover {
	color: var(--this-hover-color);
	background: var(--this-hover-bg)
}
.btn:active {
--this-shadow:inset 0 2px 3px rgba(0,0,0,.08)
}
.btn-shadow {
--this-shadow:0px 12px 20px -8px var(--this-shadow-bg)
}
.btn-shadow:focus, .btn-shadow:hover {
--this-shadow:0px 2px 10px 0px transparent
}
.btn-shadow[class*="vc-l-"], .btn-shadow.btn-outline {
--this-shadow:0px 5px 20px -3px transparent
}
.btn-shadow[class*="vc-l-"]:focus, .btn-shadow[class*="vc-l-"]:hover, .btn-shadow.btn-outline:not(.badge):focus, .btn-shadow.btn-outline:not(.badge):hover {
--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)
}
.btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):focus, .btn-shadow.btn-outline[class*="vc-l-"]:not(.badge):hover {
	color: var(--this-hover-color);
	background: var(--this-hover-bg);
--this-shadow:0px 2px 10px 0px var(--this-shadow-bg)
}
.btn-outline {
	color: var(--this-bg);
	background: transparent;
--this-border:var(--this-bg)
}
.btn-outline:not(.badge):focus, .btn-outline:not(.badge):hover {
	color: var(--this-hover-color);
	background: var(--this-bg)
}
.btn-outline[class*="vc-l-"] {
	color: var(--this-color);
	background: transparent;
--this-border:var(--this-color)
}
.btn-outline:not(.badge):focus[class*="vc-l-"], .btn-outline:not(.badge):hover[class*="vc-l-"] {
	color: var(--this-color);
	background: var(--this-bg);
--this-border:transparent
}
.btn-outline.c-white:hover {
	background: 0 0;
--this-color:var(--focus-color);
	color: var(--focus-color)
}
.btn-hover-dark:hover {
	color: #fff;
	background: #212326;
--this-border:transparent
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none
}
.tooltip-inner img {
margin:.25rem 0
}
.tooltip-inner p {
	color: #fff
}
.modal-backdrop {
	z-index: 1089 !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(0,0,0,.5)
}
.modal-backdrop.show {
	opacity: 1
}
.modal {
	z-index: 1090
}
.modal-content, .modal-header, .modal-footer {
	border: 0
}
.btn:not(.gotop) {
	border-radius: 3px;
	white-space: normal;
	font-size:.875rem;
}
.card {
	background: #fff;
	border-width: 0;
	margin-bottom: 1rem;
	border-radius: 10px;
}
.card-header {
	background-color: unset;
	border-bottom: 1px solid rgba(130,130,130,.1)
}
.card-footer {
	background-color: unset;
	border-top: 1px solid rgba(130,130,130,.1)
}
.input-group-text {
	border: 1px solid #e9ebef;
	background-color: #e9ebef
}
.badge-danger {
	background-color: #f62135;
}
.form-control {
 font-size:.875rem;
	color: #6d6e74;
	border: 1px solid #f1f3f6;
	background-color: #f1f3f6
}
.form-control:focus {
	border: 1px solid #f1f3f6;
	background-color: #f1f3f6;
	box-shadow: none
}
.form-control::-webkit-input-placeholder {
 color:#c13545;
 opacity:1
}
.form-control::-moz-placeholder {
 color:#c13545;
 opacity:1
}
.form-control:-ms-input-placeholder {
 color:#c13545;
 opacity:1
}
.form-control::-ms-input-placeholder {
 color:#c13545;
 opacity:1
}
.form-control::placeholder {
 color:#c13545;
 opacity:1
}
.form-control:disabled, .form-control[readonly] {
	background-color: #f1f3f6;
	opacity: 1;
	color: #0d131b
}
.btn-dark {
	color: #fff;
	background-color: #14171b;
	border-color: #14171b
}
.btn-dark:hover {
	color: #fff;
	background-color: #f62135;
	border-color: #f62135;
}
.btn-dark:focus, .btn-dark.focus {
	color: #fff;
	background-color: #000;
	border-color: #000;
	box-shadow: none
}
.btn-dark.disabled, .btn-dark:disabled {
	color: #fff;
	background-color: #222831;
	border-color: #222831
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #000;
	border-color: #000
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-dark.dropdown-toggle:focus {
	box-shadow: none
}
.btn-outline-danger {
	color: #f62135;
	border-color: #f62135;
}
.btn-outline-danger:hover {
	color: #fff;
	border-color: #f62135;
	background-color: #f62135;
}
.text-muted a {
	color: #556069;
}
.text-muted a:hover {
	color: #5c656d;
}
.navbar-menu .dropdown-menu {
	display: block;
	border: unset;
	box-shadow: 0 5px 20px 0px rgba(0,0,0,.15);
border-radius:.25rem;
	overflow: hidden;
	opacity: 0;
	transform-origin: 100% 0 0;
	pointer-events: none;
	transform: scale(0);
	transition: all 500ms cubic-bezier(0, .5, .2, 1)
}
.navbar-menu .dropdown-menu.show {
	opacity: 1;
	transform: scale(1);
	display: block;
	pointer-events: auto
}
.dropdown-item:hover {
	background-color: rgba(136,136,136,.1)
}
.dropdown-item:active, .dropdown-item:focus {
	color: #333;
	background-color: rgba(136,136,136,.2)
}
.dropdown-divider {
	border-color: rgba(136,136,136,.2)
}
.rounded-xl {
border-radius:.525rem !important
}
.scroll-vertical .scroll-inner .scroll-item-next.scroll-item-left, .scroll-vertical .scroll-inner .carousel-item-prev.carousel-item-right {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.scroll-vertical .scroll-inner .active.carousel-item-left, .scroll-vertical .scroll-inner .carousel-item-prev {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)
}
.scroll-vertical .scroll-inner .active.carousel-item-right, .scroll-vertical .scroll-inner .carousel-item-next {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}
.custom-switch-before {
	margin-left: -2.25rem;
	margin-right: 2.25rem
}
.io-close {
	text-shadow: none;
	transition: .3s
}
.io-modal-content {
	border-radius: inherit
}
.modal-content.modal-suspend {
	background: transparent !important
}
.modal-content.modal-suspend .modal-header {
	border-radius: var(--main-radius);
	padding-bottom: 120px
}
.modal-content.modal-suspend .modal-body {
	margin: 4px;
	padding: 0;
	border-radius: 8px;
	margin-top: -110px;
	box-shadow: 0 11px 15px 0 rgba(10,10,10,0.3)
}
.col-1a, .col-2a, .col-3a, .col-4a, .col-5a, .col-6a, .col-7a, .col-8a, .col-9a, .col-10a, .col-11a, .col-12a, .col-sm-1a, .col-sm-2a, .col-sm-3a, .col-sm-4a, .col-sm-5a, .col-sm-6a, .col-sm-7a, .col-sm-8a, .col-sm-9a, .col-sm-10a, .col-sm-11a, .col-sm-12a, .col-md-1a, .col-md-2a, .col-md-3a, .col-md-4a, .col-md-5a, .col-md-6a, .col-md-7a, .col-md-8a, .col-md-9a, .col-md-10a, .col-md-11a, .col-md-12a, .col-lg-1a, .col-lg-2a, .col-lg-3a, .col-lg-4a, .col-lg-5a, .col-lg-6a, .col-lg-7a, .col-lg-8a, .col-lg-9a, .col-lg-10a, .col-lg-11a, .col-lg-12a, .col-xl-1a, .col-xl-2a, .col-xl-3a, .col-xl-4a, .col-xl-5a, .col-xl-6a, .col-xl-7a, .col-xl-8a, .col-xl-9a, .col-xl-10a, .col-xl-11a, .col-xl-12a, .col-xxl-1a, .col-xxl-2a, .col-xxl-3a, .col-xxl-4a, .col-xxl-5a, .col-xxl-6a, .col-xxl-7a, .col-xxl-8a, .col-xxl-9a, .col-xxl-10a, .col-xxl-11a, .col-xxl-12a {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}
.col-1a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-2a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-3a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-4a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-5a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}
.col-6a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-7a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.285714%;
	flex: 0 0 14.285714%;
	max-width: 14.285714%
}
.col-8a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}
.col-9a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11.111111%;
	flex: 0 0 11.111111%;
	max-width: 11.111111%
}
.col-10a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%
}
@media (min-width:576px) {
.col-sm-1a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-sm-2a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-sm-3a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-sm-4a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-sm-5a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}
.col-sm-6a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-sm-7a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.285714%;
	flex: 0 0 14.285714%;
	max-width: 14.285714%
}
.col-sm-8a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}
.col-sm-9a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11.111111%;
	flex: 0 0 11.111111%;
	max-width: 11.111111%
}
.col-sm-10a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%
}
}
@media (min-width:768px) {
.col-md-1a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-md-2a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-md-3a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-md-4a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-md-5a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}
.col-md-6a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-md-7a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.285714%;
	flex: 0 0 14.285714%;
	max-width: 14.285714%
}
.col-md-8a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}
.col-md-9a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11.111111%;
	flex: 0 0 11.111111%;
	max-width: 11.111111%
}
.col-md-10a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%
}
.modal-content.modal-suspend .modal-body {
	margin-left: 12px;
	margin-right: 12px
}
}
@media (min-width:992px) {
.col-lg-1a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-lg-2a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-lg-3a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-lg-4a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-lg-5a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}
.col-lg-6a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-lg-7a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.285714%;
	flex: 0 0 14.285714%;
	max-width: 14.285714%
}
.col-lg-8a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}
.col-lg-9a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11.111111%;
	flex: 0 0 11.111111%;
	max-width: 11.111111%
}
.col-lg-10a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%
}
}
@media (min-width:1200px) {
.col-xl-1a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-xl-2a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xl-3a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xl-4a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xl-5a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xl-6a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-xl-7a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.285714%;
	flex: 0 0 14.285714%;
	max-width: 14.285714%
}
.col-xl-8a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}
.col-xl-9a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11.111111%;
	flex: 0 0 11.111111%;
	max-width: 11.111111%
}
.col-xl-10a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 10%;
	flex: 0 0 10%;
	max-width: 10%
}
}
@media (min-width:1400px) {
.container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1320px
}
.d-xxl-block {
	display: block !important
}
.col-xxl-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}
.col-xxl-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-xxl-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-xxl-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xxl-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xxl-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-xxl-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xxl-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-xxl-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-xxl-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-xxl-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-xxl-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-xxl-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-xxl-1a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
.col-xxl-2a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xxl-3a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xxl-4a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xxl-5a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xxl-6a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-xxl-7a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.285714%;
	flex: 0 0 14.285714%;
	max-width: 14.285714%
}
.col-xxl-8a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 12.5%;
	flex: 0 0 12.5%;
	max-width: 12.5%
}
.col-xxl-9a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 11.111111%;
	flex: 0 0 11.111111%;
	max-width: 11.111111%
}
.col-xxl-10a {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%;
}
.mx-xxl-n5 {
	margin-left: -5rem !important;
	margin-right: -5rem !important
}
.container-lg, .container-md, .container-sm, .container-xl {
	max-width: 1500px
}
}
@media (min-width:1560px) {
.mx-xxxl-n5 {
	margin-left: -5rem !important;
	margin-right: -5rem !important
}
}
.size-50 {
	width: 50px;
	height: 50px
}
.size-70 {
	width: 70px;
	height: 70px
}
.row-lg {
	margin-left: -1rem;
	margin-right: -1rem
}
.row-lg [class*="col-"], .row-lg .col {
	padding-left: 1rem;
	padding-right: 1rem
}
.row-md {
 margin-left:-.75rem;
 margin-right:-.75rem
}
.row-md [class*="col-"], .row-md .col {
 padding-left:.75rem;
 padding-right:.75rem
}
.row-sm {
 margin-left:-.5rem !important;
 margin-right:-.5rem !important
}
.row-sm [class*="col-"], .row-sm .col {
 padding-left:.5rem !important;
 padding-right:.5rem !important
}
.row-xs {
 margin-left:-.25rem !important;
 margin-right:-.25rem !important
}
.row-xs [class*="col-"], .row-xs .col {
 padding-left:.25rem !important;
 padding-right:.25rem !important
}
.row-xs .card, .row-xs .block {
 margin-bottom:.5rem !important
}
@media (min-width:768px) and (max-width:991.98px) {
.row-md {
 margin-left:-.5rem;
 margin-right:-.5rem
}
.row-md [class*="col-"], .row-md .col {
 padding-left:.5rem;
 padding-right:.5rem
}
}
@media (max-width:991.98px) {
.padding {
	padding: 1.5rem
}
.row-lg {
 margin-left:-.5rem;
 margin-right:-.5rem
}
.row-lg [class*="col-"], .row-lg .col {
 padding-left:.5rem;
 padding-right:.5rem
}
}
@media (max-width:767.98px) {
.padding {
	padding: 1rem
}
.container {
 padding-right:.625rem;
 padding-left:.625rem
}
.row {
 margin-right:-.5rem;
 margin-left:-.5rem;
}
.row [class*="col-"] {
 padding-right:.5rem;
 padding-left:.5rem
}
.row-md {
 margin-left:-.5rem;
 margin-right:-.5rem
}
.row-md [class*="col-"], .row-md .col {
 padding-left:.5rem;
 padding-right:.5rem
}
}
#loading, #load-loading, .load-loading {
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 88888;
	background: #fff;
	-webkit-transition: ease-in-out .5s;
	transition: ease-in-out .5s
}
#loading, #load-loading {
	z-index: 99999
}
.load-loading {
	position: absolute;
	background: transparent
}
.load-loading .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .2
}
#load-loading {
	opacity: 0
}
#loading.close {
	opacity: 0;
	visibility: hidden
}
#search {
	max-width: 700px;
	position: relative;
}
#search form {
	position: relative
}
#search-text {
	z-index: inherit;
	padding: 9pt;
	height: 45px;
	font-size: 18px;
	border: 0;
	border-radius: 3px;
	background-color: #fff;
	transition: .3s;
	font-weight: 500;
}
#search button {
	position: absolute;
	top: 0;
	right: 0;
	background: #313437;
	border: 0;
	width: 60px;
	height: 36px;
	margin: 7px 9pt 0;
	line-height: 36px;
	border-radius: 3px
}
#search button:hover {
	background: #000;
	cursor: pointer
}
#search button i {
	color: #fff;
	color: #006bd6;
	font-size: 18px;
}
#search .search-select {
	height: 50px;
	cursor: pointer;
	border: none;
	background-color: #fff;
	transition: .3s
}
#search .input-group-prepend:not(.d-none)+.search-key {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}
.search-group {
	display: none
}
.search-group-modal {
	display: none
}
.s-current .search-type {
	padding-left: 5px;
	display: initial
}
#search-list {
	position: relative
}
#search-list-modal {
	position: relative
}
.s-type {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 23;
	width: 75px
}
.s-type:hover {
	height: auto
}
.s-type>span {
	display: block;
	height: 31px;
	width: 75px
}
.s-type-list {
	display: none;
	position: absolute;
	top: 31px;
	min-width: 75px;
	padding: 12px 0;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 9px 20px rgba(0,0,0,.16)
}
.s-type-list:before {
	position: absolute;
	top: -1pc;
	left: 20px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff
}
.s-type-list label {
	display: block;
	font-size: 15px;
	text-align: center;
	font-weight: normal;
	margin-bottom: 0;
	padding: 2px 0px;
	word-break: keep-all;
	cursor: pointer;
	transition: .3s
}
.s-type-list:not(.big) label {
	padding: 2px 12px
}
.s-type-list label:hover {
	background: rgba(136,136,136,.1)
}
.s-type-list .tile-lg {
	color: #fff;
	width: 3pc;
	height: 3pc;
	font-size: 1.25rem;
	line-height: 3rem;
border-radius:.3rem;
	display: block;
	margin: auto
}
.s-type:hover .s-type-list {
	display: block
}
.type-text {
	display: flex;
	align-items: center;
	word-break: keep-all;
	padding-left: 9pt
}
.type-text:after {
	content: "\e793";
	font-family: "iconfont";
	font-size: 12px;
	margin: 0 0 0 10px
}
.search-type {
	white-space: nowrap;
	margin: 0
}
.search-type label {
	margin: 0
}
.search-type li {
	display: inline-block
}
.search-type li label {
	display: inline-block;
	padding: 0 11px;
	font-size: 14px;
	line-height: 31px;
	border-radius: 3px 3px 0 0;
	cursor: pointer
}
.search-type li.menu-item a {
	display: inline-block;
	font-size: 14px;
	line-height: 31px;
	border-radius: 3px 3px 0 0
}
.search-type input:checked+label, .search-type input:hover+label {
	background-color: #fff
}
.set-check {
	margin-top: 3px;
	font-size: 9pt
}
.set-check label {
	margin-left: 3px
}
.set-check input, .set-check label {
	opacity: 0;
	transition: all .3s ease
}
.search-type li {
	list-style: none;
	display: inline-block
}
.search-type {
	overflow: auto
}
.search-smart-tips {
	position: absolute;
	z-index: 20;
	width: 100%;
	overflow: hidden
}
.search-smart-tips ul {
	padding: 10px 0;
	margin: 0
}
.search-smart-tips ul li {
	line-height: 30px;
	font-size: 14px;
	padding: 0px 25px;
	cursor: pointer;
	list-style: none;
	transition: .3s
}
.search-smart-tips ul li:hover, .search-smart-tips ul li.current {
	background-color: rgba(130,130,130,.5)
}
@media screen and (max-width:767.98px) {
#search {
	margin: 25px 10px 30px 0px;
	padding: 0 5px;
}
.s-type-list label {
	padding: 5px 0
}
.s-type-list:not(.big) label {
	padding: 5px 16px
}
.search-list {
	height: 30px;
	overflow-y: hidden;
	overflow-x: scroll;
	white-space: nowrap
}
}
.headtop-banner .page-header {
	color: #fff;
	background: #341c7e;
	box-shadow: none;
	transition: color .3s, background-color .3s;
}
.headtop-banner.header-bg .page-header {
	color: initial;
	background: linear-gradient(to right, #ffffff, #f2f2f2);
}
.aiblack-mode .headtop-banner .page-header .navbar-nav>li>a, .aiblack-mode .headtop-banner .navbar-menu a, .headtop-banner .mobile-menu a {
	color: #fff;
}
.aiblue-mode .headtop-banner .page-header .navbar-nav>li>a, .aiblue-mode .headtop-banner .navbar-menu a, .headtop-banner .mobile-menu a {
	color: #341c7e;
}
.headtop-banner:not(.header-bg) .page-header .navbar-nav>li>a, .headtop-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item), .headtop-banner:not(.header-bg) .mobile-menu a {
	color: #b2b8be;
}
.headtop-banner:not(.header-bg) .header-mini-btn path {
	stroke: #eee
}
.headtop-banner:not(.header-bg) .page-header .navbar-nav>li>a:hover, .headtop-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item):hover {
	color: #fff
}
.headtop-banner:not(.header-bg) .header-mini-btn label:hover path {
	stroke: #fff
}
.topsearch {
	position: relative;
	margin-top: -80px;
	padding-top: 50px;
	padding-bottom: 0px;
}
.topsearch.bg-gradual:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: .3s
}
.topsearch.bg-gradual:after {
	content: "";
	position: absolute;
	left: 0;
	height: 280px;
	right: 0;
	bottom: -1px;
	background-image: linear-gradient(to top, #f9f9f9 0%, transparent 80%);
	pointer-events: none;
	transition: .3s
}
.topsearch.css-img, .topsearch.css-bing {
	background-color: #1b1d1f;
	background-size: cover;
	background-position: center
}
.topsearch {
	background: linear-gradient(108deg, #830457, #b83947, #e6273c, #ef3a4a, #fbbd09);
	border-radius: 5px;
}
.post-top {
	padding-bottom: 120px
}
.topsearch.no-bg {
	padding-bottom: 10px
}
.topsearch.css-color {
	background-size: 400%;
	background-position: 0% 100%;
	-webkit-animation: gradient 7.5s ease-in-out infinite;
	animation: gradient 7.5s ease-in-out infinite
}
@-webkit-keyframes gradient {
50% {
background-position:100% 0
}
}
@keyframes gradient {
50% {
background-position:100% 0
}
}
.blog-tab {
	height: 50px;
	margin-bottom: -30px
}
.white-nowrap {
	white-space: nowrap
}
.dl {
	margin-top: -1.5px;
	width: 80%;
	height: 3px;
	background: #888;
	border-radius: 3px;
	opacity: .3;
	transition: .4s;
	margin: auto
}
.dlb:hover .dl {
	width: 90%;
	background: #f62135;
	opacity: 1;
	box-shadow: 0 1px 6px rgba(241,64,75,.6)
}
.dl-text {
	position: relative;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	color: #888;
	text-align: center;
	font-size: 12px;
	margin: 20px 0
}
.dl-text::before, .dl-text::after {
	content: "";
	width: 33%;
	height: 1px;
	background: #888;
	opacity: .5
}
.upload-box {
	cursor: pointer;
	transition: .3s
}
.upload-box:hover.bg-light {
	background: rgba(32,158,255,.1) !important
}
.tab-btn {
	position: relative;
	padding: 8px 16px
}
.tab-btn.active::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 40%;
	height: 4px;
	border-radius: 2px;
	left: 0;
	right: 0;
	margin: auto;
	background: #f62135;
	box-shadow: 0 1px 6px rgba(241,64,75,.6)
}
.count-tips::after {
	content: attr(data-min) "/"attr(data-max);
	position: absolute;
	top: 50%;
	z-index: 3;
	right: 5px;
	color: #999;
	transform: translate(0, -50%)
}
.count-tips .form-control {
	padding-right: 60px
}
.topsearch .s-search, .topsearch #bulletin_box {
	margin: 0 15px
}
.topsearch #bulletin_box {
	background: transparent;
	box-shadow: none
}
.topsearch:not(.no-bg) #bulletin_box a {
	color: #fff;
	font-size:18px;
}
.topsearch .ainotice #bulletin_box {
	max-width: 600px;
	margin: 0 auto;
}
.topsearch:not(.no-bg) #bulletin_box .cardbody {
	color: #fff !important;
	background: rgba(0,0,0,.3);
	border-radius: 50px;
}
.topsearch .bulletin-close {
	opacity: .1;
	transition: opacity .3s;
}
.topsearch .bulletin-big #bulletin_box:hover .bulletin-close {
	opacity: .7;
}
.topsearch .search-group {
	padding: 0;
	margin: 0 auto;
}
.topsearch #search-list {
	text-align: center;
}
.topsearch .search-smart-tips {
	width: unset;
	left: 20px;
	right: 20px;
}
.topsearch .search-type input:checked+label, .topsearch .search-type input:hover+label {
	position: relative;
	background: transparent !important
}
.topsearch .search-type input:checked+label:before {
	content: '';
	border-width: 8px 8px 0px 8px;
	border-style: solid;
	border-color: rgba(0,0,0,.6) transparent transparent;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -8px
}
.topsearch .search-type li label {
	padding-top: 5px
}
.topsearch .s-type-list {
	position: relative !important;
	display: block;
	white-space: nowrap;
	text-align: center;
	position: inherit;
	top: inherit;
	padding: inherit;
	width: none;
	background: none !important;
	border-radius: inherit;
	box-shadow: none !important
}
.topsearch:not(.no-bg) .s-type-list {
	color: #fff
}
.s-type:hover .s-type-list.big {
	display: block
}
.topsearch .s-type-list .anchor {
	background: #888;
	border-radius: 100px;
	width: 10px;
	height: 4px;
	bottom: 5px;
	-webkit-transition: .25s;
	transition: .25s
}
.topsearch:not(.no-bg) .s-type-list .anchor {
	background: #fff
}
.topsearch .s-type-list label:hover {
	background: none
}
.topsearch .s-type-list:before {
	display: none
}
.topsearch .s-type {
	position: inherit;
	top: inherit;
	left: inherit;
	z-index: inherit;
	width: auto
}
.topsearch .s-type-list label {
	position: relative;
	display: inline-block
}
.topsearch .s-type-list label span {
	display: block;
	font-size: 16px;
	padding: 10px 8px;
}
.topsearch .s-type-list label:not(.active)::after {
	content: '';
	height: 4px;
	width: 4px;
	border-radius: 2px;
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin-left: -2px;
	background-color: rgba(255,255,255,0);
	transition: .3s
}
.topsearch .s-type-list label:not(.active):hover::after {
	background-color: #fff
}
.topsearch .s-type-list label:not(.active), .topsearch:not(.no-bg) .search-type label {
	opacity: .8;
	transition: opacity .3s;
}
.topsearch .s-type-list label:not(.active):hover, .topsearch:not(.no-bg) .search-type label:hover {
	opacity: 1
}
.topsearch .search-type input:checked+label {
	opacity: 1
}
.topsearch #search-text {
	color: #1c5a9d;
	border: 1px solid rgba(255,255,255,.05);
	padding: 9px 20px;
	-webkit-backdrop-filter: blur(5px);
	border-radius: 15px;
	backdrop-filter: blur(5px);
	background: linear-gradient(108deg, #fafafa, #edd5d8, #ffde7e);
}
.topsearch #search button {
	position: absolute;
	top: 0;
	right: 0;
	background: transparent;
	border: 0 !important;
	width: unset;
	height: unset;
	margin: 0 9px;
	line-height: 50px;
	border-radius: 3px
}
.topsearch #search button:active, .topsearch #search button:focus {
	box-shadow: none;
	outline: none;
	border: 0 !important
}
.topsearch .canvas-bg {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	border-width: 0
}
.topsearch:not(.no-bg) .text-muted, .topsearch:not(.no-bg) .search-type .menu-item a, .topsearch:not(.no-bg) .big-title .h1 {
	color: #fff !important
}
.topsearch.no-bg #search-text {
	color: #0b325a;
	border: none;
	background-color: rgba(0,0,0,.2) !important
}
.topsearch.no-bg .search-type input:checked+label:before {
	border-color: rgba(0,0,0,.2) transparent transparent
}
.topsearch .search-type li.menu-item {
	padding: 5px 10px 0px 10px
}
@media screen and (min-width:768px) {
.topsearch {
	padding: 80px 0 30px 0;
}
.post-top {
	padding-bottom: 180px
}
.topsearch.no-bg {
	padding-bottom: 20px
}
.topsearch .search-type li label, .topsearch .search-type li.menu-item {
	padding: 5px 20px
}
.topsearch .s-type-list label span {
	font-size: 18px;
	padding: 10px 15px;
}
}
@media screen and (min-width:992px) {
.topsearch .s-search {
	margin: 0
}
}
.aiblack-mode .topsearch.bg-gradual:before, .aiblack-mode .topsearch.bg-gradual:after {
	background-image: linear-gradient(to top, #1b1d1f 0%, transparent 80%)
}
.aiblack-mode .headtop-banner .page-header {
	background: transparent;
	background: #313335;
	box-shadow: none;
}
.aiblack-mode .headtop-banner.header-bg .page-header {
	color: #fff;
	background: #2c2e2f;
	box-shadow: 0 0 25px 5px rgba(10,10,10,.25)
}
.media-content {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 0;
	border-radius: inherit;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: rgba(120,120,120,.1)
}
.carousel-item.home-item:after {
	content: "";
	display: block;
	padding-top: 300px
}
.carousel-caption {
	bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px
}
.media {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}
.media:after {
	content: '';
	display: block;
	padding-top: 100%
}
.media-title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 5px 10px;
	color: #fff
}
.new-news {
	height: 100%
}
.new-news .news_title {
	background-color: rgba(0,0,0,.1);
	padding: 8px 10px;
 border-radius:.20rem .20rem 0 0;
}
.new-news ul {
	overflow: auto;
	padding: 0 20px;
	margin-bottom: 10px
}
.new-news ul li {
	position: relative;
	padding: 0 10px 10px 20px;
	border-left: 2px solid rgba(136,136,136,.2)
}
.new-news ul li i {
	font-size: 12px;
	top: 3px;
	color: #888;
	position: absolute;
	padding: 5px;
	left: -12px;
	background: #fff;
	transition: background-color .3s
}
.new-news .news_all_btn {
	position: absolute;
	right: 4px;
	padding: 8px 10px;
	transition: .3s
}
.new-news .news_all_btn:hover {
	right: 0px
}
@media screen and (min-width:768px) {
.new-news {
	position: absolute;
	left:.5rem;
	right: 0;
}
}
@media screen and (max-width:767.98px) {
.new-news {
	height: 200px
}
.big-title .h1 {
	font-size: 30px
}
}
@media screen and (max-width:575.98px) {
.carousel-item.home-item:after {
	padding-top: 250px
}
.new-news {
	height: 150px
}
}
@media screen and (max-width:454.98px) {
.carousel-item.home-item:after {
	padding-top: 180px
}
.new-news {
	height: 100px
}
}
.overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.66);
	position: absolute;
	opacity: .22;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}
.article-list:after {
	padding-top: 146px
}
.media-21x9:after {
	padding-top: 42.857143%
}
.media-16x9:after {
	padding-top: 56.25%
}
.media-4x3:after {
	padding-top: 75%
}
.media-2x3:after {
	padding-top: 150%
}
.media-3x2:after {
	padding-top: 66.66666%
}
.media-3x4:after {
	padding-top: 133.33333%
}
.media-1x2:after {
	padding-top: 200%
}
.media-2x1:after {
	padding-top: 50%
}
.media-3x1:after {
	padding-top: 33.3333%
}
.media-4x1:after {
	padding-top: 25%
}
.media-5x1:after {
	padding-top: 20%
}
.media-5x7:after {
	padding-top: 141%
}
.media-1-4:after {
	padding-top: 25vh;
	min-height: 10rem
}
.media-1-3:after {
	padding-top: 33vh;
	min-height: 12.5rem
}
.media-1-2:after {
	padding-top: 50vh;
	min-height: 15rem
}
@media (max-width:767.98px) {
.post-cover .media-5x1:after {
	padding-top: 30%
}
}
@media (min-width:1200px) {
.media-xl-16x9:after {
	padding-top: 56.25% !important
}
.media-xl-3x2:after {
	padding-top: 66.66666% !important
}
}
blockquote {
	position: relative;
padding:.9375rem 0 .9375rem 1.75rem;
	margin: 1.5rem 0;
	border-left: 5px solid rgba(136,136,136,.2);
	background-color: rgba(136,136,136,.1)
}
blockquote p:last-of-type {
	margin: 0;
	padding: 0
}
.tags i {
	color: #f62135;
	margin-right: 10px;
	vertical-align: middle;
}
.tags a {
	display: inline-block;
	margin: 0 6px 12px 0;
	padding: 3px 10px;
	color: #6d6d6d;
	font-size: 10px;
	transition: .3s;
	background: rgba(148,149,158,.15);
	border-radius: 15px
}
.color-0 {
	color: #f62135 !important;
	background-color: rgba(249,100,90,.15) !important
}
.color-1, .color-5 {
	color: #20a0ff !important;
	background-color: rgba(32,158,255,.15) !important
}
.color-2, .color-6 {
	color: #39c408 !important;
	background-color: rgba(58,196,8,.15) !important
}
.color-3, .color-7 {
	color: #ff8400 !important;
	background-color: rgba(255,131,0,.15) !important
}
.color-4, .color-8 {
	color: #837adc !important;
	background-color: rgba(132,122,220,.15) !important
}
.color-d {
	color: #888
}
.card.new-news li {
	list-style: none
}
.user-level-header {
	min-height: 60px;
	width: 40%
}
.user-level-body {
	border: 1px solid rgba(136,136,136,0.2)
}
.user-level-box:not(.post-content) .badge {
	position: absolute;
	top: -30px;
	left: 40%
}
.modal-header-simple {
	position: relative
}
.modal-header-simple>span {
	position: absolute;
	color: var(--this-color);
	background: var(--this-bg);
	border-radius: 100%;
	height: 300px;
	width: 800px;
	opacity: .3;
	top: -286px;
	left: -196px
}
.modal-header-simple>span::after, .modal-header-simple>span::before, .modal-header-simple::after, .modal-header-simple::before {
	position: absolute;
	color: var(--this-color);
	background: var(--this-bg);
	border-radius: 100%;
	content: ' '
}
.modal-header-simple::before {
	left: -128px;
	bottom: 0;
	height: 300px;
	width: 670px;
	top: -318px;
	transform: rotate(339deg);
	opacity: .5
}
.modal-header-simple::after {
	left: -214px;
	bottom: 0;
	height: 210px;
	width: 340px;
	top: -183px;
	transform: rotate(10deg);
	opacity: .3
}
.modal-header-simple>span::before {
	left: 304px;
	height: 15px;
	width: 15px;
	bottom: -10px;
	opacity: .5
}
.modal-header-simple>span::after {
	right: 304px;
	height: 8px;
	width: 8px;
	bottom: -7px;
	opacity: .6
}
.modal-header-bg {
	color: var(--this-color);
	background-color: var(--this-bg-color);
	background-image: var(--this-bg-image);
--this-color:#b6e0ff;
--this-bg-color:#284eaa;
--this-bg-image:radial-gradient(closest-side, rgb(84 211 242), rgba(131,228,245,0)), radial-gradient(closest-side, rgb(75 125 255), rgba(207,209,255,0)), radial-gradient(closest-side, rgb(0 180 255), rgba(131,203,254,0));
	background-size: 130% 180%, 120% 220%, 110% 150%;
	background-position: -120% -50%, 280% 50%, -90% 80%;
	background-repeat: no-repeat;
	animation: 12s modal-header-anim infinite
}
@keyframes modal-header-anim {
0%, 100% {
background-size:130% 180%, 120% 220%, 110% 150%;
background-position:-120% -50%, 280% 50%, -90% 80%
}
25% {
background-size:120% 170%, 130% 240%, 120% 130%;
background-position:-80% -60%, 260% 10%, -80% 90%
}
50% {
background-size:110% 150%, 150% 200%, 130% 140%;
background-position:-100% -20%, 200% 50%, -60% 50%
}
75% {
background-size:140% 170%, 120% 180%, 120% 130%;
background-position:-130% -70%, 150% 80%, -70% 80%
}
}
.modal-header-bg.semi-white::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--main-bg-color);
	width: 100%;
	top: 120px;
	transition: .3s
}
.modal-header-bg.modal-header {
	align-items: center;
	justify-content: center;
	min-height: 120px
}
.modal-header-bg.modal-header .io-close {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff !important
}
.modal-medium {
	max-width: 400px
}
.loading-anim {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%
}
.step-simple {
	display: flex;
	padding: 6px 16px;
	background: rgba(130,130,130,.1);
	border-radius: 4px;
	text-align: center
}
.step-simple>span {
	flex: 1;
	position: relative;
	margin: 0 6px
}
.step-simple>span+span:before {
	position: absolute;
	content: "\ea22";
	font-family: 'iconfont';
	font-size: 12px;
	left: -8px
}
.step-simple>span.active {
	font-weight: bold
}
.verification {
	position: relative;
	display: flex;
	align-items: center
}
.btn-token {
	position: absolute;
	color: #888;
	background-color: rgba(136,136,136,.2);
	padding: 3px 5px;
	border-radius: 5px;
	font-size: 12px;
	right: 4px;
	transition: color .3s, background-color .3s
}
.btn-token:hover {
	color: #222;
	background-color: rgba(156,156,156,.5)
}
.password-show-btn {
	position: absolute;
	top: 50%;
	right: 12px;
	transform: translateY(-50%);
	cursor: pointer;
	opacity: .6;
	transition: opacity .3s
}
.password-show-btn:hover {
	opacity: 1
}
.card-thumbnail {
	width: 120px;
	min-width: 120px;
	height: 120px;
	border-radius: var(--main-radius);
	overflow: hidden
}
.img-type-book {
	height: 180px
}
.img-type-post {
	width: 180px;
	min-width: 160px
}
.img-type-app {
	border: 2px solid rgba(136,136,136,0.2);
	border-radius: 32px
}
.img-type-app .img-box {
	display: flex;
	align-items: center;
	justify-content: center
}
.user-level-body .card-thumbnail img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover
}
.card-thumbnail.img-type-app img {
	width: auto;
	height: 70%
}
.content-hide-tips {
	position: relative;
	padding: 35px 10px 10px;
	border: 1px dashed rgba(155,155,155,.3);
	margin: 20px 0;
	border-radius: 8px;
	background-color: rgba(155,155,155,.05)
}
.content-hide-tips .card-thumbnail {
	width: 90px;
	min-width: 90px;
	height: 90px
}
.hide-type-password .card-thumbnail {
	width: 120px;
	height: 120px
}
.hide-type-buy .card-thumbnail {
	height: 150px
}
.content-hide-tips .img-box {
	display: flex;
	align-items: center;
	justify-content: center
}
.content-hide-tips .hidden-text {
	position: absolute;
	padding: 2px 9px;
	font-size: 12px;
	top: 3px;
	left: 3px;
	color: #8b1c1c;
	background: rgba(244,108,108,0.3);
	border-radius: var(--main-radius);
	border: 1px dashed rgba(155,155,155,.3);
	transition: .3s
}
.tags a:focus, .tags a:hover {
	background-color: #232425 !important;
	text-decoration: none;
	color: #fff !important
}
pre {
	position: relative;
	overflow-y: auto;
	border: 0;
	color: #777;
	border-radius: 3px;
padding:.75rem;
	margin: 1.5rem 0;
	white-space: pre-wrap;
	word-wrap: break-word;
	background-color: rgba(0,0,0,.04)
}
table {
	width: 100%
}
th, td {
	border: 1px solid rgba(136,136,136,.3);
	padding: 8px 12px
}
.single-top-area {
	background: #fff
}
.near-navigation {
	display: flex;
	background: #fff
}
.near-navigation .nav {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 80px;
	padding: 0 20px;
	position: relative;
	width: 50%;
	word-break: break-word
}
.near-navigation .next {
	align-items: flex-end;
	text-align: right;
	border-radius: 0 5px 5px 0;
	overflow: hidden
}
.near-navigation .previous {
	border-radius: 5px 0 0 5px;
	overflow: hidden
}
.near-navigation span {
	font-size: 14px;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
	z-index: 2
}
.near-navigation .near-title {
	font-size: 12px;
	margin: 5px 0 0;
	position: relative;
	z-index: 2
}
.near-navigation img {
	height: 100%;
	left: 0;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%
}
.near-navigation .none span, .near-navigation .none .near-title {
	color: #999
}
.panel-header h1 {
	line-height: 1.5
}
.panel-body p, .site-content p, .post-content figure {
	margin-bottom: 1.25rem;
	font-size: 1rem;
	line-height: 2;
	word-wrap: break-word
}
.panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4, .panel-body h5, .panel-body h6 {
	margin-bottom: 1rem
}
.panel-body h1 {
	font-size: 1.5rem
}
.panel-body h2 {
	font-size: 1.25rem;
	border-left: 3px solid #f62135;
 padding:.25rem 0 .25rem 1.25rem;
	margin-left: -1.438rem;
}
.panel-body h3 {
	font-size: 1.125rem;
	border-left: 3px solid #f62135;
	padding-left: 1.25rem;
	margin-left: -1.438rem
}
.panel-body h4 {
	font-size: 1rem;
 padding-bottom:.5rem;
	border-bottom: 1px solid rgba(136,136,136,.2)
}
.panel-body h5, .panel-body h6 {
	font-size: 1rem
}
.panel-body ul, .panel-body ol {
 font-size:.875rem
}
.panel-body ul li, .panel-body ol li {
 margin:.5rem 0;
}
.transparent .panel-body h2, .transparent .panel-body h3 {
	position: relative;
	margin-left: 0
}
@media (max-width:767.98px) {
blockquote {
	padding-left: 1.25rem
}
.user-level-box .badge {
	top: -25px
}
.user-level-header {
	width: 60%
}
.panel-body p, .panel-body figure {
font-size:.9375rem
}
.panel-header h3, .panel-header .h3 {
	font-size: 1.5rem
}
.topsearch:not(.no-bg) #bulletin_box a {
	color: #fff;
	font-size:14px;
}
}
.btn-arrow {
	position: relative
}
.btn-arrow span {
	padding-right: 1.25rem;
	display: inline-block
}
.btn-arrow i {
	position: absolute;
	font-size: 18px;
	width: .8em;
	right: 1rem;
	top: 50%;
	opacity: .6;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	will-change: right, opacity
}
.btn-arrow:hover i, .btn-arrow:focus i {
	opacity: 1;
right:.6rem
}
.btn-mgs {
	position: relative;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	overflow: hidden;
	transition: .3s;
	background-color: rgba(138,138,138,.2);
--this-color:#444
}
.btn-mgs .b-name {
	opacity: 1;
	transition: .3s;
	padding-right: 1.25rem
}
.btn-mgs .b-price {
	position: absolute;
	display: flex;
	color: #fff;
	opacity: 0;
	top: 0;
	left: 1rem;
	height: 100%;
	transition: .3s;
	white-space: nowrap;
	align-items: center
}
.btn-mgs i {
	position: absolute;
	font-size: 18px;
	width: .8em;
	right: 1rem;
	top: 50%;
	opacity: .6;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	will-change: right, opacity
}
.btn-mgs:hover {
	color: #fff;
	background-color: #212224
}
.btn-mgs:hover .b-name {
	opacity: 0
}
.btn-mgs:hover .b-price {
left:.6rem;
	opacity: 1
}
.btn-mgs:hover i, .btn-mgs:focus i {
	opacity: 1;
right:.6rem
}
.btn-cat {
	color: #fff !important;
	background: #f62135;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 4px;
	transition: .3s
}
.btn-cat:hover {
	color: #fff;
	background: #212224
}
.btn-icon {
	text-align: center;
	width: 3.125rem;
	height: 3.125rem;
	padding: 0 !important;
	position: relative
}
.btn-icon span {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.country-piece {
	position: absolute;
	color: #fff;
	top: 10px;
	right: 10px;
	transition: .3s;
	padding: 0 5px;
	background: #f62135;
	border-radius: 20px
}
.link-dead {
	position: absolute;
	font-size:.825rem;
	color: #ddd;
	top: 10px;
	left: 10px;
	transition: .3s;
	padding: 2px 14px;
	background-image: linear-gradient(20deg, #48494c 0%, #232426 100%);
	border-radius: 20px
}
.link-dead-msg {
	display: inline;
	color: #80410a !important;
	background-color: #ecbd8a;
	padding: 2px 12px;
	border-radius: 20px
}
.sites-default-content .card-footer {
	background-color: transparent
}
.content-title {
	position: relative
}
.content-title:before, .content-title:after {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 1px;
	border-top: 1px solid;
	content: '';
	border-color: inherit;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}
.content-title:before {
	left: -65px
}
.content-title:after {
	right: -65px
}
.iconfont {
	display: inline-block;
	font-size: inherit;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}
.icon-lg {
	font-size: 1.5rem;
	line-height: 1.6rem;
	vertical-align: -.0667em;
}
.icon-2x {
	font-size: 2rem
}
.icon-3x {
	font-size: 3rem
}
.icon-4x {
	font-size: 4rem
}
.icon-5x {
	font-size: 5rem
}
.icon-8x {
	font-size: 8rem
}
.icon-fw {
	text-align: center;
	width: 1.25em
}
.icon-spin {
	-webkit-animation: icon-spin 2s infinite linear;
	animation: icon-spin 2s infinite linear
}
.hot-card .hot-body {
	height: 200px
}
.hot-card .hot-heat {
	white-space: nowrap
}
.hot-card ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
.hot-rank {
	width: 18px;
	border-radius: 4px;
	background: rgba(124,124,124,.3);
	display: inline-block
}
.hot-rank-1 {
	color: #fff;
	background: #f62135
}
.hot-rank-2 {
	color: #fff;
	background: #c56831
}
.hot-rank-3 {
	color: #fff;
	background: #b89e2c
}
.hot-platform span {
	margin: 0 5px;
	white-space: nowrap
}
.hot-platform {
	border-radius: 4px;
	display: inline-table;
	background: rgba(77,77,77,.3)
}
.background-fx {
	position: absolute;
	left: 60px;
	right: 0;
	height: 100vh;
	top: 0;
	overflow: hidden;
	opacity: 1;
	z-index: -1
}
@keyframes animationFramesOne {
0% {
transform:translate(0) rotate(0deg)
}
20% {
transform:translate(73px, -1px) rotate(36deg)
}
40% {
transform:translate(141px, 72px) rotate(72deg)
}
60% {
transform:translate(83px, 122px) rotate(108deg)
}
80% {
transform:translate(-40px, 72px) rotate(144deg)
}
to {
	transform: translate(0) rotate(0deg)
}
}
@-webkit-keyframes animationFramesOne {
0% {
-webkit-transform:translate(0) rotate(0deg)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg)
}
to {
	-webkit-transform: translate(0) rotate(0deg)
}
}
@keyframes animationFramesTwo {
0% {
transform:translate(0) rotate(0deg) scale(1)
}
20% {
transform:translate(73px, -1px) rotate(36deg) scale(.9)
}
40% {
transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
to {
	transform: translate(0) rotate(0deg) scale(1)
}
}
@-webkit-keyframes animationFramesTwo {
0% {
-webkit-transform:translate(0) rotate(0deg) scale(1)
}
20% {
-webkit-transform:translate(73px, -1px) rotate(36deg) scale(.9)
}
40% {
-webkit-transform:translate(141px, 72px) rotate(72deg) scale(1)
}
60% {
-webkit-transform:translate(83px, 122px) rotate(108deg) scale(1.2)
}
80% {
-webkit-transform:translate(-40px, 72px) rotate(144deg) scale(1.1)
}
to {
	-webkit-transform: translate(0) rotate(0deg) scale(1)
}
}
@keyframes animationFramesThree {
0% {
transform:translate(165px, -179px)
}
to {
	transform: translate(-346px, 617px)
}
}
@-webkit-keyframes animationFramesThree {
0% {
-webkit-transform:translate(165px, -179px)
}
to {
	-webkit-transform: translate(-346px, 617px)
}
}
@keyframes animationFramesFour {
0% {
transform:translate(-300px, 151px) rotate(0deg)
}
to {
	transform: translate(251px, -200px) rotate(180deg)
}
}
@-webkit-keyframes animationFramesFour {
0% {
-webkit-transform:translate(-300px, 151px) rotate(0deg)
}
to {
	-webkit-transform: translate(251px, -200px) rotate(180deg)
}
}
@media screen and (max-width:1199.98px) {
.hot-search {
	min-width: 1164px
}
}
@-webkit-keyframes icon-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
@keyframes icon-spin {
0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
100% {
-webkit-transform:rotate(359deg);
transform:rotate(359deg)
}
}
.nav-pills.sites-nav .nav-link {
	border: 1px solid rgba(136,136,136,.1)
}
.nav-pills.sites-nav .nav-link.active, .nav-pills.sites-nav .show>.nav-link {
	background-color: #f62135;
	box-shadow: 0px 5px 20px -3px rgba(241,64,75,.6)
}
.slidermenu[sliderTab] {
	position: relative;
	border: 1px solid #a5a5a5;
	border-radius: 50px;	
	overflow: hidden;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.slidermenu[sliderTab]>.menu {
	position: relative;
	white-space: nowrap;
	flex-wrap: initial;
	background:#f5f5f5;
}
.slidermenu[sliderTab] .anchor {
	background: #f01c30;
	border-radius: 2px;
	width: 60px;
	height: 40px;
	opacity: 0;
	-webkit-transition: .35s;
	transition: .35s;
}
.slidermenu[sliderTab]>.menu>li {
	cursor: pointer;
	width: auto;
	height: auto
}
.slidermenu[sliderTab]>.menu>li.next, .slidermenu[sliderTab]>.menu>li.prev, .slidermenu[sliderTab]>.menu>li>.sub-menu {
	display: none;
}
.slidermenu[sliderTab]>.menu>li>a {
	display: block;
	text-decoration: none;
	position: relative;
	color: #e83237;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 15px;
	padding: 0 16px;
	-webkit-transition: .25s;
	transition: .25s;
}
.slidermenu[sliderTab]>.menu>li>a:hover {
	color: #fff;
}
.slidermenu[sliderTab]>.menu>li>a.active {
	color: #fff;
}
.slidermenu[sliderTab] ul:hover li:not(.hover) a.active {
	color: #888 !important
}
.slidermenu.minitab[sliderTab]>.menu>li>a {
	height: 28px;
	line-height: 28px;
	padding: 0 12px;
}
.nav-pills.menu .nav-link.active, .nav-pills.menu .show>.nav-link {
	background: none
}
@-webkit-keyframes tips-open {
0% {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0)
}
}
@keyframes tips-open {
0% {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@-webkit-keyframes tips-close {
0% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0)
}
}
@keyframes tips-close {
0% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 50px, 0);
transform:translate3d(0, 50px, 0)
}
}
.aiside .card-header {
	position: relative;
	background-color: transparent;
	border-bottom: none
}
.aiside .aiside-header .load {
padding:.75rem 1.25rem;
	margin-bottom: 0
}
.aiside .card-header:after {
	content: "";
	background-color: #f62135;
	left: 1.25rem;
	width: 50px;
	height: 2px;
	bottom: -2px;
	position: absolute;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}
.aiside .card:hover .card-header:after {
	width: 80px
}
.aiside .tags a {
	display: inline-block;
	margin: 4px 2px;
	font-size: 12px;
	background: rgba(148,149,158,.15);
	border-radius: 5px
}
.aiside .card .searchform {
	flex: 1 1 auto;
	padding: 1.25rem
}
.aiside .card .searchform>div {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%
}
.aiside .card .searchform input[type='text'] {
	position: relative;
	display: block;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
	padding:.375rem .75rem;
	margin-bottom: 0;
	font-size:.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6d6e74;
	background-color: #f1f3f6;
	background-clip: padding-box;
	border: 1px solid #f1f3f6;
	border-radius:.25rem;
	transition: border-color .3s, background-color .3s;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}
.aiside .card .searchform input[type="submit"] {
	margin-left: -1px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	 padding:.375rem 1.25rem;
	margin-bottom: 0;
	 font-size:.875rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #f62135;
	background-color: #f62135;
	border-radius:.25rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	transition: .3s;
}
.aiside .card .searchform input[type="submit"]:hover {
	border: 1px solid #14171b;
	background-color: #14171b
}
.aiside .aicard .card {
	background: #f1f3f6;
	box-shadow: unset;
	border: 1px solid #f1f3f6;
	transition: .3s
}
.aiside .aicard .card:hover {
	transform: unset;
	box-shadow: unset;
	border: 1px solid #f62135 !important
}
.aiside .aicard.down a:after, .aiside .aicard.wechat a:before {
	font-size: 27px;
	bottom: -6px;
	left: 1px
}
.aiside .card.hot-card {
	box-shadow: none
}
.aiside .cardbody.pb-3.pt-0 {
	padding-top: 5px !important
}
.aiside.aiside-border>.card {
	background-color: transparent;
	border: 2px solid rgba(136,136,136,.2);
	box-shadow: unset
}
.aiside_no .aiside:not(.col-12) {
	display: none !important
}
.aiside_left .content-wrap {
	width: 100%
}
.aiside_left .aiside:not(.col-12) {
	width: 100%
}
.aiside_right .content-wrap {
	width: 100%
}
.aiside_right .aiside:not(.col-12) {
	width: 100%
}
.flex-avatar {
	position: relative;
	line-height: 1;
	white-space: nowrap;
	font-weight: bold;
	border-radius: 100%;
	padding: 5px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background: #fff;
	transition: background-color .3s
}
.flex-avatar img {
	border-radius: inherit
}
.list-post>div {
	display: -ms-flexbox;
	display: flex
}
.list-post>div>.list-item {
	-ms-flex-item-align: stretch;
	align-self: stretch;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.list {
	padding-left: 0;
	padding-right: 0
}
.list-item {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word
}
.list-content {
	padding: 1rem 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-ms-flex-pack: center;
	justify-content: center
}
.list-item.block .list-content {
	padding: 1rem
}
.list-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto
}
.list-footer {
margin-top:.5rem
}
.list-title {
	font-size:.875rem;
	line-height: 1.4285714286;
	display: block;
	color: inherit
}
.list-title .badge {
	position: relative;
	top: -2px;
font-size:.75rem;
margin:0 .25rem 0 0
}
.list-bulletin .list-item {
	position: relative;
	padding: 0 10px 10px 20px;
	border-left: 2px solid rgba(136,136,136,.2)
}
.list-bulletin .list-item>i {
	font-size: 12px;
	top: 8px;
	color: #888;
	position: absolute;
	padding: 5px;
	left: -12px;
	background: #fff;
	transition: background-color .3s
}
.bulletin-card {
	transform: translateY(0);
	transition: .3s
}
.bulletin-card:hover {
	transform: translateY(-6px)
}
@media (min-width:992px) {
.aiside_left .content-wrap {
	float: right
}
.aiside_left .content-layout {
	margin-left: calc(310px + 15px)
}
.aiside_left .aiside:not(.col-12) {
	float: left;
	margin-right: -310px;
	width: 310px;
	position: unset
}
.aiside_right .content-wrap {
	float: left
}
.aiside_right .content-layout {
	margin-right: calc(310px + 15px)
}
.aiside_right .aiside:not(.col-12) {
	float: right;
	margin-left: -310px;
	width: 310px;
	position: unset
}
}
.aiblue-mode .aiside-logo {
	background: #fff
}
.aiblue-mode .page-header {
	box-shadow: none
}
.aiblue-mode .aiside-nav-inner {
	background: #fff;
}
.aiblue-mode .border-color {
	padding: 50px 0;
	/*	background: #1f0378;*/
	background: linear-gradient(to right, #8a0b55, #e0293b, #f89e19);
	border-radius: 0 10px 0 0;
	border-color: transparent !important
}
.aiblue-mode .aimenu-inner a {
	color: #0753b1;
}
.aiblue-mode .aiside-nav .flex-bottom a, {
 color: #fff;
}
.aiblue-mode .aimenu .aiside-more {
	color: #024699;
}
.aiblue-mode .aiside-item>a:hover {
	color: #f62135;
}
.aiblue-mode .aiside-popup div {
	background: #dadbdd;
	margin-top: -4px;
}
.aiblue-mode .aiside-popup a {
	color: #f62135;
}
.aiblue-mode .aiside-popup::before {
	border-color: transparent #dadbdd transparent
}
.aiblue-mode .aiside-nav, .aiblue-mode .aiside-popup.aimenu-inner ul {
	background: #fff;
}
.aiblue-mode .aiside-item li>a:hover, .aiblue-mode .aiside-popup>div>ul>li>a:hover {
	color: #f62135;
}
.menu-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background-color: rgba(0,0,0,.5)
}
.icon-btn {
	position: relative
}
.icon-btn .img-bg {
	width: 60px;
	height: 60px;
	padding: 10px
}
.icon-btn .img-bg img {
	width: 100%;
	height: auto
}
.icon-btn .icon-title {
	position: relative
}
.icon-btn .icon-title::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 15px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.icon-btn:hover .icon-title::before {
	opacity: 1
}
.icon-btn .icon-title span {
	position: relative
}
.tab-aiside {
	max-width: 300px;
	position: relative;
	flex: 1
}
.tab-aiside .io-aiside-widget {
	margin: 0;
	overflow-y: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	right: 0
}
.tab-aiside .aiside-header {
	display: none !important
}
.tab-aiside .aicard.down a:after, .tab-aiside .aicard.wechat a:before {
	font-size: 27px;
	bottom: -6px;
	left: 1px
}
.aiblack-mode .icon-btn .icon-title::before {
	background-color: #2c2e2f
}
.img-post {
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg)
}
.img-post .media-content {
	-webkit-transform: translate3d(-8px, 0, 0) scale(1.15);
	transform: translate3d(-8px, 0, 0) scale(1.15);
	will-change: transform;
	transition: .5s
}
.img-post:hover {
	box-shadow: 0 0 0 5px rgba(0,0,0,.2)
}
.img-post .caption {
	width: 100%;
	opacity: 0;
	background-image: linear-gradient(to right, rgba(0,0,0,.8) 0%, rgba(0,0,0,.2) 80%);
	will-change: opacity;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.img-post .caption span {
	color: #eee;
	width: 70%;
	will-change: transform;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
.img-post:hover .caption, .swiper-slide-thumb-active .img-post .caption {
	opacity: 1
}
.img-post:hover .caption span, .swiper-slide-thumb-active .img-post .caption span {
	-webkit-transform: translate3d(15px, 0, 0);
	transform: translate3d(15px, 0, 0)
}
.img-book {
	overflow: initial
}
.img-book .media-content {
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transform: perspective(59rem) rotateY(0);
	transform: perspective(59rem) rotateY(0);
	will-change: transform;
	-webkit-transition: .35s;
	-o-transition: .35s;
	transition: .35s
}
.img-book:hover .media-content {
	-webkit-transform: perspective(68rem) rotateY(-43deg);
	transform: perspective(68rem) rotateY(-43deg);
	box-shadow: 10px 8px 18px rgba(37,43,51,.3);
	-webkit-transition: .5s cubic-bezier(.5, 1.5, .6, 1);
	-o-transition: .5s cubic-bezier(.5, 1.5, .6, 1);
	transition: .5s cubic-bezier(.5, 1.5, .6, 1)
}
.img-book .caption {
	opacity: 0;
	right: 0;
	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}
.img-book:hover .caption {
	opacity: 1
}
.img-book .caption span {
	padding: 10px 4px;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}
.aiblack-mode body {
	background-color: #1b1d1f
}
.aiblack-mode .topsearch:not(.unchanged):not(.no-bg)::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: #292b2c;
	border-radius: 5px;
}
.aiblack-mode .logo-light {
	display: none !important
}
.aiblack-mode .io-pay-box .pay-box-body {
	color: #f2f4f6
}
.aiblack-mode .logo-dark {
	display: initial !important
}
.aiblack-mode .btn-move {
	color: #989da1 !important
}
.aiblack-mode #add-new-sites button.close {
	color: #989da1
}
.aiblack-mode .bg-light, .aiblack-mode .manage-sites .sites-card, .aiblack-mode .admin-sites .sites-card {
	background: #363738 !important
}
.aiblack-mode a.bg-light:focus, .aiblack-mode a.bg-light:hover, .aiblack-mode button.bg-light:focus, .aiblack-mode button.bg-light:hover {
	background-color: #202224 !important
}
.aiblack-mode .border-light {
	border-color: #363738 !important
}
.aiblack-mode .bg-white {
	background: #2c2e2f !important
}
.aiblack-mode .aiside-nav .top-menu .sub-menu {
	background-color: rgba(3,4,6,.1)
}
.aiblack-mode, .aiblack-mode .aiside-popup a {
	color: #2139a5;
}
.aiblack-mode p, .aiblack-mode input.nav-link {
	color: #313a59;
}
.aiblack-mode .ajax-loading {
	background: rgba(27,29,31,.7) !important
}
.aiblack-mode .card, .aiblack-mode .block {
	box-shadow: none
}
.aiblack-mode .tpwthwidt .text_235ileA, .aiblack-mode .tpwthwidt .title_2Cea4o9 {
	color: #bbb
}
.aiblack-mode .text-blue, .aiblack-mode .text-gray, .aiblack-mode .comment-body {
	color: #888
}
.aiblack-mode .down-content .card-header-img, .aiblack-mode .modal-content, .aiblack-mode .flex-avatar, .aiblack-mode .card, .aiblack-mode .near-navigation, .aiblack-mode .single-top-area, .aiblack-mode .new-news, .aiblack-mode .new-news ul li i, .aiblack-mode .list-bulletin .list-item>i, .aiblack-mode #search-text, .aiblack-mode .search-type input:checked+label, .aiblack-mode .search-type input:hover+label {
	background-color: #1b1d1f;
}
.aiblack-mode .admin-sites .card {
	background-color: #363738
}
.aiblack-mode .s-type-list {
	background-color: #1f2123;
	box-shadow: 0 9px 20px rgba(0,0,0,.3)
}
.aiblack-mode #search .search-select {
	background-color: #2c2e2f;
	border-color: #2c2e2f
}
.aiblack-mode .s-type-list:before {
	border-bottom-color: #1f2123
}
.aiblack-mode .aicard .aibody:hover, .aiblack-mode .card-app.default:hover .media {
	box-shadow: 0 26px 40px -24px rgba(2,4,6,.3);
	-webkit-box-shadow: 0 26px 40px -24px rgba(2,4,6,.3);
	-moz-box-shadow: 0 26px 40px -24px rgba(2,4,6,.3)
}
.aiblack-mode .page-header {
	background: #2c2e2f;
	box-shadow: 0 0 25px 5px rgba(10,10,10,.25)
}
.aiblack-mode textarea, .aiblack-mode .form-control, .aiblack-mode .aiside .card .searchform input[type='text'] {
	color: #aaa;
	background: #363738;
	border: 1px solid #363738
}
.aiblack-mode .aiside .aicard .card {
	background: #363738;
	border-color: #363738
}
.aiblack-mode .site-body .btn {
	color: #ddd
}
.aiblack-mode .siteico {
	background: #222
}
.aiblack-mode .search-modal #search .search-select, .aiblack-mode .search-modal .search-type input:checked+label, .aiblack-mode .search-modal .search-type input:hover+label {
	background-color: #363738;
	border: none
}
.aiblack-mode .posts-nav {
	color: rgba(221,221,221,.2)
}
.aiblack-mode .input-group-text {
	color: #ddd;
	background: #26282a;
	border-color: #26282a
}
.aiblack-mode #footer-tools .btn {
	color: #fcc601;
	background: rgba(10,10,10,.3);
}
.aiblack-mode #footer-tools .btn:hover {
	color: #fcc601;
}
.aiblack-mode a:not(.btn):hover {
	color: #2139a5;
}
.aiblack-mode .down-content .statement:before {
	background: #1b1d1f;
	box-shadow: 0 10px #1b1d1f, 0 20px #1b1d1f
}
.aiblack-mode .down-content .statement {
	border-color: #1b1d1f;
	background: rgba(0,0,0,.1)
}
.aiblack-mode .navbar-collapse ul li ul, .aiblack-mode .dropdown-menu {
	background: #ebebeb;
	box-shadow: 0 10px 30px -10px rgba(0,0,0,.5);
}
.aiblack-mode .down-content .card-signup {
	box-shadow: 0 16px 24px 2px rgba(0,0,0,.14), 0 6px 30px 5px rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2)
}
.aiblack-mode .btn-light {
	color: #b2b8be !important;
	background-color: #363738 !important;
	border-color: transparent !important
}
.aiblack-mode .btn-light:hover {
	background-color: #313234 !important
}
.aiblack-mode .tool-actions .btn-light {
	color: #b2b8be !important;
	background-color: rgba(24,25,26,.5) !important;
	border-color: transparent !important
}
.aiblack-mode .tool-actions .btn-light:hover {
	background-color: rgba(14,15,16,.8) !important
}
.aiblack-mode .background-fx {
	opacity: .3
}
.aiblack-mode .background-fx .shape-11 {
	opacity: .5
}
.aiblack-mode .background-fx .shape-10 {
	opacity: .1
}
.aiblack-mode .content-hide-tips .hidden-text {
	color: #e67f7f;
	background: rgba(106,46,46,.3)
}
.aiblack-mode .ioch-code-highlight {
	background-color: #151619;
	border: 0
}
.aiblack-mode:not(pre)>code[class*="language-"], .aiblack-mode pre[class*="language-"] {
	background-color: rgba(0,0,0,.15)
}
.aiblack-mode .ioch-code-highlight .io-btn-copy {
	border: 1px solid rgba(255,255,255,.5)
}
.aiblack-mode input:-internal-autofill-previewed, .aiblack-mode input:-internal-autofill-selected {
box-shadow:0 0 0 1000px #363738 inset !important;
-webkit-text-fill-color:#aaa !important
}
.aiblack-mode .io-close {
	color: #fff;
	font-weight: normal
}
.aiblack-mode .io-alert {
--this-color:#fff
}
.aiblack-mode .login-body-login {
	color: #ddd;
	background-color: #1b1d1f
}
.aiblack-mode .login-body-login::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7)
}
.aiblack-mode .login-body-login .login-img::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
border-radius:.525rem;
	background: rgba(0,0,0,.5)
}
.aiblack-mode .login-body-login .bg-white {
	background-color: #2c2e2f !important
}
.aiblack-mode .login-body-login .login-page .nav-link {
	color: #ccc
}
.aiblack-mode .login-body-login .login-page .nav-link:hover {
	color: #fff
}
.aiblack-mode .login-body-login .input-material {
	color: #ddd
}
.aiblack-mode .bg-blur {
	background-color: rgba(45,46,48,.8) !important
}
.aiblack-mode .bg-blur-20 {
	background-color: rgba(45,46,48,.4) !important
}
.aiblack-mode .login-body-login .bg-blur {
	background-color: rgba(10,10,10,.7) !important
}
@media only screen and (min-device-width:768px) {
::-webkit-scrollbar-thumb {
background-color:rgba(130,130,130,.5);
-webkit-border-radius:4px;
border-radius:4px
}
::-webkit-scrollbar-thumb:hover {
background-color:#f62135;
-webkit-border-radius:4px;
border-radius:4px
}
::-webkit-scrollbar {
width:5px;
height:5px
}
::-webkit-scrollbar-thumb:active {
background-color:#f62135;
-webkit-border-radius:4px;
border-radius:4px
}
::-webkit-scrollbar-corner {
background:rgba(0,0,0,0);
border-radius:0 0 8px 0
}
::-webkit-scrollbar-button {
background-color:rgba(0,0,0,0);
height:2px;
width:2px
}
}