blockquote,
body,
dd,
dl,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
	margin: 0;
	padding: 0
}

ol,
ul {
	padding: 0;
	list-style: none
}

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

em {
	font-style: normal
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
select,
textarea {
	font-size: 100%
}

input,
select,
textarea,
button {
	font-family: inherit;
	box-sizing: border-box;
	outline: none;
	-webkit-appearance: none
}

img {
	display: inline-block;
	border: none
}

p {
	word-break: break-all
}

html {
	font-size: 16px;
	max-width: 960px;
	margin: 0 auto;
}

::-webkit-scrollbar-track-piece:vertical {
	background-image: -webkit-linear-gradient(left, #f0f0f0, #FFF)
}

::-webkit-scrollbar-track-piece:horizontal {
	background-image: -webkit-linear-gradient(top, #f0f0f0, #FFF)
}

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

::-webkit-scrollbar-thumb {
	position: relative;
	min-height: 25px;
	border-radius: 9999px;
	background-color: #bbb;
	background-clip: padding-box
}

::-webkit-scrollbar-thumb:vertical {
	border-top: 0 solid transparent;
	border-right: 2px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 3px solid transparent
}

::-webkit-scrollbar-thumb:horizontal {
	border-top: 3px solid transparent;
	border-right: 0 solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 0 solid transparent
}

::-webkit-scrollbar-thumb:active,
::-webkit-scrollbar-thumb:hover {
	background-color: #7d7d7d
}

@media screen and (min-width:414px) {
	html {
		font-size: calc(112.5% + 4 * (100vw - 414px)/586);
		font-size: calc(18px + 4 * (100vw - 414px)/586)
	}
}

@media screen and (min-width:600px) {
	html {
		font-size: calc(125% + 4 * (100vw - 600px)/400);
		font-size: calc(20px + 4 * (100vw - 600px)/400)
	}
}

@media screen and (min-width:960px) {
	html {
		font-size: calc(137.5% + 6 * (100vw - 960px)/1000);
		font-size: 18px
	}
}

body {
	font-family: -apple-system-font, Helvetica Neue, sans-serif;
	line-height: 1.5;
	color: #33373d;
	fill: currentColor;
	background-color: #f6f7f9
}

.dark {
	color: #33373d
}

.gray {
	color: #969ba3
}

.blue {
	color: #4284ed
}

.green {
	color: #7ed321
}

.orange {
	color: #f0643a
}

.yellow {
	color: #f0c53a
}

.purple {
	color: #a091ff
}

.red {
	color: #ed424b
}

.white {
	color: #fff
}

.icon>svg,
svg.icon {
	width: 1em;
	height: 1em;
	vertical-align: -.25ex;
	fill: currentColor
}

.header {
	position: relative;
	height: 2.75rem;
	background: #fff
}

.header .logo-a {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	padding: .32rem .75rem
}

.header .logo {
	font-size: 150%;
	color: #ed424b;
}

.header-operate {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: .25rem .375rem
}

.header-operate-a,
.header-operate>.icon {
	float: left;
	overflow: hidden;
	min-width: 2.25rem;
	height: 2.25rem
}
.header .btnQS { float: left; display: inline-block; cursor: pointer;
 font-size: 0.7em; margin-top:0.45em; padding: 0 1em; border: 1px solid #aaa;
  vertical-align: middle; line-height: 2.1em; background-color: #f2f3f5;
  -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em;}
.header-operate svg {
	display: block;
	margin: .625rem auto
}

.header-back {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	padding: .625rem .8125rem .625rem .75rem
}

.header-back .header-back-title {
	font-size: .875rem;
	font-weight: 400;
	margin-left: .6875rem
}

.header-back+.header-back-title {
	font-size: .875rem;
	font-weight: 400;
	line-height: 1.375rem;
	position: absolute;
	left: 2.6875rem;
	overflow: hidden;
	max-width: 60%;
	white-space: nowrap;
	text-overflow: ellipsis
}

a.icon-more:empty {
	position: relative;
	width: 2.25rem;
	height: 2.25rem
}

a.icon-more:empty::after,
a.icon-more:empty::before {
	position: absolute;
	top: 1.125rem;
	left: 50%;
	width: 1.125rem;
	margin-top: -1px;
	margin-left: -.5625rem;
	content: '';
	-webkit-transition: all .15s;
	transition: transform .15s;
	border-top: 1px solid
}

a.icon-more:empty::before {
	height: 4px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	border-bottom: 1px solid
}

a.icon-more:empty::after {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px)
}

a.icon-more.active::before {
	height: 0;
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
	border-bottom: 0
}

a.icon-more.active::after {
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg)
}

.search-container {
	position: relative;
	background-color: #fff;
	padding: .5rem;
	font-size: .8125rem;
	z-index: 10;
	overflow: hidden
}

.search-container:after {
	content: '';
	display: block;
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}

.search-container .search-guide {
	width: 100%;
	padding: 0;
	margin: 0;
	line-height: 2rem;
	height: 2rem;
	background-color: #f2f3f5;
	border-radius: 1rem;
	text-align: center;
	color: grey;
	border: none;
	outline: 0
}

.search-container input {
	display: block;
	float: left;
	width: 68%;
	padding: 0;
	margin: 0;
	line-height: 2rem;
	height: 2rem;
	background: 0 0;
	text-align: center;
	color: grey;
	border: none;
	outline: 0
}

.search-container button,
.search-container select {
	display: block;
	background: 0 0;
	border: none;
	font-size: 100%;
	color: grey;
	line-height: 2rem;
	height: 2rem
}

.search-container button {
	width: 10%;
	float: right;
	margin-right: 1%;
	text-align: right
}

.search-container select {
	width: 18%;
	float: left;
	margin-left: 1%;
	padding-left: .95rem;
	border-right: 1px solid #fff;
	text-align: center;
	border-radius: 0
}

.home-nav {
	display: flex;
	display: -webkit-box;
	display: box;
	margin: .375rem 0;
	padding: 5px 10px;
	background-color: #fff;
	justify-content: space-between;
	-webkit-box-pack: justify;
	box-pack: justify
}

.home-nav .icon {
	background-image: url(../images/sprite@2x.f5569.png)
}

.home-nav .guide-nav-a {
	display: block
}

.icon-account {
	background-position: 0 -29px;
	width: 24px;
	height: 24px;
	background-size: 87px 87px
}

.icon-booklist-full {
	background-position: -22px -57px;
	width: 16px;
	height: 16px;
	background-size: 87px 87px
}

.icon-end {
	background-position: -30px -30px;
	width: 26px;
	height: 26px;
	background-size: 87px 87px
}

.icon-free {
	background-position: 0 -30px;
	width: 24px;
	height: 24px;
	bacwkground-size: 87px 87px
}

.icon-home {
	background-position: 0 0;
	width: 28px;
	height: 25px;
	background-size: 87px 87px
}

.icon-newbook {
	background-position: 0 -30px;
	width: 26px;
	height: 26px;
	background-size: 87px 87px
}

.icon-rank {
	background-position: 0 0;
	width: 27px;
	height: 24px;
	background-size: 87px 87px
}

.icon-sort {
	background-position: -63px -28px;
	width: 24px;
	height: 24px;
	background-size: 87px 87px
}

.nav {
	position: relative;
	background: #333;
	text-align: center;
	display: none;
	z-index: 11
}

.nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden
}

.nav ul li {
	float: left;
	width: 33.33%;
	height: 2.5rem;
	line-height: 2.5rem
}

.nav ul li.ihome {
	display: none !important
}

.nav a {
	display: block;
	text-decoration: none;
	border-right: 1px solid #2a2a2a;
	border-bottom: 1px solid #2a2a2a;
	font-size: .95rem;
	color: #ccc;
	overflow: hidden
}

.novel {
	margin: .75rem 0;
	background-color: #fff
}

.novel-header {
	padding: .75rem .75rem 0;
	line-height: 1.75rem
}

.novel-header::after {
	display: table;
	clear: both;
	content: ''
}

.novel-title {
	display: inline;
	color: #33373d
}

.novel-title::before {
	display: inline-block;
	box-sizing: border-box;
	width: .625rem;
	height: 1em;
	content: '';
	vertical-align: -.22ex;
	color: transparent;
	border-left: 2px solid #ed424b
}

.novel-header-l span {
	font-size: .8125rem;
	margin-left: .5rem;
	color: #969ba3
}

.novel-header-l {
	float: left
}

.novel-header-r {
	position: relative;
	float: right
}

.novel-header-r a {
	font-size: .875rem;
	line-height: 1.5rem;
	white-space: nowrap;
	color: #969ba3
}

.novel-tab-item {
	overflow-y: hidden;
	display: none
}

.novel-slide-ol {
	position: relative;
	display: flex;
	justify-content: space-between;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch
}

.novel-slide-ol::-webkit-scrollbar {
	display: none
}

.novel-slide>.active {
	display: block
}

.novel-slide-li {
	display: inline-block;
	vertical-align: top;
	white-space: normal
}

.novel-slide-li:nth-of-type(10) .corner-rank>em {
	letter-spacing: -1px
}

.novel-slide-a {
	display: block;
	width: 4.125rem;
	padding: .75rem .5rem .5rem
}

.novel-slide-img {
	display: block;
	width: inherit;
	height: 5.5rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.novel-slide-caption {
	font-size: .8125rem;
	line-height: 1.125rem;
	overflow: hidden;
	max-height: 2.125rem;
	margin: .5rem 0 .25rem
}

.novel-slide-author {
	font-size: .75rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #969ba3
}

.novel-merge {
	margin: 0
}

.novel-field {
	overflow: hidden;
	padding: .5rem
}

.novel-field-cell {
	float: left;
	box-sizing: border-box;
	width: 50%;
	padding: .5rem
}

.novel-field-img {
	display: block;
	width: 100%;
	height: calc(66rem/16);
	object-fit: cover
}

.novel-tab {
	margin: .4375rem .75rem
}

.novel-tab~.novel-tab::before {
	position: relative;
	top: -.4375rem;
	display: block;
	padding-top: .6875rem;
	content: '';
	border-top: 1px solid #f0f1f2
}

.sop {
	overflow: hidden
}

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

.book-layout {
	position: relative;
	display: block;
	overflow: hidden;
	padding: .75rem;
	-webkit-transition: padding-left .15s;
	transition: padding-left .15s
}

.book-cover {
	font-size: 0;
	float: left;
	width: 4.125rem;
	height: 5.5rem;
	margin-right: .5rem;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.book-title {
	line-height: 1.4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.book-cell {
	overflow: hidden
}

.book-desc {
	font-size: .875rem;
	line-height: 1.125rem;
	overflow: hidden;
	margin: .375rem 0;
	color: #969ba3
}

.book-ol-normal .book-desc {
	line-height: 1.1875rem;
	display: -webkit-box;
	height: 2.25rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.book-li::after {
	display: block;
	margin-top: -1px;
	margin-left: .75rem;
	content: '';
	-webkit-transition: margin-left .15s;
	transition: margin-left .15s;
	border-bottom: 1px solid #f0f1f2
}

.book-li:last-child::after {
	display: none
}

.book-author {
	font-size: .8125rem;
	display: block;
	overflow: hidden;
	max-width: 10em;
	max-width: calc(100vw - 2rem - (176rem/16));
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #969ba3
}

.book-author .icon-human {
	margin-right: 3px
}

.book-meta {
	font-size: .75rem;
	overflow: hidden
}
.book-meta span { margin-right: 1em;}

.timezone {
	display: none
}

#newlist2 ul li {
	width: 95%;
}

.h {
	color: #bbb;
}

.book-meta-l {
	float: left
}

.book-meta-r {
	position: relative;
	float: right
}

.book-meta-r .tag-small {
	border: 1px solid #ddd;
	padding: 0 .235rem;
	font-size: .7rem;
	margin-left: 3px
}

.chapter-title {
	text-align: center;
	padding: 1.2rem 0
}

.mini-description {
	text-align: center;
	font-size: .765rem;
	padding-bottom: .75rem
}

.book-chapter-list {
	margin: 0 .75rem;
	border-top: 1px solid #eee
}

.book-chapter-list ul {
	overflow: hidden
}

.book-chapter-list ul li {
	float: left;
	width: 33.3333%;
	padding: 0 !important;
	border-bottom: 1px solid #eee
}

.book-chapter-list li a {
	font: .9rem/1.1875rem -apple-system-font, Helvetica Neue, sans-serif;
	display: block;
	overflow: hidden;
	padding: .61rem 1rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-right: 1px solid #eee
}

.book-chapter-list li:nth-of-type(3n+0) a {
	border-right: none
}

.ishare-url {
	font-size: .75rem;
	background: #fff;
	color: #666;
	padding: .35rem 0;
	margin: 0 .75rem
}

.ishare-url div {
	display: inline-block
}

.ishare-url #url-address {
	display: none !important
}

.ishare-url .url-text {
	padding: .125rem 0;
	width: 71%
}

.ishare_style {
	float: right
}

.ishare_style a {
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
	padding: 0 !important;
	margin: 0 0 0 6px !important;
	cursor: pointer;
	background: url(data:image/gif;base64,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) 0 0 no-repeat
}

.ishare_style .bds_tsina {
	background-position: 0 0
}

.ishare_style .bds_weixin {
	background-position: -16px 0
}

.ishare_style .bds_qzone {
	background-position: -32px 0
}

.ishare_style .bds_sqq {
	background-position: -112px 0
}

#tousu {
	font-size: .75rem;
	color: #7d7d7d;
	cursor: pointer
}

.book-cell #tousu {
	float: right
}

.mini-description #tousu {
	margin-right: 5px
}

.footer {
	background-color: #fff
}

.footer-link {
	font-size: .875rem;
	display: flex;
	display: -webkit-box;
	display: box;
	padding: .5625rem 1.1875rem 0;
	text-align: center;
	color: #969ba3;
	justify-content: space-between;
	-webkit-box-pack: justify;
	box-pack: justify
}

.footer-link a {
	display: block;
	padding: .5rem 0;
	-webkit-box-flex: 1;
	box-flex: 1
}

.footer-copy {
	font-size: .75rem;
	padding-top: .25rem;
	font-weight: 300;
	padding-bottom: 1rem;
	text-align: center;
	color: #969ba3
}

.guide-nav::after {
	display: inline-block;
	width: 100%;
	height: 0;
	content: '';
	vertical-align: top
}

.guide-nav-a {
	font-size: .75rem;
	position: relative;
	display: inline-block;
	width: 45%;
	height: 3.625rem;
	text-align: center
}

.guide-nav-a>.icon {
	position: absolute;
	right: 0;
	bottom: 1.625rem;
	left: 0;
	margin: auto
}

.guide-nav-h {
	position: absolute;
	right: 0;
	bottom: .1875rem;
	left: 0
}

.btn-tab {
	font-size: .8125rem;
	line-height: 1.6875rem;
	display: block;
	padding: 0 .5rem;
	text-align: center;
	color: #ed424b;
	border: 1px solid #ed424b
}

.active>.btn-tab,
.btn-tab.active {
	color: #fff;
	background-color: #ed424b
}

.btn-group {
	display: table;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	table-layout: fixed
}

.btn-group-cell {
	font-size: 100%;
	font-weight: 400;
	display: table-cell
}

.btn-group-cell:first-child>.btn-line {
	margin-left: 0
}

.btn-group-cell:last-child>.btn-line {
	margin-right: 0
}

.btn-group-cell+.btn-group-cell>.btn-tab {
	border-left: 0
}

.btn-group-cell:first-child>.btn-tab {
	border-radius: 4px 0 0 4px
}

.btn-group-cell:last-child>.btn-tab {
	border-radius: 0 4px 4px 0
}

.book-detail-header {
	z-index: 1;
	border-bottom: 0;
	background: 0 0
}

.book-detail-x {
	position: relative;
	overflow: hidden;
	margin-top: -2.75rem
}

.book-detail-x .book-cover {
	width: 5.25rem;
	height: 7rem;
	margin-right: 1rem
}

.book-detail-x .book-cover-blur {
	position: absolute;
	top: -13.2rem;
	top: calc(50% - 87.5vw);
	width: 100%;
	height: 175vw;
	opacity: .02;
	opacity: calc(.1 + .05);
	-webkit-filter: blur(calc(17px + 1px));
	filter: blur(calc(17px + 1px))
}

.book-detail-x .book-detail-info {
	position: relative;
	padding-top: 2.75rem;
	background: #fff;
	background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0) 108px) no-repeat center bottom;
	background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0) 8rem) no-repeat center bottom
}

.book-detail-x .book-detail-info .book-title {
	padding-bottom: .5rem
}

.book-detail-x .book-detail-info .book-cell {
	line-height: 1.4rem
}

.book-detail-x .book-detail-btn {
	padding: .75rem .75rem 1.5rem
}

.book-summary {
	font-size: .875rem;
	line-height: 1.5rem;
	margin: 0 .75rem;
	padding: .75rem 0;
	border-top: 1px solid #eee
}

#last-read {
	display: none;
	clear: both
}

#last-read .title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 2rem;
	background: #fff0f1;
	padding: 0 .75rem;
	font-size: .775rem
}

#last-read a {
	color: #f60
}

.book-spt {
	font-size: 1rem;
	vertical-align: top
}

.chapter-link {
	border-top: 1px solid #eee
}

.book-status {
	line-height: 2.75rem;
	display: block;
	padding: 0 .75rem
}

.book-status .book-meta-r {
	position: relative;
	max-width: 60%;
	max-width: calc(100% - (120rem/16));
	padding-right: .75rem
}

.book-status .book-meta-r .icon-arrow-r {
	position: absolute;
	top: 1rem;
	right: 0;
	color: #969ba3
}

.book-status .tag-small {
	position: absolute;
	margin-top: .5rem;
	margin-left: .25rem;
	padding: 0 .75rem;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.book-status .tag-small::before {
	border-radius: 20px
}

.book-fun {
	position: relative;
	display: block;
	padding: .75rem 0;
	text-align: center
}

.book-fun>svg {
	font-size: 2.25rem;
	margin-bottom: .125rem;
	color: #ed424b
}

.book-fun .icon-fun {
	font-size: 1.875rem;
	margin-bottom: .25rem
}

.book-fun-h {
	font-size: .75rem;
	font-weight: 400;
	line-height: 1.25em;
	position: relative;
	top: .125rem
}

.btn-group {
	display: table;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	table-layout: fixed
}

.btn-normal {
	font-size: .825rem;
	line-height: 1.94rem;
	display: inline-block;
	padding: 0 1rem;
	text-align: center;
	border-radius: .125rem;
	background-color: #ed424b;
	color: #fff
}

.btn-group-cell>.btn-normal {
	display: block;
	width: calc(100% - .6667rem);
	margin-left: .3333rem;
	padding: 0
}

.btn-group-cell:first-child>.btn-normal {
	margin-left: 0
}

.btn-group-cell:last-child>.btn-normal {
	margin-left: .6667rem
}

.btn-normal.white {
	border: 1px solid #e3e4e6;
	background: #fff;
	color: #33373d
}

.comment-header {
	border-bottom: 1px solid #eee
}

.commit-comment {
	padding: .75rem
}

.commit-comment::after {
	content: '';
	clear: both;
	display: block;
	overflow: hidden
}

.commit-comment .saybox {
	border: 1px solid #ddd;
	padding: .35rem;
	margin-bottom: .5rem;
	box-shadow: inset 0 3px 5px #f1f1f1;
	border-radius: 3px
}

.commit-comment textarea {
	display: block;
	width: 100%;
	height: 4rem;
	border: none;
	outline: none;
	font-size: .8125rem;
	background: 0 0
}

.commit-comment .verify-code {
	float: left
}

.commit-comment .input-text {
	border: 1px solid #ddd;
	padding: 6px 5px;
	font-size: .8125rem;
	box-shadow: none;
	border-radius: 3px;
	box-shadow: inset 0 3px 5px #f1f1f1
}

.commit-comment .comment-submit {
	border: none;
	float: right;
	font-size: .8125rem;
	line-height: 1.875rem;
	display: inline-block;
	padding: 0 1rem;
	text-align: center;
	border-radius: .125rem;
	background-color: #ed424b;
	color: #fff
}

.comment-item {
	position: relative;
	display: block;
	overflow: hidden;
	padding: .75rem;
	-webkit-transition: padding-left .15s;
	transition: padding-left .15s
}

.user-face {
	position: relative;
	float: left;
	width: 2.625rem;
	height: 2.625rem;
	margin-right: .75rem
}

.user-avatar {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: 0 0 1px rgba(0, 0, 0, .1)
}

.comment-cell {
	overflow: hidden
}

.comment-nickname {
	font-size: .8125rem;
	line-height: 1.5rem;
	color: #969ba3
}

.comment-body {
	font-size: .85rem;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}

.comment-body .atuser {
	color: #4284ed;
	margin-right: 5px
}

.comment-meta {
	margin-top: .3rem;
	font-size: .7rem;
	line-height: 1.5rem;
	color: #969ba3
}

.comment-item::after {
	display: block;
	clear: both;
	margin-top: .75rem;
	margin-left: 3.375rem;
	content: '';
	border-bottom: 1px solid #f0f1f2
}

.comment-null {
	font-size: .8125rem;
	padding: 1rem 0 1.5rem;
	text-align: center;
	color: #969ba3
}

.comment-null::before {
	display: block;
	width: 2.25rem;
	height: 3rem;
	margin: 0 auto .75rem;
	content: '';
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCAzNiA0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R3JvdXAgMzM8L3RpdGxlPjxnIHN0cm9rZT0iI0MwQzVDQyIgc3Ryb2tlLXdpZHRoPSIyIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik0yIDQ3Yy0uNTUzIDAtMS0uNDU1LTEtMS4wMDRWMi4wMDRDMSAxLjQ0OSAxLjQ0NyAxIDIgMWgyM2wxMCAxMHYzNWMwIC41NTItLjQ1NSAxLTEgMUgyeiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+PHBhdGggZD0iTTI1IDF2OS4wMDVjMCAuNTUuNDU2Ljk5NS45OTUuOTk1SDM1Ii8+PHBhdGggZD0iTTcgMThoMTJNNyAyNmgyMk03IDM0aDIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PC9zdmc+) no-repeat center;
	background-size: 100% 100%
}

.comment-more {
	font-size: .8125rem;
	line-height: 2.75rem;
	color: #4284ed;
	display: block;
	text-align: center;
	margin-top: -.8rem;
	border-top: 1px solid #eee
}

.comment-more.gray {
	color: #969ba3
}

.comment-more:active {
	background-image: -webkit-linear-gradient(to top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05));
	background-image: linear-gradient(to top, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05))
}

.page {
	display: block;
	clear: both;
	padding: .75rem 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden
}

.page span {
	margin: 0 .2rem
}

.page a {
	color: #555;
	display: inline-block;
	padding: 0 .5rem;
	border-right: 1px solid #eee
}

.page a.cur {
	color: #4284ed
}

.page .left,
.page .main,
.page .right {
	position: relative;
	display: inline-block;
	border: 1px solid #eee;
	line-height: 1.8rem;
	font-size: .9rem
}

.page .main {
	padding: 0 .7rem;
	font-weight: 700;
	background: #ed424b !important;
	color: #fff;
	border-color: #ed424b
}

.page span a:last-of-type {
	border: none
}

.page .maina {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	border: 1px solid #888;
	font-size: 0;
	border-left: none;
	overflow: hidden
}

.page .maina select {
	margin: 0 auto;
	height: 31px;
	color: #333;
	border: none;
	border-radius: 0 !important
}

.read-content-block {
	color: #000;
	padding: 0 .5rem;
	font-size: 1.5rem;
	word-wrap: break-word;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #ffffed
}

.read-book-chapter {
	font-size: 1.2rem;
	text-align: center
}

.chapter-content {
	line-height: 170%;
	font-size: 1.2rem;
	word-break: break-all
}

.chapter-content p {
	word-break: break-all
}

.chapter-pager {
	font-size: .9rem;
	font-weight: 400;
	overflow: hidden;
	padding: 1rem 0
}

.chapter-pager span {
	display: block;
	float: left;
	width: 33.3333%;
	text-align: center
}

.chapter-pager .jump-page,
.chapter-pager a {
	display: block;
	height: 1.4rem;
	line-height: 1.4rem;
	padding: 3px 10px;
	color: #666;
	background: #f1eade;
	margin: 0 .5rem;
	border: 1px solid #e4d9c5;
	border-radius: 2px
}

.chapter-pager .jump-page select {
	display: block;
	width: 100%;
	height: 1.4rem;
	line-height: 1.4rem;
	padding: 0;
	color: #666;
	background: url(../img/ico.png) no-repeat right 13px;
	border: none;
	text-align: center;
	font-size: .9rem
}

.chapter-pager:after {
	content: '';
	clear: both;
	height: 0;
	font-size: 0
}

.content-set {
	padding: 1rem 0;
	font-size: 12px;
	text-align: center;
	height: 18px;
	line-height: 18px;
	color: #555
}

.content-set .setcolor {
	float: left
}

.content-set .setfont {
	float: right
}

.content-set span {
	display: inline-block;
	margin: 0 2px;
	padding: 1px 6px;
	border: 1px solid #ccc;
	cursor: pointer
}

.light {
	background-color: #32373b;
	color: #999
}

.light .content-set {
	color: #999
}

.light .content-set span {
	border: 1px solid #999
}

.light .chapter-pager .jump-page,
.light .chapter-pager a {
	background-color: #3e4245;
	color: #ccc;
	border: 1px solid #313538
}

.light .chapter-pager .jump-page select {
	color: #ccc
}

.huyan {
	background-color: #cce8cf;
	color: #222
}

.huyan .content-set {
	color: #00774e
}

.huyan .content-set span {
	border: 1px solid #9bc7a0
}

.huyan .chapter-pager .jump-page,
.huyan .chapter-pager a {
	background-color: #b0e0b5;
	color: #00774e;
	border: 1px solid #9bc7a0
}

.huyan .chapter-pager .jump-page select {
	color: #00774e
}

.novel-text-list li {
	line-height: 1.5em;
	font-size: .95rem;
	padding: .6rem .75rem;
	border-bottom: 1px solid #eee
}

.novel-text-list li span {
	line-height: 100%;
	font-size: .95rem;
	padding: 0 .37rem;
	background: #ed424b;
	margin-right: 10px;
	border-radius: 3px;
	color: #fff
}

.novel-text-list li svg {
	float: right;
	font-size: .75rem;
	color: #969ba3;
	margin-top: .4rem
}

.declare-content {
	padding: .75rem;
	line-height: 1.4rem;
	font-size: .85rem
}

.declare-content p {
	padding-bottom: 10px
}

.helpdetail {
	overflow: hidden;
	padding: 0 1rem;
	background-color: #fff
}

.helpdetail h3 {
	font-size: 1.2rem;
	line-height: 1.4;
	padding: .75rem 0;
	border-bottom: 1px solid #eee;
	color: #33373d
}

.helpdetail p {
	font-size: .875rem;
	line-height: 1.57143;
	margin: .625rem 0;
	color: #33373d
}

.readhistory {
	position: fixed;
	z-index: 2;
	right: 5px;
	bottom: 10rem;
	padding: 0;
	-webkit-tap-highlight-color: transparent
}

.readhistory .btn-circle {
	font-size: .75rem;
	line-height: 1.16667;
	display: inline-block;
	box-sizing: border-box;
	width: 2.75rem;
	height: 2.75rem;
	padding: .5rem;
	text-align: center;
	color: #fff;
	border-radius: 99px;
	background-color: #ed424b
}

.aside {
	background: rgba(0, 0, 0, .51);
	z-index: 20;
	position: fixed;
	z-index: 20;
	overflow: hidden;
	-webkit-transition: visibility .25s;
	transition: visibility .25s;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	display: none
}

.aside:before {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: #7575759e;
	display: block
}

.history-block {
	overflow: visible;
	position: absolute;
	top: 0;
	left: 2.5rem;
	bottom: 0;
	right: 0;
	-webkit-transition: -webkit-transform .15s;
	transition: transform .15s;
	background-color: #fff
}

.history-block h3 {
	height: 1.75rem;
	text-align: center;
	padding: 0 1rem;
	border-top: 1rem solid transparent;
	color: #ed424b
}

.history-block ol {
	position: absolute;
	top: 2.75rem;
	right: 0;
	bottom: 1rem;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.history-block ol h4 {
	padding-bottom: 5px
}

.history-block ol .book-meta {
	font-size: .875rem;
	color: #969ba3
}

.history-block .book-title-r {
	font-size: .8125rem;
	line-height: 1.5rem;
	float: right;
	margin-left: .5rem;
	color: #969ba3;
	background: #fff;
	padding: 0 .4rem;
	border-radius: 2px;
	border: 1px solid #ddd
}

.backtop-circle {
	position: fixed;
	z-index: 11;
	right: 5px;
	bottom: 7rem;
	width: 2.75rem;
	height: 2.75rem;
	-webkit-transition: opacity .25s, visibility .25s;
	transition: opacity .25s, visibility .25s;
	color: #fff;
	border-radius: 99px;
	background-color: rgba(0, 0, 0, .6)
}

.backtop-circle svg {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.friend-link {
	padding: .75rem
}

.friend-link a {
	margin: 0 .75rem .75rem 0;
	font-size: .7rem
}

@media screen and (max-width:800px) {
	.novel-category .novel-slide-ol {
		white-space: normal;
		padding: 0 .7rem;
		flex-wrap: wrap
	}

	.novel-category .novel-slide-ol .novel-slide-li {
		flex: 0 0 25%
	}

	.novel-category .novel-slide-a {
		padding: .75rem .72rem .5rem
	}

	.friend-cell {
		display: none
	}
}

@media screen and (max-width:540px) and (min-width:320px) {
	.novel-category .novel-slide-a {
		padding: .75rem .3rem .5rem
	}
}

@media screen and (max-width:320px) {
	.novel-category .novel-slide-a {
		padding: .75rem .2rem .5rem
	}
}

@media screen and (min-width:960px) {
	.book-detail-header {
		background: #fff
	}

	.nav {
		display: block !important;
		background: #969ba3
	}

	.nav ul li {
		height: 2rem;
		line-height: 2rem;
		width: 10%
	}

	.nav a {
		border: none;
		color: #fff;
		font-size: .9rem
	}

	.novel-slide-a {
		padding: .75rem .72rem .5rem
	}

	.book-ol:after {
		content: '';
		clear: both;
		display: block
	}

	.book-ol .book-li {
		float: left;
		width: 50%;
		overflow: hidden
	}

	.book-detail-x .book-cover-blur {
		display: none
	}

	.search-container {
		display: block !important
	}
}

.book-summary p {
	text-indent: 2em;
}

.lbxxyx_s {
	display: block;
	background: #fff;
	border-top: 1px dashed #f15d65;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #ed424b;
	font-size: 14px;
	cursor: pointer;
}

#newlist {
	float: none;
	background: #fff;
	font-size: 14px;
	overflow: hidden;
}

#bookintro {
	height: auto;
	padding-top: 0;
}

#bookintro {
	position: relative;
	line-height: 2.1rem;
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-align: justify;
}

.bookmore {
	position: absolute;
	right: 0;
	color: #f00;
	bottom: 0;
	width: 4rem;
	text-align: right;
	height: 1.5rem;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff 1rem);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff 1rem);
}

.listpage {
	display: flex;
	padding: .5rem 1rem;
	height: 2rem;
	font-size: .75rem;
	line-height: 2rem;
	flex-direction: row;
	flex-wrap: nowrap;
	font-weight: 700
}

.chapterlist .all .listpage+ul {
	border-top: 1px solid #dbdcdf;
	border-bottom: 1px solid #dbdcdf
}

.listpage span {
	text-align: center
}

.listpage .left {
	width: 25%
}

.listpage .left a,
.listpage .right a {
	display: inline-block;
	width: 90%;
	border: 1px solid;
	border-radius: 2px
}

.listpage .left a:hover,
.listpage .right a:hover,
.morechapter:hover {
	text-decoration: none
}

.listpage .left a {
	float: left
}

.listpage .right a {
	float: right
}

.listpage .right {
	width: 25%
}

.listpage .middle {
	height: 2rem;
	border: 1px solid #d7d7d7;
	border-radius: 2px;
	flex: 1;
	overflow: hidden
}

.listpage .middle em {
	width: 80%;
	height: 30px;
	color: #999;
	text-align: center;
	font-style: normal
}

.listpage .middle a,
.listpage .middle em {
	float: left;
	display: inline-block;
	line-height: 36px
}

.listpage .middle a {
	width: 19%;
	height: 36px;
	vertical-align: middle
}

.listpage .middle select {
	clear: both;
	display: inline-block;
	width: 100%;
	height: 100%;
	border: none;
	background: 0 0;
	text-align: center;
	font-weight: 700;
	border-radius: 2px
}

.listpage .middle select,
.listpage .middle select option {
	outline: 0;
	font-size: .75rem;
	text-align: center
}

.listpage .onclick {
	background-color: #5e7ce0;
	background-color: var(--bg-color-nav);
	color: #fff;
	color: var(--font-color-nav)
}

.listpage .before {
	background-color: #cecece;
	color: #fff
}

.listpage .left a:hover,
.listpage .right a:hover {
	background-color: #344899;
	background-color: var(--bg-color-nav-hover);
	color: #fff;
	color: var(--font-color-nav-hover)
}

.booktitle {
	display: flex;
	overflow: hidden;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.chapters .booktitle h1 {
	padding: 1rem;
	color: #252b3a;
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.booktitle h2 {
	padding: .75rem 1rem;
	border-top: 1px solid #dbdcdf;
	font-size: .875rem;
}

.icon-hot {
	background-position: -27px -63px;
	width: 27px;
	height: 24px;
	background-size: 87px 87px;
}

.dropdown-menu {
	display: flex;
	flex-wrap: wrap;
}

.dropdown-menu li a.active {
	color: red
}

.dropdown-menu li {
	width: 25%;
	margin: 10px 5px 5px 20px;
	border: 1px solid #efefef;
	text-align: center;
}

@media screen and (max-width:960px) {
	.book-chapter-list ul li {
		width: 100%;
		text-align: left;
	}
}

.page2 { display: flex; justify-content: space-between; align-items: center;
	margin: 0.8em 0 0; padding-bottom: 0.5em;	text-align: center;	color: #333;
	line-height: 2.6em; font-size: 14px;}
.page2 .selectW { flex: 1; margin: 0 0.8em;}
.page2 .select { font-size: 1em; border: 1px solid #dfdfdf; width: 100%; text-align: center;
line-height:2.8em; height: 2.8em;}
.page2 a { padding: 0 1.5em; display: block; cursor: pointer;
color: #fff; background-color: #4284ed; border: 1px solid #4284ed;}
.page2 .disabled {padding: 0 1.5em; display: block; border: 1px solid #cecece;
background-color: #cecece; color: #fff;}



/*弹出框 求书*/
.popupAsk{ position: fixed; z-index: 1000; left: 0; top: 0;
width: 100%; height: 100%; display: none; justify-content: center; align-items: center;
background-color: rgba(0,0,0,0.5); font-size: 14px;}
.popupAsk.show { display: flex;}
.popupAsk .popupBox { position: relative; z-index: 0;
 max-width: 560px; background-color: #fff; text-align: center;
 width: 80%;
 -moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
 .popupAsk .popupBox .close { cursor: pointer; 
  position: absolute; right:0; top: -3em;
  background: url(../images/close.png) center center no-repeat;
  background-size:contain;
  width: 2em; height: 2em;}
.popupAsk .popupBox .conP{ padding: 7% 10.7%;}
.popupAsk .popupBox .tit { font-size: 1.3em; font-weight: bold; color: #000;}
.popupAsk .popupBox .iW {  margin-top: 0.9em; padding:0 1em;
 line-height: 3;  border: 1px solid #e0e0e0; cursor: pointer;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupAsk .popupBox .iW .input { font-size: 1em; width: 100%; border: 0; outline-width: 0;
 line-height: 3em; color: #000;}
 .popupAsk .popupBox .list { margin-top: 2em;}
.popupAsk .popupBox .list dl { margin-top: 0.9em; color: #000; border: 1px solid #e0e0e0;
display: flex; justify-content: flex-start; align-items: flex-start;
padding: 1em;
 -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupAsk .popupBox .list dd { flex: 1;}
.popupAsk .popupBox .list .textarea { display: block; flex: 1; border: 0; margin: 0; padding: 0;
width: 100%; font-size: 1em; line-height: 1.5; height: 6em;}

.popupAsk .popupBox .btnW { margin-top: 3em;}
.popupAsk .popupBox .btnBlue { cursor: pointer;
 line-height: 2.7; color: #fff; display: block; background-color: #ed424b;
padding: 0 3.5em;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.popupAsk input::-webkit-input-placeholder{	color: #000;}
.popupAsk input::-moz-placeholder{	color: #000;}
.popupAsk input:-ms-input-placeholder{	color: #000;}

.popupAsk textarea::-webkit-input-placeholder{	color: #ccc;}
.popupAsk textarea::-moz-placeholder{	color: #ccc;}
.popupAsk textarea:-ms-input-placeholder{	color: #ccc;}

@media only screen and (max-width:828px) {
	.popupAsk .popupBox { 
	 -moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
}


/*弹出框 错乱漏章催更*/
.popupError { position: fixed; z-index: 1000; left: 0; top: 0;
	width: 100%; height: 100%; display: none; justify-content: center; align-items: center;
	background-color: rgba(0,0,0,0.5);}
.popupError.show { display: flex;}
.popupError .popupBox { position: relative; z-index: 0;
	max-width: 560px; background-color: #fff;
	width: 80%; text-align: center;
	-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.popupError .popupBox .close{ cursor: pointer;
	position: absolute; right:0; top: -3em;
	background: url(../images/close.png) center center no-repeat;
	background-size:contain;
	width: 2em; height: 2em;}
.popupError .popupBox .conP{ padding: 7% 10.7%;}
.popupError .popupBox .tit { font-weight: bold; color: #000;}
.popupError .popupBox .list { margin-top: 2.2em;}
.popupError .popupBox .list li {  margin-top: 0.9em;
	line-height: 3;  border: 1px solid #e0e0e0; cursor: pointer;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupError .popupBox .list li.sel {
	border: 1px solid #ed424b; color: #ed424b;
}
.popupError .popupBox .list dl { margin-top: 0.9em; color: #000; border: 1px solid #e0e0e0;
	display: flex; justify-content: flex-start; align-items: flex-start;
	padding: 1em;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.popupError .popupBox .list dt {}
.popupError .popupBox .list dd { flex: 1;}
.popupError .popupBox .list .textarea { display: block; flex: 1; border: 0; margin: 0; padding: 0;
	width: 100%; font-size: 1em; line-height: 1.5; height: 6em;}

.popupError .popupBox .btnW { margin-top: 1.9em;}
.popupError .popupBox .btnSubmit { line-height: 2.7; display: inline-block;
	padding: 0 3.5em; background-color: #ed424b; color: #fff;}
.popupError textarea::-webkit-input-placeholder{	color: #ccc;}
.popupError textarea::-moz-placeholder{	color: #ccc;}
.popupError textarea:-ms-input-placeholder{	color: #ccc;}

@media only screen and (max-width:828px) {
	.popupError .popupBox {
		-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
}