@keyframes spinner-border {
	to {
		transform: rotate(360deg)
	}
}

@keyframes spinner-grow {
	0% {
		transform: scale(0)
	}

	50% {
		opacity: 1;
		transform: none
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position: 1rem 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes fadeInUp {
	0% {
		transform: translate3d(0, 40px, 0)
	}

	to {
		transform: translate3d(0, 0, 0);
		opacity: 1
	}
}

@keyframes spin-animation {
	0% {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes waveMove {
	0% {
		background-position: 0 100%
	}

	to {
		background-position: -20px 100%
	}
}

@keyframes fadeOut {

	0%,
	to {
		opacity: 1
	}

	10% {
		opacity: 0
	}
}

:root {
	--theme-color: #DAB96B;
	--theme-hover: #bd9237;
	--theme-black: #382B20;
	--theme-light: #df9d01;
	--theme-border-radius: 4px;
	/* #FAB30B */
	--theme-bg-color: #F6F6F6;
	--theme-base-color: #ffffff;

	--theme-black-color: #392b20;
	--theme-black-hover: #ede7d9;
	--theme-red-color: #95191b;
	--theme-red-hover: #e3d3bf;
	--theme-border-color: #ede7d9;
	--theme-border-hover: #382B20;
	--theme-light-color: #5E534B;
	--theme-light-hover: #ddd;
	--theme-link-color:#f30505;
	/* #f1ece1 */
	--theme-gray-color: #8a8a8a;

	/* #94181a; */
	/* #e6e1cd; */

	--border-secondary-color: rgba(200, 200, 200, 0.4);
	--theme-secondary-bg-color: #f8f8f8;
	--shadow-color: rgba(200, 200, 200, 0.3);
}

::selection {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
}

::-moz-selection {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
}

html {
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	font-size: 16px;
}

body {
	background: var(--theme-bg-color);
	margin: 0px;
	padding: 0px;
	color: var(--theme-black-color);
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
}

* {
	outline: 0;
	box-sizing: border-box;
}

button,
input {
	overflow: visible;
	outline: 0;
}

input,
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: 0;
	box-shadow: none;
}

form,
img,
li {
	margin: 0;
	padding: 0;
	border: 0;
}

dl,
dt,
dd {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 12px;
	padding: 10px;
}

legend {
	color: var(--theme-black-color);
	font-size: 13pt;
	font-weight: bold;
}

a:link,
a:hover,
a:visited {
	color: var(--theme-black-color);
	text-decoration: none;
	font-size: 14px;
}

a:hover {
	color: var(--theme-light);
}

a.disabled {
	cursor: not-allowed;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
	text-decoration: line-through;
}

img {
	vertical-align: middle;
	border: 0;
}

ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

*,
:after,
:before,
input[type=search] {
	box-sizing: border-box;
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.float-right {
	float: right !important
}

.float-left {
	float: left !important
}

.float-none {
	float: none !important
}

.hide {
	display: none !important
}

.show {
	display: block !important
}

.invisible {
	visibility: hidden
}

.mt20 {
	margin-top: 20px !important;
}

.text-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}

.pt-20 {
	padding-top: 20px;
}

.pr-20 {
	padding-right: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pl-20 {
	padding-left: 20px;
}

.d-inline {
	display: inline !important;
}

.d-block {
	display: block !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pull-right {
	float: right !important
}

.pull-left {
	float: left !important
}

.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: .925rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.form-control {
		transition: none
	}
}

.form-control::-ms-expand {
	background-color: transparent;
	border: 0
}

.form-control:focus {
	color: #5E534B;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .1rem rgba(0, 123, 255, .25)
}

.form-control::placeholder {
	color: #5E534B;
	opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}

.multiple-search.warning ::-webkit-input-placeholder {
	color: #c00 !important
}

.multiple-search.warning :-moz-placeholder,
.multiple-search.warning ::-moz-placeholder {
	color: #c00 !important
}

.multiple-search.warning :-ms-input-placeholder {
	color: #c00 !important
}

input[type=date].form-control,
input[type=time].form-control {
	appearance: none
}

select.form-control:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #495057
}

select.form-control:focus::-ms-value {
	color: #495057;
	background-color: #fff
}

select.form-control[multiple],
select.form-control[size],
textarea.form-control {
	height: auto
}

.form-group {
	margin-bottom: 1rem
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem
}

.form-check-input {
	position: absolute;
	margin-top: .3rem;
	margin-left: -1.25rem
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
	color: #6c757d
}

.form-check-label {
	margin-bottom: 0
}

.form-check-inline {
	display: inline-flex;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem
}

.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: .3125rem;
	margin-left: 0
}

.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.btn {
		transition: none
	}
}

.btn:hover {
	color: #212529;
	text-decoration: none
}

.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.btn.disabled,
.btn:disabled {
	opacity: .65
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

a.btn.disabled {
	pointer-events: none
}

.btn-primary {
	color: var(--theme-color);
	background-color: #4C4036;
	border-color: #4C4036;
}

.btn-primary:hover {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
	border-color: var(--theme-black-color);
}

.btn-primary.focus,
.btn-primary:focus {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
	border-color: var(--theme-black-color);
	box-shadow: 0 0 0 .2rem rgba(189, 146, 55, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
	border-color: var(--theme-black-color)
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
	border-color: var(--theme-black-color)
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(189, 146, 55, .5)
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62
}

.btn-secondary.focus,
.btn-secondary:focus {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #5cb85c
}

.btn-success:hover {
	color: #fff;
	background-color: #449d44;
	border-color: #398439
}

.btn-success.focus,
.btn-success:focus {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-success.disabled,
.btn-success:disabled {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b
}

.btn-info.focus,
.btn-info:focus {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-info.disabled,
.btn-info:disabled {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130
}

.btn-danger.focus,
.btn-danger:focus {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-dark {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-dark:hover {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124
}

.btn-dark.focus,
.btn-dark:focus {
	color: #fff;
	background-color: #23272b;
	border-color: #1d2124;
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-outline-danger {
	color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger.focus,
.btn-outline-danger:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
	color: #dc3545;
	background-color: transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-sm {
	padding: .5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: .3rem
}

.btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	border-radius: .2rem
}

.collapse:not(.show) {
	display: none
}

.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%
}

.input-group>.form-control {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
	margin-bottom: 0
}

.input-group>.form-control+.form-control {
	margin-left: -1px
}

.input-group>.form-control:focus {
	z-index: 3
}

.input-group>.form-control:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.input-group:not(.has-validation)>.form-control:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group-append,
.input-group-prepend {
	display: flex
}

.input-group-append .btn,
.input-group-prepend .btn {
	position: relative;
	z-index: 2
}

.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
	z-index: 3
}

.input-group-prepend {
	margin-right: -1px
}

.input-group-append,
.input-group-append .btn+.btn,
.input-group-prepend .btn+.btn {
	margin-left: -1px
}

.input-group-sm>.form-control:not(textarea) {
	height: calc(1.5em + .5rem + 2px)
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-prepend>.btn {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .2rem
}

.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-prepend>.btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.input-group>.input-group-append>.btn,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
	.badge {
		transition: none
	}
}

a.badge:focus,
a.badge:hover {
	text-decoration: none
}

.badge:empty {
	display: none
}

.btn .badge {
	position: relative;
	top: -1px
}

.badge-primary {
	color: #fff;
	background-color: #007bff
}

a.badge-primary:focus,
a.badge-primary:hover {
	color: #fff;
	background-color: #0062cc
}

a.badge-primary.focus,
a.badge-primary:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.badge-info {
	color: #fff;
	background-color: #17a2b8
}

a.badge-info:focus,
a.badge-info:hover {
	color: #fff;
	background-color: #117a8b
}

a.badge-info.focus,
a.badge-info:focus {
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

a.wave {
	padding-bottom: 1px;
	text-align: center;
	color: var(--theme-link-color);
	border-bottom: 1px solid var(--theme-link-color)
}

a.wave:hover {
	color: var(--theme-link-color);
	padding-bottom: 4px;
	border-color: transparent;
	animation: waveMove 1s infinite linear;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 4'%3E%3Cpath fill='none' stroke='%23f30505' d='M0 3.5c5 0 5-3 10-3s5 3 10 3 5-3 10-3 5 3 10 3'/%3E%3C/svg%3E") repeat-x 0 100%;
	background-size: 20px auto
}

a.han:hover img,
a.wave img[data-src$=".svg"] {
	filter: invert(20%) sepia(93%) saturate(4931%) hue-rotate(0deg) brightness(89%) contrast(130%) !important
}

.dropdown-menu {
	--dropdown-link-color: var(--theme-color);
	--dropdown-link-hover-color: #fff;
	--dropdown-link-hover-bg: var(--theme-color);
	--dropdown-link-active-color: #fff;
	--dropdown-link-active-bg: #D7B664
}

:root[data-theme=dark] .dropdown-menu {
	--dropdown-link-color: var(--body-color);
	--dropdown-link-hover-color: #fff;
	--dropdown-link-hover-bg: #444;
	--dropdown-link-active-color: #fff;
	--dropdown-link-active-bg: #555
}

.dropdown {
	position: relative
}

.dropdown-toggle {
	white-space: nowrap
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
	margin-left: 0
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 3030;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: var(--theme-bg-color);
	background-clip: padding-box;
	border: 1px solid var(--theme-border-color);
	border-radius: .25rem
}

.dropdown-item {
	display: block;
	width: 100%;
	padding: 6px 18px;
	clear: both;
	font-weight: 400;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--dropdown-link-hover-color);
	text-decoration: none;
	background-color: var(--dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
	color: var(--dropdown-link-active-color);
	text-decoration: none;
	background-color: var(--dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
	color: #adb5bd;
	pointer-events: none;
	background-color: transparent
}

.dropdown-menu.show {
	display: block
}

.showmore {
	position: relative;
	overflow: hidden;
	visibility: visible
}

.showmore.linear-gradient:after {
	content: "";
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	height: 90px;
	background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#ffffff));
	background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #ffffff)
}

.showmore-box {
	text-align: center
}

.showmore-btn111 {
	font-size: 16px;
	color: #b9a189;
	display: inline-block;
	cursor: pointer
}

.showmore-btn {
	font-size: .875rem;
	display: inline-block;
	cursor: pointer;
	border: 1px solid var(--theme-hover);
	padding: 10px 20px;
	border-radius: 50px;
	color: var(--theme-hover);
}

.showmore-btn:hover {
	color: var(--theme-color);
	background-color: var(--theme-black-color);
}

.footer {
	padding: 35px 0 20px;
	color: #5f676f;
	display: block;
	text-align: center;
}

.footer,
.footer a {
	font-size: 14px;
	line-height: 16px;
	color: #666;
}

.footer a {
	margin-right: 6px;
}

.footer a:hover {
	color: var(--theme-hover);
}

.notification-container {
	position: fixed;
	z-index: 10002;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	pointer-events: none
}

.notification-container .notification-message {
	min-width: 240px;
	white-space: nowrap;
	width: auto;
	height: auto;
	padding: 15px;
	text-align: center;
	color: var(--theme-color);
	;
	border: 2px solid var(--theme-border-color);
	background-color: var(--theme-black);
	border-radius: 8px;
	opacity: 0;
	transform: translateY(40px);
	transition: all .2s cubic-bezier(.785, .135, .15, .86)
}

.notification-container.show .notification-message {
	opacity: 1;
	transform: translateY(0)
}

.notification-container.hide .notification-message {
	opacity: 0;
	transform: translateY(-40px)
}

.notify-danger {
	background-color: #fff;
	border-radius: 5px;
	border-left-color: red;
	padding: 15px;
	margin: -5px 0 15px
}

.action {
	position: fixed;
	z-index: 999;
	bottom: 20%;
	right: 20px;
	width: 40px;
	display: flex;
	flex-direction: column
}

.action.action-style-1 {
	width: 62px
}

.action.action-style-1 .action-item {
	width: 62px;
	height: 64px
}

.action.action-style-1 .action-item>span {
	display: block;
	font-size: 12px;
	line-height: 1
}

.action.action-style-1 .action-item-icon {
	font-size: 28px;
	line-height: 42px;
	vertical-align: top
}

.action.action-color-1 .action-item {
	position: relative;
	z-index: 0;
	color: var(--theme-color);
	background-color: var(--theme-black-color)
}

.action.action-color-1 .action-item:hover:before {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .1);
	content: ""
}

.action.action-pos-1 {
	right: auto;
	left: 50%;
	margin-left: 610px
}

@media (max-width:1219px) {
	.action.action-pos-1 {
		left: auto;
		right: 10px;
		margin-left: 0
	}
}

.action.hide-gotop .action-item:nth-last-child(2),
.action.hide-gotop .action-item:nth-last-child(2):before {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.action .action-item {
	position: relative;
	z-index: 0;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: hsla(var(--theme-color-hsl), .5);
	text-align: center;
	background: var(--theme-body-bg-color);
	text-decoration: none;
	border-top: 1px solid hsla(var(--theme-color-hsl), .1);
	box-sizing: initial
}

.action .action-item:before {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: var(--theme-black-color);
	content: ""
}

.action .action-item:first-child {
	border-top: 0
}

.action .action-item:first-child,
.action .action-item:first-child:before {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

.action .action-item:last-child,
.action .action-item:last-child:before {
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.action .action-item:hover {
	color: #fff;
	background-color: var(--theme-hover);
	cursor: pointer
}

.action .action-item:hover .action-item-inner {
	visibility: visible;
	opacity: 1;
	transform: translateX(-5px);
	transition: all .3s ease
}

.action .gotop,
.action .gotop.active {
	opacity: 0;
	transition: opacity .3s ease
}

.action .gotop.active {
	opacity: 1
}

.action .action-item-icon {
	font-size: 20px;
	line-height: 40px
}

.action .action-item-inner {
	visibility: hidden;
	position: absolute;
	right: 98%;
	top: 50%;
	width: 250px;
	padding: 15px;
	font-size: 12px;
	color: var(--theme-black-color);
	text-align: left;
	background-color: var(--theme-el-bg-color);
	box-shadow: 0 0 3px 1px hsla(var(--theme-color-hsl), .1);
	opacity: 0;
	cursor: auto;
	transition: all .3s ease
}

.action .action-item-inner:after {
	position: absolute;
	width: 5px;
	height: 100%;
	right: -5px;
	top: 0;
	content: ""
}

.action .action-item-inner.action-item-type-2 {
	font-size: 14px;
	line-height: 1.6
}

.action .action-item-inner.action-item-type-2 p:last-child,
.modules-text blockquote p:last-child,
.modules-text p:last-child {
	margin-bottom: 0
}

.action .action-item-inner img {
	max-width: 100%;
	height: auto
}

.action .action-item-inner .action-item-img {
	display: block
}

.action .action-item-inner h2,
.action .action-item-inner h3,
.action .action-item-inner h4,
.action .action-item-inner h5,
.action .action-item-inner h6 {
	margin: .5em 0
}

.action .action-item-inner h1:first-child,
.action .action-item-inner h2:first-child,
.action .action-item-inner h3:first-child,
.action .action-item-inner h4:first-child,
.action .action-item-inner h5:first-child,
.action .action-item-inner h6:first-child {
	margin-top: 0
}

.action .action-item-inner h1 {
	margin: 1em 0
}

.action .action-item-inner h2,
.action .action-item-inner h3,
.action .action-item-inner h4 {
	padding: 10px 15px;
	margin-bottom: 1em;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #fff;
	background: var(--theme-color);
	border-radius: 2px
}

.action .share-more-wrap {
	padding: 10px;
	margin: 0
}

.action .action-share-item {
	position: relative;
	float: left;
	width: 49.9%;
	padding: 8px 10px;
	font-size: 14px;
	line-height: 20px;
	color: var(--theme-gray-color);
	box-sizing: border-box
}

.action .action-share-item:hover {
	color: var(--theme-hover);
	text-decoration: none;
	background: hsla(var(--theme-color-hsl), .04)
}

.action .action-share-item:hover .share-wx-wrap {
	opacity: 1;
	bottom: 40px;
	transition: all .3s ease-out 0s
}

.action .action-share-item .wi {
	display: inline-block;
	margin-right: 3px;
	font-size: 14px;
	color: #fff;
	fill: #fff;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: top
}

.action .action-share-item .wi-weibo {
	background-color: #e05244
}

.action .action-share-item .wi-wechat {
	background-color: #44b549
}

.action .action-share-item .wi-qq {
	background-color: #22a4ff
}

.action .action-share-item .wi-qzone {
	background-color: #fdbf2f
}

.action .action-share-item .wi-douban {
	background-color: #33b045
}

.action .action-share-item .wi-linkedin {
	background-color: #0077b5
}

.action .action-share-item .wi-facebook {
	background-color: #44619d
}

.action .action-share-item .wi-twitter {
	background-color: #55acee
}

@media (max-width:767px) {
	.action {
		display: none
	}
}

.ico {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
}

.ico-search {
	background-image: url("../icons/search.svg");
	top: -1px;
}

.ico-tag {
	background-image: url("../icons/tag.svg");
	top: -2px;
}

.ico-doubleup {
	background-image: url("../icons/doubleup.svg");
	top: -2px;
}

.ico-doubledown {
	background-image: url("../icons/doubledown.svg");
	top: -2px;
}

.ico-user {
	background-image: url("../icons/user.svg");
	top: -2px;
}

.ico-check {
	background-image: url("../icons/check.svg");
	top: -2px;
}

.ico-copy {
	background-image: url("../icons/copy.svg");
	top: -2px;
}

.ico-play {
	background-image: url("../icons/play.svg");
	top: -2px;
}

.ico-play-red {
	background-image: url("../icons/play_red.svg");
	top: -2px;
}

ul.pagination {
	display: block;
	text-align: center;
	padding-left: 0 !important;
	margin: 0 !important;
}

ul.pagination>li {
	padding: 0;
	vertical-align: top;
	display: inline-block;
	font-size: 13px;
	line-height: 28px;
	cursor: pointer;
	box-sizing: border-box;
	text-align: center;
	margin: 0 5px !important;
	border: 1px solid #ddd;
	min-width: 30px;
	border-radius: var(--theme-border-radius);
}

ul.pagination>li:hover,
ul.pagination>li.active {
	color: var(--theme-color);
	background: var(--theme-black-color);
	border-color: var(--theme-black-color);
}

ul.pagination>li>a,
ul.pagination>li>span {
	display: block;
	padding: 0 8px;
	color: inherit;
	text-decoration: none;
}


.container {
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	width: 1180px;
}

.header {
	position: relative;
	width: 100%;
	border: 0;
	background-color: var(--theme-black-color);
}

.header .logo {
	flex: none;
	flex-wrap: nowrap;
}

.header .logo1 {
	margin: 0;
	text-align: left;
}

.header .logo img {
	height: 36px;
}

.header .logo .channel {
	font-size: .925rem;
	color: var(--theme-hover);
}

.header .logo .channel::before {
	content: "•";
	padding-left: 10px;
	padding-right: 10px;
}

.header .search-form {
	text-align: left;
	border: 0px solid #e6e6e6;
	margin: 8px 0 0 0;
}

.header-main {
	width: 100%;
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;
	/* NEW, Spec - Firefox, Chrome, Opera */
	justify-content: space-between;
}

.header-main .logo,
.header-main .header-nav,
.header-main .header-action {
	display: flex;
	align-items: center;
}
.header-main .logo >a{
	color: var(--theme-color);
	font-size: 22px;
}
.header-nav {
	flex-grow: 1;
	justify-content: flex-end;
}

.header-nav .nav {
	position: relative;
	list-style: none;
	padding-left: 0;
	margin: 0;
	display: flex;
	align-items: center;
	font-size: 14px;
}

.header-nav .nav li,
.header-nav .nav li>a {
	display: block;
	position: relative;
}

.header-nav .nav li>a {
	white-space: nowrap;
	background: none;
	padding: 0 14px;
	color: var(--theme-color);
	line-height: 56px;
	font-size: 15px;
}

.header-nav .nav li:hover {
	background-color: var(--theme-color);
}

.header-nav .nav li:hover a {
	color: var(--theme-black);
}

.header-main .header-action {
	justify-content: flex-end;
	padding-left: 15px;
}

.header-main .header-action>a {
	display: inline-block;
	background-color: rgba(255, 255, 255, .2);
	padding: 0 10px;
	border-radius: var(--theme-border-radius);
	color: #fff;
	transition: background-color .2s linear;
	height: 30px;
	line-height: 30px;
	border: 1px solid var(--border-secondary-color);
}

.header-main .header-action>a:hover {
	background-color: rgba(0, 0, 0, .2);
	color: #fff
}

.header-main .header-action>a:not(:first-child) {
	margin-left: 6px
}

.header-main .header-action>a>.iconfont {
	font-size: 18px;
}

.hamburger {
	margin-top: 8px;
	height: 18px;
	width: 18px
}

.hamburger .line {
	width: 18px;
	height: 2px;
	border-radius: var(--theme-border-radius);
	background-color: #ecf0f1;
	display: block;
	transition: all .3s ease-in-out
}

.hamburger .line:first-child {
	margin-bottom: 4px
}

.hamburger .line:last-child {
	margin-top: 4px
}

.hamburger.active .line:nth-child(2) {
	opacity: 0
}

.hamburger.active .line:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
	-webkit-transform: translateY(6px) rotate(45deg);
	-ms-transform: translateY(6px) rotate(45deg);
	-o-transform: translateY(6px) rotate(45deg)
}

.hamburger.active .line:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
	-webkit-transform: translateY(-6px) rotate(-45deg);
	-ms-transform: translateY(-6px) rotate(-45deg);
	-o-transform: translateY(-6px) rotate(-45deg)
}

/* header search */

.header-search-wrapper {
	position: relative;
	z-index: 1010;
	margin-top: 0;
	margin-bottom: 15px;
	border-top: 1px solid rgba(180, 180, 180, .1);
	background-color: #fff;
	padding: 20px 0 30px 0;
	border-radius: .2rem;
	box-shadow: 0 0 4px var(--shadow-color);
	font-size: 1rem
}

.card .card-header.main>h2,
.header-search-wrapper>.container {
	padding: 0
}

.header-search {
	margin: 0 auto;
	max-width: 740px;
	display: block;
	position: relative;
	transition: opacity .2s linear
}

.header-search .dropdown-menu {
	box-shadow: 0 .5rem 1rem var(--shadow-color);
	border: 0;
	min-width: auto
}

.header-search .dropdown-menu .dropdown-item {
	font-size: .875rem;
}

/* .header-search .dropdown-menu .active {
	border-left: 2px solid var(--theme-color)
} */

.header-search button[data-toggle=dropdown] {
	background-color: var(--body-bg-color);
	border-right: 1px solid var(--theme-border-color);
	border-color: var(--theme-border-color)
}

.header-search~p {
	margin-top: 15px;
	margin-bottom: 0
}

.header-search-title {
	font-size: 1.125rem;
	font-weight: 600;
	text-align: center;
	margin-bottom: 15px
}

.header-search-desc {
	font-size: .925rem;
	line-height: 1.8em;
}

.search-empty {
	padding: 2em 0;
	text-align: center
}

.search-empty h3 {
	font-size: 1.375rem;
	margin-bottom: 20px
}

.search-empty h3+p {
	color: #555
}

.search-empty p {
	color: #777;
	font-size: .9375rem
}

.search-empty p>strong {
	color: red
}

.search-current-words {
	font-weight: 600;
	padding-left: 4px;
	padding-right: 4px
}

#searchForm {
	border: 1px solid var(--theme-border-color);
	border-radius: 7px;
	transition: all .2s linear;
	position: relative
}

#searchForm.search-form-focused {
	border-color: var(--search-focus-border-color) !important
}

#searchForm.search-form-invalid {
	border-color: rgba(255, 0, 0, .8) !important
}

#searchForm button[data-toggle=dropdown] {
	font-size: .875rem;
	color: var(--theme-black-color);
	min-width: 93px;
}

#searchForm input[name=keys] {
	margin-left: 2px;
	border: 0;
	font-size: .925rem;
	height: 2.6em
}

#searchForm input[name=keys]:focus {
	border: 0;
	box-shadow: none
}

.suggestion {
	position: absolute;
	top: calc(3em + 3px);
	left: 0;
	right: 0;
	padding: 15px;
	background-color: #fff;
	z-index: 100;
	border-top: none;
	box-shadow: -2px 2px 8px -4px rgba(0, 0, 0, .2), 2px 2px 8px -4px rgba(0, 0, 0, .2);
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	display: none
}

.suggestion.show {
	display: block
}

.suggestion .suggestion-head {
	display: flex;
	justify-content: space-between;
	font-size: .875rem
}

.socail-list ul li,
.suggestion .suggestion-head .history-remove {
	cursor: pointer
}

.suggestion .suggestion-body .none {
	margin: 0 auto;
	text-align: center;
	font-size: .875rem;
	padding: 15px;
	color: var(--text-color-gray)
}

.history-list {
	display: flex;
	flex-wrap: wrap
}

.history-list a {
	padding: 2px 12px;
	border-radius: 5px;
	font-size: .875rem;
	margin-left: 5px;
	margin-top: 5px;
	border: 1px solid var(--theme-border-color);
	background-color: var(--body-secondary-bg-color)
}

@media (max-width:767.98px) {
	.header-search-wrapper {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 0 !important
	}

	.header-search {
		font-size: .9375rem
	}

	.header-search>#searchForm {
		border-width: 2px
	}

	.header-search>#searchForm .dropdown-toggle {
		border-top-left-radius: 6px;
		border-bottom-left-radius: 6px
	}

	.header-search>#searchForm input[type=submit] {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px
	}
}

html[data-theme=dark] .suggestion {
	background-color: #000;
	z-index: 100;
	border-top: none;
	box-shadow: -2px 2px 8px -4px rgba(200, 200, 200, .2), 2px 2px 8px -4px rgba(200, 200, 200, .2)
}

.home-primary-link ul {
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
	padding: 0
}

.home-primary-link ul li {
	padding: 5px 0;
	font-size: 1.125rem;
	width: calc(16.6666666667% - 12.5px)
}

.home-primary-link ul a,
.home-primary-link ul button {
	display: block;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	font-size: 1.125rem;
	font-weight: 700;
	padding: .5rem 0
}

.home-primary-link+p {
	padding: 0
}

html[data-theme=dark] .home-primary-link .btn-primary {
	background-color: #444;
	color: #fff;
	border: 0
}

html[data-theme=dark] .home-primary-link .btn-primary:hover {
	background-color: #666
}

@media (max-width:991.98px) {
	.home-primary-link ul li {
		width: calc(33.3333333333% - 10px)
	}
}

@media (max-width:575.98px) {
	.home-primary-link ul li {
		width: calc(50% - 7.5px)
	}
}

.breadcrumb-wrapper {
	--breadcrumb-color: #fff;
	--breadcrumb-item-back-bg-color: #885E1B;
	--breadcrumb-bg-color: var(--theme-bg-color);
	--breadcrumb-item-bg-color: var(--theme-color);
	--breadcrumb-item-hover-bg: #D7B664;
	--breadcrumb-active-color: #000;
	--breadcrumb-active-bg-color: transparent;
	background: var(--theme-base-color);
	box-shadow: 0 .125rem .25rem var(--shadow-color);
	padding: 10px 0
}

:root[data-theme=dark] .breadcrumb-wrapper {
	--breadcrumb-bg-color: var(--theme-bg-color);
	--breadcrumb-item-back-bg-color: #555;
	--breadcrumb-item-bg-color: #333;
	--breadcrumb-item-hover-bg: #444;
	--breadcrumb-active-color: #fff
}

.breadcrumb,
.breadcrumb ol {
	display: flex;
	align-items: center
}

.breadcrumb {
	text-decoration: none
}

.breadcrumb .back {
	border: 1px solid var(--theme-bg-color);
	color: var(--theme-black-color);
	height: 28px;
	line-height: 28px;
	border-radius: var(--theme-border-radius);
	width: 26px;
	margin-right: 4px;
	text-align: center;
	background-color: var(--theme-bg-color);
}

.breadcrumb .back:hover {
	color: var(--theme-hover);
	border-color: var(--theme-hover);
	background-color: var(--theme-black-color)
}

.breadcrumb ol {
	list-style: none;
	margin: 0;
	padding: 0;
	flex-wrap: nowrap;
	text-align: left;
	overflow-y: hidden;
	overflow-x: auto
}

.breadcrumb li a {
	position: relative;
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 3px;
	font-size: .925rem;
	color: var(--theme-black-color);
	white-space: nowrap
}

.breadcrumb ol>li a:after {
	content: ">";
	padding-left: 5px;
	color: #333;
}

.breadcrumb li a:hover {
	color: var(--theme-hover);
}

.breadcrumb li a:hover::after {
	color: var(--theme-hover);
}

.breadcrumb li:last-child {
	font-weight: 600
}

.breadcrumb li:last-child a {
	pointer-events: none;
	cursor: default;
	border-top-right-radius: var(--theme-border-radius);
	border-bottom-right-radius: var(--theme-border-radius);
	background-color: var(--breadcrumb-active-bg-color);
	color: var(--breadcrumb-active-color)
}

.breadcrumb li:last-child a::after,
.breadcrumb li:last-child a::before {
	border: 0;
	display: none
}

.breadcrumb li:last-child h1 {
	margin: 0;
	padding-left: 3px;
	font-size: .925rem;
}

.breadcrumb li:last-child span {
	padding-left: 3px
}

@media (max-width:991.98px) {

	.breadcrumb .back,
	.breadcrumb li a {
		height: 30px;
		line-height: 30px
	}

	.breadcrumb li a {
		font-size: .8125rem
	}
}

@media (max-width:767.98px) {
	.breadcrumb-wrapper {
		position: sticky;
		top: -1px;
		z-index: 1000
	}

	.breadcrumb {
		border-top: none;
		padding-left: 15px;
		padding-right: 15px
	}

	.breadcrumb nav {
		overflow-x: auto;
		white-space: nowrap
	}

	.breadcrumb nav::-webkit-scrollbar {
		display: none
	}
}


.main-wrapper {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.main-content {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	transition: all .3s ease-out 0s;
}

@media (min-width: 1200px) {
	.main-content {
		width: calc(100% - 375px);
	}
}

.main-full {
	width: 100% !important;
	float: none !important
}

.main-sidebar {
	flex: 0 0 280px;
	margin-left: 15px;
	max-width: 280px;
}

article {
	text-align: left;
}

.title-shadow {
	position: relative;
	padding: 10px;
	text-align: center;
	z-index: 1;
	line-height: 1em
}

.card-header h2.title-shadow {
	padding: 6px;
}

.title-shadow:after {
	content: "";
	position: absolute;
	left: calc(50% - 24px);
	width: 45px;
	height: 15px;
	background-color: rgba(189, 146, 55, .3);
	bottom: 4px;
	border-radius: var(--theme-border-radius);
	transform: skewX(-15deg);
	z-index: -1
}

.title-shadow::before {
	display: none !important;
}

.title-angle-shap {
	font-size: 1.125rem;
	padding-left: .75rem;
	padding-top: .75rem;
	margin-bottom: 10px;
	position: relative
}

.title-angle-shap::after,
.title-angle-shap::before {
	position: absolute;
	background: var(--theme-light);
	content: "";
	left: 0;
	top: .5rem
}

.title-angle-shap::after {
	width: 10px;
	height: 2px
}

.title-angle-shap::before {
	width: 2px;
	height: 10px
}

.title-line-cross {
	display: flex;
	align-items: center
}

.title-line-cross>h2,
.title-line-cross>h3 {
	margin: 0 20px;
	color: var(--body-color)
}

.title-line-cross>h2 {
	font-size: 1.25rem
}

.title-line-cross>h3 {
	font-size: 1rem
}

.title-line-cross:after,
.title-line-cross:before {
	content: "";
	flex-grow: 1;
	height: 1px;
	overflow: hidden;
	background-color: var(--border-color)
}

.title-line-cross.left:before {
	margin-left: 10px;
	border-radius: 10px;
	display: inline-block;
	height: 10px;
	width: 10px;
	flex-grow: unset
}

.text-center {
	text-align: center;
}

.text-truncate {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.font-sm {
	font-size: .875rem !important
}

.font-md {
	font-size: 1rem !important
}

.font-lg {
	font-size: 1.125rem !important
}

.font-xl {
	font-size: 1.25rem !important
}

.font-xxl {
	font-size: 1.5rem !important
}

.font-14 {
	font-size: 14px !important
}

.font-15 {
	font-size: 15px !important
}

.font-bold {
	font-weight: 600
}

/* tabs */

.nav-tabs {
	padding-bottom: 20px
}

.nav-tabs .title {
	font-size: 14px
}

.nav-tabs ul {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 8px;
	webkit-overflow-scrolling: touch;
	margin-left: -2px;
	margin-right: -2px
}

.nav-tabs ul::-webkit-scrollbar {
	height: 6px
}

.nav-tabs ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 4px var(--border-secondary-color);
	border-radius: 10px
}

.nav-tabs ul::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 4px var(--border-secondary-color)
}

.nav-tabs ul a {
	flex-grow: 1;
	white-space: nowrap;
	text-align: center;
	border: 1px solid var(--border-secondary-color);
	background-color: var(--theme-secondary-bg-color);
	border-radius: 100px;
	font-size: 13px;
	padding: 4px 10px;
	margin: 2px
}

.nav-tabs ul a:hover {
	background-color: var(--theme-bg-color)
}

.nav-tabs ul a.active {
	position: relative;
	background-color: red;
	font-weight: 700;
	color: #fff
}

.nav-tabs ul a.active::after,
.nav-tabs ul a.active::before {
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid transparent
}

.nav-tabs ul a.active::after {
	bottom: -6px;
	border-top-color: red
}

.nav-tabs ul a.active::before {
	bottom: -7px
}

@media (max-width:767.98px) {
	.nav-tabs a {
		border-radius: var(--theme-border-radius) !important
	}
}

@media (hover:none),
(pointer:coarse) {
	.nav-tabs ul {
		flex-wrap: nowrap;
		overflow-x: scroll;
		padding-bottom: 4px;
		webkit-overflow-scrolling: touch
	}

	.nav-tabs ul::-webkit-scrollbar {
		display: none
	}
}

/* card */
.card-tabs ul {
	display: flex;
}

.card-tabs li {
	flex-basis: 25%;
	text-align: center;
	background-color: var(--theme-secondary-bg-color);
	border: 1px solid var(--border-secondary-color);
	color: #fff;
	border-top-left-radius: var(--theme-border-radius);
	border-top-right-radius: var(--theme-border-radius);
	margin-left: 2px;
}

.card-tabs li a {
	padding: 6px 0;
	font-size: .925rem;
	color: var(--theme-black-color);
	display: block
}

.card-tabs li a.disabled {
	color: var(--theme-gray-color);
}

.card-tabs li.active {
	background-color: var(--theme-black-color);
	position: relative;
}

.card-tabs li.active a {
	color: var(--theme-color);
}

.card-tabs li:not(.active):hover {
	background-color: #fff;
	color: var(--theme-color);
}

.card-tabs li:not(.active):hover a {
	color: var(--theme-color);
}

.card-tabs li.active::after,
.card-tabs li.active::before {
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid transparent
}

.card-tabs li.active::after {
	bottom: -6px;
	border-top-color: var(--theme-black-color)
}

.card-tabs li.active::before {
	bottom: -7px
}

.cipai-search {
	margin: 0 auto 40px;
	max-width: 540px;
	display: block;
	position: relative;
	transition: opacity .2s linear;
}

.cipai-tabs-cons dl {
	animation: fadeOut .2s;
	display: block;
}

html[data-theme=dark] .card-tabs ul {
	border-bottom: 2px solid #885e1b
}

html[data-theme=dark] .card-tabs li {
	background-color: #5a360a
}

html[data-theme=dark] .card-tabs li.active {
	background-color: #885e1b
}

html[data-theme=dark] .card-tabs li:not(.active):hover {
	background-color: #6d4611
}

.card-header h1 span a:hover,
.card-header h2 span a:hover,
.card-header h3 span a:hover {
	color: var(--theme-hover)
}

.card-header h1 span a,
.card-header h2 span a,
.card-header h3 span a,
.footer a {
	color: inherit
}

.card {
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;
	padding: 12px 16px;
	border-radius: var(--theme-border-radius);
}

.card-header {
	position: relative;
	padding: 0 20px;
	margin-bottom: 15px;
	overflow: hidden;
}

.card-header h1,
.card-header h2,
.card-header h3 {
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--theme-black-color);
	border-bottom: 0;
	line-height: 26px
}

.card-header h1 a,
.card-header h2 a,
.card-header h3 a {
	text-decoration: none;
	font-size: 16px;
}

.card-header h1 span,
.card-header h2 span,
.card-header h3 span {
	position: relative;
	display: inline-block;
	padding-left: 12px
}

.card-header h1:before,
.card-header h2:before,
.card-header h3:before {
	position: absolute;
	left: 0;
	top: 5px;
	height: 18px;
	width: 4px;
	border-radius: var(--theme-border-radius);
	background-color: var(--theme-light);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .15), transparent);
	background-image: linear-gradient(180deg, rgba(255, 255, 255, .15), transparent);
	content: ""
}

.card-default .card-header h1 span:before,
.card-default .card-header h2 span:before,
.card-default .card-header h3 span:before {
	top: 0px;
}

.card-header small {
	display: inline-block;
	font-size: 14px;
	margin-left: 10px;
	color: #5a5a5a;
	font-weight: 400;
	line-height: inherit;
	vertical-align: top
}

@media (max-width:991px) {
	.card-header small {
		display: none
	}
}

.card-header .more {
	float: right;
	font-size: 13px;
	font-weight: 400;
	color: #828282
}

.card-header .more,
.card-header .more:hover {
	-webkit-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.card-header .more i {
	font-size: 12px;
	margin-left: 5px;
}

.card-header .more:hover i,
.card-header .more:hover {
	color: var(--theme-hover);
	text-decoration: none
}

.card-body {
	font-size: 1rem;
	line-height: 2em;
}

.content-card {
	padding-top: 15px;
}

.content-card .card-header {
	padding-left: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid var(--theme-border-color);
}

.content-card .card-header h1:before,
.content-card .card-header h2:before {
	display: none;
}

.content-card .card-body {
	padding: 0 6px;
	margin-bottom: 20px;
	font-size: 1rem;
	line-height: 2.2em;
}

.content-card .card-body>h2,
.content-card .card-body>h3 {
	border: none;
	line-height: 1.46;
	padding-left: 18px;
	font-size: 18px;
	position: relative;
	font-weight: 500;
	margin: 32px 0 16px;
}
.content-card .card-body>h3:first-child{margin-top: 10px;}
.content-card .card-body>h2:before,
.content-card .card-body>h3:before {
	background-color: var(--theme-light);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), transparent);
	border-radius: var(--theme-border-radius);
	content: "";
	height: calc(100% - 8px);
	left: 0;
	position: absolute;
	top: 4px;
	width: 3px;
}

.content-card .card-body a {
	font-size: inherit;
}

.content-card .card-body>p {
	margin: 0;
}
.home .content-card .card-header{border: none;padding: 0;}
.home .content-card .card-body a{font-size: .925rem;}
.main-card {
	padding-bottom: 40px;
}

.card-info .summary {
	font-size: .925rem;
	margin-bottom: 15px;
	line-height: 2em;
	background-color: var(--theme-secondary-bg-color);
	padding: 10px;
	border-radius: var(--theme-border-radius);
	position: relative;
}

.card-info .summary p {
	margin: 0;
}

.list-card {
	background: transparent;
	padding: 0 0 12px;
}

.card-navlist {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.card-navlist {
	justify-content: space-between
}

.card-navlist::after {
	content: "";
	flex: auto
}

.card-navlist>strong {
	margin-right: 6px;
	margin-left: 5px;
	font-size: .9375rem
}

.card-navlist a {
	flex-basis: auto;
	font-size: .925rem;
	border: 1px solid var(--theme-border-color);
	background-color: var(--theme-base-color);
	border-radius: 100px;
	height: 27px;
	line-height: 25px;
	padding: 0 10px;
	text-decoration: none;
	display: inline-block;
	margin: 5px 3px
}

.card-navlist a:hover,
.card-navlist a.active {
	color: var(--theme-color);
	border-color: var(--theme-border-hover);
	background-color: var(--theme-black);
	text-decoration: none
}

.card-catalog {
	min-height: 300px;
	padding-bottom: 30px;
}

.card-catalog dt {
	font-size: 1rem;
	margin: 25px 0 20px
}

.card-catalog dt h2,
.card-catalog dt h3 {
	font-size: 1.142rem;
}

.card-catalog dt:first-child {
	margin-top: 15px
}

.ci-attrs dl,
.card-catalog dd {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 0
}

.card-catalog dd span,
.card-catalog dd a {
	width: calc(12.5% - 10px);
	display: inline-block;
	padding: 1px 10px;
	margin-top: 10px;
	border: 1px solid var(--theme-border-color);
	border-radius: 20px;
	margin-left: 5px;
	margin-right: 5px;
	text-align: center;
	transition: all .2s;
	font-size: .925rem;
	line-height: 1.8em;
}

.card-catalog dd span.c2,
.card-catalog dd a.c2 {
	width: calc(50% - 10px);
}

.card-catalog dd span.c3,
.card-catalog dd a.c3 {
	width: calc(33.3% - 10px);
}

.card-catalog dd span.c4,
.card-catalog dd a.c4 {
	width: calc(25% - 10px);
}

.card-catalog dd span.c5,
.card-catalog dd a.c5 {
	width: calc(20% - 10px);
}

.card-catalog dd span.c6,
.card-catalog dd a.c6 {
	width: calc(16.6666% - 10px);
}

.card-catalog dd span.c7,
.card-catalog dd a.c7 {
	width: calc(14.2857% - 10px);
}

.card-catalog dd span.c8,
.card-catalog dd a.c8 {
	width: calc(12.5% - 10px);
}

.card-catalog dd span.c10,
.card-catalog dd a.c10 {
	width: calc(10% - 10px);
}

.card-catalog dd span.c12,
.card-catalog dd a.c12 {
	width: calc(8.3333% - 10px);
}

.card-catalog dd a:hover {
	color: var(--theme-color);
	border-color: var(--theme-border-hover);
	background-color: var(--theme-black-color)
}

.card-catalog dd a:last-child {
	margin-right: 0
}

@media (min-width:1420px) {
	.card-catalog dd a {
		width: calc(10% - 10px)
	}
}

@media (max-width:1199.98px) {
	.card-catalog dd a {
		width: calc(16.6666666667% - 10px)
	}
}

@media (max-width:991.98px) {
	.home-primary-link ul li {
		width: calc(33.3333333333% - 10px)
	}
}

@media (max-width:767.98px) {
	.card-catalog dd a {
		width: calc(20% - 10px)
	}
}

@media (max-width:575.98px) {
	.home-primary-link ul li {
		width: calc(50% - 7.5px)
	}

	.card-catalog dd a {
		width: calc(25% - 10px)
	}
}

/* entry */

.entry-main {
	background: #fff;
	border-radius: var(--theme-border-radius);
	margin-bottom: 20px;
	padding: 20px 30px
}

.entry .entry-head {
	margin-bottom: 20px
}

.entry .entry-title {
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 20px;
	margin-top: 0
}

@media (max-width:767px) {
	.entry .entry-title {
		font-size: 22px
	}
}

.entry .entry-info {
	color: var(--theme-light-color);
	padding-bottom: 10px
}

@media (max-width:767px) {
	.entry .entry-info {
		padding-bottom: 0
	}
}

.entry .entry-info a {
	color: inherit
}

.entry .entry-info a:focus,
.entry .entry-info a:hover {
	color: var(--theme-hover);
	text-decoration: none
}

.entry .entry-info .nickname {
	color: var(--theme-color)
}

@media (max-width:767px) {
	.entry .entry-info .nickname {
		font-weight: 500
	}
}

.entry .entry-info .dot {
	color: var(--theme-light-color);
	margin: 0 5px
}

.entry .entry-excerpt {
	background: var(--theme-secondary-bg-color);
	border: 1px solid var(--border-secondary-color);
	border-radius: var(--theme-border-radius);
	color: var(--theme-light-color);
	font-size: .925rem;
	line-height: 1.8;
	margin-bottom: 20px;
	padding: 15px
}

.entry .entry-excerpt p:last-child {
	margin-bottom: 0
}

@media (max-width:767px) {
	.entry .entry-excerpt p {
		text-align: justify
	}
}

.entry .entry-content {
	color: var(--theme-black-color);
	font-size: 1rem;
	line-height: 2;
	margin-bottom: 30px;
	position: relative
}

.entry .entry-content:after,
.entry .entry-content:before {
	content: " ";
	display: table
}

.entry .entry-content:after {
	clear: both
}

.entry .entry-content .h1,
.entry .entry-content .h2,
.entry .entry-content .h3,
.entry .entry-content h1,
.entry .entry-content h2,
.entry .entry-content h3 {
	font-weight: 500;
	line-height: 1.4;
	margin: 32px 0 16px
}

.entry .entry-content h4,
.entry .entry-content h5 {
	font-weight: 500
}

.entry .entry-content .h1,
.entry .entry-content h1 {
	font-size: 24px
}

.entry .entry-content .h2,
.entry .entry-content h2,
.entry .entry-content .h3,
.entry .entry-content h3 {
	font-size: 18px;
	font-weight: 600;
}

.entry .entry-content>.h2,
.entry .entry-content>h2,
.entry .entry-content>.h3,
.entry .entry-content>h3 {
	border: none;
	line-height: 1.46;
	padding-left: 18px;
	position: relative
}

.entry .entry-content>.h2:before,
.entry .entry-content>h2:before,
.entry .entry-content>.h3:before,
.entry .entry-content>h3:before {
	background-color: var(--theme-light);
	background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .15), transparent);
	border-radius: var(--theme-border-radius-s, 3px);
	content: "";
	height: calc(100% - 8px);
	left: 0;
	position: absolute;
	top: 4px;
	width: 3px
}

.entry .entry-content p {
	line-height: 1.8;
	margin-bottom: 20px;
	word-wrap: break-word
}

.entry .entry-content p>img {
	vertical-align: baseline
}

@media (max-width:767px) {
	.entry .entry-content p {
		text-align: justify
	}

	.entry .entry-content p.aligncenter,
	.entry .entry-content p.has-text-align-center {
		text-align: center
	}

	.entry .entry-content p.has-text-align-left {
		text-align: left
	}

	.entry .entry-content p.has-text-align-right {
		text-align: right
	}
}

.entry .entry-content ol,
.entry .entry-content ul {
	list-style-position: outside;
	margin-bottom: 20px;
	padding-left: 2em
}

.entry .entry-content li {
	line-height: 1.46;
	margin-bottom: .5em
}

.entry .entry-content img {
	height: auto;
	max-width: 100%;
	vertical-align: top
}

.entry .entry-content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}

.entry .entry-content .aligncenter img {
	margin: 0 auto
}

.entry .entry-content .alignleft {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px
}

.entry .entry-content .alignright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px
}

.entry .entry-content .entry-copyright {
	background: hsla(var(--theme-color-hsl), .03);
	border: 1px solid var(--theme-line-color);
	border-radius: var(--theme-border-radius);
	color: var(--theme-light-color);
	font-size: 14px;
	line-height: 1.6;
	margin-top: 30px;
	padding: 15px
}

.entry .entry-content .entry-copyright a,
.entry .entry-content .entry-copyright span {
	color: var(--theme-gray-color)
}

.entry .entry-content .entry-copyright p {
	margin-bottom: 8px;
	text-align: left;
	text-indent: 0
}

.entry .entry-content .entry-copyright p:last-child {
	margin-bottom: 0
}

.entry-tag {
	font-size: 0
}

.entry-tag a {
	background: hsla(var(--theme-color-hsl), .05);
	box-shadow: 0 0 1px rgba(0, 0, 0, .1);
	color: var(--theme-black-color);
	line-height: 14px;
	margin: 0 10px 5px 0;
	padding: 4px 10px 4px 0
}

.entry-tag a,
.entry-tag a:before {
	border-radius: var(--theme-border-radius);
	display: inline-block;
	font-size: 14px
}

.entry-tag a:before {
	background: var(--theme-color);
	color: #fff;
	content: "#";
	line-height: inherit;
	margin: -4px 6px -4px 0;
	padding: 4px 7px;
	vertical-align: top
}

.entry-tag a:focus,
.entry-tag a:hover {
	background: var(--theme-hover);
	color: #fff;
	text-decoration: none
}

.entry-tag .entry-specials a:before {
	background: var(--theme-el-bg-color);
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
	padding: 3px 6px
}

.content-nav {
	padding-bottom: 10px
}

.content-nav .title {
	font-size: 14px
}

.content-nav .list {
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 8px;
	webkit-overflow-scrolling: touch;
	margin-left: -2px;
	margin-right: -2px
}

.content-nav .list::-webkit-scrollbar {
	height: 8px
}

.content-nav .list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px var(--border-secondary-color);
	border-radius: 10px
}

.content-nav .list::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px var(--border-secondary-color)
}

.content-nav .list a {
	flex-grow: 1;
	white-space: nowrap;
	text-align: center;
	border: 1px solid var(--border-secondary-color);
	background-color: var(--theme-secondary-bg-color);
	border-radius: 4px;
	font-size: 14px;
	padding: 5px 15px;
	margin: 2px
}

.content-nav .list a:hover {
	background-color: var(--theme-bg-color)
}

.content-nav .list a.active {
	position: relative;
	background-color: red;
	font-weight: 700;
	color: #fff
}

.content-nav .list a.active::after,
.content-nav .list a.active::before {
	position: absolute;
	content: " ";
	width: 0;
	height: 0;
	left: 50%;
	transform: translateX(-50%);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid transparent
}

.content-nav .list a.active::after {
	bottom: -6px;
	border-top-color: red
}

.content-nav .list a.active::before {
	bottom: -7px
}

@media (max-width:767.98px) {
	.content-nav a {
		border-radius: 4px !important
	}
}

@media (hover:none),
(pointer:coarse) {
	.content-nav .list {
		flex-wrap: nowrap;
		overflow-x: scroll;
		padding-bottom: 4px;
		webkit-overflow-scrolling: touch
	}

	.content-nav .list::-webkit-scrollbar {
		display: none
	}
}

.entry .content-nav {
	margin-top: 30px;
}

.zuozhe-header {
	display: flex;
	margin: 15px 0;
}

.card-tabs.zuozhe-tabs li {
	flex-basis: 33.3333%;
}

.widget-card .title-angle-shap {
	margin-top: 0;
}

.widget-card ul>li {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.zuozhe-info .title {
	margin: 0;
}

.zuozhe-info .summary {
	font-size: 1rem;
	line-height: 2em;
}

.zuozhe-info .more a {
	color: #c00;
}

/* list */
.list ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.list ul li {
	display: flex;
	position: relative;
	padding: 15px;
	border-bottom: 1px dashed var(--theme-border-color);
	margin-bottom: 20px;
	background-color: var(--theme-base-color);
	border-radius: var(--theme-border-radius);
}

.list ul li .summary,
.list ul li title a {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 2;
}

.zuozhe-header .zuozhe-thumb,
.list ul li .thumb {
	position: relative;
	flex-shrink: 0;
	margin-right: 15px;
}

.zuozhe-header .zuozhe-info,
.list ul li .text {
	flex-grow: 1;
}

.list ul li .title {
	margin: 0 0 10px;
	font-size: 16px;
	line-height: 1.6;
	font-weight: 600;
}

.list ul li .title a {
	font-size: 1.125rem;
}

.list ul li .title .idx {
	font-size: .925rem;
	color: var(--theme-light-color);
	font-weight: 500;
	line-height: 22px;
}

.list ul li .title:hover .idx {
	color: var(--theme-light);
}

.list ul li .summary {
	height: 62px;
	margin-bottom: 10px;
	line-height: 2em;
	color: var(--theme-black-color);
	font-size: 1rem;
}

.list ul.list-shi li {
	padding: 20px 15px;
}

.list ul.list-shi li .summary>p {
	margin: 0;
}

.list ul li em {
	font-style: normal;
	color: #c00;
}

.list-zuozhe li .info svg {
	vertical-align: middle;
}
.list-item{line-height: 1.6em;}
.list-item ul{display:flex;flex-wrap:wrap;margin:0 -5px 10px}
.list-item li{margin:5px;width:calc(50% - 10px);border-radius:6px}
.list-item li{
	display:flex;align-items:center;
	padding:6px 10px;
	transition:background-color .2s ease-in;
}
.list-item li .line{
	flex-grow:1;margin:0 10px;height:1px;border-bottom:1px dashed rgba(125,125,125,.2);color:transparent
}
.list-item li a{white-space:nowrap}
.list-item li:hover{background-color:var(--theme-black-color)!important;color:var(--theme-color)}
.list-item li:hover a{color:var(--theme-color)!important}
.list-item li:hover .line{border-color:var(--theme-color)}
.list-book {
	line-height: 1.6em;
}

.list-book ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px 10px
}

.list-book li {
	margin: 5px;
	width: calc(50% - 10px);
	border-radius: 6px
}

.list-book li {
	display: flex;
	align-items: center;
	padding: 6px 10px;
	transition: background-color .2s ease-in;
}

.list-book li .line {
	flex-grow: 1;
	margin: 0 10px;
	height: 1px;
	border-bottom: 1px dashed rgba(125, 125, 125, .2);
	color: transparent
}

.list-book li a {
	white-space: nowrap
}

.list-book li:hover {
	background-color: var(--theme-black-color) !important;
	color: var(--theme-color)
}

.list-book li:hover a {
	color: var(--theme-color) !important
}

.list-book li:hover .line {
	border-color: var(--theme-color)
}

.list-dj>li {
	background-color: var(--theme-secondary-bg-color);
	margin-bottom: 5px;
	border-radius: var(--theme-border-radius);
}

.list-dj>li .item-meta span,
.list-dj>li .item-meta a {
	color: #888;
}

.list-dj>li .item-meta a:hover {
	color: var(--theme-color);
}

.item-links,
.alist {
	display: flex;
	flex-wrap: wrap;
}

.alist.col-2 a {
	width: 50%;
}

.alist.col-3 a {
	width: 33.3333%;
}

.alist.col-4 a {
	width: 25%;
}

.alist.col-5 a {
	width: 20%;
}

.item-links a {
	padding: 0 10px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 4px;
}
.shici-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-x: auto;
	padding-bottom: 40px;
	padding-top: 40px;
}
.shici-card .card-header {
	display: inline-flex;
	padding: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-x: auto;
	border: none;
}

.shici-card .card-header h1:before,
.shici-card .card-header h2:before{
	display: none;
}
.shici-card .card-header .title{
	margin-bottom:12px;
}
.shici-card .card-header .info{
	color: #5E534B;
}
.shici-card .card-header .info a,
.shici-card .card-header .info span{
	color: #5E534B;
	font-size: 1rem;
}
.shici-card .card-body{
	color: #262626;
	line-height: 2em;
}
.shici-card.gushi .card-header h1,
.shici-card.gushi .card-header h2{
	font-size:1.25rem;
}

.shici-card .card-footer{text-align: left;font-size: .875rem;}
.shici-card .card-footer i,
.shici-card .card-footer a{
	margin-right:5px;
}
.shici-card .card-footer>a{
	background-color: var(--theme-bg-color);
	padding: 5px 12px;
	border: 1px solid var(--theme-bg-color);
	border-radius: var(--theme-border-radius);
}
.shici-card .card-footer>a:hover{
	color: var(--theme-color);
	border-color:var(--theme-color);
	background-color: var(--theme-black-color);
}
.shici{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-x: auto;
}
.shici >p{margin: 0;}
.mingju-card.content-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-x: auto;
	padding-bottom: 20px;
	padding-top: 40px;
}
.mingju-card .card-header {
	display: inline-flex;
	padding: 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-x: auto;
	border: none;
	margin-bottom: 40px;
}
.mingju-card .card-header .title{
	font-size: 18px;
}
.mingju-row{
	position: relative;
	padding: 10px;
	border: 2px dashed var(--theme-border-color);
	margin-bottom: 20px;
	border-radius: 5px;
}
.mingju-row:hover{background-color:var(--theme-border-color)}
.btn-copy{
	position:absolute;
	top:-1px;
	right:-1px;
	font-size:12px;
	background-color: var(--theme-black-color);
	border-bottom-left-radius:5px;
	border-top-right-radius:5px;
	color:var(--theme-color);
	border:0;
	padding:0 10px;
	line-height:1.6;
	opacity: .8;
}
.btn-copy:hover{opacity: 1;}
.more-shici>svg{
	vertical-align: middle;
}
/* tags */
.tag-list ul {
	display: flex;
	flex-wrap: wrap
}

.tag-list ul li {
	font-size: inherit;
	width: 33.33333%;
	padding: 5px;
}

.tag-list ul li a {
	display: block;
	text-align: center;
	border-radius: var(--theme-border-radius);
	border: 1px solid var(--theme-border-color);
	transition: all .15s
}

.tag-list ul li a.active {
	font-weight: 700;
}

.tag-list ul li a.active,
.tag-list ul li a:hover {
	color: #fff;
	border-color: var(--theme-hover);
	background-color: var(--theme-hover)
}

.tag-list.col-2 ul li {
	width: 50%;
}

.tag-list.col-3 ul li {
	width: 33.3333%;
}

.tag-list.col-4 ul li {
	width: 25%;
}

.tag-list.col-5 ul li {
	width: 20%;
}

.tag-list.col-6 ul li {
	width: 16.6666%;
}

.tag-list.col-8 ul li {
	width: 12.5%;
}

.tag-list.col-10 ul li {
	width: 10%;
}