@charset "utf-8";
* {
	font-family: microsoft yahei;
	outline: 0 !important;
}
body {
	margin: 0;
	background-color: #f2f5fa;
}
body.mdui-locked #catui-content,
body.mdui-locked #catui-footer,
body.mdui-locked #catui-header {
	-webkit-filter: blur(10px);
	filter: blur(10px);
}
.mdui-dialog-open {
	background-color: hsla(0, 0%, 100%, 0.7);
}
.mdui-overlay {
	background: 0 0;
}
:selection {
	background: #f4a7b9;
	color: #fff;
}
a,
a:active,
a:hover,
a:link,
a:visited {
	text-decoration: none;
}
.catui-container {
	max-width: 825pt;
	margin: auto;
	position: relative;
}
.catui-container:after {
	clear: both;
	content: "";
	display: block;
}
.page-navigator {
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	color: #ddd;
	padding-bottom: 20px;
}
.page-navigator .next,
.page-navigator .prev {
	display: none;
}
.page-navigator a {
	transition: all 0.35s;
	color: #999;
	width: 100%;
	height: 100%;
	font-size: 10px;
	display: block;
}
.page-navigator li {
	border-radius: 50%;
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	margin: 5px 8px;
}
.page-navigator .current {
	background: #fff;
	box-shadow: 1px 1px 3px 1px rgba(0, 64, 128, 0.15);
}
.biaoqing {
	margin: -5px 0 -9px !important;
	height: 30px !important;
	width: 30px !important;
	border: none !important;
	box-shadow: none;
	display: inline-block !important;
	background-color: transparent !important;
	float: none !important;
}
.mdui-tab-full-width a {
	min-width: auto;
}
.mdui-tab .mdui-tab-active {
	color: #f4a7b9;
	position: relative;
}
.mdui-tab .mdui-tab-active:after {
	content: "";
	background: #f4a7b9;
	height: 3px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-radius: 5px 5px 0 0;
}
.compensate-for-scrollbar {
	margin-right: 0 !important;
}
.catui-item {
	box-shadow: 0 3px 20px -3px rgba(0, 64, 128, 0.2);
	overflow: hidden;
	border-radius: 10px;
	background-color: #fff;
	margin-bottom: 20px;
}
#instantclick {
	display: none;
}
#catui-header .mdui-fab-fixed {
	color: #fff;
	background: #f4a7b9;
	bottom: 45px;
	right: 50px;
	box-shadow: 0 3px 10px rgba(0, 64, 128, 0.2);
	z-index: 9;
}
#catui-header .header {
	margin-top: 5pc;
}
#catui-header .header-canopy {
	margin-bottom: 20px;
	position: relative;
}
#catui-header .header-canopy .header-cover {
	height: 20pc;
	background-size: cover;
	background-position: center;
}
#catui-header .header-canopy .header-cover-bk {
	height: 20pc;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
}
#catui-header .header-canopy .header-menu {
	height: 3pc;
	background: #fff;
}
#catui-header .header-canopy .header-menu .catui-container {
	margin: 0 auto;
	height: 100%;
}
#catui-header .header-canopy .header-menu-title {
	position: absolute;
	color: #fff;
	bottom: 75pt;
	line-height: 30px;
	font-size: 1.5em;
	right: 0;
	text-align: center;
	width: 100%;
}
#catui-header .header-canopy .header-menu-avatar {
	transition: all 0.05s;
	position: absolute;
	bottom: 145px;
	right: calc(50% - 70px);
	height: 140px;
	width: 140px;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0, 64, 128, 0.1);
}
#catui-header .header-canopy .header-menu-avatar:active {
	transform: scale(0.9);
	box-shadow: 0 0 75pt 20px #fff;
}
#catui-header .header-canopy .header-menu-avatar a {
	display: block;
	width: 100%;
	height: 100%;
}
#catui-header .header-canopy .header-menu-avatar a img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	border: 5px solid #fff;
	box-sizing: border-box;
}
#catui-header .header-canopy .header-menu-content {
	text-align: center;
	padding: 0;
}
#catui-header .header-canopy .mdui-fab .mdui-icon {
	margin-top: 17px;
	margin-left: 17px;
}
#catui-header .header-canopy .mdui-fab-dial {
	bottom: auto;
	top: 70px;
	left: auto;
	right: 55px;
	position: absolute;
	background: #fff;
	width: 150px;
	box-shadow: 0 2px 15px rgba(0, 64, 128, 0.2);
	z-index: 2;
	border-radius: 5px;
}
#catui-header .header-canopy .mdui-fab-dial:before {
	content: " ";
	height: 10px;
	width: 150px;
	position: absolute;
	top: -10px;
	left: 0;
	z-index: 3;
}
#catui-header .header-canopy .mdui-fab-dial-show {
	animation-name: menu-nav-appear;
	animation-duration: 0.35s;
}
#catui-header .header-canopy .mdui-fab-dial a {
	display: none;
	width: 150px;
	margin: 0;
	line-height: 50px !important;
	text-align: center;
	font-size: 1em;
	color: #5a5f69;
	box-sizing: border-box;
	border-radius: 0;
	box-shadow: none;
	height: 50px;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#catui-header .header-canopy .mdui-fab-dial-show a {
	display: block;
}
#catui-header .header-canopy .header-menu-content .header-menu-nav {
	display: none;
}
@keyframes menu-nav-appear {
	0% {
		transform: translateY(-15px);
		opacity: 0;
	}
}
#catui-header .header-canopy .header-menu-nav a:first-child {
	border-radius: 5px 5px 0 0;
}
#catui-header .header-canopy .header-menu-nav a:last-child {
	border-radius: 0 0 5px 5px;
}
#catui-header .nav-appear .header-menu {
	transition: width 0.35s;
	width: 260px;
}
#catui-header .nav-appear .header-btn {
	right: 280px;
}
#catui-header .nav-appear .header-btn:before {
	content: "\e082";
	font-family: simple-line-icons;
}
#catui-header .nav-hid .header-menu {
	transition: width 0.35s;
	width: 0;
}
#catui-header .nav-hid .header-btn:before {
	content: "\e601";
	font-family: simple-line-icons;
}
#catui-content article .link-area {
	font-size: 0;
	margin-left: -4px;
	width: calc(100% + 8px);
}
#catui-content article .link-area a {
	border: none !important;
	width: calc(12.5% - 8px);
	margin: 4px;
	box-sizing: border-box;
	display: inline-block;
	border-radius: 3px;
	background: #fff;
	box-shadow: 0 0 0 1px #eee;
}
#catui-content article .link-area a:after,
#catui-content article .link-area a:before {
	display: none;
}
#catui-content article .link-area img {
	width: 100%;
	margin: 0;
	border-radius: 3px 3px 0 0;
	box-shadow: none;
}
#catui-content article .link-area p {
	width: 100%;
	margin: 0 !important;
	font-size: 14px;
	padding: 8px;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: none;
	color: #5a5f69;
}
#catui-content .catui-primary {
	float: left;
	width: calc(100% - 280px);
	animation: 0.8s both loading-l;
}
#catui-content .catui-secondary {
	float: right;
	width: 260px;
	color: #5a5f69;
}
#catui-content .catui-secondary .catui-item {
	transition: all 0.35s;
	margin-bottom: 20px;
}
#catui-content .catui-secondary .catui-item.disappear {
	display: none;
}
#catui-content .catui-secondary .catui-item.sider-fixed {
	position: fixed;
	bottom: 0;
	width: 260px;
	max-height: calc(80vh - 40px);
	overflow-y: auto;
	animation-name: sider-fixed;
	animation-duration: 0.5s;
	transform-origin: bottom;
	z-index: 9999;
	box-shadow: 0 3px 35px 3px rgba(0, 64, 128, 0.3);
}
@keyframes sider-fixed {
	0% {
		transform: translateY(30px);
		opacity: 0;
	}
}
#catui-content .catui-secondary .sider-header {
	position: relative;
	padding: 14px 10px 10px;
	border-bottom: 1px solid #eee;
}
#catui-content .catui-secondary .sider-header .sider-title {
	font-size: 1.2em;
}
#catui-content .catui-secondary .sider-header .sider-title:before {
	font-family: simple-line-icons;
	content: "\e02d";
	top: 8px;
	vertical-align: middle;
	display: inline-block;
	font-size: 15px;
}
#catui-content .catui-secondary .sider-header .sider-close,
#catui-content .catui-secondary .sider-header .sider-title:before {
	height: 29px;
	line-height: 29px;
	width: 29px;
	text-align: center;
	color: #fff;
	border-radius: 100%;
	background: #f4a7b9;
	position: absolute;
	right: 10px;
}
#catui-content .catui-secondary .sider-header .sider-close {
	top: 9px;
	display: none;
}
#catui-content .catui-secondary .sider-header .sider-close:before {
	font-family: simple-line-icons;
	content: "\e082";
	font-size: 15px;
}
#catui-content
	.catui-secondary
	.catui-item.sider-fixed
	.sider-header
	.sider-close {
	display: block;
}
#catui-content .catui-secondary .sider-content {
	padding: 10px;
	font-size: 0;
}
#catui-content .catui-secondary .sider-content h2 {
	color: #5a5f69;
	font-size: 1pc;
	font-weight: 400;
	text-shadow: 0 0;
	letter-spacing: 0.2em;
	margin: 10px 0;
	text-align: center;
	text-transform: uppercase;
}
#catui-content .catui-secondary .sider-content h2:first-child {
	margin-top: 0;
}
#catui-content .catui-secondary .sider-content img {
	margin: auto;
	max-width: 100%;
	display: block;
	border: 1px solid #eee;
	border-radius: 10px;
	background-color: #f8f8f8;
	box-sizing: border-box;
}
#catui-content .catui-secondary #sider-tagscloud .sider-content a {
	border-radius: 10px;
	border: 1px solid;
	box-shadow: none;
	display: inline-block;
	font-size: 13px;
	margin: 0 5px 5px 0;
	padding: 0 8px;
	line-height: 26px;
	transition: all 0.35s;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 1) {
	color: #ff6e71;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 2) {
	color: #ffaa73;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 3) {
	color: #fed466;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 4) {
	color: #3cdc82;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 5) {
	color: #64dcf0;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 6) {
	color: #64b9ff;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 7) {
	color: #b4b4ff;
}
#catui-content
	.catui-secondary
	#sider-tagscloud
	.sider-content
	a:nth-child(8n + 8) {
	color: #f4a7b9;
}
#catui-content .catui-secondary #sider-tagscloud .sider-content a:hover {
	background: #f4a7b9;
	color: #fff;
	border-color: #f4a7b9;
}
#catui-content .catui-secondary #sider-archive .sider-content {
	max-height: 490px;
}
#catui-content .catui-secondary #sider-archive .sider-content,
#catui-content .catui-secondary #sider-comments .sider-content,
#catui-content .catui-secondary #sider-dairy .sider-content {
	padding: 0;
}
#catui-content .catui-secondary #sider-archive .sider-content a,
#catui-content .catui-secondary #sider-comments .sider-content a,
#catui-content .catui-secondary #sider-dairy .sider-content a {
	display: block;
	width: 100%;
	padding: 15px 10px;
	font-size: 1pc;
	color: #5a5f69;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}
#catui-content .catui-secondary #sider-archive .sider-content a span {
	width: 30px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: rgba(244, 167, 185, 0.15);
	border-radius: 100%;
	color: #f4a7b9;
	text-align: center;
}
#catui-content .catui-secondary #sider-comments .sider-content a,
#catui-content .catui-secondary #sider-dairy .sider-content a {
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#catui-content .catui-secondary #sider-comments .sider-content a img,
#catui-content .catui-secondary #sider-dairy .sider-content a img {
	margin-top: 10px;
}
#catui-content .catui-secondary #sider-archive .sider-content a:last-child,
#catui-content .catui-secondary #sider-comments .sider-content a:last-child,
#catui-content .catui-secondary #sider-dairy .sider-content a:last-child {
	border-bottom: none;
}
#catui-content
	.catui-secondary
	#sider-dairy
	.sider-content
	a
	img
	#catui-content
	.catui-secondary
	#sider-comments
	.sider-content
	a
	img {
	margin-top: 10px;
}
#catui-content .catui-secondary #sider-search .sider-content form {
	width: 100%;
	position: relative;
}
#catui-content .catui-secondary #sider-search .sider-content form:after {
	content: "";
	clear: both;
	display: block;
}
#catui-content .catui-secondary #sider-search .sider-content {
	padding: 0;
}
#catui-content .catui-secondary #sider-search .sider-content form input {
	width: calc(100% - 50px);
	padding: 10px 15px;
	float: left;
	box-sizing: border-box;
	height: 50px;
	border: none;
	-webkit-appearance: none;
	font-size: 17px;
}
#catui-content .catui-secondary #sider-search .sider-content form button {
	float: right;
	min-width: 50px;
	height: 50px;
	font-size: 17px;
	padding: 0;
}
#catui-content .catui-secondary .sider-content .cat .cat-header {
	height: 85px;
	position: relative;
	background: #f4a7b9;
}
#catui-content .catui-secondary .sider-content .cat .cat-header:after {
	content: "";
	box-shadow: rgba(0, 0, 0, 0.2) 0 0 8px;
	width: calc(100% + 200px);
	height: 200px;
	background: #fff;
	left: -75pt;
	bottom: -180px;
	border-radius: 100%;
	position: absolute;
	z-index: 1;
}
#catui-content .catui-secondary .sider-content .cat .cat-header div {
	position: absolute;
	width: 90px;
	height: 60px;
	background: #fff;
	z-index: 1;
	bottom: -15px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
	cursor: pointer;
}
#catui-content .catui-secondary .sider-content .cat .cat-header .cat-ear-left {
	left: -5px;
	transform: rotate(-30deg);
	border-radius: 100% 10% 0 0;
}
#catui-content .catui-secondary .sider-content .cat .cat-header .cat-ear-right {
	right: -5px;
	transform: rotate(30deg);
	border-radius: 10% 100% 0 0;
}
#catui-content .catui-secondary .sider-content .cat .cat-body {
	background: #fff;
	z-index: 1;
	position: relative;
	overflow: hidden;
	padding: 20px;
}
#catui-content .catui-secondary .sider-content .cat .cat-body:after {
	content: "";
	clear: both;
	display: block;
}
#catui-content .catui-secondary .sider-content .cat .cat-body a {
	color: #5a5f69;
	float: left;
	width: calc(25% - 4px);
	height: 51px;
	display: block;
	font-size: 30px;
	line-height: 51px;
	text-align: center;
	border-radius: 100%;
	margin: 2px;
}
#catui-content .catui-secondary .sider-content .comment-OwO-body {
	overflow-y: auto;
	max-height: 266px;
}
#catui-content
	.catui-secondary
	.sider-content
	.comment-OwO-body::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
#catui-content
	.catui-secondary
	.sider-content
	.comment-OwO-body::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #888;
}
#catui-content .catui-secondary .sider-content .comment-OwO-body a {
	transition: background 0.35s;
	cursor: pointer;
	padding: 4px;
	height: 30px;
	width: 30px;
	border-radius: 4px;
	display: inline-block;
}
#catui-content .catui-secondary .sider-content .comment-OwO-body a img {
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent;
}
#catui-content .catui-secondary .sider-content p {
	font-size: 14px;
	margin: 0;
}
#catui-content .catui-secondary #sider-copyright {
	background: 0 0;
	box-shadow: none;
}
#catui-content .catui-secondary #sider-copyright .sider-content {
	color: #000;
	font-size: 14px;
	padding-top: 0;
	text-align: center;
}
#catui-content .catui-secondary #sider-copyright .sider-content a {
	color: #666;
	font-size: 14px;
}
#catui-content .detail .detail-header {
	position: relative;
	padding-bottom: 50px;
}
#catui-content .detail .detail-header .detail-background {
	height: 20pc;
	width: 100vw;
	background-size: cover;
	background-position: center;
	position: relative;
	margin-top: -90pt;
	margin-left: -10pc;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}
#catui-content .detail .detail-header .detail-background:after {
	background-image: -webkit-linear-gradient(
		to top,
		rgba(10, 17, 25, 0.2) 10%,
		rgba(10, 17, 25, 0) 100%
	);
	background-image: linear-gradient(
		to top,
		rgba(10, 17, 25, 0.2) 10%,
		rgba(10, 17, 25, 0) 100%
	);
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	background-size: cover;
	content: "";
	display: block;
	height: 3.55em;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}
#catui-content .detail .detail-header .detail-logo {
	position: absolute;
	bottom: 15px;
	left: 15px;
}
#catui-content .detail .detail-header .detail-logo img {
	border-radius: 100%;
	height: 81pt;
	width: 81pt;
	border: 4px solid #fff;
	background: #fff;
	display: block;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #eee;
}
#catui-content .detail .detail-header .detail-title {
	position: absolute;
	left: 0;
	padding: 10px 15px;
	line-height: 34px;
	bottom: 54px;
	color: #fff;
	font-size: 1.4em;
}
#catui-content .detail .detail-header .detail-title a {
	font-size: 1em;
	background: hsla(0, 0%, 100%, 0.7);
	border-radius: 3px;
	padding: 4px 8px 3px;
	box-sizing: inherit;
	box-shadow: none;
	color: #5a5f69;
}
#catui-content .detail .detail-header .detail-intro {
	position: absolute;
	left: 0;
	max-width: 100%;
	padding: 10px 15px;
	line-height: 30px;
	box-sizing: border-box;
	background: #fff;
	min-width: 100%;
}
#catui-content .detail .detail-content {
	margin: 15px 30px 30px;
}
#catui-content .catui-border {
	width: calc(100% + 30px);
	height: 2px;
	margin-left: -15px;
	font-size: 0;
	position: relative;
	margin-bottom: 50px;
	margin-top: -5px;
}
#catui-content .catui-border div {
	width: 12.5%;
	height: 100%;
	display: inline-block;
}
#catui-content .catui-border div:nth-child(8n + 1) {
	background: #ff6e71;
}
#catui-content .catui-border div:nth-child(8n + 2) {
	background: #ffaa73;
}
#catui-content .catui-border div:nth-child(8n + 3) {
	background: #fed466;
}
#catui-content .catui-border div:nth-child(8n + 4) {
	background: #3cdc82;
}
#catui-content .catui-border div:nth-child(8n + 5) {
	background: #64dcf0;
}
#catui-content .catui-border div:nth-child(8n + 6) {
	background: #64b9ff;
}
#catui-content .catui-border div:nth-child(8n + 7) {
	background: #b4b4ff;
}
#catui-content .catui-border div:nth-child(8n + 8) {
	background: #f4a7b9;
}
#catui-content .catui-item-notfound {
	position: relative;
}
#catui-content .catui-item-notfound img {
	display: block;
	max-width: 300px;
	margin: 75pt auto 30px;
}
#catui-content .catui-item-notfound h1 {
	font-size: 1.5rem;
	color: #3e4146;
	margin-bottom: 75pt;
	text-align: center;
}
#catui-content .catui-item-notfound h1 a {
	color: #f4696a;
	border-bottom: 2px solid;
}
#catui-content .catui-item-notfound .dots .dot {
	position: absolute;
	border-radius: 100%;
}
#catui-content .catui-item-notfound .dots .dot:nth-of-type(1) {
	top: -190px;
	right: -190px;
	width: 380px;
	height: 380px;
	background-color: #689bf6;
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
}
#catui-content .catui-item-notfound .dots .dot:nth-of-type(2) {
	bottom: -90pt;
	left: -90pt;
	width: 15pc;
	height: 15pc;
	background-color: #f66867;
	-webkit-animation: float 8s ease-in-out infinite;
	animation: float 8s ease-in-out infinite;
}
#catui-content .catui-item-notfound .dots .dot:nth-of-type(3) {
	bottom: -50px;
	right: -50px;
	width: 75pt;
	height: 75pt;
	background-color: #ffd84c;
	-webkit-animation: float 4s ease-in-out infinite;
	animation: float 4s ease-in-out infinite;
}
@keyframes float {
	0% {
		transform: translatey(0px);
		transform: translatex(0px);
	}
	50% {
		transform: translatey(-30px);
		transform: translatex(20px);
	}
	to {
		transform: translatey(0px);
		transform: translatex(0px);
	}
}
#catui-content .catui {
	padding: 15px;
}
#catui-content .catui .catui-block {
	margin-bottom: 45px;
}
#catui-content .catui .catui-block:last-child {
	margin-bottom: 0;
}
#catui-content .catui .catui-block .catui-title {
	height: auto;
}
#catui-content .catui .catui-block .catui-title > a {
	padding: 0 1pc;
	line-height: 30px;
	border-radius: 30px;
	border: 1px solid #eee;
}
#catui-content .catui .catui-block .catui-title > * {
	padding: 0 6px;
	margin: 0 2px;
	opacity: 0.5;
}
#catui-content .catui .catui-block .catui-title > a:last-child {
	opacity: 1;
	background-color: #f4a7b9;
	color: #ffff;
}
#catui-content .catui .catui-block .cover {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 0 1px #eee;
}
#catui-content .catui .catui-block .cover img {
	width: 100%;
	display: block;
}
#catui-content .catui .catui-block .cover .title:after {
	background-image: -webkit-linear-gradient(
		to top,
		rgba(10, 17, 25, 0.2) 10%,
		rgba(10, 17, 25, 0) 100%
	);
	background-image: linear-gradient(
		to top,
		rgba(10, 17, 25, 0.2) 10%,
		rgba(10, 17, 25, 0) 100%
	);
	-moz-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	pointer-events: none;
	background-size: cover;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: -1;
}
#catui-content .catui .catui-block .cover p {
	width: 100%;
	margin: 0;
	display: block;
	color: #fff;
	height: 260px;
}
#catui-content .catui .catui-block .cover .title {
	position: absolute;
	bottom: 0;
	padding: 15px;
	color: #fff;
	font-size: 2em;
	width: 100%;
	box-sizing: border-box;
	text-transform: none;
	z-index: 1;
}
#catui-content .catui .catui-block .catui-meta {
	padding: 15px 0;
}
#catui-content .detail .catui .catui-block .catui-meta {
	padding-top: 0;
}
#catui-content .catui .catui-block .catui-meta a {
	padding: 5px 10px;
	color: #fff;
	font-size: 9pt;
	border-radius: 18px;
	display: inline-block;
	margin-bottom: 5px;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 1) {
	background-color: #ff6e71;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 2) {
	background-color: #ffaa73;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 3) {
	background-color: #fed466;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 4) {
	background-color: #3cdc82;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 5) {
	background-color: #64dcf0;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 6) {
	background-color: #64b9ff;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 7) {
	background-color: #b4b4ff;
}
#catui-content .catui .catui-block .catui-meta a:nth-child(8n + 8) {
	background-color: #f4a7b9;
}
#catui-content .catui .catui-block .catui-content {
	margin-top: -30px;
	padding: 0 2px;
}
#catui-content .catui .catui-block .catui-content .more {
	display: none;
}
#catui-content .catui .catui-block .catui-page {
	min-height: 36px;
}
#catui-content .catui .catui-block .catui-page a {
	margin-right: 5px;
	background-color: #f4f4f5;
	min-width: 36px;
	min-height: 36px;
	height: 36px;
	width: 36px;
	max-width: 36px;
	border-radius: 100%;
	padding: 0;
	border: none;
	z-index: 1;
}
#catui-content .catui .catui-block .catui-page a.mdui-tab-active {
	background-color: transparent;
	color: #fff;
}
#catui-content .catui .catui-block .catui-page a.mdui-tab-active:after {
	display: none;
}
#catui-content .catui .catui-block .catui-page .mdui-tab-indicator {
	height: 100%;
	border-radius: 100%;
	background-color: #f4a7b9;
}
#catui-content .catui-item article p {
	line-height: 20px;
}
#catui-content .detail article p {
	margin: 20px 0;
}
#catui-content .pages {
	background: #f5f6f9;
	max-width: 100%;
	padding: 15px 0;
	margin: 0;
	margin-top: 18px;
}
#catui-content .cc {
	padding: 4px;
	color: #fff;
	background: rgba(244, 167, 185, 0.8);
	text-align: center;
}
#catui-content .cc a {
	color: #fff;
	text-decoration: underline;
	padding: 0 3px;
}
#catui-content .detail-others {
	position: relative;
	margin: 20px;
}
#catui-content .detail .detail-header .detail-others {
	position: absolute;
	left: 0;
	max-width: 100%;
	margin: 9pt;
	width: calc(100% - 24px);
}
#catui-content .detail-others a {
	height: 30px;
	border-radius: 6px;
	display: inline-block;
	line-height: 30px;
	font-size: 15px;
	text-align: center;
}
#catui-content .detail-others-share {
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
}
#catui-content .detail-others-share a {
	width: 30px;
	color: #fff;
	cursor: pointer;
}
#catui-content .detail-others-share .fa-usd {
	background: #fff;
	color: #f3cb62;
	width: 21px;
	height: 21px;
	display: inline-block;
	border-radius: 100%;
	line-height: 21px;
	font-style: normal;
}
#catui-content .detail-others-share .icon-screen-smartphone {
	margin-top: -4px;
	vertical-align: middle;
	display: inline-block;
}
#catui-content .detail-others-tags {
	display: block;
	width: calc(100% - 10pc);
	overflow: hidden;
	height: 30px;
}
#catui-content .detail-others-tags a {
	transition: all 0.35s;
	background: #fff2f2;
	color: #f4a7b9;
	padding: 0 8px;
}
#catui-content .detail-others-tags a:before {
	content: "#";
}
#catui-content .detail-others-tags a:hover {
	transition: all 0.35s;
	color: #fff;
	background: #f4a7b9;
}
#catui-content .detail-others-tags a.btn {
	color: #fff;
	background: #f4a7b9;
}
#catui-content .detail-others-tags a.btn:before {
	display: none;
}
#comments .comment h1 {
	text-align: center;
	color: #7a7b7c;
	margin: 35px;
}
#comments .comment h1:before {
	margin-top: -9px;
	vertical-align: middle;
	display: inline-block;
}
#comments .comment .comment-respond .comment-form {
	font-size: 0;
	overflow: hidden;
	box-shadow: 0 0 0 1px #f5f6f9;
	position: relative;
}
#comments .comment .comment-respond .comment-form textarea {
	transition: all 0.35s;
	resize: none;
	border: none;
	padding: 10px;
	padding-bottom: 40px;
	font-size: 15px;
	width: 100%;
	height: 75pt;
	color: #5b6064;
	box-sizing: border-box;
}
#comments .comment .comment-respond .comment-form .comment-form-tab {
	height: 30px;
	position: absolute;
	right: 0;
	top: 69px;
	width: 100%;
	background: #fff;
	border-top: 1px solid #f5f6f9;
	box-sizing: border-box;
}
#comments .comment .comment-respond .comment-form .comment-form-tab a {
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: 2px 5px;
	width: 26px;
	border-radius: 100%;
	display: inline-block;
	font-size: 1pc;
	color: #5a5f69;
}
#comments
	.comment
	.comment-respond
	.comment-form
	.comment-form-tab
	a:first-child {
	margin-left: 10px;
}
#comments .comment .comment-respond .comment-form .comment-form-tab button {
	position: absolute;
	height: 50px;
	border-radius: 100%;
	width: 50px;
	border: none;
	background: #f4a7b9;
	color: #fff;
	right: 15px;
	top: -25px;
	box-shadow: 0 2px 6px rgba(0, 64, 128, 0.2);
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
#comments
	.comment
	.comment-respond
	.comment-form
	.comment-form-tab
	button
	.mdui-spinner-layer {
	border-color: #fff;
}
#comments .comment .comment-respond .comment-form input {
	background: #fff;
	padding: 8px 10px;
	border: none;
	font-size: 14px;
	width: 33.33333333333333%;
	box-sizing: border-box;
	border-right: 1px solid #f5f6f9;
	border-top: 1px solid #f5f6f9;
}
#comments .comment .comment-respond .comment-form input:last-child {
	border-right: none;
}
#comments .comment .comment-list {
	list-style: none;
	margin: 0;
	background: #fff;
	padding: 0;
}
#comments .comment .comment-list .comment-list {
	margin-top: 15px;
}
#comments .comment .comment-list li {
	padding: 15px;
	border-bottom: 1px solid #eee;
}
#comments .comment .comment-list li:last-child {
	border-bottom: none;
}
#comments .comment .comment-list li:last-child .comment-time:after {
	display: none;
}
#comments .comment .comment-list .comment-children {
	margin-left: 4pc;
}
#comments .comment .comment-list .comment-children .comment-children {
	margin-left: 0 !important;
	padding-left: 0 !important;
}
#comments .comment .comment-list .comment-children li {
	border-right: none;
	padding: 0;
	padding-top: 15px;
	margin-top: 0;
	border: none;
}
#comments .comment .comment-list .comment-children li:first-child {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
}
#comments .comment .comment-view {
	position: relative;
}
#comments .comment .comment-view .comment-header {
	float: left;
	font-size: 0;
	display: block;
}
#comments .comment .comment-view .comment-header img {
	height: 55px;
	width: 55px;
	border-radius: 100%;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 0 0 1px #f5f6f9;
}
#comments .comment .comment-content {
	display: inline-block;
	min-height: 50px;
	margin-left: 8px;
	max-width: calc(100% - 63px);
}
#comments .comment .comment-content .comment-text {
	margin: 0;
	font-size: 1pc;
	word-wrap: break-word;
	float: left;
	margin-bottom: 10px;
}
#comments .comment .comment-content .comment-text .catui-gallery {
	font-size: 0;
}
#comments .comment .comment-content .comment-text .catui-gallery a {
	margin-right: 10px;
}
#comments
	.comment
	.comment-content
	.comment-text
	.catui-gallery
	a:nth-child(4n + 4) {
	margin-right: 0;
}
#comments .comment .comment-content .comment-text img {
	border-radius: 10px;
	max-width: 100%;
	border: 1px solid #eee;
	box-sizing: border-box;
	width: calc(25% - 7.5px);
	margin-top: 10px;
}
#comments .comment .comment-content .at {
	transition: all 0.35s;
	color: #999;
}
#comments .comment .comment-content .at:hover {
	color: #f4a7b9;
}
#comments .comment .comment-content .comment-meta {
	font-size: 15px;
	margin-bottom: 8px;
	height: 26px;
	line-height: 30px;
}
#comments .comment .comment-content .comment-meta span {
	float: left;
	border-radius: 10px;
	padding: 2px 8px;
	color: #fff;
	display: inline-block;
	line-height: 22px;
	margin-bottom: 4px;
	margin-right: 8px;
}
#comments .comment .comment-content .comment-author a,
#comments .comment .comment-content .comment-meta span a {
	color: #fff;
}
#comments .comment .comment-content .comment-meta .comment-author {
	background: #f4a7b9;
}
#comments .comment .comment-content .comment-meta .comment-class {
	background: #72afeb;
}
#comments .comment .comment-content .comment-meta .comment-time {
	background: #fed466;
}
#comments .comment .comment-content .comment-meta .comment-time p {
	margin: 0;
	display: inline-block;
}
#comments .comment .comment-content .comment-meta .comment-os {
	background: #64b9ff;
}
#comments .comment .comment-content .comment-meta .comment-browser {
	background: #ffaa73;
}
#comments .comment .comment-content .comment-meta .comment-reply {
	background: #fa6c6f;
}
#comments .comment .comment-list .cancel-comment-reply {
	text-align: right;
	margin-bottom: 10px;
	margin-top: -20px;
}
#comments
	.comment
	.comment-list
	.cancel-comment-reply
	#cancel-comment-reply-link {
	border-radius: 3px;
	padding: 4px 20px;
	color: #fff;
	font-size: 9pt;
	background: #fa6c6f;
	position: relative;
}
#comments .page-navigator {
	padding: 10px;
	border-top: 1px solid #eee;
}
#comments.diary {
	overflow: hidden;
	padding: 0 10px;
}
#comments.diary .comment .comment-respond,
#comments.diary .comment h1 {
	display: none;
}
#catui-content .haslogin #comments .comment .comment-respond,
#comments.diary .comment .comment-list .comment-respond {
	display: block;
}
#comments.diary .comment .comment-content .comment-meta .comment-author,
#comments.diary .comment .comment-view .comment-header {
	display: none;
}
#comments.diary
	.comment
	.comment-children
	.comment-content
	.comment-meta
	.comment-author,
#comments.diary .comment .comment-children .comment-view .comment-header {
	display: inline-block;
}
#comments.diary .comment .comment-list {
	background-color: transparent;
	margin-top: 0;
}
#comments.diary .comment .comment-list li {
	margin-top: 20px;
	border: none;
	padding: 0;
	padding-bottom: 13px;
}
#comments.diary .comment .comment-list .comment-children li {
	box-shadow: none;
}
#comments.diary .comment .comment-respond .comment-form {
	overflow: hidden;
	border-radius: 10px;
	background-color: #fff;
	border: none;
	margin-top: 10px;
}
#comments.diary .comment .comment-respond .comment-form textarea {
	height: 260px;
}
#comments.diary .comment .comment-list .comment-respond .comment-form textarea {
	height: 75pt;
}
#comments.diary .comment .comment-form .comment-form-tab {
	top: 229px;
}
#comments.diary .comment .comment-list .comment-form .comment-form-tab {
	top: 69px;
}
#comments.diary .comment .comment-content .comment-meta .comment-time {
	width: 60px;
	height: 60px;
	padding: 0;
	border-radius: 10px;
	position: unset;
	border: 3px solid #fff;
	overflow: hidden;
	box-shadow: 0 0 0 1px #fed466;
}
#comments.diary .comment .comment-content .comment-meta .comment-time:after {
	content: "";
	height: 100vh;
	width: 2px;
	background-color: #fed466;
	position: absolute;
	left: 2pc;
	top: 67px;
}
#comments.diary .comment .comment-content .comment-meta .comment-time p {
	width: 100%;
	line-height: 30px;
	text-align: center;
}
#comments.diary
	.comment
	.comment-content
	.comment-meta
	.comment-time
	p:last-child {
	background: #fff0c9;
	color: #8e8b8b;
}
#comments.diary
	.comment
	.comment-children
	.comment-content
	.comment-meta
	.comment-time {
	width: auto;
	height: auto;
	border-radius: 10px;
	padding: 2px 8px;
	border: none;
	overflow: hidden;
	box-shadow: none;
}
#comments.diary
	.comment
	.comment-children
	.comment-content
	.comment-meta
	.comment-time:after {
	display: none;
}
#comments.diary
	.comment
	.comment-children
	.comment-content
	.comment-meta
	.comment-time
	p {
	width: auto;
	line-height: normal;
}
#comments.diary
	.comment
	.comment-children
	.comment-content
	.comment-meta
	.comment-time
	p:last-child {
	background: 0 0;
	color: #fff;
}
#comments.diary .comment .comment-content .comment-text {
	margin-left: 73px;
	border-radius: 10px;
	background-color: #f7f7f7;
	padding: 9pt;
	float: unset;
}
#comments.diary .comment .comment-children .comment-content .comment-text {
	margin-left: 0;
	box-shadow: none;
	padding: 0;
	float: left;
	margin-bottom: 10px;
}
#comments.diary .page-navigator {
	border: none;
}
#comments.diary .comment .comment-content {
	margin-left: 0;
	max-width: 100%;
	width: 100%;
	position: relative;
	margin-bottom: -9pt;
}
#comments.diary .comment .comment-children .comment-content {
	margin-left: 8px;
	max-width: calc(100% - 63px);
}
#comments.diary .comment .comment-list .comment-children {
	border-radius: 10px;
	padding: 15px;
	background-color: #f7f7f7;
	margin-left: 73px;
	margin-top: 10px;
}
#catui-footer .btn-top {
	bottom: 50px;
}
#catui-footer .btn-top,
#catui-footer .nav-button {
	width: 60px;
	height: 60px;
	line-height: 60px !important;
	color: #fff;
	background: #f4a7b9;
	text-align: center;
	position: fixed;
	right: 90pt;
	z-index: 999;
	border-radius: 100%;
	font-size: 26px !important;
}
#catui-footer .nav-button {
	top: calc(100vh - 30px);
}
#catui-footer .footer {
	background: #fff;
	color: #5a5f69;
}
#catui-footer .footer .copyright {
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
}
@keyframes loading-l {
	0% {
		transform: translateY(30px);
	}
	to {
		transform: translateY(0px);
	}
}
@media screen and (max-width: 850px) {
	.catui-container {
		width: 100%;
		margin: 0;
	}
	.catui-item {
		box-shadow: none;
		border-radius: 0;
	}
	.catui-item.sider-fixed {
		border-radius: 10px;
		margin-left: 10px;
	}
	#catui-header .header-btn-totop {
		display: none !important;
	}
	#catui-content article .link-area a {
		width: calc(33.333333333333336% - 8px);
	}
	#catui-content .catui-primary,
	#catui-content .catui-secondary {
		width: 100%;
	}
	#catui-content .catui-secondary .catui-item.sider-fixed {
		width: calc(100% - 20px);
	}
	#catui-content .catui-primary {
		margin-top: 0;
	}
	#catui-header .header-canopy .header-cover,
	#catui-header .header-canopy .header-cover-bk {
		height: 15pc;
	}
	#catui-header .header-canopy .header-menu-avatar {
		bottom: 105px;
	}
	#catui-header .header-canopy .header-menu-title {
		bottom: 70px;
	}
	#catui-header .header {
		margin-top: 0;
	}
	#catui-header .header-canopy {
		margin-bottom: 0;
	}
	#comments .comment .comment-content .comment-text img {
		width: calc(50% - 5px);
	}
	#comments
		.comment
		.comment-content
		.comment-text
		.catui-gallery
		a:nth-child(2n + 2) {
		margin-right: 0;
	}
}
@media screen and (min-width: 1440px) {
	.catui-container {
		max-width: 1100px;
	}
}
@media screen and (min-width: 1920px) {
	#catui-content article .link-area a {
		width: calc(10% - 8px);
	}
}
@media screen and (min-width: 2560px) {
	#catui-content article .link-area a {
		width: calc(8.333333333333334% - 8px);
	}
}
article {
	color: #444;
	font-family: microsoft yahei;
}
article p {
	line-height: 24px;
}
article code {
	position: relative;
	border: 1px solid #ddd;
	background: #f6f6f6;
	padding: 0 5px;
	display: inline-block;
	border-radius: 6px;
}
article pre code {
	padding-left: 55px !important;
}
article pre code:before {
	content: "01.\A 02.\A 03.\A 04.\A 05.\A 06.\A 07.\A 08.\A 09.\A 10.\A 11.\A 12.\A 13.\A 14.\A 15.\A 16.\A 17.\A 18.\A 19.\A 20.\A 21.\A 22.\A 23.\A 24.\A 25.\A 26.\A 27.\A 28.\A 29.\A 30.\A 31.\A 32.\A 33.\A 34.\A 35.\A 36.\A 37.\A 38.\A 39.\A 40.\A 41.\A 42.\A 43.\A 44.\A 45.\A 46.\A 47.\A 48.\A 49.\A 50.\A 51.\A 52.\A 53.\A 54.\A 55.\A 56.\A 57.\A 58.\A 59.\A 60.\A 61.\A 62.\A 63.\A 64.\A 65.\A 66.\A 67.\A 68.\A 69.\A 70.\A 71.\A 72.\A 73.\A 74.\A 75.\A 76.\A 77.\A 78.\A 79.\A 80.\A 81.\A 82.\A 83.\A 84.\A 85.\A 86.\A 87.\A 88.\A 89.\A 90.\A 91.\A 92.\A 93.\A 94.\A 95.\A 96.\A 97.\A 98.\A 99.\A 100.\A 101.\A 102.\A 103.\A 104.\A 105.\A 106.\A 107.\A 108.\A 109.\A 110.\A 111.\A 112.\A 113.\A 114.\A 115.\A 116.\A 117.\A 118.\A 119.\A 120.\A 121.\A 122.\A 123.\A 124.\A 125.\A 126.\A 127.\A 128.\A 129.\A 130.\A 131.\A 132.\A 133.\A 134.\A 135.\A 136.\A 137.\A 138.\A 139.\A 140.\A 141.\A 142.\A 143.\A 144.\A 145.\A 146.\A 147.\A 148.\A 149.\A 150.\A 151.\A 152.\A 153.\A 154.\A 155.\A 156.\A 157.\A 158.\A 159.\A 160.\A 161.\A 162.\A 163.\A 164.\A 165.\A 166.\A 167.\A 168.\A 169.\A 170.\A 171.\A 172.\A 173.\A 174.\A 175.\A 176.\A 177.\A 178.\A 179.\A 180.\A 181.\A 182.\A 183.\A 184.\A 185.\A 186.\A 187.\A 188.\A 189.\A 190.\A 191.\A 192.\A 193.\A 194.\A 195.\A 196.\A 197.\A 198.\A 199.\A 200.\A 201.\A 202.\A 203.\A 204.\A 205.\A 206.\A 207.\A 208.\A 209.\A 210.\A 211.\A 212.\A 213.\A 214.\A 215.\A 216.\A 217.\A 218.\A 219.\A 220.\A 221.\A 222.\A 223.\A 224.\A 225.\A 226.\A 227.\A 228.\A 229.\A 230.\A 231.\A 232.\A 233.\A 234.\A 235.\A 236.\A 237.\A 238.\A 239.\A 240.\A 241.\A 242.\A 243.\A 244.\A 245.\A 246.\A 247.\A 248.\A 249.\A 250.\A 251.\A 252.\A 253.\A 254.\A 255.\A 256.\A 257.\A 258.\A 259.\A 260.\A 261.\A 262.\A 263.\A 264.\A 265.\A 266.\A 267.\A 268.\A 269.\A 270.\A 271.\A 272.\A 273.\A 274.\A 275.\A 276.\A 277.\A 278.\A 279.\A 280.\A 281.\A 282.\A 283.\A 284.\A 285.\A 286.\A 287.\A 288.\A 289.\A 290.\A 291.\A 292.\A 293.\A 294.\A 295.\A 296.\A 297.\A 298.\A 299.\A 300.\A 301.\A 302.\A 303.\A 304.\A 305.\A 306.\A 307.\A 308.\A 309.\A 310.\A 311.\A 312.\A 313.\A 314.\A 315.\A 316.\A 317.\A 318.\A 319.\A 320.\A 321.\A 322.\A 323.\A 324.\A 325.\A 326.\A 327.\A 328.\A 329.\A 330.\A 331.\A 332.\A 333.\A 334.\A 335.\A 336.\A 337.\A 338.\A 339.\A 340.\A 341.\A 342.\A 343.\A 344.\A 345.\A 346.\A 347.\A 348.\A 349.\A 350.\A 351.\A 352.\A 353.\A 354.\A 355.\A 356.\A 357.\A 358.\A 359.\A 360.\A 361.\A 362.\A 363.\A 364.\A 365.\A 366.\A 367.\A 368.\A 369.\A 370.\A 371.\A 372.\A 373.\A 374.\A 375.\A 376.\A 377.\A 378.\A 379.\A 380.\A 381.\A 382.\A 383.\A 384.\A 385.\A 386.\A 387.\A 388.\A 389.\A 390.\A 391.\A 392.\A 393.\A 394.\A 395.\A 396.\A 397.\A 398.\A 399.\A 400.\A 401.\A 402.\A 403.\A 404.\A 405.\A 406.\A 407.\A 408.\A 409.\A 410.\A 411.\A 412.\A 413.\A 414.\A 415.\A 416.\A 417.\A 418.\A 419.\A 420.\A 421.\A 422.\A 423.\A 424.\A 425.\A 426.\A 427.\A 428.\A 429.\A 430.\A 431.\A 432.\A 433.\A 434.\A 435.\A 436.\A 437.\A 438.\A 439.\A 440.\A 441.\A 442.\A 443.\A 444.\A 445.\A 446.\A 447.\A 448.\A 449.\A 450.\A 451.\A 452.\A 453.\A 454.\A 455.\A 456.\A 457.\A 458.\A 459.\A 460.\A 461.\A 462.\A 463.\A 464.\A 465.\A 466.\A 467.\A 468.\A 469.\A 470.\A 471.\A 472.\A 473.\A 474.\A 475.\A 476.\A 477.\A 478.\A 479.\A 480.\A 481.\A 482.\A 483.\A 484.\A 485.\A 486.\A 487.\A 488.\A 489.\A 490.\A 491.\A 492.\A 493.\A 494.\A 495.\A 496.\A 497.\A 498.\A 499.\A 500.\A 501.\A 502.\A 503.\A 504.\A 505.\A 506.\A 507.\A 508.\A 509.\A 510.\A 511.\A 512.\A 513.\A 514.\A 515.\A 516.\A 517.\A 518.\A 519.\A 520.\A 521.\A 522.\A 523.\A 524.\A 525.\A 526.\A 527.\A 528.\A 529.\A 530.\A 531.\A 532.\A 533.\A 534.\A 535.\A 536.\A 537.\A 538.\A 539.\A 540.\A 541.\A 542.\A 543.\A 544.\A 545.\A 546.\A 547.\A 548.\A 549.\A 550.\A 551.\A 552.\A 553.\A 554.\A 555.\A 556.\A 557.\A 558.\A 559.\A 560.\A 561.\A 562.\A 563.\A 564.\A 565.\A 566.\A 567.\A 568.\A 569.\A 570.\A 571.\A 572.\A 573.\A 574.\A 575.\A 576.\A 577.\A 578.\A 579.\A 580.\A 581.\A 582.\A 583.\A 584.\A 585.\A 586.\A 587.\A 588.\A 589.\A 590.\A 591.\A 592.\A 593.\A 594.\A 595.\A 596.\A 597.\A 598.\A 599.\A 600.\A 601.\A 602.\A 603.\A 604.\A 605.\A 606.\A 607.\A 608.\A 609.\A 610.\A 611.\A 612.\A 613.\A 614.\A 615.\A 616.\A 617.\A 618.\A 619.\A 620.\A 621.\A 622.\A 623.\A 624.\A 625.\A 626.\A 627.\A 628.\A 629.\A 630.\A 631.\A 632.\A 633.\A 634.\A 635.\A 636.\A 637.\A 638.\A 639.\A 640.\A 641.\A 642.\A 643.\A 644.\A 645.\A 646.\A 647.\A 648.\A 649.\A 650.\A 651.\A 652.\A 653.\A 654.\A 655.\A 656.\A 657.\A 658.\A 659.\A 660.\A 661.\A 662.\A 663.\A 664.\A 665.\A 666.\A 667.\A 668.\A 669.\A 670.\A 671.\A 672.\A 673.\A 674.\A 675.\A 676.\A 677.\A 678.\A 679.\A 680.\A 681.\A 682.\A 683.\A 684.\A 685.\A 686.\A 687.\A 688.\A 689.\A 690.\A 691.\A 692.\A 693.\A 694.\A 695.\A 696.\A 697.\A 698.\A 699.\A 700.\A 701.\A 702.\A 703.\A 704.\A 705.\A 706.\A 707.\A 708.\A 709.\A 710.\A 711.\A 712.\A 713.\A 714.\A 715.\A 716.\A 717.\A 718.\A 719.\A 720.\A 721.\A 722.\A 723.\A 724.\A 725.\A 726.\A 727.\A 728.\A 729.\A 730.\A 731.\A 732.\A 733.\A 734.\A 735.\A 736.\A 737.\A 738.\A 739.\A 740.\A 741.\A 742.\A 743.\A 744.\A 745.\A 746.\A 747.\A 748.\A 749.\A 750.\A 751.\A 752.\A 753.\A 754.\A 755.\A 756.\A 757.\A 758.\A 759.\A 760.\A 761.\A 762.\A 763.\A 764.\A 765.\A 766.\A 767.\A 768.\A 769.\A 770.\A 771.\A 772.\A 773.\A 774.\A 775.\A 776.\A 777.\A 778.\A 779.\A 780.\A 781.\A 782.\A 783.\A 784.\A 785.\A 786.\A 787.\A 788.\A 789.\A 790.\A 791.\A 792.\A 793.\A 794.\A 795.\A 796.\A 797.\A 798.\A 799.\A 800.\A 801.\A 802.\A 803.\A 804.\A 805.\A 806.\A 807.\A 808.\A 809.\A 810.\A 811.\A 812.\A 813.\A 814.\A 815.\A 816.\A 817.\A 818.\A 819.\A 820.\A 821.\A 822.\A 823.\A 824.\A 825.\A 826.\A 827.\A 828.\A 829.\A 830.\A 831.\A 832.\A 833.\A 834.\A 835.\A 836.\A 837.\A 838.\A 839.\A 840.\A 841.\A 842.\A 843.\A 844.\A 845.\A 846.\A 847.\A 848.\A 849.\A 850.\A 851.\A 852.\A 853.\A 854.\A 855.\A 856.\A 857.\A 858.\A 859.\A 860.\A 861.\A 862.\A 863.\A 864.\A 865.\A 866.\A 867.\A 868.\A 869.\A 870.\A 871.\A 872.\A 873.\A 874.\A 875.\A 876.\A 877.\A 878.\A 879.\A 880.\A 881.\A 882.\A 883.\A 884.\A 885.\A 886.\A 887.\A 888.\A 889.\A 890.\A 891.\A 892.\A 893.\A 894.\A 895.\A 896.\A 897.\A 898.\A 899.\A 900.\A 901.\A 902.\A 903.\A 904.\A 905.\A 906.\A 907.\A 908.\A 909.\A 910.\A 911.\A 912.\A 913.\A 914.\A 915.\A 916.\A 917.\A 918.\A 919.\A 920.\A 921.\A 922.\A 923.\A 924.\A 925.\A 926.\A 927.\A 928.\A 929.\A 930.\A 931.\A 932.\A 933.\A 934.\A 935.\A 936.\A 937.\A 938.\A 939.\A 940.\A 941.\A 942.\A 943.\A 944.\A 945.\A 946.\A 947.\A 948.\A 949.\A 950.\A 951.\A 952.\A 953.\A 954.\A 955.\A 956.\A 957.\A 958.\A 959.\A 960.\A 961.\A 962.\A 963.\A 964.\A 965.\A 966.\A 967.\A 968.\A 969.\A 970.\A 971.\A 972.\A 973.\A 974.\A 975.\A 976.\A 977.\A 978.\A 979.\A 980.\A 981.\A 982.\A 983.\A 984.\A 985.\A 986.\A 987.\A 988.\A 989.\A 990.\A 991.\A 992.\A 993.\A 994.\A 995.\A 996.\A 997.\A 998.\A 999.";
	background-color: hsla(0, 0%, 100%, 0.15);
	color: #fff;
	outline: 75pt solid hsla(0, 0%, 100%, 0.15);
	position: absolute;
	top: 0.5em;
	bottom: 0.5em;
	left: 0;
	text-align: right;
	clip: rect(-100px 2em 9999px 0);
	clip: rect(-100px 5ch 9999px 0);
	overflow: hidden;
	padding: 1px 5px;
}
article code::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
article code::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #888;
}
article a {
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-decoration: none;
	position: relative;
	word-wrap: break-word;
}
article a,
article a:focus,
article a:hover {
	color: #f4696a;
}
article a:after {
	-webkit-transition: width 0.35s;
	transition: width 0.35s;
	content: "";
	right: 0;
	width: 0;
	bottom: -2px;
	position: absolute;
	border-bottom: 1px solid;
}
article a:hover:after {
	left: 0;
	width: 100%;
}
article p {
	margin: 20px 0;
	position: relative;
}
article p:after {
	content: "";
	clear: both;
	display: block;
}
article del {
	color: #999;
	font-size: 0.9em;
}
article img {
	display: block;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
	color: #111;
	margin: 20px 0;
}
article h4,
article h5,
article h6 {
	position: relative;
}
article h4:before,
article h5:before,
article h6:before {
	display: inline-block;
	width: 1em;
	content: "#";
	color: #f4696a;
}
article h1 {
	font-size: 2.2em;
}
article h2 {
	font-size: 1.5em;
	margin: 25px 0;
	position: relative;
	padding-bottom: 10px;
}
article h2:before {
	content: "";
	width: calc(100% + 40px);
	border-bottom: 1px solid #eee;
	position: absolute;
	bottom: -1px;
	left: -20px;
}
article h2:after {
	transition: all 0.35s;
	content: "";
	position: absolute;
	background: #f4a7b9;
	width: 1em;
	height: 5px;
	bottom: -3px;
	left: 0;
	border-radius: 6px;
}
article h2:hover:after {
	width: 2em;
}
article h3 {
	font-size: 1.3em;
}
article h4 {
	font-size: 1.15em;
}
article h5 {
	font-size: 1em;
}
article h6 {
	font-size: 0.9em;
}
article blockquote {
	color: #666;
	margin: 0;
	padding: 0.1em 2.2em;
	background-color: #f8f8f8;
	line-height: 28px;
	position: relative;
	margin-bottom: 15px;
	border-radius: 6px;
	border: 1px solid #eee;
	font-family: sf pro sc, sf pro display, sf pro icons, aos icons, pingfang sc,
		helvetica neue, helvetica, arial, sans-serif;
}
article blockquote:before {
	content: "“";
	top: 15px;
	left: 10px;
	position: absolute;
	color: #888;
	font-size: 3em;
}
article blockquote:after {
	content: "”";
	bottom: -8px;
	right: 10px;
	position: absolute;
	color: #888;
	font-size: 3em;
}
article hr {
	display: block;
	border: 0;
	border-top: 1px dashed #ccc;
	margin: 20px 0;
	padding: 0;
}
article pre {
	border-radius: 6px;
	max-height: 600px;
	box-sizing: border-box;
	margin: 20px 0;
}
article sub,
article sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
article sup {
	top: -0.5em;
}
article sub {
	bottom: -0.25em;
}
article ol,
article ul {
	padding: 0 0 0 2em;
	margin-top: 0;
}
article ul .mdui-checkbox {
	padding-left: 22px;
	height: 18px;
}
article ul .mdui-checkbox-icon {
	top: 4px;
}
article li {
	line-height: 24px;
}
article li p {
	margin: 0 !important;
}
article dd {
	margin: 0 0 0 2em;
}
article table {
	color: #5b6064;
	border-spacing: 0;
	text-align: center;
	border-collapse: collapse;
	box-shadow: 0 0 0 1px #eee;
	display: inline-block;
	max-width: 100%;
	overflow: auto;
	white-space: nowrap;
	margin: auto;
	border-radius: 6px;
}
article table::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
article table::-webkit-scrollbar-thumb {
	background-color: #888;
}
article table thead {
	border-bottom: 1px solid #eee;
}
article table thead,
article table thead tr {
	background-color: #f8f8f8;
}
article table th {
	font-weight: 400;
}
article table td,
article table th {
	border-right: 1px solid #eee;
	padding: 13px 26px;
}
article table td:last-child,
article table th:last-child {
	border: none;
}
article table tr {
	background-color: #fff;
}
article table tr:nth-child(2n) {
	background-color: #f8f8f8;
}
article canvas,
article iframe,
article img,
article select,
article svg,
article textarea,
article video {
	width: auto;
	max-width: 100%;
}
details ul {
	padding-left: 1.7em;
}
summary {
	cursor: pointer;
}
summary i {
	margin-right: 0.3em;
	width: 24px;
}
summary::-webkit-details-marker {
	display: none;
}
details[open] > summary .add,
summary .remove {
	display: none;
}
article .catui-pic,
details[open] > summary .remove {
	display: inline-block;
}
article .catui-pic {
	max-height: 25pc;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 0 1px #eee;
}
article .catui-pic-2 p {
	width: calc(50% - 10px);
}
article .catui-pic-3 p {
	width: calc(33.333333333333336% - 0.8333333333333334pc);
}
article .catui-pic-2 p,
article .catui-pic-3 p {
	float: left;
	margin-right: 20px !important;
	margin-top: 0 !important;
}
article .catui-pic-2 img,
article .catui-pic-3 img {
	object-fit: cover;
}
article .catui-pic-2 p:after,
article .catui-pic-3 p:after {
	content: attr(title);
	position: absolute;
	bottom: 0;
	padding: 10px;
	color: #fff;
	right: 0;
	max-width: 100%;
	box-sizing: border-box;
	word-wrap: break-word;
	pointer-events: none;
}
article .catui-pic-2 p:nth-child(2n + 2),
article .catui-pic-3 p:nth-child(3n + 3) {
	margin-right: 0 !important;
}
article .catui-pic-2,
article .catui-pic-3 {
	margin-bottom: -20px;
}
article .catui-pic-2:after,
article .catui-pic-3:after {
	content: "";
	clear: both;
	display: block;
}
.aplayer {
	box-shadow: 0 0 0 1px #eee !important;
	border-radius: 6px !important;
	margin: 15px 0 !important;
}
.aplayer .aplayer-info {
	padding: 9px 7px 0 10px !important;
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap {
	margin-left: 1px !important;
	padding-right: 3px;
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar,
.aplayer
	.aplayer-info
	.aplayer-controller
	.aplayer-bar-wrap
	.aplayer-bar
	.aplayer-loaded,
.aplayer
	.aplayer-info
	.aplayer-controller
	.aplayer-bar-wrap
	.aplayer-bar
	.aplayer-played {
	height: 6px !important;
	border-radius: 10px !important;
}
.aplayer
	.aplayer-info
	.aplayer-controller
	.aplayer-bar-wrap
	.aplayer-bar
	.aplayer-played
	.aplayer-thumb {
	height: 9pt !important;
	width: 9pt !important;
	right: 3px !important;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.18) !important;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}
.aplayer
	.aplayer-info
	.aplayer-controller
	.aplayer-volume-wrap
	.aplayer-volume-bar-wrap
	.aplayer-volume-bar,
.aplayer
	.aplayer-info
	.aplayer-controller
	.aplayer-volume-wrap
	.aplayer-volume-bar-wrap
	.aplayer-volume-bar
	.aplayer-volume {
	border-radius: 10px;
	width: 6px;
}
.aplayer
	.aplayer-info
	.aplayer-controller
	.aplayer-volume-wrap
	.aplayer-volume-bar-wrap
	.aplayer-volume-bar {
	right: 10.5px;
}
.aplayer .aplayer-list ol li {
	border-top: none !important;
}
.aplayer .aplayer-list ol li.aplayer-list-light {
	background: #f8f8f8 !important;
}