body {
	margin: auto;
	cursor: default;
	max-width: 750px;
	background: #000;
	color: #fff;
}

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

ul {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

ul li {
	list-style-type: none;
}

div,
a,
textarea,
input,
span {
	box-sizing: border-box;
}

input {
	background: none;
}

input[type="button"] {
	cursor: pointer;
}

button {
	cursor: pointer;
}

textarea {
	resize: none;
	font-family: inherit;
}

div,
input {
	box-sizing: border-box;
}

::-webkit-scrollbar {
	width: 3px;
	height: 3px;
}

::-webkit-scrollbar-thumb {
	border-radius: 1em;
	background-color: rgba(50, 50, 50, .3);
}

::-webkit-scrollbar-track {
	border-radius: 1em;
	background-color: rgba(50, 50, 50, .1);
}

.container {
	display: flex;
	margin: auto;
	box-sizing: border-box;
	padding: 0 0.25rem;
}

.gutter {
	padding-top: 0.7rem;
	padding-bottom: 1.5rem;
}

/* 主内容区域 */
main {
	width: 100%;
	background: #101010;
}

/* 轮播区域 */
.banner {
	width: 100%;
	height: 7rem;
	margin-top: 0.5rem;
	overflow: hidden;
	position: relative;
}

.banner .swiper {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide {
	width: 100%;
	height: 100%;
}

.banner .swiper-slide .banne {
	transform: scale(0.9);
}

.banner .swiper-slide-active .banne {
	transform: scale(1);
}

.banner .swiper-slide-active .banne2 {
	display: block;
}

.banne {
	width: 100%;
	height: 100%;
	border-radius: 0.1rem;
	overflow: hidden;
	position: relative;
}

.banne1 {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.banne2 {
	width: 90%;
	background: rgba(16, 16, 16, 0.56);
	padding: 0.25rem;
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.banne2 img {
	max-width: 100%;
	display: block;
	margin: auto;
}

.login_box {
	width: 100%;
	margin-top: 1.15rem;
	margin-bottom: 0.4rem;
}

.login_bo {
	width: 100%;
}

.login_bo1 {
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 0.34rem;
	color: #FFFFFF;
}

.login_bo2 {
	width: 100%;
	text-align: center;
	margin-top: 0.35rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: #D2D0D0;
}

.login_bo3 {
	border: none;
	outline: none;
	margin: auto;
	margin-top: 0.55rem;
	width: 4rem;
	height: 0.95rem;
	background: #04BD58;
	border-radius: 0.2rem;
	border: 1px solid #707070;
	display: block;
	font-weight: 600;
	font-size: 0.3rem;
	color: #FFFFFF;
}

.login_bo4 {
	width: 100%;
	text-align: center;
	margin-top: 1rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: #FFFFFF;
	text-decoration: underline;
}

.login_bo4 a {
	color: #04BD58;
}

.login_cover {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0);
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
}

.login_tcs {
	border: 1px solid #948B8B;
	width: 95%;
	background: rgba(45, 45, 45, 0.8);
	border-radius: 0.2rem;
	backdrop-filter: blur(0.34rem);
	padding: 0.6rem 0.35rem;
	display: none;
	position: fixed;
	left: 50%;
	bottom: 2.75rem;
	transform: translateX(-50%);
	z-index: 11;
}

.login_tc1 {
	width: 100%;
	text-align: center;
	font-weight: 600;
	font-size: 0.34rem;
	color: #FFFFFF;
}

.login_tc2 {
	width: 100%;
	text-align: center;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: #FFFFFF;
}

.login_tc3 {
	width: 100%;
	margin-top: 0.55rem;
}

.login_tc3_1 {
	width: 100%;
	display: block;
	margin-bottom: 0.3rem;
}

.login_tc3_1::last-child {
	margin-bottom: 0;
}

.login_tc3_1 img {
	width: 100%;
	display: block;
}

.login_tc4 {
	width: 100%;
	margin: 0.35rem 0;
	font-weight: 400;
	font-size: 0.26rem;
	color: #D1D1D1;
	text-align: center;
	position: relative;
}

.login_tc4::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #D1D1D1;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.login_tc4 span {
	padding: 0 0.1rem;
	display: inline-block;
	background: #2D2D2D;
	backdrop-filter: blur(0.34rem);
	position: relative;
	z-index: 1;
}

.login_tc5 {
	border: none;
	outline: none;
	width: 100%;
	height: 1rem;
	background: #04BD58;
	border-radius: 1rem;
	border: 1px solid #707070;
	font-weight: 600;
	font-size: 0.3rem;
	color: #FFFFFF;
	display: block;
	margin-top: 0.55rem;
}

.login_tc6 {
	width: 100%;
	margin-top: 0.3rem;
}

.login_tc6_1 {
	border: none;
	outline: none;
	width: 100%;
	height: 0.95rem;
	background: #4B4748;
	border-radius: 0.1rem;
	padding: 0 0.3rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: white;
	display: block;
	margin-bottom: 0.3rem;
}

.login_tc6_1:last-child {
	margin-bottom: 0;
}

.login_tc7 {
	width: 100%;
	margin-top: 0.2rem;
	display: flex;
	justify-content: center;
}

.login_tc7_1 {
	width: 0.95rem;
	display: block;
	margin-right: 0.8rem;
}

.login_tc7_1 img {
	width: 100%;
	display: block;
}

.login_tc7_1:last-child {
	margin-right: 0;
}

.login_tc8 {
	width: 100%;
	margin-top: 0.1rem;
	padding: 0 0.3rem;
	font-weight: 400;
	font-size: 0.28rem;
}

.sz_tops {
	width: 100%;
	height: 1rem;
	padding: 0 0.3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sz_top1 {
	width: 0.3rem;
	display: block;
}

.sz_top1 img {
	width: 100%;
	display: block;
}

.sz_top2 {
	width: 0.5rem;
	display: block;
}

.sz_top2 img {
	width: 100%;
	display: block;
}

.sz_top3 {
	display: flex;
}

.sz_top3_1 {
	height: 0.6rem;
	line-height: 0.6rem;
	margin-right: 0.7rem;
	font-weight: 400;
	font-size: 0.3rem;
	color: #C1C1C1;
}

.sz_top3_1:last-child {
	margin-right: 0;
}

.sz_top3_1.on {
	font-weight: bold;
	color: #04BD58;
	position: relative;
}

.sz_top3_1.on::after {
	content: '';
	width: 0.6rem;
	height: 0.02rem;
	background: #04BD58;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.video_box {
	width: 100%;
	height: 100vh;
	/* 	padding-top: 0.7rem;
	padding-bottom: 1.5rem; */
	position: relative;
}

.video_list {
	width: 100%;
	height: calc(100% - 1rem);
}

.video_list .swiper {
	width: 100%;
	height: 100%;
}

.video_list .swiper-slide {
	width: 100%;
	height: 100%;
}

.video_li {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.video_bo1 {
	width: 100%;
	padding: 0.2rem 0.3rem;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: 0;
	bottom: 1.5rem;
	z-index: 10;
}

.video_bo1_1 {
	width: 100%;
	margin-bottom: 0.3rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #FFFFFF;
	text-align: center;
	animation: shake 3s infinite;
	/* 动画名称 持续时间 无限循环 */
}

.video_bo1_1 img {
	width: 0.3rem;
	display: block;
	margin: auto;
	margin-top: 0.2rem;
}

@keyframes shake {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
		/* 向上移动10px */
	}
}

.video_bo1_2 {
	height: 0.6rem;
	border-radius: 0.1rem;
	background: rgba(255, 255, 255, .47);
	padding: 0 0.15rem;
	display: inline-block;
	font-size: 0.24rem;
	color: #D2D2D2;
}

.video_bo1_2 div {
	line-height: 0.6rem;
	display: inline-block;
	vertical-align: middle;
}

.video_bo1_2 span {
	color: #04BD58;
}

.video_bo1_2 img {
	width: 0.2rem;
	margin-left: 0.15rem;
	display: inline-block;
	vertical-align: middle;
}

.video_bo2 {
	position: absolute;
	right: 0.3rem;
	top: 55%;
	transform: translateY(-50%);
	z-index: 10;
}

.video_bo2_1 {
	display: block;
	margin-bottom: 0.3rem;
	text-align: center;
	font-weight: 400;
	font-size: 0.26rem;
	color: #FFFFFF;
}

.video_bo2_1:last-child {
	margin-bottom: 0;
}

.video_bo2_1 img {
	width: 0.4rem;
	display: block;
	margin: auto;
	margin-bottom: 0.1rem;
}

.video_episode {
	width: 100%;
	background: #0F0E0E;
	border-radius: 0.3rem 0.3rem 0 0;
	padding: 0.25rem 0.3rem;
	padding-bottom: 1.75rem;
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 20;
}

.video_episode1 {
	width: 0.5rem;
	position: absolute;
	top: 0.25rem;
	right: 0.3rem;
	z-index: 1;
}

.video_episode2 {
	width: 100%;
	font-weight: 400;
	font-size: 0.28rem;
	color: #FFFFFF;
}

.video_episode3 {
	width: 100%;
	margin-top: 0.2rem;
	display: flex;
}

.video_episode3_1 {
	height: 0.6rem;
	line-height: 0.6rem;
	margin-right: 0.6rem;
	font-weight: 400;
	font-size: 0.3rem;
	color: #FFFFFF;
}

.video_episode3_1:last-child {
	margin-right: 0;
}

.video_episode3_1.on {
	color: #04BD58;
	position: relative;
}

.video_episode3_1.on::after {
	content: '';
	width: 0.3rem;
	height: 0.04rem;
	background: #04BD58;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.video_episode4 {
	width: 100%;
	margin-top: 0.25rem;
}

.video_episode4_2 {
	width: 100%;
	display: none;
}

.video_episode4_3 {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.video_episode4_1 {
	width: 15.833%;
	margin-right: 1%;
	height: 1.05rem;
	background: rgba(255, 255, 255, 0.16);
	border-radius: 0.1rem;
	text-align: center;
	line-height: 1.05rem;
	font-weight: 400;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: block;
	margin-bottom: 0.1rem;
}

.video_episode4_1:nth-child(6n) {
	margin-right: 0;
}

.video_episode4_1.on {
	background: rgba(18, 162, 84, 0.44);
}

.video_share {
	width: 6rem;
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 20;
}

.video_share1 {
	width: 100%;
	display: block;
}

.video_share2 {
	width: 0.35rem;
	position: absolute;
	top: 1.1rem;
	right: 0.45rem;
}

.video_share3 {
	width: 5.3rem;
	height: 0.9rem;
	background: #04BD58;
	border-radius: 0.9rem;
	text-align: center;
	line-height: 0.9rem;
	font-weight: bold;
	font-size: 0.32rem;
	color: #FFFFFF;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0.6rem;
	transform: translateX(-50%);
}

/* 评论弹窗样式 */
.video_comment {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1002; /* 确保在footer之上，footer的z-index是1001 */
}

.video_comment_mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.video_comment_content {
	position: absolute;
	left: 0;
	bottom: 1.5rem; /* 为footer留出空间，footer高度约1.5rem */
	width: 100%;
	max-height: calc(100% - 1.5rem); /* 最大高度减去footer高度 */
	height: 70%;
	background: #0F0E0E;
	border-radius: 0.3rem 0.3rem 0 0;
	display: flex;
	flex-direction: column;
}

.video_comment_header {
	height: 0.8rem;
	line-height: 0.8rem;
	padding: 0 0.3rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.32rem;
	color: #FFFFFF;
}

.commentClose {
	width: 0.4rem;
	cursor: pointer;
}

.video_comment_list {
	flex: 1;
	overflow-y: auto;
	padding: 0.3rem;
}

.comment_item {
	margin-bottom: 0.3rem;
	padding-bottom: 0.3rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.comment_user {
	display: flex;
	align-items: center;
	margin-bottom: 0.15rem;
}

.comment_user img {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	margin-right: 0.15rem;
}

.comment_user span {
	font-size: 0.24rem;
	color: #FFFFFF;
}

.comment_content {
	font-size: 0.26rem;
	color: #D2D2D2;
	line-height: 1.5;
	padding-left: 0.65rem;
}

.no_comment {
	text-align: center;
	padding: 1rem 0;
	color: #999;
	font-size: 0.28rem;
}

.video_comment_input {
	height: 1rem;
	padding: 0.2rem 0.3rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
}

.video_comment_input input {
	flex: 1;
	height: 0.6rem;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	border-radius: 0.3rem;
	padding: 0 0.2rem;
	font-size: 0.26rem;
	color: #FFFFFF;
	outline: none;
}

.video_comment_input button {
	width: 1rem;
	height: 0.6rem;
	margin-left: 0.2rem;
	background: #04BD58;
	border: none;
	border-radius: 0.3rem;
	font-size: 0.26rem;
	color: #FFFFFF;
	cursor: pointer;
}

/* 分享链接框样式 */
.share_url_box {
	padding: 0.3rem;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 0.2rem;
	margin-top: 0.3rem;
}

.share_url_box p {
	font-size: 0.24rem;
	color: #FFFFFF;
	margin-bottom: 0.2rem;
}

.share_url_box input {
	width: 100%;
	height: 0.6rem;
	background: rgba(255, 255, 255, 0.1);
	border: none;
	border-radius: 0.1rem;
	padding: 0 0.2rem;
	font-size: 0.24rem;
	color: #FFFFFF;
	margin-bottom: 0.2rem;
}

.share_url_box button {
	width: 100%;
	height: 0.6rem;
	background: #04BD58;
	border: none;
	border-radius: 0.1rem;
	font-size: 0.26rem;
	color: #FFFFFF;
	cursor: pointer;
}

/* 点赞状态 */
.video_bo2_1.liked img {
	opacity: 0.8;
}

.novela_cnt {
	width: 100%;
	/* padding-top: 0.7rem;
	padding-bottom: 1.5rem; */
	background-image: url(../img/bg_2.png);
	background-position: center top 0.7rem;
	background-repeat: no-repeat;
	background-size: cover;
}

.novela_box {
	width: 100%;
	padding: 0 0.2rem;
}

.novela_seach {
	border: none;
	outline: none;
	width: 100%;
	height: 0.7rem;
	background: rgba(246, 246, 246, .53);
	border-radius: 0.7rem;
	padding: 0 0.3rem;
	font-weight: 500;
	font-size: 0.24rem;
	color: #FFFFFF;
}

.novela_sx {
	width: 100%;
	background: rgba(87, 87, 87, .18);
	padding: 0.15rem 0.35rem;
	border-radius: 0.2rem;
}

.novela_sx1 {
	width: 100%;
	font-weight: 500;
	font-size: 0.24rem;
	color: #FFFFFF;
}

.novela_sx2 {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.novela_sx2_1 {
	width: 0.25rem;
	margin-left: 0.2rem;
	margin-top: 0.35rem;
}

.novela_sx2_2 {
	width: calc(100% - 0.45rem);
	height: 0.7rem;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}

.novela_sx2.on .novela_sx2_2 {
	height: auto;
}

.novela_sx2.on .novela_sx2_1 {
	transform: rotate(180deg);
}

.novela_sx2_3 {
	height: 0.55rem;
	border-radius: 0.55rem;
	padding: 0 0.15rem;
	line-height: 0.55rem;
	background: #FFFFFF;
	margin-top: 0.15rem;
	margin-right: 0.1rem;
	font-weight: 500;
	font-size: 0.24rem;
	color: #333333;
	display: block;
}

.novela_sxt {
	width: 100%;
	display: flex;
}

.novela_sxt1 {
	height: 0.55rem;
	border-radius: 0.55rem;
	padding: 0 0.15rem;
	line-height: 0.55rem;
	background: #FFFFFF;
	margin-top: 0.15rem;
	font-weight: 500;
	font-size: 0.24rem;
	color: #333333;
	display: block;
}

.novela_sxw {
	width: 100%;
	margin-top: 0.45rem;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

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

.novela_sxw1_1 {
	font-weight: 500;
	font-size: 0.24rem;
	color: #FFFFFF;
}

.novela_sxw1_2 {
	font-weight: 500;
	font-size: 0.24rem;
	color: #DFDFDF;
	margin-left: 0.2rem;
}

.novela_sxw1_3 {
	width: 0.15rem;
	margin-left: 0.05rem;
}

.novela_sxw2 {
	width: 2.3rem;
	background: #FFFFFF;
	box-shadow: 0px 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
	border-radius: 0.1rem;
	padding: 0.1rem 0;
	display: none;
	position: absolute;
	right: 0;
	top: calc(100% + 0.15rem);
}

.novela_sxw2_1 {
	border-bottom: 1px solid #DFDFDF;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0.1rem 0.15rem;
	font-weight: 500;
	font-size: 0.24rem;
	color: #000000;
}

.novela_sxw2_1:last-child {
	border-bottom: 0;
}

input[type=radio] {
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	position: relative;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 0.28rem;
	margin: 0;
	border-radius: 50%;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
}

input[type=radio]::after {
	position: absolute;
	top: 0;
	width: 0.3rem;
	height: 0.3rem;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
}

input[type=radio]:checked {
	border: none;
}

input[type=radio]:checked::after {
	content: "✓";
	font-size: 0.22rem;
	font-weight: bold;
	background: #00B050;
	color: white;
	border-radius: 50%;
}

.novela_sxw2_1 div {
	width: calc(100% - 0.4rem);
}

.novela_sxw.on .novela_sxw1_3 {
	transform: rotate(180deg);
}

.novela_sxw.on .novela_sxw2 {
	display: block;
}

.novela_list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.novela_li {
	width: 32%;
	margin-top: 0.35rem;
	margin-right: 2%;
	display: block;
}

.novela_li:nth-child(3n) {
	margin-right: 0;
}

.novela_li1 {
	width: 100%;
	height: 3rem;
	border-radius: 0.1rem;
	display: block;
	object-fit: cover;
	object-position: center;
}

.novela_li2 {
	width: 100%;
	height: 0.64rem;
	margin-top: 0.2rem;
	font-size: 0.24rem;
	color: white;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 限制文本行数为2 */
	overflow: hidden;
}

/* 加载更多按钮样式 */
.load_more {
	width: 100%;
	padding: 0.3rem 0;
	text-align: center;
}

.btn_load_more {
	background: #04BD58;
	color: #FFFFFF;
	border: none;
	padding: 0.2rem 0.8rem;
	border-radius: 0.1rem;
	font-size: 0.28rem;
	cursor: pointer;
}

.btn_load_more:active {
	opacity: 0.8;
}

/* 分类激活状态 */
.novela_sx2_3.active {
	color: #04BD58;
	font-weight: bold;
}

/* 章节列表弹窗样式 */
.chapter_list_modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
}

.chapter_list_content {
	animation: slideUp 0.3s ease;
}

@keyframes slideUp {
	from {
		transform: translateY(100%);
	}
	to {
		transform: translateY(0);
	}
}

.chapter_list_item {
	transition: background 0.3s;
}

.chapter_list_item:hover {
	background: #f5f5f5;
}

.chapter_list_item.active {
	background: #e8f5e9;
	color: #04BD58 !important;
}

.novela_cntnys {
	width: 100%;
	/* padding-top: 0.7rem;
	padding-bottom: 1.5rem; */
	background-image: url(../img/bg_3.png);
	background-position: center top 0.7rem;
	background-repeat: no-repeat;
	background-size: cover;
}

.novela_cntny {
	border-top: 1px solid #707070;
	width: 100%;
	padding: 0.4rem 0;
}

.novela_cntnya {
	border: 1px solid rgba(156, 156, 156, .77);
	width: calc(100% - 0.5rem);
	border-radius: 0.25rem;
	background: rgba(42, 41, 41, .77);
	backdrop-filter: blur(22px);
	padding: 0.25rem 0.2rem;
	margin: auto;
	display: flex;
	align-items: center;
}

.novela_cntnya1 {
	width: 2.3rem;
	height: 3.4rem;
	border-radius: 0.1rem;
	margin-right: 0.2rem;
}

.novela_cntnya2 {
	width: calc(100% - 2.5rem);
}

.novela_cntnya3 {
	width: 100%;
	font-weight: 400;
	font-size: 0.3rem;
	color: #FFFFFF;
}

.novela_cntnya4 {
	width: 100%;
	margin-top: 0.3rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.novela_cntnya4_1 {
	font-weight: 400;
	font-size: 0.28rem;
	color: #D1D1D1;
	display: flex;
	align-items: center;
}

.novela_cntnya4_1 img {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	display: block;
	object-fit: cover;
	object-position: center;
	margin-right: 0.15rem;
}

.novela_cntnya4_1 div {
	width: 2rem;
	text-decoration: underline;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.novela_cntnya4_2 {
	font-weight: 400;
	font-size: 0.24rem;
	color: #D1D1D1;
}

.novela_cntnya5 {
	width: 100%;
	margin-top: 0.3rem;
	display: flex;
}

.novela_cntnya5_1 {
	border-right: 1px solid #FFFFFF;
	width: 33.33%;
	text-align: center;
	font-weight: 400;
	font-size: 0.24rem;
	color: #FFFFFF;
	display: block;
}

.novela_cntnya5_1:last-child {
	border-right: 0;
}

.novela_cntnya5_1 div {
	width: 100%;
	margin-bottom: 0.2rem;
}

.novela_cntnya5_1 div:last-child {
	margin-bottom: 0;
}

.novela_cntnya6 {
	width: 100%;
	margin-top: 0.25rem;
	display: flex;
}

.novela_cntnya6_1 {
	width: 33.33%;
	display: block;
}

.novela_cntnya6_1 img {
	max-width: 0.35rem;
	display: block;
	margin: auto;
}

.novela_cntnyb {
	width: calc(100% - 0.5rem);
	margin: auto;
	margin-top: 0.3rem;
	background: rgba(42, 41, 41, .65);
	border-radius: 0.25rem;
	padding: 0.25rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #D1D1D1;
	position: relative;
}

.novela_cntnyb_1 {
	width: 100%;
}

.novela_cntnyb_2 {
	width: 0.25rem;
	display: block;
	position: absolute;
	right: 0.25rem;
	bottom: 0.25rem;
}

.novela_cntnyb.on .novela_cntnyb_1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* 限制文本行数为2 */
	overflow: hidden;
}

.novela_cntnyb.on .novela_cntnyb_2 {
	transform: rotate(180deg);
}

.novela_cntnyc {
	width: 100%;
	background: rgba(42, 41, 41, .65);
	border-radius: 0.25rem 0.25rem 0 0;
	margin-top: 0.4rem;
	padding: 0.25rem 0.3rem;
}

.novela_cntnyc1 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.novela_cntnyc1_1 {
	display: flex;
}

.novela_cntnyc1_2 {
	height: 0.5rem;
	line-height: 0.5rem;
	margin-right: 0.7rem;
	font-weight: 400;
	font-size: 0.3rem;
	color: #BCBCBC;
}

.novela_cntnyc1_2:last-child {
	margin-right: 0;
}

.novela_cntnyc1_2.on {
	font-weight: bold;
	color: #04BD58;
	position: relative;
}

.novela_cntnyc1_2.on::after {
	content: '';
	width: 0.3rem;
	height: 0.04rem;
	background: #04BD58;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.novela_cntnyc1_3 {
	width: 0.35rem;
	display: block;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.novela_cntnyc2 {
	width: 100%;
	display: none;
}

.novela_cntnyc3 {
	width: 100%;
	margin-top: 0.2rem;
}

.novela_cntnyc3_1 {
	border-bottom: 1px solid #707070;
	width: 100%;
	padding: 0.2rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.novela_cntnyc3_2 {
	width: calc(100% - 0.4rem);
	font-weight: 400;
	font-size: 0.3rem;
	color: #BCBCBC;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.novela_cntnyc3_3 {
	width: 0.2rem;
	display: block;
}

.novela_cntnyc4 {
	width: 100%;
}

.novela_cntnyc4_1 {
	border-bottom: 1px solid #707070;
	width: 100%;
	padding: 0.3rem 0;
	display: flex;
	align-items: center;
}

.novela_cntnyc4_1_1 {
	width: 0.55rem;
	height: 0.55rem;
	border-radius: 50%;
	margin-right: 0.3rem;
	object-fit: cover;
	object-position: center;
}

.novela_cntnyc4_1_2 {
	width: calc(100% - 0.8rem);
	height: 0.55rem;
	border-radius: 0.55rem;
	background: rgba(255, 255, 255, .31);
	padding: 0 0.25rem;
	padding-right: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.novela_cntnyc4_1_2 img {
	width: 0.2rem;
}

.novela_cntnyc4_1_2 input {
	border: none;
	outline: none;
	width: calc(100% - 1.2rem);
	height: 100%;
	background: transparent;
	font-weight: 400;
	font-size: 0.24rem;
	padding: 0 0.34rem;
	color: white;
}

.novela_cntnyc4_1_2 button {
	border: none;
	outline: none;
	width: 1rem;
	height: 100%;
	background-color: transparent;
	background-image: url(../img/jt_5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.3rem auto;
}

.novela_cntnyc4_2 {
	width: 100%;
	padding: 0.2rem 0;
}

.novela_cntnyc4_3 {
	width: 100%;
	margin-bottom: 0.3rem;
	display: flex;
	align-items: flex-start;
}

.novela_cntnyc4_3:last-child {
	margin-bottom: 0;
}

.novela_cntnyc4_4 {
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.2rem;
	object-fit: cover;
	object-position: center;
}

.novela_cntnyc4_5 {
	width: calc(100% - 0.7rem);
}

.novela_cntnyc4_6 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.novela_cntnyc4_6_1 {
	width: calc(100% - 0.5rem);
	font-weight: 400;
	font-size: 0.32rem;
	color: #FFFFFF;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.novela_cntnyc4_6_2 {
	width: 0.3rem;
	display: block;
}

.novela_cntnyc4_6_2 img {
	width: 100%;
	display: block;
}

.novela_cntnyc4_7 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #D1D1D1;
}

.novela_cntnyc4_7 span {
	margin-left: 0.3rem;
	color: #04BD58;
}

.novela_cntnyc4_8 {
	width: 100%;
	height: 0.6rem;
	background: rgba(255, 255, 255, .31);
	border-radius: 0.1rem;
	margin-top: 0.3rem;
	display: none;
}

.novela_cntnyc4_8_1 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.novela_cntnyc4_8_1 input {
	border: none;
	outline: none;
	width: calc(100% - 0.7rem);
	height: 100%;
	padding: 0 0.3rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: white;
}

.novela_cntnyc4_8_1 button {
	border: none;
	outline: none;
	width: 0.7rem;
	height: 100%;
	background-color: transparent;
	background-image: url(../img/jt_5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.3rem auto;
}

.novela_cntnyc4_3.on .novela_cntnyc4_8 {
	display: block;
}

/* 子评论样式 */
.sub-comments {
	width: 100%;
	margin-top: 0.2rem;
	padding-left: 0.5rem;
}

.sub-comment-item {
	width: 100%;
	display: flex;
	align-items: flex-start;
	margin-bottom: 0.2rem;
	padding: 0.15rem 0;
	border-left: 2px solid rgba(4, 189, 88, 0.3);
	padding-left: 0.2rem;
}

.sub-comment-avatar {
	width: 0.4rem;
	height: 0.4rem;
	border-radius: 50%;
	margin-right: 0.15rem;
	object-fit: cover;
	object-position: center;
	flex-shrink: 0;
}

.sub-comment-content {
	flex: 1;
	width: calc(100% - 0.55rem);
}

.sub-comment-name {
	font-weight: 500;
	font-size: 0.22rem;
	color: #04BD58;
	margin-bottom: 0.05rem;
}

.sub-comment-text {
	font-weight: 400;
	font-size: 0.22rem;
	color: #D1D1D1;
	line-height: 1.4;
	word-break: break-word;
}

.novela_detas {
	border-top: 1px solid #707070;
	width: 100%;
	background: #0F0E0E;
	height: 100vh;
	position: relative;
}

.novela_black {
	width: 100%;
	height: 0.9rem;
	padding: 0 0.25rem;
	display: flex;
	align-items: center;
}

.novela_black1 {
	width: 0.3rem;
	display: block;
	margin-right: 0.3rem;
}

.novela_black1 img {
	width: 100%;
}

.novela_black1_1 {
	display: block;
}

.novela_black1_2 {
	display: none;
}

.novela_black2 {
	width: calc(100% - 0.6rem);
	font-weight: 400;
	font-size: 0.28rem;
	color: #BCBCBC;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.novela_num {
	width: 100%;
	text-align: center;
	padding: 0.25rem 0;
	font-weight: 400;
	font-size: 0.28rem;
	color: #BCBCBC;
	background: #000;
	position: absolute;
	left: 0;
	bottom: 1.5rem;
	z-index: 1;
}

.novela_down {
	width: 100%;
	height: 1.9rem;
	background: #2A2929;
	padding: 0.3rem 0.8rem;
	display: none;
	position: absolute;
	left: 0;
	bottom: 1.5rem;
	z-index: 2;
}

.novela_down1 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.novela_down1_1 {
	width: 0.25rem;
	display: block;
}

.novela_down1_1 img {
	width: 100%;
}

.novela_down1_1_1 {
	display: block;
}

.novela_down1_1_2 {
	display: none;
}

.novela_down1_2 {
	min-width: 2rem;
	padding: 0 0.15rem;
	text-align: center;
	font-weight: 400;
	font-size: 0.24rem;
	color: #CFCFCF;
}

.novela_down2 {
	width: 100%;
	margin-top: 0.45rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.novela_down2_1 {
	width: 0.45rem;
	display: block;
}

.novela_down2_1 img {
	width: 100%;
}

.novela_down2_1_1 {
	display: block;
}

.novela_down2_1_2 {
	display: none;
}

.novela_down2_2 {
	width: 0.4rem;
	display: block;
}

.novela_down2_2 img {
	width: 100%;
}

.novela_down2_2_1 {
	display: block;
}

.novela_down2_2_2 {
	display: none;
}

.novela_down2_3 {
	width: 0.45rem;
	display: block;
}

.novela_down2_3 img {
	width: 100%;
}

.novela_down2_3_1 {
	display: block;
}

.novela_down2_3_2 {
	display: none;
}

.novela_deta {
	width: 100%;
	height: calc(100% - 0.9rem);
	/* background: red; */
	padding: 0 0.25rem;
	padding-bottom: 1.9rem;
	overflow: hidden;
	overflow-y: auto;
}

.novela_deta1 {
	width: 100%;
	font-weight: 400;
	font-size: 0.38rem;
	color: #FFFFFF;
}

.novela_deta2 {
	width: 100%;
	margin-top: 0.35rem;
	font-weight: 400;
	font-size: 0.34rem;
	color: #A7A7A7;
	line-height: 0.68rem;
}

.novela_deta2 p {
	margin-bottom: 0.3rem;
}

/* 付费提示框 */
.pay_tip {
	width: 100%;
	padding: 1rem 0.5rem;
	text-align: center;
	margin-top: 1rem;
}

.pay_tip p {
	font-size: 0.32rem;
	color: #FFFFFF;
	margin-bottom: 0.5rem;
}

.pay_tip button {
	width: 3rem;
	height: 0.8rem;
	background: #04BD58;
	border: none;
	border-radius: 0.4rem;
	font-size: 0.3rem;
	color: #FFFFFF;
	cursor: pointer;
}

.novela_detas.on .novela_down {
	display: block;
}

.novela_detas.on2 {
	background: #E8E3CF;
}

.novela_detas.on2 .novela_black1_1 {
	display: none;
}

.novela_detas.on2 .novela_black1_2 {
	display: block;
}

.novela_detas.on2 .novela_black2 {
	color: #333333;
}

.novela_detas.on2 .novela_deta1 {
	color: #333333;
}

.novela_detas.on2 .novela_deta2 {
	color: #333333;
}

.novela_detas.on2 .novela_down {
	background: white;
}

/* 字体大小选择弹窗 */
.font_size_modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
}

.font_size_item {
	transition: background-color 0.2s;
}

.font_size_item:hover {
	background-color: #f5f5f5;
}

.font_size_item.active {
	background-color: #f0f9f4;
}

.font_size_item.active div:first-child {
	color: #04BD58;
	font-weight: bold;
}

.novela_detas.on2 .novela_down1_1_1 {
	display: none;
}

.novela_detas.on2 .novela_down1_1_2 {
	display: block;
}

.novela_detas.on2 .novela_down1_2 {
	color: #3D3D3D;
}

.novela_detas.on2 .novela_down2_1_1 {
	display: none;
}

.novela_detas.on2 .novela_down2_1_2 {
	display: block;
}

.novela_detas.on2 .novela_down2_2_1 {
	display: none;
}

.novela_detas.on2 .novela_down2_2_2 {
	display: block;
}

.novela_detas.on2 .novela_down2_3_1 {
	display: none;
}

.novela_detas.on2 .novela_down2_3_2 {
	display: block;
}

.novela_detas.on2 .novela_num {
	color: #333333;
	background: white;
}

.novela_hys {
	max-width: 100%;
	width: 6.4rem;
	margin: 1.5rem auto;
	position: relative;
}

.novela_hy1 {
	width: 100%;
	display: block;
}

.novela_hy2 {
	width: 2.4rem;
	height: 0.6rem;
	background: #00B050;
	border-radius: 0.6rem;
	text-align: center;
	line-height: 0.6rem;
	font-weight: 400;
	font-size: 0.22rem;
	color: #FFFFFF;
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0.3rem;
	transform: translateX(-50%);
}

.vip_tcs {
	width: 100%;
	border-radius: 0.25rem 0.25rem 0 0;
	backdrop-filter: blur(0.35rem);
	background: rgba(45, 45, 45, 0.8);
	padding: 0 0.2rem;
	padding-top: 0.8rem;
	padding-bottom: 1.95rem;
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.vip_tc1 {
	width: 0.5rem;
	position: absolute;
	right: 0.2rem;
	top: 0.1rem;
	z-index: 1;
}

.vip_tc2 {
	width: 100%;
	background: #161616;
	border-radius: 0.1rem;
	border: 1px solid #BFBFBF;
	padding: 0.2rem 0.3rem;
	display: block;
	margin-bottom: 0.3rem;
}

.vip_tc2_1 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vip_tc2_1_1 {
	font-weight: 400;
	font-size: 0.32rem;
	color: #F1B974;
}

.vip_tc2_1_2 {
	font-weight: 400;
	font-size: 0.3rem;
	color: #F1B974;
}

.vip_tc2_1_2 span {
	font-size: 0.4rem;
}

.vip_tc2_2 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #ECECEC;
}

.vip_tc3 {
	width: 100%;
	display: block;
	margin-bottom: 0.3rem;
	position: relative;
}

.vip_tc3_1 {
	width: 100%;
	display: block;
}

.vip_tc3_2 {
	width: 100%;
	padding: 0 0.3rem;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.vip_tc3_3 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.vip_tc3_3_1 {
	font-weight: 400;
	font-size: 0.32rem;
	color: #CF7F1A;
}

.vip_tc3_3_2 {
	font-weight: 400;
	font-size: 0.3rem;
	color: #CF7F1A;
}

.vip_tc3_3_2 span {
	font-size: 0.4rem;
}

.vip_tc3_4 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #7B4B23;
}

.vip_tc3_5 {
	height: 0.4rem;
	background: linear-gradient(90deg, rgba(241, 185, 116, 0) 0%, #F3B668 47%, rgba(179, 218, 197, 0.11) 100%);
	border-radius: 0.1rem;
	display: inline-block;
	line-height: 0.4rem;
	padding: 0 0.35rem;
	font-weight: 400;
	font-size: 0.22rem;
	color: #7B4B23;
	margin-top: 0.1rem;
}

.vip_tc4 {
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 0.24rem;
	color: #FBFBFB;
}

.pay_tcs {
	width: 100%;
	border-radius: 0.25rem 0.25rem 0 0;
	background: white;
	padding: 0 0.3rem;
	padding-top: 0.3rem;
	padding-bottom: 1.7rem;
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
}

.pay_tc1 {
	width: 0.35rem;
	position: absolute;
	right: 0.2rem;
	top: 0.1rem;
	z-index: 1;
}

.pay_tc2 {
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 0.32rem;
	color: #000000;
	margin-bottom: 0.4rem;
}

.pay_tc3 {
	width: 100%;
	margin-bottom: 0.7rem;
}

.pay_tc4 {
	width: 100%;
	border-radius: 0.1rem;
	border: 2px solid #DCDCDC;
	padding: 0.25rem;
	margin-bottom: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pay_tc4:last-child {
	margin-bottom: 0;
}

.pay_tc4_1 {
	font-weight: 400;
	font-size: 0.3rem;
	color: #000000;
	display: flex;
	align-items: center;
}

.pay_tc4_1 span {
	margin-left: 0.1rem;
}

.pay_tc4_2 {
	height: 0.5rem;
	display: block;
}

.pay_tc5 {
	border: none;
	outline: none;
	width: 100%;
	height: 1rem;
	background: #04BD58;
	border-radius: 1rem;
	display: block;
	margin-top: 0.7rem;
	font-weight: 600;
	font-size: 0.3rem;
	color: #FFFFFF;
}

.pay_tc4.on {
	border-color: #00B050;
}

.mine_box {
	border-top: 1px solid #707070;
	width: 100%;
	position: relative;
}

.mine_box::after {
	content: '';
	width: 100%;
	height: 20%;
	background: linear-gradient(0deg, #0F0E0E 0%, #0B9E4E 100%);
	position: absolute;
	left: 0;
	top: 0;
}

.mine_bo {
	width: 100%;
	margin: 0.5rem auto;
	position: relative;
	z-index: 1;
}

.mine_user {
	width: 100%;
	display: flex;
	align-items: center;
}

.mine_user1 {
	width: 1.1rem;
	margin-right: 0.25rem;
	position: relative;
}

.mine_user1_1 {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	display: block;
	object-fit: cover;
	object-position: center;
}

.mine_user1_2 {
	width: 0.3rem;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

.mine_user2 {
	width: calc(100% - 1.35rem);
}

.mine_user2_1 {
	width: 100%;
	font-weight: 600;
	font-size: 0.32rem;
	color: #FFFFFF;
}

.mine_user2_2 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.28rem;
	color: #FFFFFF;
}

.mine_vip {
	width: 100%;
	margin-top: 0.75rem;
	position: relative;
}

.mine_vip1 {
	width: 100%;
	display: block;
}

.mine_vip2 {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.mine_vip3 {
	width: 3.1rem;
	height: 0.55rem;
	font-weight: bold;
	font-size: 0.24rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mine_vip3 img {
	width: 0.3rem;
	margin-right: 0.1rem;
}

.mine_vip4 {
	width: 100%;
	padding: 0 0.15rem;
	margin-top: 0.1rem;
}

.mine_vip4_1 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mine_vip4_1_1 {
	font-weight: bold;
	font-size: 0.3rem;
	color: #BD2AE1;
}

.mine_vip4_1_2 {
	width: 2.8rem;
	height: 0.5rem;
	background: linear-gradient(101deg, #264D39 0%, #337051 100%);
	font-weight: 400;
	font-size: 0.24rem;
	color: #FFFFFF;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.mine_vip4_1_2 img {
	width: 0.1rem;
	margin-left: 0.05rem;
}

.mine_vip4_2 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #235B3F;
}

.mine_vip5 {
	/* border: 1px solid red; */
	width: 100%;
	height: 0.6rem;
	padding: 0 0.15rem;
	margin-top: 0.15rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mine_vip5_1 {
	font-weight: 600;
	font-size: 0.22rem;
	color: #235B3F;
}

.mine_vip5_2 {
	font-weight: 400;
	font-size: 0.3rem;
	color: #264D39;
}

.mine_vip5_2 span {
	font-size: 0.4rem;
}

.mine_vip6 {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 100%;
}

.mine_lista {
	width: 100%;
	margin-top: 0.45rem;
	position: relative;
	z-index: 1;
}

.mine_lista1 {
	width: 100%;
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.mine_lista1 img {
	width: 0.3rem;
	margin-right: 0.2rem;
}

.mine_lista2 {
	width: 100%;
	margin-top: 0.15rem;
	display: flex;
	overflow-x: auto;
	/* 允许横向滚动 */
	white-space: nowrap;
	/* 防止项目换行 */
}

.mine_lista2_1 {
	width: 2.2rem;
	flex: 0 0 auto;
	/* 每个项目不伸缩 */
	display: block;
	margin-right: 0.25rem;
}

.mine_lista2_1:last-child {
	margin-right: 0;
}

.mine_lista2_2 {
	width: 100%;
	height: 3rem;
	display: block;
	object-fit: cover;
	object-position: center;
}

.mine_lista2_3 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.28rem;
	color: #ECECEC;
	white-space: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 限制文本行数为2 */
	overflow: hidden;
}

.mine_dh {
	width: 100%;
	margin-top: 0.35rem;
	background: #343434;
	border-radius: 0.1rem;
}

.mine_dh1 {
	width: 100%;
	padding: 0.3rem 0.15rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mine_dh2 {
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}

.mine_dh2_1 {
	width: 0.3rem;
	margin-right: 0.2rem;
	position: relative;
}

.mine_dh2_1 img {
	width: 100%;
	display: block;
}

.mine_dh2_1 div {
	width: 0.15rem;
	height: 0.15rem;
	background: #FF0D0D;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 0;
}

.mine_dh3 {
	width: 0.15rem;
}

.historical_reading {
	width: 100%;
	height: 100vh;
}

.historical_readtops {
	width: 100%;
}

.historical_readtop {
	width: 100%;
	height: 1.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.historical_readtop1 {
	width: 1.45rem;
	height: 0.6rem;
	background: rgba(255, 255, 255, .11);
	border-radius: 0.6rem;
	padding: 0.15rem 0;
	display: flex;
}

.historical_readtop1_1 {
	border-right: 1px solid white;
	width: 50%;
}

.historical_readtop1_1:last-child {
	border-right: 0;
}

.historical_readtop1_1 img {
	height: 0.3rem;
	display: block;
	margin: auto;
}

.historical_readtop2 {
	width: calc(100% - 2.8rem);
	text-align: center;
	font-weight: 600;
	font-size: 0.36rem;
	color: #FFFFFF;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.historical_readtop3 {
	width: 0.9rem;
	min-height: 1px;
	text-align: center;
	display: block;
	font-weight: 600;
	font-size: 0.28rem;
	color: #DCDCDC;
	opacity: 1;
}

.historical_readtop3_1 {
	display: block;
}

.historical_readtop3_2 {
	display: none;
}

.historical_readtop3.on .historical_readtop3_1 {
	display: none;
}

.historical_readtop3.on .historical_readtop3_2 {
	display: block;
}

.historical_readcens {
	width: 100%;
	height: calc(100% - 1.2rem);
	overflow: hidden;
	overflow-y: auto;
}

.historical_readcen {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.historical_readcen1 {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 0.3rem;
	display: block;
}

.historical_readcen1:nth-child(3n) {
	margin-right: 0;
}

.historical_readcen2 {
	width: 100%;
	height: 3rem;
	display: block;
	object-fit: cover;
	object-position: center;
}

.historical_readcen3 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.28rem;
	color: #ECECEC;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* 限制文本行数为2 */
	overflow: hidden;
}

.historical_readcen4 {
	width: 100%;
	margin-top: 0.15rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: #BEBEBE;
}

.bookshelf_tops {
	width: 100%;
}

.bookshelf_top {
	width: 100%;
	height: 0.5rem;
	display: flex;
	justify-content: center;
}

.bookshelf_top1 {
	height: 0.5rem;
	line-height: 0.5rem;
	margin-right: 0.8rem;
	font-weight: 400;
	font-size: 0.3rem;
	color: #F9F9F9;
}

.bookshelf_top1:last-child {
	margin-right: 0;
}

.bookshelf_top1.on {
	border-bottom: 1px solid #00B050;
	color: #00B050;
}

.bookshelf_cens {
	width: 100%;
	height: calc(100% - 1.2rem - 0.5rem);
	overflow: hidden;
	overflow-y: auto;
}

.bookshelf_cen {
	width: 100%;
	display: none;
}

.bookshelf_estante {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.bookshelf_estante1 {
	width: 32%;
	margin-top: 0.3rem;
	margin-right: 2%;
	display: block;
}

.bookshelf_estante1:nth-child(3n) {
	margin-right: 0;
}

.bookshelf_estante2 {
	width: 100%;
	height: 3rem;
	position: relative;
}

.bookshelf_estante2 img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}

input[type=checkbox] {
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
	position: relative;
	width: 0.3rem;
	height: 0.3rem;
	font-size: 0.28rem;
	margin: 0;
	border-radius: 50%;
	-webkit-appearance: none;
	display: inline-block;
	vertical-align: middle;
}

input[type=checkbox]::after {
	position: absolute;
	top: 0;
	width: 0.3rem;
	height: 0.3rem;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
}

input[type=checkbox]:checked {
	border: none;
}

input[type=checkbox]:checked::after {
	content: "✓";
	font-size: 0.22rem;
	font-weight: bold;
	background: #00B050;
	color: white;
	border-radius: 50%;
}

.bookshelf_estante2 input {
	display: none;
	position: absolute;
	right: 0.25rem;
	bottom: 0.15rem;
	z-index: 1;
}

.bookshelf_estante3 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.28rem;
	color: #ECECEC;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.bookshelf_estante4 {
	width: 100%;
	margin-top: 0.15rem;
	font-weight: 400;
	font-size: 0.26rem;
	color: #BEBEBE;
}

.bookshelf_seguidos {
	width: 100%;
	margin-top: 0.2rem;
}

.bookshelf_seguido {
	width: 100%;
	margin-top: 0.3rem;
	display: flex;
	align-items: center;
}

.bookshelf_seguido1 {
	width: calc(100% - 2.2rem);
	font-weight: 400;
	font-size: 0.28rem;
	color: #ECECEC;
	display: flex;
	align-items: center;
}

.bookshelf_seguido1 img {
	width: 0.9rem;
	height: 0.9rem;
	border-radius: 50%;
	margin-right: 0.25rem;
	object-fit: cover;
	object-position: center;
}

.bookshelf_seguido1 div {
	width: calc(100% - 1.15rem);
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.bookshelf_seguido2 {
	width: 2rem;
	display: block;
}

.bookshelf_seguido2 img {
	width: 100%;
	display: block;
}

.author_box {
	width: 100%;
}

.author_tops {
	width: 100%;
	background-image: url(../img/bg_7.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.author_top {
	width: 100%;
	margin: 0.3rem auto;
}

.author_top1 {
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 1.2rem;
	border: 1px solid #707070;
	display: block;
	margin: auto;
	object-fit: cover;
	object-position: center;
}

.author_top2 {
	width: 100%;
	margin-top: 0.15rem;
	text-align: center;
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
}

.author_top3 {
	width: 100%;
	margin-top: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.author_top4 {
	display: flex;
}

.author_top4_1 {
	margin-right: 0.6rem;
	text-align: center;
}

.author_top4_1:last-child {
	margin-right: 0;
}

.author_top4_2 {
	width: 100%;
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
}

.author_top4_3 {
	width: 100%;
	font-weight: 400;
	font-size: 0.28rem;
	color: #DCDCDC;
	margin-top: 0.1rem;
}

.author_top5 {
	width: 2rem;
	display: block;
}

.author_top5 img {
	width: 100%;
	display: block;
}

.author_cens {
	width: 100%;
	background: #0F0E0E;
	border-radius: 0.25rem 0.25rem 0 0;
}

.author_cen {
	width: 100%;
	margin: 0.35rem auto;
}

.author_qh {
	width: 100%;
	display: flex;
}

.author_qh1 {
	margin-right: 0.45rem;
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
}

.author_qh1:last-child {
	margin-right: 0;
}

.author_qh1.on {
	border-bottom: 1px solid #00B050;
	color: #00B050;
}

.author_ce {
	width: 100%;
	display: none;
}

.author_ribeiro1 {
	width: 100%;
	font-weight: 400;
	font-size: 0.24rem;
	color: #FFFFFF;
	margin-top: 0.25rem;
}

.author_ribeiro2 {
	width: 100%;
}

.author_ribeiro3 {
	width: 100%;
	margin-top: 0.25rem;
	display: flex;
	align-items: center;
}

.author_ribeiro3_1 {
	width: 1.95rem;
	height: 2.6rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	display: block;
	margin-right: 0.25rem;
	object-fit: cover;
	object-position: center;
}

.author_ribeiro3_2 {
	width: calc(100% - 2.2rem);
}

.author_ribeiro3_3 {
	width: 100%;
	font-weight: 600;
	font-size: 0.26rem;
	color: #FFFFFF;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏溢出的内容 */
	text-overflow: ellipsis;
	/* 显示省略符号来代表被修剪的文本 */
}

.author_ribeiro3_4 {
	width: 100%;
	display: flex;
	align-items: center;
}

.author_ribeiro3_4_1 {
	font-weight: 400;
	font-size: 0.22rem;
	color: #FFFFFF;
	margin-right: 0.25rem;
	margin-top: 0.2rem;
	display: flex;
	align-items: center;
}

.author_ribeiro3_4_1:last-child {
	margin-right: 0;
}

.author_ribeiro3_4_1 img {
	width: 0.25rem;
	margin-right: 0.1rem;
}

.author_ribeiro3_5 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #D1D1D1;

}

.author_ribeiro3_6 {
	width: 100%;
	font-weight: 400;
	font-size: 0.24rem;
	color: #00B050;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.author_ribeiro3_6 img {
	width: 0.25rem;
	margin-left: 0.15rem;
}

.author_ribeiro3.on .author_ribeiro3_5 {
	/* 展开时显示完整内容 */
}

.author_ribeiro3.on .author_ribeiro3_5 .description-short {
	display: none;
}

.author_ribeiro3.on .author_ribeiro3_5 .description-full {
	display: block;
}

.author_ribeiro3 .author_ribeiro3_5 .description-full {
	display: none;
}

.author_ribeiro3.on .author_ribeiro3_6 img {
	transform: rotate(180deg);
}

/* 作者简介样式 */
.author_intro {
	width: 100%;
	padding: 0.3rem 0;
	margin-bottom: 0.3rem;
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
}

.author_intro_text {
	width: 100%;
	font-weight: 400;
	font-size: 0.26rem;
	color: #D1D1D1;
	line-height: 1.6;
	word-break: break-word;
}

.author_pls {
	width: 100%;
}

.author_pl {
	width: 100%;
	margin-top: 0.2rem;
}

.author_pla {
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.author_pla1 {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	margin-right: 0.2rem;
	object-fit: cover;
	object-position: center;
}

.author_pla2 {
	width: calc(100% - 0.7rem);
}

.author_pla3 {
	width: 100%;
	font-weight: 400;
	font-size: 0.32rem;
	color: #FFFFFF;
}

.author_pla4 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #D1D1D1;
}

.author_pla4 span {
	margin-left: 0.3rem;
	color: #04BD58;
}

.author_pla5 {
	width: 100%;
	height: 0.6rem;
	background: rgba(255, 255, 255, .31);
	border-radius: 0.1rem;
	margin-top: 0.3rem;
	display: none;
}

.author_pla5_1 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.author_pla5_1 input {
	border: none;
	outline: none;
	width: calc(100% - 0.7rem);
	height: 100%;
	padding: 0 0.3rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: white;
}

.author_pla5_1 button {
	border: none;
	outline: none;
	width: 0.7rem;
	height: 100%;
	background-color: transparent;
	background-image: url(../img/jt_5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.3rem auto;
}

.author_pla.on .author_pla5 {
	display: block;
}

.author_plb {
	width: 100%;
	padding-left: 0.7rem;
}

.author_plc {
	width: 100%;
	margin-top: 0.2rem;
	display: flex;
	align-items: flex-start;
}

.author_plc1 {
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	margin-right: 0.2rem;
	object-fit: cover;
	object-position: center;
}

.author_plc2 {
	width: calc(100% - 0.7rem);
}

.author_plc3 {
	width: 100%;
	font-weight: 400;
	font-size: 0.32rem;
	color: #FFFFFF;
}

.author_plc4 {
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: #D1D1D1;
}

.author_plc4 span {
	margin-left: 0.3rem;
	color: #04BD58;
}

.author_plc5 {
	width: 100%;
	height: 0.6rem;
	background: rgba(255, 255, 255, .31);
	border-radius: 0.1rem;
	margin-top: 0.3rem;
	display: none;
}

.author_plc5_1 {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.author_plc5_1 input {
	border: none;
	outline: none;
	width: calc(100% - 0.7rem);
	height: 100%;
	padding: 0 0.3rem;
	font-weight: 400;
	font-size: 0.24rem;
	color: white;
}

.author_plc5_1 button {
	border: none;
	outline: none;
	width: 0.7rem;
	height: 100%;
	background-color: transparent;
	background-image: url(../img/jt_5.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 0.3rem auto;
}

.author_plc.on .author_plc5 {
	display: block;
}

.notice_box {
	width: 100%;
	height: calc(100% - 1.2rem);
	overflow: hidden;
	overflow-y: auto;
}
.notice_bo{
	width: 100%;
}
.notice_bo1{
	width: 100%;
	background: #343434;
	border-radius:0.1rem;
	margin-bottom: 0.2rem;
	padding: 0.15rem;
	display: flex;
	align-items: center;
}
.notice_bo1:last-child{
	margin-bottom: 0;
}
.notice_bo2{
	width: 0.35rem;
	height: 0.35rem;
	margin-left: 0.25rem;
}
.notice_bo2_1{
	height: 100%;
	display: none;
}
.notice_bo2_2{
	width: 100%;
	display: block;
}
.notice_bo3{
	width: calc(100% - 0.6rem);
	display: flex;
	align-items: flex-start;
}
.notice_bo3_1{
	width: 0.65rem;
	height: 0.65rem;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	display: block;
	margin-right: 0.25rem;
}
.notice_bo3_2{
	width: calc(100% - 0.9rem);
}
.notice_bo3_3{
	width: 100%;
	font-weight: 600;
	font-size: 0.28rem;
	color: #FFFFFF;
}
.notice_bo3_4{
	width: 100%;
	margin-top: 0.1rem;
	font-weight: 400;
	font-size: 0.28rem;
	color: #D4D4D4;
	white-space: nowrap; /* 默认不换行 */
	overflow: hidden; /* 默认隐藏溢出 */
	text-overflow: ellipsis; /* 默认显示省略号 */
}
.notice_bo3_5{
	width: 100%;
	font-weight: 400;
	font-size: 0.22rem;
	color: #D4D4D4;
	margin-top: 0.15rem;
	display: flex;
	align-items: center;
}
.notice_bo3_5 img{
	width: 0.15rem;
	margin-right: 0.1rem;
}
.notice_bo1.on .notice_bo3_4{
	 white-space: nowrap; /* 收起时：防止文本换行 */
	  overflow: hidden; /* 收起时：隐藏溢出的内容 */
	  text-overflow: ellipsis; /* 收起时：显示省略符号来代表被修剪的文本 */
}
/* 展开状态（没有on类）：显示完整内容 */
.notice_bo1:not(.on) .notice_bo3_4{
	white-space: normal; /* 展开时：允许换行 */
	overflow: visible; /* 展开时：显示全部内容 */
	text-overflow: clip; /* 展开时：不显示省略号 */
}
.notice_bo1.on .notice_bo2_1{
	display: block;
}
.notice_bo1.on .notice_bo2_2{
	display: none;
}
/* 展开状态：显示向上箭头 */
.notice_bo1:not(.on) .notice_bo2_1{
	display: none;
}
.notice_bo1:not(.on) .notice_bo2_2{
	display: block;
}
.settings_box{
	width: 100%;
}
.settings_bo{
	width: 100%;
	margin: 0.3rem auto;
}
.settings_bo1{
	width: 100%;
}
.settings_bo2{
	width: 100%;
	height: 0.95rem;
	background: #343434;
	border-radius: 0.1rem;
	padding: 0 0.2rem;
	margin-bottom: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.settings_bo2:last-child{
	margin-bottom: 0;
}
.settings_bo2_1{
	font-weight: 500;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}
.settings_bo2_1 img{
	width: 0.3rem;
	margin-right: 0.2rem;
}
.settings_bo2_2{
	width: 0.15rem;
}
.settings_bo3{
	border: none;
	outline: none;
	width: 100%;
	margin-top: 0.5rem;
	display: block;
	background: rgba(4, 189, 88, .3);
	font-weight: 500;
	font-size: 0.28rem;
	color: #CECECE;
	height: 0.95rem;
	border-radius:0.1rem;
}
.personal_profile{
	width: 100%;
	height: calc(100% - 1.2rem);
	overflow: hidden;
	overflow-y: auto;
}
.personal_profil{
	width: 100%;
	margin: 0.3rem auto;
}
.personal_profila{
	width: 100%;
	background: #343434;
	border-radius: 0.1rem;
	padding: 0 0.2rem;
}
.personal_profila1{
	border-bottom: 1px solid #707070;
	width: 100%;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.personal_profila1:last-child{
	border-bottom: 0;
}
.personal_profila2{
	font-weight: 500;
	font-size: 0.28rem;
	color: #FFFFFF;
}
.personal_profila3{
	display: flex;
	align-items: center;
}
.personal_profila3_1{
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
}
.personal_profila3_2{
	width: 0.15rem;
	margin-left: 0.2rem;
}
.personal_profila3_3{
	border: none;
	outline: none;
	width: 3rem;
	font-weight: 500;
	font-size: 0.28rem;
	color: #D2D2D2;
	background-color: transparent;
	text-align: right;
}
.personal_profilb{
	width: 100%;
	margin-top: 0.35rem;
}
.personal_profilb1{
	width: 100%;
	font-weight: bold;
	font-size: 0.32rem;
	color: #FFFFFF;
}
.personal_profilb2{
	    width: 100%;
	    background: #343434;
	    border-radius: 0.1rem;
	    padding: 0 0.2rem;
		margin-top: 0.25rem;
}
.personal_profilb2_1{
	    border-bottom: 1px solid #707070;
	    width: 100%;
	    height: 1rem;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
}
.personal_profilb2_1:last-child{
	border-bottom: 0;
}
.personal_profilb2_2{
	font-weight: 500;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
}
.personal_profilb2_2 img{
	width: 0.4rem;
	margin-right: 0.25rem;
}
.personal_profilb2_3{
	width: 0.15rem;
}
.personal_profilc{
	width: 100%;
	margin-top: 0.3rem;
	font-weight: 500;
	font-size: 0.24rem;
	color: #FFFFFF;
}
.personal_profild{
	border: none;
	outline: none;
	width: 100%;
	height: 0.95rem;
	background: #00B050;
	border-radius: 0.1rem;
	display: block;
	margin-top: 0.65rem;
	font-weight: 500;
	font-size: 0.28rem;
	color: #CECECE;
}
.language_box{
	    width: 100%;
	    height: calc(100% - 1.2rem);
	    overflow: hidden;
	    overflow-y: auto;
}
.language_bo{
	width: 100%;
}
.language_bo1{
	width: 100%;
}
.language_bo2{
	width: 100%;
	height: 0.95rem;
	background: #343434;
	border-radius:0.1rem;
	margin-bottom: 0.2rem;
	padding: 0 0.3rem;
	font-weight: 500;
	font-size: 0.28rem;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.language_bo2:last-child{
	margin-bottom: 0;
}
.help_box{
	width: 100%;
}
.help_bo{
	width: 100%;
	margin: 1.2rem 0;
}
.help_bo1{
	width: 100%;
	text-align: center;
	font-weight: 400;
	font-size: 0.32rem;
	color: #FFFFFF;
}
.help_bo1 a{
	color: #00B050;
}
.help_bo2{
	width: 3.25rem;
	display: block;
	margin: auto;
	margin-top: 0.4rem;
}