@charset "utf-8";

/*公共模块*/
*,
::after,
::before {
	box-sizing: border-box;
}

/*.links a::before {
	display: none;
}*/
span.zsj {
    font-size: 27px;
}
span.yxj {
    font-size: 27px;
}
.content_right {
	width: calc(100% - 200px);

} 

.song .magpie_btn {
	max-width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
	margin-bottom: 5px;
	border-radius: 3px;
	outline: 0 !important;
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}

.song .btn_danger {
	color: #fff !important;
	background-color: #f05050;
	border-color: #f05050;
}

.song .btn_primary {
	color: #fff !important;
	background-color: #7266ba;
	border-color: #7266ba;
}

.song .btn_warning {
	color: #fff !important;
	background-color: #fad733;
	border-color: #fad733;
}

.song .btn_black {
	color: #fff !important;
	background-color: #1c2b36;
	border-color: #1c2b36;
}

.song .btn_success {
	color: #fff !important;
	background-color: #27c24c;
	border-color: #27c24c;
}

.song .btn_dark {
	color: #fff !important;
	background-color: #3a3f51;
	border-color: #3a3f51;
}

.song .btn_info {
	color: #fff !important;
	background-color: #23b7e5;
	border-color: #23b7e5;
}

.article-collapse {
	border: 1px solid #e4e7ed;
	border-radius: 3px;
}

.song .collapse-head {
	background: #fafafa;
	border: none;
	color: inherit;
	cursor: pointer;
	border-radius: 3px;
	padding: 10px 15px;
}

.song .collapse-title {
	display: block;
	font-size: 14px;
	cursor: pointer;
}

.song .collapse-title span {
	display: block !important;
	float: left;
}

.song .collapse-ico {
	float: right;
}

.song .collapse-body {
	padding: 15px;
	line-height: 2em;
	font-size: 14px;
}

.song .collapse-block {
	display: block;
}

.song .collapse-none {
	display: none;
}

.post_eof {
	text-align: center;
	color: #979eab;
	font-size: 1.125rem;
	line-height: 1;
	margin: 3rem 0;
}

.page-navigator {
	margin: 35px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
	font-weight: 600;
	font-size: 14px;
}

.page-navigator li {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	margin-right: 10px;
}

.page-navigator li:last-child {
	margin-right: 0;
}

.page-navigator li.current,
.page-navigator li.current:hover {
	background-color: #ff374a;
	color: #FFF;
}

.page-navigator li:hover {
	background-color: #f0f3f8;
}

.page-navigator li a,
.page-navigator li span {
	width: 30px;
	line-height: 30px;
}

.gen .page-navigator {
	margin: 3.75rem 0 3rem 0;
}

.page-navigator li {
	margin-right: 3px;
}

body {
	background-color: #f7f7f7;
	-webkit-font-smoothing: antialiased;
	background-position: left top;
	background-size: auto;
	background-repeat: repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #283149;
	font-family: "hm", "SF Pro SC", "SF Pro Text", "SF Pro Icons", PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	color: inherit;
}

img {
	display: block;
}

.text-primary {
	padding: 0 .5rem;
	font-family: "iconfont";
}

em,
i {
	font-style: normal;
}

.content {
	max-width: 880px;
	width: 100%;
	margin: 3.75rem auto;
}

#header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.web_logo {
	height: 52px;
	width: auto;
}

.web_logo img {
	width: auto;
	height: 100%;
	margin:auto;
	-webkit-user-drag: none;
}

.logo_name {
	font-size: 28px;
	font-weight: 500;
	margin-right: 10px;
}

.logo_qm {
	font-size: 14px;
}

.meunnav_search {
	position: relative;
}

.meunnav_search input {
	border: none;
	outline: none;
	color: #707680;
	border-radius: 100px;
	background-color: #f4f5f9;
	display: block;
	width: 220px;
	height: 35px;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.meunnav_search button {
	position: absolute;
	top: 0;
	right: 10px;
	bottom: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: 0 0;
	color: #101010;
	font-weight: 600;
}

.meunnav_search button i {
	color: #D81C38;
}

.content_box {
	padding-top: 2rem;
	width: 100%;
	display: flex;
}


.content_left {
	width: 200px;
	flex-shrink: 0;
}

/*.content_right{*/
/*	width: 100%;*/
/*}*/
.navbar {
	margin-top: 3rem;
	top: 2rem;
	position: sticky;
}

.navbar_ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.navbar_li.avre {
	position: relative;
	background-color: #FFFF;
	margin: .2rem 0;
	border-radius: 6px 0 0 6px;
	z-index: 2;
	box-shadow: -6px 0px 10px rgb(0 0 0 / 10%);
}

.navbar_li a {
	display: block;
	padding: .5rem 1rem;
}

.index_content {
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	padding: 2rem;
	background-color: #FFFF;
	border-radius: 5px;

}

.index_list_name {
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 500;
}

.index_list_body {
	display: flex;
	margin: 1rem 0;
}

.index_list_excerpt {
	font-size: .875rem;
	color: #52525c;
	line-height: 1.8;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	flex: 1 1 auto;
}

.index_list_right {
	max-width: 145px;
	flex: 0 0 auto;
	width: 25%;
	margin-left: 1.2rem;
}

.index_list_img {
	height: 0;
	position: relative;
	padding-top: 60%;
}

.index_list_img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	border-radius: 6px;
}

.index_list_footer {
	font-size: 13px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #7a8b9a;
}

.index_list {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #eff2f9;
}

.index_jian {
	padding: 0 15px;
}

.index_jian a {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.index_jian_left,
.index_jian_right {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 120px;
}

.icon-zuoshangjiao,
.icon-youxiajiao {
	font-size: 40px !important;
	font-weight: 100;
}

.icon-baojiaquotation2,
.icon-baojiaquotation {
	font-size: 32px !important;
	font-weight: 500;
}

.index_jian_talk {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 100;
}

.paging {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 2rem 0;
}

.paging a {

	display: block;
	padding: 12px 20px;
	border-radius: 100px;
	color: #9e9e9e;
	font-size: 14px;
	background-color: #ffffff;

}

#footer {
	padding-top: 2rem;
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
}

.post_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 2px solid #eff2f9;
}

.post_title {
	font-size: 22px;
	margin: 0;
	padding: 0;
	font-weight: 500;
}

.post_info {
	margin-top: 10px;
	font-size: 13px;
}

.post_header_right {
	flex: 0 0 auto;
	width: 40%;
	margin-left: 1.2rem;
}

.post_header_img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 60%;

}

.post_header_img::before {
	display: block;
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: -webkit-linear-gradient(left, #fff, rgba(255, 255, 255, 0) 100%);
}

.post_header_img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	object-fit: cover;
	border-radius: 6px;
}


.songmax {
	line-height: 1.8;
	word-wrap: break-word;
	font-size: 15px;
	letter-spacing: 0.013rem;
	text-align: justify;
}

.songmax address,
.songmax caption,
.songmax cite,
.songmax code,
.songmax dfn,
.songmax th {
	font-weight: 400;
	font-style: normal;
}

.songmax caption,
.songmax th {
	text-align: left;
}

.songmax q::before,
.songmax q::after {
	content: '';
}

.songmax pre,
.songmax code,
.songmax kbd,
.songmax samp,
.songmax pre tt {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

.songmax figcaption {
	color: rgba(0, 0, 0, 0.54);
	font-size: 80%;
}

.songmax [draggable],
.songmax [draggable="true"] {
	cursor: move;
}

.songmax [draggable="false"] {
	cursor: inherit;
}

.songmax p,
.songmax pre,
.songmax ul,
.songmax ol,
.songmax dl,
.songmax form,
.songmax hr,
.songmax figure,
.songmax table,
.songmax .mdui-table,
.songmax .mdui-table-fluid {
	margin: 0 0 1.2em 0;
}

.songmax p:last-child,
.songmax pre:last-child,
.songmax ul:last-child,
.songmax ol:last-child,
.songmax dl:last-child,
.songmax form:last-child,
.songmax hr:last-child,
.songmax figure:last-child,
.songmax table:last-child,
.songmax .mdui-table:last-child,
.songmax .mdui-table-fluid:last-child {
	margin-bottom: 0;
}

.songmax a {
	color: #448aca;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	vertical-align: top;
	outline: none;
	white-space: normal;
	word-break: break-all;

}

.songmax a::before {
	position: absolute;
	top: auto;
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #448aca;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	content: ' ';
}

.songmax a:hover::before,
.songmax a:focus::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.songmax small {
	font-size: 80%;
}

.songmax blockquote {
	margin: 1.5em 10px;
	padding: .5em 10px;
	quotes: "\201C" "\201D" "\2018" "\2019";
}

.songmax blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}

.songmax blockquote:last-child {
	margin-bottom: 0;
}

.songmax blockquote footer {
	color: rgba(0, 0, 0, 0.54);
	font-size: 86%;
}

.songmax mark {
	margin: 0 5px;
	padding: 2px;
	background: #fffdd1;
	border-bottom: 1px solid #ffedce;
}

.songmax h1,
.songmax h2,
.songmax h3,
.songmax h4,
.songmax h5,
.songmax h6 {
	margin-top: 1.2em;
	margin-bottom: 0.6em;
	color: inherit;
	font-weight: 400;
	font-family: inherit;
	line-height: 1.35;
}

.songmax h1:last-child,
.songmax h2:last-child,
.songmax h3:last-child,
.songmax h4:last-child,
.songmax h5:last-child,
.songmax h6:last-child {
	margin-bottom: 0;
}

.songmax h1 small,
.songmax h2 small,
.songmax h3 small,
.songmax h4 small,
.songmax h5 small,
.songmax h6 small {
	color: rgba(0, 0, 0, 0.54);
	font-weight: 400;
	font-size: 65%;
	line-height: 1;
}

.songmax h1 {
	font-size: 2em;
}

.songmax h2 {
	font-size: 1.8em;
}

.songmax h3 {
	font-size: 1.6em;
}

.songmax h4 {
	font-size: 1.4em;
}

.songmax h5 {
	font-size: 1.2em;
}

.songmax h6 {
	font-size: 1.1em;
}

.songmax code {
	padding: 2px;
	margin: 0 4px;
	word-wrap: break-word;
	background: #FCE4EC;
	border-radius: 3px;
	font: 15px/26px courier new;
	color: #F06292;
}

.songmax pre code {
	padding: 0;
	color: inherit;
	font-size: inherit;
	line-height: 1.7;
	background-color: transparent;
	border-radius: 0;
}

.songmax abbr[title] {
	text-decoration: none;
	border-bottom: 1px dotted;
	cursor: help;
}

.songmax ins {
	text-decoration: none;
	border-bottom: 1px solid;
}

.songmax u {
	text-decoration: none;
	border-bottom: 1px solid;
}

.songmax del {
	text-decoration: line-through;
}

.songmax hr {
	display: block;
	border: 0;
	margin: 2.24em auto 2.86em;
}

.songmax hr:after {
	color: #999;
	font-size: 1.1em;
	display: block;
	content: "~ ~ ~ ~";
	text-align: center;
}

.songmax pre {
	padding: 12px 16px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	border-radius: 2px;
	background-color: #F1F3F3;
	border-radius: 5px;
	padding-top: 42px;
	position: relative;
}

.songmax :not(pre)>code[class*="language-"],
.songmax pre[class*="language-"] {
	background: #f1f3f3;
}

.songmax pre[class*="language-"] {
	margin: .5em 0;
}

.songmax pre::before {
	content: " ";
	position: absolute;
	border-radius: 50%;
	background: #fc625d;
	width: 12px;
	height: 12px;
	left: 12px;
	top: 10px;
	-webkit-box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
	box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
	z-index: 1;
}

.songmax pre::after {
	content: attr(data-lang);
	text-align: right;
	background: #ebeded;
	color: #cececf;
	width: 100%;
	height: 32px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 32px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	padding: 0 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.songmax pre[class*=language-].line-numbers>code {
	white-space: inherit;
	padding-left: calc(3em + 10px);
}

.songmax code[class*="language-"],
.songmax pre[class*="language-"] {
	color: black;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.7;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	display: block;
	overflow: auto;
}

.songmax .line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 42px;
	font-size: 100%;
	left: 0;
	width: 3em;
	letter-spacing: -1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #f1f3f3;
}

.songmax .line-numbers-rows>span {
	pointer-events: none;
	display: block;
	counter-increment: linenumber;
}

.songmax .line-numbers-rows>span:before {
	content: counter(linenumber);
	color: #999;
	display: block;
	padding-right: .8em;
	text-align: right;
}

.songmax kbd {
	padding: 2px 6px;
	color: #fff;
	font-size: 90%;
	background-color: #333;
	border-radius: 2px;
}

.songmax ul {
	margin: 30px 0;
	padding: 5px 20px;
	border: 1px solid #f9f9ff;
	border-radius: 3px;
	padding-left: 35px;
	list-style: none;
}

.songmax ul li:before {
	content: "";
	position: absolute;
	width: 5px;
	height: 5px;
	background: #448aca;
	left: -15px;
	top: 50%;
	margin-top: -3px;
	border-radius: 50%;
}

.songmax ol {
	list-style: decimal;
	padding: 5px 20px;
	border: 1px solid #f9f9ff;
	border-radius: 3px;
	padding-left: 35px;
	margin: 30px 0;
}

.songmax li ul,
.songmax li ol {
	margin: 0.8em 0;
}

.songmax li ul {
	list-style: circle;
}

.songmax ol li,
.songmax ul li {
	font-size: 14px;
	padding: 15px 0;
	border-bottom: 1px solid #f9f9ff;
	line-height: 25px;
	position: relative;
}

.songmax ol li:last-child,
.songmax ul li:last-child {
	border-bottom: none !important;
}

/**.songmax ol li::marker {
	color:#448aca;
}**/
.songmax img,
.songmax video {
	max-width: 100%;
}

.songmax figure {
	text-align: center;
	max-width: 100%;
}

.songmax figure a::before {
	display: none;
}

.songmax table {
	width: 100%;
	max-width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 1.5em;
	font-size: 0.96em;
	box-sizing: border-box;
	border-width: 1;
}

.songmax thead tr {
	background-color: #f8f8f8;
}

.songmax th,
.songmax td {
	text-align: left;
	padding: 8px;
	border: 1px solid #DDD;
}

.songmax figure figcaption {
	margin-top: 8px;
	color: #999;
	font-size: 14px;
}

.songmax figure figcaption:empty::before {
	z-index: -1;
	color: #bfbfbf;
	cursor: text;
	content: attr(placeholder);
}

/***owo文章表情****/
.songmax .biaoqing {
	display: inline;
	margin: 0;
	width: auto;
}

.songmax .biaoqing.quyin {
	margin-bottom: -0.125rem;
	min-height: 2.5rem;
	height: 1em;
}

.songmax .biaoqing.alu {
	height: 33px;
	margin-bottom: -0.3125rem;
}

.songmax .biaoqing.paopao {
	width: 30px;
	height: 30px;
	margin-bottom: -0.25rem;
}

/***分享卡片***/

.mixtapeEmbed {
	padding: 12px 12px 12px 28px;
	color: rgba(0, 0, 0, 0.5);
	margin: 10px 0px 30px;
	background: #f7f7f7;
	display: flex;
	align-items: center;
	border-radius: 5px;
}

.mixtapeEmbed a:before {
	display: none;
}

.mixtapeEmbed a {
	border-bottom: none !important;
}

.mixtapeEmbed-title {
	font-size: 20px;
	color: rgba(0, 0, 0, 0.8);
	font-weight: 900;
	padding-bottom: 14px;
	display: block;
	line-height: 1;
}

.mixtapeEmbed-text {
	font-size: 14px;
	line-height: 1.6;
	font-style: normal !important;
	text-align: justify;
	color: #7b7b7b;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.mixtapeImage {
	width: 120px;
	height: 120px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	flex: 0 0 auto;
	margin-left: 20px;
	border-radius: 5px;
}

.reply2view {
	background: #f8f8f8;
	padding: 10px 40px 10px 40px;
	position: relative;
	text-align: center;
	font-size: 14px;
}

.songmax .photos {
	overflow: hidden;
	margin: 0 auto;
	margin-left: -0.5em;
	margin-right: -0.5em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-transition: .2s cubic-bezier(.25, .46, .45, .94) all;
	transition: .2s cubic-bezier(.25, .46, .45, .94) all;
}

.songmax .photos figure {
	padding: 0 5px;
	flex: 1;
}

.songmax .photos a {
	border-bottom: none;
}

.songmax .photos a:before {
	display: none;
}

.songmax .photos_album .album_list {
	width: calc((100% - 30px)/3);
	float: left;
	margin-right: 15px;
	position: relative;
	margin-bottom: 15px;
}

.songmax .photos_album .album_list:nth-child(3n) {
	margin-right: 0px;
}

.songmax .album_list a[data-fancybox=gallery].lazyload-container {
	background-color: #f0f0f0;
	border-radius: 5px;
}

.songmax .album_list a[data-fancybox=gallery] {
	display: block;
	position: relative;
	max-width: 100%;
	padding: 0;
	overflow: hidden;
	-webkit-transition: .3s cubic-bezier(.25, .46, .45, .94) background-color;
	transition: .3s cubic-bezier(.25, .46, .45, .94) background-color;
}

.songmax .album_list a {
	border-bottom: 0
}

.songmax .album_list a::before {
	display: none;
}

.songmax .photos_album .album_list img {
	width: 100%;
	height: 240px;
	object-fit: cover;
	border-radius: 5px;
}

.songmax .photos_album .album_list figcaption {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 5px;
	color: #fff;
	line-height: 32px;
	transition: .2s;
}

.songmax .photos_album .album_list:hover figcaption {
	line-height: 60px;
}

.songmax figure a::before {
	display: none;
}

.songmax figure a[data-fancybox=gallery].lazyload-container {
	background-color: #f0f0f0;
	border-bottom: 0;
}

.songmax figure a[data-fancybox=gallery] {
	display: block;
	position: relative;
	max-width: 100%;
	height: 0;
	padding: 0;
	overflow: hidden;
	-webkit-transition: .3s cubic-bezier(.25, .46, .45, .94) background-color;
	transition: .3s cubic-bezier(.25, .46, .45, .94) background-color;
}

.songmax figure a[data-fancybox=gallery] img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.songmax a[data-fancybox] img {
	display: block;
	margin: 0;
}
::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #999;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #999;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #999;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #999;
}
/***播放器***/

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://cdn.jsdelivr.net/gh/novcu/static/fonts/MaterialIcons-Regular.woff2) format('woff2');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
}

.iframe_video {
	position: relative;
	width: 100%;
}

@media only screen and (max-width:767px) {
	.iframe_video {
		height: 15em;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.iframe_video {
		height: 20em;
	}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.iframe_video {
		height: 30em;
	}
}

@media only screen and (min-width:1200px) {
	.iframe_video {
		height: 40em;
	}
}

.iframe_cross {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%
}

.iframe_cross iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

/****Tip 信息框****/
.songmax .tip-content {
	font-size: 14px;
}

.songmax .tip {
	padding: 10px 15px;
	font-size: 13px;
	color: #555;
	margin-bottom: 20px;
	position: relative;
	border-radius: 7px;
}

.songmax .tip.yellow {
	background: #FCD679;
	border-left: 40px solid #FBCB53;
	color: #fff;
}

.songmax .tip.red {
	background: #FE7171;
	border-left: 40px solid #fe5d5d;
	color: #fff;
}

.songmax .tip.green {
	border-left: 40px solid #B4CD96;
	background: #CAE3AD;
	color: #fff;
}

.songmax .tip.blue {
	border-left: 40px solid #76A9FF;
	background: #9DC2FF;
	color: #fff;
}

.songmax .tip.share {
	border-left: 40px solid #ddd;
	background: #efefef;
}

.songmax .tip.red i.epcl-icon,
.songmax .tip.yellow i.epcl-icon,
.songmax .tip.green i.epcl-icon,
.songmax .tip.blue i.epcl-icon,
.songmax .tip.share i.epcl-icon {
	color: #fff;
	position: absolute;
	left: -40px;
	top: 50%;
	width: 40px;
	text-align: center;
	margin-top: -8px;
	height: 16px;
	line-height: 16px;
	font-size: 16px;
}

.songmax .tip.yellow i.epcl-icon,
.songmax .tip.green i.epcl-icon,
.songmax .tip.blue i.epcl-icon,
.songmax .tip.share i.epcl-icon {
	font-size: 20px;
}

.songmax .article-collapse {
	border: 1px solid #e4e7ed;
	border-radius: 3px;
}

.songmax .collapse-head {
	background: #fafafa;
	border: none;
	color: inherit;
	cursor: pointer;
	border-radius: 3px;
	padding: 10px 15px 33px;
}

.songmax .collapse-title {
	display: block;
	font-size: 14px;
	cursor: pointer;
}

.songmax .collapse-title span {
	display: block !important;
	float: left;
}

.songmax .collapse-ico {
	float: right;
}

.songmax .collapse-body {
	padding: 15px;
	line-height: 2em;
	font-size: 14px;
}

.songmax .collapse-block {
	display: block;
}

.songmax .collapse-none {
	display: none;
}

.songmax .article-tabs {
	width: 100%;
	overflow: hidden;
	border: 1px solid #e4e7ed;
	border-radius: 4px;
	margin: 20px 0;
}

.article-tabs .nav {
	user-select: none;
	width: 100%;
	height: 40px;
	overflow-x: auto;
	overflow-y: hidden;
	-ms-scroll-chaining: none;
	overscroll-behavior: none;
	-webkit-overflow-scrolling: touch;
	display: flex;
	background: #fafafa;
}

.article-tabs .nav span.active {
	color: var(--pigeon-major);
	background-color: #fff;
	border-right-color: #dcdfe6;
	border-left-color: #dcdfe6;
}

.article-tabs .nav span {
	padding: 0 20px;
	line-height: 40px;
	height: 40px;
	color: #909399;
	cursor: pointer;
	white-space: nowrap;
}

.article-tabs .tab-content div.active {
	display: block;
}

.article-tabs .tab-content div {
	display: none;
	padding: 15px;
	animation: showTabs 0.5s;
}

.post_eof {
	text-align: center;
	font-size: 1.5rem;
	line-height: 1rem;
	margin: 2rem auto;
	padding-bottom: 2rem;
	font-weight: 100;
	font-family: Microsoft Yahei, sans-serif;
	border-bottom: 2px solid #eff2f9;
}

.post_eof:before {
	content: '——';
	margin-right: 20px
}

.post_eof:after {
	content: '——';
	margin-left: 10px
}

.no_post {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid #eff2f9;
}

.no_post_info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 13px;
	margin-top: 20px;

}

/*.links {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}*/

/*.links_box {
	background-color: #f4f6fb;
	padding: 15px;
	border-radius: 3px;
}*/

/*.links a {
	border-bottom: 0px;
	color: #283149;
	display: flex;
	align-items: center;
}*/

/*.links_img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	overflow: hidden;
	margin-right: 20px;
	flex-shrink: 0;
}*/

/*.links_img img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}*/

/*.links_name {
	line-height: 40px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}*/

.header_qm {
	display: none;
	height: 160px;
	width: 100%;
	padding: 20px;
	align-items: center;
	justify-content: center;
}

.phone {
	display: none;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
	height: 45px;
	overflow: hidden;
}

.phone i {
	font-weight: 450;
	font-size: 22px;
}

#search_bar,
#caidan_bar {
	display: none;
}

.sou_btn {
	display: flex;
	align-items: center;
	position: relative;
}

.sou_btn input {
	margin-left: 15px;
	width: 160px;
	padding: 0 1.4rem;
	border: none;
	border-bottom: 1px solid #7a8b9a;
	outline: none;
	height: 35px;

	background-color: transparent
}

.sou_btn button {
	position: absolute;
	top: 0;
	right: 5px;
	bottom: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: 0 0;
	color: #101010;
	font-weight: 600;


}

#sou_none,
#caidan_none {
	display: none;
}

.caidan {
	display: flex;
	align-items: center;
}

/* .soucaidan ul{
	padding: 0;
	margin: 0;
	list-style: none;
	
}
.soucaidan ul li{
	display: inline-block;
	font-size: 14px;
	margin-right: 5px;
	line-height: 35px;
} */
.mobile {
	left: -300px;
	/* box-shadow: 5px 0px 36px rgb(0 0 0 / 10%); */
	z-index: 9999;
	width: 280px;
	position: fixed;
	top: 0;
	bottom: 0;
	background: #f7f7f7;
	transition: all 0.35s ease-in-out;
	overflow-y: auto;
}

.mobile_open {
	left: 0px;
}

.mobile_info {
	padding: 30px;
	border-bottom: 1px #e9ecef solid;
	text-align: center;
	margin: 45px auto 50px auto;
}

.mobile_img {
	max-width: 60px;
	margin: 0 auto;
	margin-bottom: 15px;
}

.mobile_img img {
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

.mobile_name {
	font-size: 16px;
	font-weight: 600;
}

.mobile_name .h_spot {
	font-size: 27px;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #ff374a;
	margin-left: 3px;
}

.mobile_meun {
	padding: 20px 0 20px 20px;
	font-size: 15px;
}

.mobile_level i {
	float: right;
	font-weight: 600;
	line-height: 19px;
	color: #ff374a;
	font-size: 14px;
}

.mobile_ul,
.mobile_level_ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.mobile_level_ul {
	margin-top: 15px;
	display: none;
}

.mobile_level_none {
	display: none;
}

.mobile_li {
	padding: 10px 0;
}

.mobile_li a {
	width: 100%;
}

.mobile_level_li {
	padding: 5px 10px;
}

.mobile_footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px 20px;
	border-top: 1px #e9ecef solid;
}

.phone_meun {
	position: fixed;
	height: 300px;
	z-index: 1000;
	bottom: -300px;
	background-color: #FFF;
	width: 100%;
}

.sap_mask {
    display:none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: rgba(120, 129, 147, .22); */
	transition: all 0.35s;
	opacity: 0;
	z-index: -1;
	/* backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); */
}

.sap_open {
	display: block;
	opacity: 1;
	z-index: 900;
}

#comment-form {
	margin: 2rem 0;

}

#comment-form .comment-inputs {
	margin-top: 16px;
	overflow: hidden;
}

#comment-form .comment-inputs input {
	outline: none;
	background-color: #f4f6fb;
	border-radius: 3px;
	border: 1px solid #f4f6fb;
	padding: .375rem .75rem;
	line-height: 1.5;
	font-size: 14px;
	width: 100%;
}

#comment-form .comment_xin {
	width: calc((100% - 30px)/3);
	margin-right: 15px;
	float: left;
}

#comment-form .comment_xin:nth-child(3n) {
	margin-right: 0;
}

#comment-form .comment-editor {
	position: relative;
}

#comment-form textarea {
	outline: none;
	border: 0;
	border-radius: 3px;
	width: 100%;
	min-height: 90px;
	height: auto;
	line-height: 1.5;
	display: block;
	background-color: #f0f3f8;
	border: 1px solid #f0f3f8;
	padding: .375rem .75rem;
	overflow: auto;
	resize: none;
	font-size: 15px;
	font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
}

.comment-buttons {
	margin-top: 15px;
}

#comment-form .comment-buttons #submitComment {
	border: 0;
	background: #F44336;
	padding: .5rem 1.5rem;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

#comment-form .comment-buttons #submitComment:hover {
	background: #222831;
}

#comment-form .comment-buttons button {
	cursor: pointer;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	background: transparent;
	border: 0;
}

#comment-form .comment-buttons .left,
#comment-form .comment-buttons .right {
	flex: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
}

#comment-form .comment-buttons span {
	font-size: 1em;
	margin-top: 4px;
}

#comment-form .comment-buttons .right {
	justify-content: flex-end;
}

#comments ol {
	list-style: none;
	margin: 0;
}

#comments p {
	margin: 0;
}

.gen {
	margin: 1rem 0 0 0;
}

.hide {
	display: none;
}

.gen .page-navigator {
	margin: 3.75rem 0 3rem 0;
}

.response {
	margin: 2rem 0;
	padding-top: 1em;
}

.hinfo {
	display: none;
}

.gen h2 {
	margin-bottom: 0.8em;
}


.comment-list {
	padding-left: 0 !important;
	list-style-type: none;
	margin: 0;
}

.avatar {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 1.4rem 1rem 0 0 !important;
	border-radius: 50%;
}

.comment_main {
	padding: 1rem 0;
	margin-left: 66px;
}

.comment_main p {
	margin: 0;
	font-size: 13px;
}

.comment_reply,
.comment_meta {
	font-size: .75rem;
	margin-top: 5px;
}

.comment_time {
	color: #7a8b9a;
}

.comment-reply,
.cancel-comment-reply {
	margin-left: 5px;
}

.comment-content .parent,
.mr-1 {
	margin-right: 5px;
}

#cancel-comment-reply-link {
	display: inline !important;
}

.comment_admin {
	font-size: 14px;
}

.admin_name {
	color: #f12349;
}

.comment_author {
	font-size: 14px;
	margin-bottom: 5px;

}

.comment_excerpt {
	padding: .5rem;
	background-color: #f4f5f9;
	border-radius: 3px;
}

.hideContent {
	font-size: 14px;
	padding: .5rem;
	text-align: center;
	text-transform: uppercase;
	color: line;
	background: repeating-linear-gradient(145deg, #f2f2f2, #f2f2f2 15px, #fff 0, #fff 30px)
}

.ccomment_reply {
	text-align: right;
}

.comment_reply a:before,
.comment_time:before {
	margin: 0 .5rem
}

.comment-parent .comment-children {
	margin-left: 1.2em;
}

.comment-child .comment-children {
	margin-left: 1.2em;
}

.cancel-comment-reply {
	text-align: right;
}

.comment-child .comment-children {
	margin-left: 0;
}

.comment-list .biaoqing.paopao {
	width: 30px;
	height: 30px;
	margin-bottom: -0.25rem;
}

.comment-list .biaoqing.alu {
	height: 33px;
	margin-bottom: -0.3125rem;
}

.comment-list .biaoqing.quyin {
	margin-bottom: -0.125rem;
	min-height: 2.5rem;
	height: 1em;
}

.comment-list .biaoqing {
	display: inline;
	margin: 0;
	width: auto;
}

.rko {
	float: left;
	line-height: 35px;
}

.model-6 {
	float: right;
	margin-right: 15px;
	margin-top: 5px;
}

.model-6 .checkbox label {
	background: #bbb;
	height: 2px;
	width: 60px;
}

.model-6 .checkbox label:after {
	background: #bbb;
	top: -10px;
	width: 20px;
	height: 20px;
}

.model-6 .checkbox input:checked+label {
	background: #F44336;
}

.model-6 .checkbox input:checked+label:after {
	background: #F44336;
	left: 40px;
}

.checkbox {
	position: relative;
	display: inline-block;
}

.checkbox_tip {
	position: absolute;
	width: 200px;
	text-align: center;
	background-color: #000;
	color: #FFF;
	padding: 3px 8px;
	border-radius: 4px;
	top: -50px;
	right: -50px;
	font-size: 12px;
	opacity: 0;
	display: block !important;
	visibility: hidden;
	transition: all .5s ease-in-out;
}

.checkbox_tip:after {
	content: '';
	position: absolute;
	border: 10px solid transparent;
	border-top-color: #000;
	top: 36px;
	left: 90px;
}

.checkbox:after,
.checkbox:before {
	font-family: FontAwesome;
	-webkit-font-feature-settings: normal;
	-moz-font-feature-settings: normal;
	font-feature-settings: normal;
	-webkit-font-kerning: auto;
	-moz-font-kerning: auto;
	font-kerning: auto;
	-webkit-font-language-override: normal;
	-moz-font-language-override: normal;
	font-language-override: normal;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	text-rendering: auto;
}

.checkbox label {
	width: 90px;
	height: 42px;
	background: #ccc;
	position: relative;
	display: inline-block;
	border-radius: 46px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.checkbox label:after {
	content: '';
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 100%;
	left: 0;
	top: -5px;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

.checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.checkbox input:hover+label:after {
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}

.checkbox input:checked+label:after {
	left: 40px;
}

.comment-list img.lazy {
	opacity: 0;
}

.comment-list img.loaded {
	opacity: 1;
}

.comments_number {
	font-size: 16px;
	text-align: center;
	margin: 15px 0;
}

.comments_number small {
	font-size: 14px;
}

.comments_number_box {
	position: relative;
}

.comments_number_box:before,
.comments_number_box:after {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 1px;
	border-top: 1px solid;
	content: '';
	border-color: #F44336;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.comments_number_box:before {
	left: -35px;
}

.comments_number_box:after {
	right: -35px;
}

.comments_number:hover .comments_number_box:before {
	left: -40px;
}

.comments_number:hover .comments_number_box:after {
	right: -40px;
}

.comments_off {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}

.comment_zz {
	margin-left: 3px;
}

.comment_zz i {
	font-size: 14px;
	color: #f12349;
}

.simi {
	background-color: #91939680 !important;
}

.comment_zz.tooltip {
	position: relative;
}

.comment_zz.tooltip small {
	position: absolute;
	width: 70px;
	text-align: center;
	background-color: #000;
	color: #FFF;
	padding: 3px 8px;
	border-radius: 4px;
	top: -25px;
	left: -25px;
	font-size: 12px;
	opacity: 0;
	display: block !important;
	visibility: hidden;
	transition: all .5s ease-in-out;
}

/***时光机****/
.cross_box_title {
	font-size: 14px;
	margin-bottom: 1rem;
}

.cross_frame {
	display: flex;
	flex: 1 1 auto;
	border: 2px solid rgba(0, 0, 0, 0.125);
	border-radius: 6px;
	padding: .5rem;
}

.cross_frame_avatar {
	width: 30px;
	height: 30px;
	border-radius: 100px;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: .9375rem;
}

.cross_frame_avatar img {
	width: 100%;
	height: 100%;
}

.comment-editor {
	flex: 1 1 auto;
}

.cross_frame textarea {
	width: 100% !important;
	resize: none;
	text-align: justify;
	overflow: hidden !important;
	font-size: .875rem !important;
	border: none !important;
	font-weight: 400;
	line-height: 1.5 !important;
	height: 79px !important;
	font-family: inherit;
	-webkit-appearance: none;
	outline: none;
	background-color: #FFF !important;
	color: #aaa;
}

.cross_tools {
	margin-top: .5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.cross_tools_right {
	display: flex;
	align-items: center;
}

.cross_tools #submitComment {
	font-size: 12px;
	padding: .2rem .8rem;
	border-radius: 2px;
	background-color: #77AAAD;
	border: none;
	color: #FFF;
}

.cross-box {
	display: flex;
	margin-bottom: 1rem;
}

.cross_left {
	margin-right: .8rem;
}

.cross-avatar {
	width: 50px;
	height: 50px;
	border-radius: 100px;
}

.cross_right {
	width: 100%;
	background-color: #f1f4f8;
	border-radius: 6px;
}

.cross_right_time {
	font-size: 13px;
}

.cross_right_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	color: #555;
	border-bottom: 1px solid rgba(222, 229, 231, .45);
	padding: 10px 15px;
}

.cross-excerpt {
	padding: 15px;
}

.cross-excerpt p {
	margin: 0;
	font-size: 14px;
}

.cross_right_foot {
	padding: 10px 15px;
	color: #555;
	font-size: 12px;
}

.cross_right_foot i {
	font-size: 14px;
}

.cross-img,
.cross-imgg {
	max-height: 160px;
	border-radius: 5px;
	max-width: 100%;
	margin-top: 10px;
}

.cross_nav-page .page-navigator a {
	display: none;
}

.cross_nav-page .page-navigator a.commentslistnext {
	display: inline-block;
	position: relative;
	width: 110px;
	text-align: center;
	font-size: 12px;
	line-height: 40px;
	border-radius: 100px;
	transition: 0.3s ease-in-out;
	color: var(--white);
	overflow: hidden;
}

.comment_admin i {
	color: #F44336;
	font-size: 12px;
	cursor: pointer;
}

.comment_ds i {
	color: #E65100;
	font-size: 12px;
	cursor: pointer;
}

.OwO {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.OwO:hover .OwO-logo {
	color: #444
}

.OwO.OwO-open .OwO-logo {
	border-radius: 4px 4px 0 0;
	border-bottom: none;
	color: #444
}

.OwO.OwO-open .OwO-body {
	display: block
}

.OwO.OwO-up .OwO-body {
	top: inherit;
	bottom: 21px;
	border-radius: 4px 4px 4px 0
}

.OwO.OwO-up .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
	border-radius: 0
}

.OwO.OwO-up.OwO-open .OwO-logo {
	border: 1px solid #ddd;
	border-radius: 0 0 4px 4px;
	border-top: none
}

.OwO .OwO-logo {
	position: relative;
	display: inline-block;
	color: #888;
	background: #fff;
	border: 2px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
	padding: 2px 5px;
	cursor: pointer;
	height: 22px;
	box-sizing: border-box;
	z-index: 2;
	line-height: 16px
}

.OwO .OwO-body {
	display: none;
	position: absolute;
	width: 400px;
	background: #fff;
	border: 2px solid #ddd;
	z-index: 999;
	top: 28px;
	border-radius: 0 4px 4px 4px;
	max-width: 400px;
}

.OwO .OwO-body .OwO-items {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display: none;
	padding: 10px;
	margin: 0;
	overflow: auto;
	font-size: 0
}

.OwO .OwO-body .OwO-items .OwO-item {
	list-style-type: none;
	background: #f7f7f7;
	padding: 5px 10px;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	margin: 0 10px 12px 0;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s
}

.OwO .OwO-body .OwO-items .OwO-item:hover {
	background: #eee;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.OwO .OwO-body .OwO-items-emoji .OwO-item {
	font-size: 20px;
	line-height: 19px
}

.OwO .OwO-body .OwO-items-image .OwO-item {
	max-width: calc(25% - 10px);
	box-sizing: border-box
}

.OwO .OwO-body .OwO-items-image .OwO-item img {
	max-width: 100%
}

.OwO .OwO-body .OwO-items-show {
	display: block
}

.OwO .OwO-body .OwO-bar {
	width: 100%;
	height: 30px;
	border-top: 2px solid #ddd;
	background: #fff;
	border-radius: 0 0 4px 4px;
}

.OwO .OwO-body .OwO-bar .OwO-packages {
	margin: 0;
	padding: 0;
	font-size: 0
}

.OwO .OwO-body .OwO-bar .OwO-packages li {
	list-style-type: none;
	display: inline-block;
	line-height: 27px;
	font-size: 14px;
	padding: 0 10px;
	cursor: pointer;
	margin-right: 3px
}

.OwO .OwO-body .OwO-bar .OwO-packages li:nth-child(1) {
	border-radius: 0 0 0 3px
}

.OwO .OwO-body .OwO-bar .OwO-packages li:hover {
	background: #eee
}

.OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
	background: #eee;
	-webkit-transition: .3s;
	transition: .3s
}

.OwO .biaoqing.quyin {
	margin-bottom: -0.125rem;
	min-height: 3.5rem;
	height: 1em;
}

.OwO .biaoqing.alu {
	margin-bottom: -0.3125rem;
	min-height: 2.0625rem;
	height: 1em;
}

.OwO .biaoqing.paopao {
	margin-bottom: -0.25rem;
	min-height: 1.875rem;
	height: 1em;
}


.home {
	display: none;
	position: fixed;
	z-index: 10;
	bottom: 50px;
	background-color: #FFF;
	width: 50px;
	box-shadow: 0 0 6px 4px rgb(0 0 0 / 5%);
	height: 35px;
	border-radius: 0 100px 100px 0;
	align-items: center;
	justify-content: end;
	padding: 10px;
}

.home i {
	font-size: 22px;
	font-weight: 600;
}

/****工具栏****/
.tool {
	position: fixed;
	bottom: 100px;
	right: 30px;
	z-index: 99;
	font-weight: 300;
}

.tool li {
	list-style: none;
}

.tool li i {
	font-weight: 600;
	font-size: 18px;
}

.tool li button {
	background-color: #ffffff;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	border: none;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: -6px 0px 10px rgb(0 0 0 / 10%);
}

.tool li button:hover {
	background-color: #448aca;
	color: #FFF;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.tool_top {
	margin-top: 15px;
}

.phone {
	background-color: #ffffff;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

@media print,
screen and (max-width: 750px) {
    .sap_mask {
    display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: rgba(120, 129, 147, .22); */
	transition: all 0.35s;
	opacity: 0;
	z-index: -1;
	/* backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px); */
}
	.header_qm,
	.phone,
	.home {
		display: flex;
	}
	.mobile_meun {
	    padding: 20px 0 20px 40px;
	    font-size: 15px;
   }

	.content_box {
		padding-top: 0;
		border-top: 2px solid #eff2f9;
		left: 0px;
		position: relative;
		transition: all 0.35s ease-in-out;
	}

	#header {
		display: block;
	}

	.content {
		margin: 0 auto;
		left: 0px;
		position: relative;
		transition: all 0.35s ease-in-out;
		
	}
	.content_open {
		margin: 0 auto;
		left: 280px;
	}
	.content_left,
	.header_logo,
	.header_right {
		display: none;
	}

	.index_content {
		box-shadow: 0 0 10px rgb(0 0 0 / 10%);
		;
		border-radius: 5px;
		padding: 2rem 1.4rem;
	}

	.index_list_right {
		max-width: 145px;
	}

	.index_list_img {
		padding-top: 100%;
	}

	.index_list_excerpt {
		-webkit-line-clamp: 3;
		height: 70px;
	}

	#footer {
		justify-content: center;
		padding: 10px;
		flex: 1 1 auto;
		flex-direction: column;
		margin-top: 30px;
		padding-bottom: 30px;
	}

	#footer .beian {
		margin-bottom: 10px;
	}

	.content_right {
		width: 100%;
	}
	.OwO .OwO-body{
		width:340px;
	}
}
@font-face {
	font-family: 'hm';
	src: url('../fonts/hm.woff2');
}


body.night .meunnav_search input {
	color: #5d5d5d;
	background-color: #3b3b3b;
	background-clip: padding-box;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

body.night .index_content {
	background-color: #151515;
	box-shadow: 0 0 18px rgb(0 0 0 / 95%);
}
}

body.night .index_list_excerpt {
	color: #757575;
}

body.night .paging a {
	color: #757575;
	font-size: 14px;
	background-color: #151515;
}

body.night .tool li button:hover {
	background-color: #448aca;
	color: #FFF;

}

body.night .tool li button {
	background-color: #6e6e6e;
}

body.night .tool li button:hover {
	background-color: #272222;
	color: #5b5b5b;
}

body.night .post_header {
	border-bottom: 2px solid #2c2c2c;
}


body.night #comment-form textarea {

	background-color: #2c2c2c;
	border: 1px solid #4a4a4a;

}

body.night .OwO .OwO-logo {

	color: #888;
	background: #2c2c2c;
	border: 2px solid #464646;

}


body.night #teamnewslist ol {
	border-left: 2px solid #606060;
	color: #2d2d2d;
}

body.night .no_post {

	border-bottom: 2px solid #2c2c2c;
}

body.night .songmax ul {
	border: 1px solid #2c2c2c;
}

body.night .songmax ol {

	border: 1px solid #2c2c2c;

}

body.night #teamnewslist b {

	color: #828282;

}

body.night #teamnewslist ol {

	border-left: 2px solid #3d3d3d;
	color: #595959;
}

body.night .links a {
	border-bottom: 0px;
	color: #aaa;

}

body.night .songmax .article-collapse {
	border: 1px solid #444444;

}

body.night .article-collapse {
	border: 1px solid #444444;

}

body.night .comment_excerpt {

	background-color: #252525;

}

body.night .content_box {
	border-top: 0px solid #000000;
}

body.night .index_list {
	border-bottom: 1px solid #404040;
}

body.night .navbar_li.avre {

	background-color: #151515;
	box-shadow: -8px 5px 16px rgba(0, 0, 0, 0.57);
}

body.night .index_list_footer {
	color: #aaa;
}

body.night .hideContent {
	background: repeating-linear-gradient(145deg, #151515, rgb(4 4 4 / 39%) 15px, #5d5d5d 0, rgb(0 0 0 / 0%) 30px);
}
body.night #teamnewslist b::after {
	background-color: #444444;
	border: 2px solid #6e6e6e;
	box-shadow: 2px 2px 0 rgb(67 67 67), -2px -2px 0 rgb(106 106 106);
}

body.night .post_eof {
	border-bottom: 1px solid #363636;
}

body.night .links_box {
	background-color: #7a7a7a3b;
}

body.night .post_header_img::before {
	background: -webkit-linear-gradient(left, #151515, rgba(255, 255, 255, 0) 100%);
}

body.night .songmax pre {

	background-color: #393939;

}

body.night .songmax pre::after {

	background: #484848;
	color: #cececf;
}

body.night .songmax .collapse-head {
	background: #454545;
}

body.night .songmax .tip.blue {
	border-left: 40px solid #586984;
	background: #45597a;
	color: #fff;
}

body.night .songmax code {
	background: #b3b2b2;
	color: #a0526d;
}

body.night .index_list_excerpt {

	color: #6e6e6e;

}

body.night #comment-form .comment-inputs input {

	background-color: #4b4b4b;

	border: 1px solid #4d4d4d;

}

body.night .songmax thead tr {
	background-color: #888888;
}

body.night .songmax th,
.songmax td {

	border: 1px solid #4a4a4a;
}

body.night .phone {
	background-color: #151515;
}

body.night {
	background-color: #0c0c0c !important;
	color: #aaa !important;
}
body.night  .mobile_open{
     background-color: #0c0c0c ;
}
body.night .OwO.OwO-open .OwO-body {
    background-color: #000;
}
body.night .OwO .OwO-body .OwO-bar {   
    background: #0d0d0d;
}
body.night .OwO .OwO-body .OwO-bar .OwO-packages li:hover {
    background: #323232;
}
body.night .OwO .OwO-body .OwO-items .OwO-item {
    background: #232323;
}
body.night .mobile_info {
    border-bottom: 1px #0c0c0c solid;
}
body.night .OwO .OwO-body {
    background: #141414;
    border: 2px solid #000;
    
}
body.night .OwO .OwO-body .OwO-bar {
    border-top: 2px solid #454545;
}
body.night .OwO .OwO-body .OwO-bar .OwO-packages .OwO-package-active {
    background: #000;
}
body.night .songmax ul li {

    border-bottom: 1px solid #393939;
}