@charset "UTF-8";
@font-face {
	font-family:fzfont;src:url(../fonts/fzfont.eot);src:url(../fonts/fzfont.ttf) format("truetype"),url(../fonts/fzfont.svg#fzfont) format("svg")
}

@font-face {
	font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(../fonts/glyphicons-halflings-regular.woff) format("woff"),url(../fonts/glyphicons-halflings-regular.ttf) format("truetype"),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

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

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

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

a[href]:active,button: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))
}

body.iphone a[href]:active,body.iphone button:active {
	background-image: none
}

em {
	font-style: normal
}

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

input,select,textarea {
	font-family: inherit;
	box-sizing: border-box
}

img {
	display: inline-block
}

p {
	word-break: break-all
}

main {
	display: block
}

output {
	speak: digits
}

html {
	font-size: 16px;
	font-size: calc(100% + 2 * (100vw - 375px)/ 39);
	font-size: calc(16px + 2 * (100vw - 375px)/ 39)
}

@media screen and (max-width:320px) {
	html {
		font-size: 16px
	}
}

@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:1000px) {
	html {
		font-size: calc(137.5% + 6 * (100vw - 1000px)/ 1000);
		font-size: calc(22px + 6 * (100vw - 1000px)/ 1000)
	}
}

body {
	line-height: 1.5;
	fill: currentColor;
	color: #1a1a1a;
	font-family: sans-serif;
	-webkit-tap-highlight-color: transparent;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none
}

.noscroll,.noscroll body {
	overflow: hidden
}

.noscroll body {
	position: relative
}

body {
	background-color: #f6f7f9
}

.page {
	background-color: #fff;
	box-shadow: 0 200px #fff
}

.page.unlogin,.unlogin .page {
	min-height: 500px;
	min-height: calc(100vh - 8.75rem)
}

.login .page,.page.login {
	min-height: 556px;
	min-height: calc(100vh - (84rem / 16))
}

.content {
	background-color: #f6f7f9;
	padding-bottom: .1px
}

.aside,.aside-overlay,.footer-backtop-circle svg,.full,.guide-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

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

.header {
	height: 2.75rem;
	box-sizing: border-box;
	padding-top: .6875rem;
	padding-bottom: .625rem;
	border-bottom: 1px solid #f0f1f2;
	background-color: #fff;
	position: relative
}

.header .btn-group-small {
	margin-top: -2px
}

.header a {
	color: #65c541
}

.page .header[open] {
	background-color: #fff
}

.header-index {
	background-color: transparent;
	border-bottom: none
}

.logo-a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 6.5625rem;
	padding: 0 1rem
}

.logo {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: inherit;
	height: 1.875rem;
	background: url(/static/images/logo.png) no-repeat center;
	background-size: contain;
	font-size: 1rem;
	color: transparent
}

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

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

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

.header-title {
	text-align: center
}

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

.header-operate-a,.header-operate>.icon {
	float: left;
	width: 2.25rem;
	height: 2.25rem;
	overflow: hidden
}

.header-operate svg {
	display: block;
	margin: .625rem auto
}

.header-avatar {
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	margin: .5rem auto;
	border-radius: 1rem
}

.header-operate-a {
	line-height: 2.25rem;
	font-size: .875rem;
	padding: 0 .25rem;
	text-align: center
}

.header-opt-a-l,.header-opt-a-r {
	font-size: .875rem;
	top: 0;
	bottom: 0;
	line-height: 2.75rem
}

.header-opt-a-l.mybook-list-tab,.header-opt-a-r.mybook-list-tab {
	font-weight: 400;
	color: grey;
	margin-right: .5rem
}

.header-opt-a-l.mybook-list-tab.active,.header-opt-a-r.mybook-list-tab.active {
	border-bottom: 1px solid #65c541;
	color: #65c541
}

.mybook-edit-header.hidden .header-opt-a-l,.mybook-edit-header.hidden .header-opt-a-r {
	position: absolute;
	padding: 0 1rem
}

.header-opt-a-l {
	left: 0;
	font-weight: 700
}

.header-opt-a-r {
	right: 0
}

.header-opt-a-r.mybook-list-edit {
	float: right
}

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

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

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

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

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

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

.module-header {
	height: 1.75rem;
	border-top: 1rem solid transparent;
	padding: 0 1rem
}

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

.module-header-l {
	float: left
}

.module-header-r {
	float: right;
	position: relative;
	min-width: 4rem
}

.module-title {
	display: inline;
	color: #1a1a1a;
	font-weight: 400;
	font-weight: 500
}

.module-title-desc {
	font-size: .8125rem;
	color: grey;
	margin-left: .5rem
}

.module-header-btn {
	line-height: 1.5rem;
	padding: .5rem .5rem .5rem .75rem;
	color: grey;
	font-size: .8125rem;
	position: absolute;
	right: -.75rem;
	top: -.5rem;
	white-space: nowrap
}

.module-header-btn .icon-arrow-r {
	margin-left: .25rem
}

.module-header-btn .icon-refresh {
	margin-right: .25rem
}

.loading .icon-refresh {
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite
}

.module-filter-header {
	padding: .6875rem 1rem;
	position: relative;
	left: 0;
	right: 0;
	z-index: 1
}

.module-filter-header[style*=fixed] {
	background-color: #fff;
	border-bottom: 1px solid #f0f1f2
}

.module-filter-icon {
	position: absolute;
	right: .75rem;
	top: .4rem;
	padding: 0 .25rem .0625rem;
	color: #65c541
}

.module-filter-icon>svg {
	display: block;
	margin: auto;
	font-size: 20px
}

.module-filter-icon>h3 {
	font: 400 12px/1 a;
	transform-origin: center top;
	transform: scale(.8333)
}

.module-time-range {
	line-height: 40px;
	position: relative;
	color: grey;
	text-align: center;
	padding: .75rem 1rem 0;
	font: bold .75rem/1.5rem a
}

.module-tab {
	margin: .4375rem 1rem
}

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

.module-bar {
	background-color: #f6f7f9;
	color: grey;
	line-height: 2.75rem;
	text-align: center;
	font-size: .8125rem
}

.module-ad {
	display: block;
	margin: .75rem 0;
	padding: 7.575757% 50%;
	position: relative;
	overflow: hidden
}

.module-ad::after {
	content: '广告';
	position: absolute;
	border: 1px solid;
	padding: 1px;
	color: #fff;
	background-color: rgba(0,0,0,.3);
	opacity: .6;
	right: 0;
	font-size: 12px;
	line-height: 1;
	bottom: -1px;
	-webkit-transform: translateY(-3px) scale(.75);
	transform: translateY(-3px) scale(.75)
}

.module-ad>img:only-child {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}

.module-loading {
	height: 200px;
	overflow: hidden
}

.module-loading>.gray:only-child {
	display: block;
	font-size: 12px;
	text-align: center;
	line-height: 200px
}

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

.book-layout mark {
	color: #65c541;
	background-color: transparent
}

.book-layout>.icon-arrow-r {
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	color: grey;
	margin: auto
}

.book-layout-wrap {
	border-radius: .25rem;
	background-color: #f6f7f9;
	padding: .75rem;
	overflow: hidden
}

.book-layout-wrap .book-author {
	max-width: 8.5em;
	max-width: calc(100vw - 3.5rem - (176rem / 16))
}

.book-layout-corner {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 1.5rem;
	height: 1.5rem;
	background: -webkit-linear-gradient(135deg,transparent,transparent 50%,#f6f7f9 50%,#f6f7f9);
	background: linear-gradient(135deg,transparent,transparent 50%,#f6f7f9 50%,#f6f7f9)
}

.book-layout-corner>svg {
	font-size: .75rem;
	color: grey;
	position: absolute;
	right: 0;
	bottom: .125rem
}

.book-layout-wrap .book-cover {
	width: 2.625rem;
	height: 3.5rem
}

.book-layout-wrap .book-title {
	font-size: .875rem
}

.book-layout-wrap .book-desc {
	margin: .125rem 0
}

.book-li>.radio {
	left: .5rem;
	margin-top: 2.25rem
}

.enabled>li>.book-layout {
	padding-left: 3rem
}

.enabled span>li>.book-layout {
	padding-left: 3rem
}

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

.book-ol-author .book-li::after {
	margin-left: 4.75rem
}

.enabled>.book-li::after {
	margin-left: 3rem
}

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

.book-title-x {
	overflow: hidden
}

.book-ol+.book-title-x {
	padding: .625rem 1rem
}

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

.book-title>.tag-solid {
	margin-left: .25rem
}

.book-title>.tag-small-group {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	position: absolute;
	margin-left: .25rem
}

.book-cover {
	width: 4.125rem;
	height: 5.5rem;
	float: left;
	margin-right: .5rem;
	box-shadow: 0 4px 8px rgba(51,55,61,.1);
	font-size: 0;
	border-radius: .125rem
}

.book-cover>img {
	width: 1.3125rem;
	height: 1.875rem;
	margin: .25rem 0 0 .25rem;
	-webkit-transition: opacity .15s;
	transition: opacity .15s;
	border-radius: .125rem
}

.book-cover:not(img) {
	background-color: #f6f7f9
}

.enabled .book-cover>img {
	opacity: .5
}

.book-cell {
	overflow: hidden
}

.book-desc {
	margin: .5rem 0;
	line-height: 1.125rem;
	font-size: .75rem;
	color: grey;
	overflow: hidden
}

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

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

.book-ol-author .book-desc {
	white-space: nowrap;
	text-overflow: ellipsis
}

.book-ol-author .book-desc:last-child {
	margin-right: 1.5rem
}

.book-meta {
	font-size: .75rem;
	overflow: hidden
}

.book-meta .icon-human {
	margin-right: .1875rem
}

.book-meta-l {
	float: left
}

.book-meta-l:only-child {
	float: none
}

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

.book-meta-r:first-child {
	margin-left: .5rem
}

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

.book-author .icon-human {
	margin-right: .1875rem;
	font-size: .75rem;
	vertical-align: -.15ex
}

.book-author-vv {
	width: 3rem;
	height: 3rem;
	float: left;
	margin-right: .75rem;
	position: relative
}

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

.book-author-data {
	color: #65c541;
	font-size: .875rem;
	position: relative;
	bottom: -.25rem
}

.book-author-vv .tag-honor,.rel>.tag-honor {
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -1.25rem
}

.book-meta-r .tag-small-group {
	position: absolute;
	top: -.375rem;
	right: 0;
	white-space: nowrap
}

.book-quote {
	font-size: .875rem;
	text-indent: 1.6em;
	margin-top: .875rem
}

.book-quote .icon-quot {
	position: absolute;
	margin-top: .125rem;
	color: #d8dde6;
	font-size: 1rem
}

.book-quote>p:empty::before {
	content: '暂无内容';
	color: grey
}

.book-ol-rank {
	padding-left: 3.125rem;
	counter-reset: bookrank
}

.book-ol-rank .null-x {
	margin-left: -3.125rem
}

.book-ol-rank .book-li {
	position: relative
}

.book-ol-rank .book-li::before {
	counter-increment: bookrank;
	content: counter(bookrank) ".";
	position: absolute;
	left: -2.125rem;
	top: 0;
	bottom: 0;
	height: 1.5em;
	margin: auto;
	font: bold 1em/1.5em 'DIN Alternate'
}

.book-ol-rank .book-li::after {
	margin-left: 0
}

.book-ol-rank .book-layout {
	padding-left: 3.125rem;
	margin-left: -3.125rem
}

.book-title-r {
	float: right;
	line-height: 1.5rem;
	margin-left: .5rem;
	color: grey;
	font-size: .8125rem
}

.book-title-r:first-child {
	margin-left: .5rem
}

.book-title-r .icon-arrow-r {
	position: relative;
	right: -.125rem
}

.book-ol-rank .book-desc {
	white-space: nowrap;
	text-overflow: ellipsis
}

.book-tags {
	margin: .125rem 0;
	font-size: .8125rem;
	color: grey
}

.book-tags>dot::before {
	content: '·'
}

.book-tags+.book-desc {
	margin: .125rem 0 .3125rem
}

.book-toplist {
	width: 7.5rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0
}

.book-toplist-cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover
}

.book-toplist+.book-ol {
	margin-left: 7.5rem;
	padding-left: 2.125rem;
	overflow: hidden
}

.book-toplist+.book-ol .book-layout {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: .375rem 1rem .375rem 2.375rem;
	margin-left: -2.125rem;
	font-size: .875rem;
	line-height: 1.5rem
}

.book-toplist+.book-ol .book-li {
	box-shadow: 0 1px #f0f1f2
}

.book-toplist+.book-ol .book-li:last-child {
	box-shadow: none
}

.book-toplist+.book-ol .book-title {
	line-height: inherit
}

.book-toplist+.book-ol .book-author {
	overflow: visible;
	margin-left: 5px
}

.book-toplist+.book-ol .book-author svg {
	font-size: .75rem
}

.book-toplist+.book-ol .book-li::before {
	left: -1.125rem
}

.book-toplist+.book-ol .book-li::after {
	display: none
}

.book-toplist-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6rem;
	font: normal 1.75rem/1.375rem KUHEI;
	text-align: center;
	color: #fff;
	-webkit-transform: scaleY(1.2);
	transform: scaleY(1.2)
}

.book-progress {
	float: left;
	width: 7.75rem;
	width: calc(100% - (92rem / 16));
	font-size: .875rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.book-ol-progress .book-layout>.corner {
	margin-left: -moz-calc(-4.125rem + 0rem)
}

.book-ol-progress .book-meta {
	color: grey;
	font-size: .875rem
}

.book-ol-progress .book-cover {
	width: 3.375rem;
	height: 4.5rem;
	margin-right: .75rem
}

.book-ol-progress .book-cover+.book-cell .book-meta {
	margin: .25rem 0
}

.book-li-more {
	display: block;
	line-height: 2.75rem;
	text-align: center;
	font-size: .8125rem;
	color: grey
}

.book-li-more[href] {
	color: #65c541
}

.book-ol~.book-li-more::before {
	content: '';
	display: block;
	border-top: 1px solid #f0f1f2;
	margin-top: -1px;
	margin-left: 1rem
}

.book-ol-time {
	position: relative
}

.book-ol-time::before {
	content: '';
	position: absolute;
	top: 1.5rem;
	left: .5rem;
	bottom: 1rem;
	border-right: 1px solid #f0f1f2
}

.book-time {
	display: block;
	line-height: 1.5rem;
	padding: .75rem 1rem 0;
	font-size: .75rem;
	color: grey;
	position: relative
}

.book-time::before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 15px;
	background-color: #65c541;
	position: absolute;
	left: 6px;
	left: calc(.5rem - 2px);
	bottom: .7rem
}

.book-time+.book-layout {
	padding-top: .375rem
}

.book-ol-more {
	display: block;
	line-height: 2.75rem;
	border-top: 1px solid #f0f1f2;
	text-align: center;
	color: #c0c5cc;
	font-size: .8125rem
}

.book-ol-more .icon-arrow-r {
	margin-left: .25rem;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: .75rem
}

.book-ol-more.loading .icon-arrow-r {
	visibility: hidden
}

.book-meta-comment {
	font-size: .8125rem;
	line-height: 1.5rem;
	color: grey
}

.book-meta-comment .star-group {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(.76923);
	transform: scale(.76923);
	margin-left: .25rem;
	height: 15px;
	vertical-align: -2px
}

.book-meta-comment .book-meta-r {
	font-size: .75rem
}

.book-meta-comment a.book-meta-r {
	position: absolute;
	padding: .25rem .5rem;
	margin-top: -.25rem;
	right: .5rem
}

.book-meta-comment .book-meta-r>.icon {
	margin-left: .25rem;
	font-size: 1rem
}

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

.book-comment-time {
	display: block;
	margin-top: -.125rem;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: scale(.83333);
	transform: scale(.83333);
	font-size: .75rem;
	color: grey;
	clear: both
}

.book-ol-comment .book-author-vv {
	width: 2.625rem;
	height: 2.625rem
}

.book-comment-p {
	font-size: .875rem;
	display: -webkit-box;
	max-height: 2.5625rem;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden
}

.book-comment-p[rows] {
	display: block;
	position: relative
}

.book-comment-p[rows='2'] {
	max-height: 2.5625rem
}

.book-comment-p[rows='3'] {
	max-height: 3.875rem
}

.book-comment-p[rows='4'] {
	max-height: 5.1875rem
}

.book-comment-p[open] {
	max-height: 30em;
	-webkit-transition: max-height .25s;
	transition: max-height .25s
}

.book-comment-more {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 2em;
	height: 1.5em;
	background: -webkit-linear-gradient(left,rgba(255,255,255,0),#fff 1rem);
	background: linear-gradient(to right,rgba(255,255,255,0),#fff 1rem);
	display: none
}

.enabled>.book-comment-more {
	display: block
}

.book-comment-more .icon-arrow-r {
	float: right;
	margin-top: .3em;
	-webkit-transition: -webkit-transform .15s;
	transition: transform .15s;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	color: grey
}[open]>.book-comment-more .icon-arrow-r {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.book-ol-comment .book-li::after {
	margin-left: 4.375rem
}

.book-ol-comment~.book-li-more::before {
	margin-left: 0
}

.module-slide-ol {
	display: none;
	padding-left: .5rem;
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	min-height: 10.75rem;
	position: relative
}

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

.module-slide-ol:not(.WX) {
	-webkit-overflow-scrolling: touch
}

.module-slide-ol:only-child,.module-slide>.active {
	display: block
}

.module-slide-ol.module-slide-ol-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding-right: .5rem
}

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

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

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

.module-slide-img {
	display: block;
	width: inherit;
	height: 5.5rem;
	box-shadow: 0 4px 8px rgba(51,55,61,.1)
}

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

.module-slide-author {
	font-size: .75rem;
	color: grey;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.module-merge {
	margin: 0
}

.module-merge .book-li:last-child::after {
	display: block
}

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

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

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

.module-field-img[data-src] {
	object-fit: contain
}

.module-toplist {
	position: relative;
	overflow: hidden
}

.module-filter-list .module-header,.module-history .module-header {
	text-align: center
}

.module-filter-list .module-title::before,.module-history .module-title::before {
	display: none
}

.module-footer {
	padding: 1rem;
	text-align: center
}

.module-footer-txt {
	font-size: .75rem;
	margin: .375rem 0 0;
	color: grey
}

.aside .module-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.aside .module-footer .btn-primary:only-child {
	margin-bottom: .75rem
}

.aside .module-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0
}

.aside .module-filter-list,.aside .module-history {
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0
}

.aside .module-main {
	position: absolute;
	left: 0;
	right: 0;
	top: 2.75rem;
	bottom: 5.75rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.aside .scrollable {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.footer {
	background-color: #fff
}

.module:not(.module-merge)+.footer {
	margin-top: -.75rem
}

.footer-backtop {
	display: table;
	width: 100%;
	text-align: center
}

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

.footer-backtop-circle svg {
	margin: auto
}

.footer-backtop-cell {
	display: table-cell;
	padding: 0 1rem;
	line-height: 3.4375rem;
	font-size: .875rem
}

.footer-backtop-cell+.footer-backtop-cell {
	text-align: right;
	padding-left: 0
}

.footer-backtop-cell .icon-backtop {
	margin-right: .25rem
}

.footer-backtop-a {
	padding: 1rem 0;
	position: relative
}

.footer-link {
	text-align: center;
	color: grey;
	font-size: .875rem;
	display: flex;
	display: -webkit-box;
	display: box;
	justify-content: space-between;
	-webkit-box-pack: justify;
	box-pack: justify;
	padding: .5625rem 1.1875rem 0;
	border-top: 1px solid #f0f1f2
}

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

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

.footer-copy::first-letter {
	text-transform: uppercase
}

.footer-app {
	display: block;
	height: 3.75rem;
	padding: .75rem 6rem 0 4rem;
	box-sizing: border-box;
	background-color: #f6f7f9;
	position: relative
}

.footer-app .icon-app-logo {
	position: absolute;
	top: .75rem;
	left: 1rem
}

.footer-app .btn-primary-small {
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1.625rem
}

.footer-app-h {
	font-size: .875rem
}

.footer-app-p {
	font-size: .75rem;
	color: grey
}

.aside {
	-webkit-transition: visibility .25s;
	transition: visibility .25s;
	z-index: 3;
	visibility: hidden;
	overflow: hidden;
	position: fixed
}

.aside.active {
	-webkit-transition: none;
	transition: none;
	visibility: visible
}

.aside.active~.page {
	pointer-events: none
}

.aside-overlay,.guide-overlay {
	background-color: #000;
	opacity: 0;
	-webkit-transition: opacity .25s;
	transition: opacity .25s
}

.active>.aside-overlay,.active>.guide-overlay {
	opacity: .6
}

.aside-content,.aside-popup {
	position: absolute;
	left: .625rem;
	bottom: .625rem;
	right: .625rem;
	background-color: #fff;
	overflow: hidden;
	-webkit-transition: -webkit-transform .15s;
	transition: transform .15s
}

.active>.aside-content,.active>.aside-popup {
	-webkit-transform: translate(0,0);
	transform: translate(0,0)
}

.aside-content {
	bottom: 0;
	right: 0
}

.aside-homepage-slider .aside-content,.aside-homepage-slider .aside-popup {
	bottom: 0;
	right: 0
}

.aside-content {
	left: 2.5rem;
	top: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.aside-popup {
	position: absolute;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	border-radius: .6rem
}

.guide {
	position: fixed;
	left: 0;
	top: 2.5rem;
	right: 0;
	bottom: 0;
	visibility: hidden;
	-wekit-transition: visibility .25s;
	transition: visibility .25s;
	z-index: 3;
	overflow: hidden
}

.active.guide {
	-wekit-transition: none;
	transition: none;
	visibility: visible
}

.guide-content {
	padding: 0 1rem;
	position: relative;
	background-color: #fff;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform .15s;
	transition: transform .15s;
	overflow: hidden
}

.active>.guide-content {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.guide-nav {
	text-align: justify;
	font-size: 0
}

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

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

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

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

.guide-nav .guide-nav-a {
	margin: .75rem 1.5rem
}

@media screen and (max-width:320px) {
	.guide-nav .guide-nav-a {
		margin-left: 1rem;
		margin-right: 1rem
	}
}

@media screen and (max-height:284px) {
	.guide-nav .guide-nav-a {
		margin-top: .5rem;
		margin-right: .5rem
	}
}

.guide-footer {
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1.5rem
}

.module-filter-list .sort-li-detail {
	text-align: left
}

.module-filter-list .btn-tag {
	margin-top: .5625rem;
	font-family: 'pingfang sc'
}

.module-filter-list .btn-tag.active {
	background-color: #65c541;
	color: #fff
}

.module-filter-list .btn-tag.active::after {
	content: '';
	display: inline-block;
	width: .5rem;
	height: .5rem;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIHN0cm9rZT0iI0ZGRiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIj48cGF0aCBkPSJNNy41LjVsLTcgN00uNS41bDcgNyIvPjwvZz48L3N2Zz4K) no-repeat center;background-size: 100%;
	margin-left: .375rem
}

.module-filter-list .module-main {
	bottom: 3.375rem
}

.module-filter-list .module-footer {
	padding: 0
}

.module-title .icon {
	margin-right: .5rem
}

.book-ol-small .book-li:after {
	border-bottom: none
}

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

.book-ol-small {
	overflow: hidden;
	padding: .5rem 0
}

.book-ol-small .small-book-title {
	margin-top: .28rem;
	height: 2.125rem
}

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

.book-ol-small .book-li .book-layout {
	padding: .5rem 1rem
}

.book-ol-small .book-li .book-cover {
	width: 3rem;
	height: 4rem
}

.book-ol-small .book-li .book-title {
	font-size: .75rem;
	margin-top: .875rem
}

.book-ol-small .book-li .book-author {
	font-size: .75rem;
	margin-top: .5rem
}

.book-ol-small .book-li .small-book-author {
	margin-top: 0
}

.module-header-tips {
	font-size: .75rem;
	display: block;
	position: relative;
	padding: 0 1rem;
	color: grey
}

.lightblue {
	color: #5bddcd
}

.smallblue {
	color: #add3fb
}

.book-meta-r .agree-container {
	display: inline-block;
	min-width: 2.25rem
}

.book-meta-r .comment-container {
	display: inline-block
}

.center,.icon-app-logo .icon,.panel-container,.radio>svg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.btn-primary,.btn-primary-small {
	display: inline-block;
	line-height: 2.25rem;
	padding-left: 2ch;
	padding-right: 2ch;
	background-color: #65c541;
	color: #fff;
	font-size: .875rem;
	border-radius: 99px;
	text-align: center
}

.btn-primary-small {
	line-height: 1.625rem
}

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

.btn-line,.btn-line-gray,.btn-line-gray~i:empty,.btn-tag {
	display: inline-block;
	line-height: 1.6875rem;
	border: 1px solid;
	border-radius: 99px;
	padding: 0 .625rem;
	font-size: .8125rem;
	text-align: center
}

.btn-line,.btn-line-gray.active,.btn-line-gray~i.active:empty,.btn-tag.active {
	color: #65c541
}

.btn-line-gray,.btn-line-gray~i:empty,.btn-tag {
	color: grey
}

.btn-tag {
	line-height: 1.25rem;
	border-color: transparent;
	padding: 0 .625rem
}

.btn-tag.active {
	border-color: #65c541
}

.btn-line-gray~i:empty,.btn-line-gray~i:empty~i:empty {
	height: 0;
	border-width: 0 1px;
	overflow: hidden;
	vertical-align: top;
	visibility: hidden
}

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

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

.btn-normal {
	display: inline-block;
	line-height: 1.875rem;
	padding: 0 1rem;
	font-size: .8125rem;
	border-radius: .125rem;
	background-color: currentColor;
	text-align: center
}

.btn-normal::first-line {
	color: #fff
}

.btn-normal.white {
	box-shadow: inset 1px 0 #e3e4e6,inset 0 1px #e3e4e6,inset 0 -1px #e3e4e6,inset -1px 0 #e3e4e6
}

.btn-normal.white::first-line {
	color: #1a1a1a
}

.btn-normal.white.loading::before {
	color: #1a1a1a
}

.btn-normal.loading::before {
	color: #fff
}

.btn-blank {
	display: block;
	text-align: center;
	line-height: 2.5rem
}

.btn-reset,.btn-submit {
	display: block;
	line-height: 2.75rem
}

.btn-reset {
	background-color: #f6f7f9;
	color: #1a1a1a
}

.btn-submit {
	background-color: #65c541;
	color: #fff
}

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

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

.btn-group .btn-line {
	display: block;
	margin: 0 .5625rem
}

.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
}

.btn-group-small {
	width: auto
}

.btn-group-small .btn-tab {
	line-height: 1.5rem;
	padding: 0 .75rem
}

.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-group-tab {
	position: relative;
	background-color: #fff
}

.btn-group-tab .btn-blank {
	line-height: 2.75rem;
	color: grey;
	border-bottom: 1px solid #e3e4e6;
	font-size: .875rem;
	-webkit-transition: color .15s;
	transition: color .15s;
	-webkit-tap-highlight-color: transparent
}

.btn-group-tab .btn-blank:active {
	background-image: none
}

.btn-group-tab>line {
	display: table-caption;
	position: absolute;
	border-top: 1px solid #65c541;
	bottom: 0;
	-webkit-transition: all .15s;
	transition: all .15s
}

line~.btn-group .active {
	border-bottom-color: #e3e4e6
}

.btn-group-tab .active {
	color: #65c541;
	border-bottom-color: #65c541
}

a[class*=btn-].loading,label[class*=btn-].loading {
	position: relative
}

a[class*=btn-].loading::first-line,label[class*=btn-].loading::first-line {
	color: transparent
}

a[class*=btn-].loading::before,label[class*=btn-].loading::before {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 100%;
	box-shadow: 0 -10px 0 1px currentColor,10px 0 currentColor,0 10px currentColor,-10px 0 currentColor,-7px -7px 0 .5px currentColor,7px -7px 0 1.5px currentColor,7px 7px currentColor,-7px 7px currentColor;
	-webkit-animation: spinZoom 1s steps(8) infinite;
	animation: spinZoom 1s steps(8) infinite;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto
}

.tag-small,.tag-solid {
	display: inline-block;
	line-height: 1.5;
	padding: 0 .25em;
	margin: 0 .15em;
	font-size: 1.25rem;
	-webkit-transform: scale(1);
	transform: scale(1);
	vertical-align: bottom
}

.tag-small:empty,.tag-solid:empty {
	display: none
}

.tag-small::before,.tag-solid::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	right: 0;
	bottom: 1px;
	border: 1px solid;
	border-radius: .11111em;
	opacity: .5;
	z-index: -1
}

.tag-small-group>.tag-small:first-child,.tag-small-group>.tag-solid:first-child {
	margin-left: 0
}

.tag-small-group>.tag-small:last-child,.tag-small-group>.tag-solid:last-child {
	margin-right: 0
}

.tag-solid {
	position: absolute;
	border-radius: 2px;
	margin-top: -3px;
	margin-top: calc((1.5rem - 1.5em) * .5);
	background-color: currentColor;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.tag-solid::before {
	border-color: transparent
}

.tag-solid::first-line {
	color: #fff
}

.tag-small-group .tag-solid {
	position: static;
	margin-left: .25rem;
	margin-top: -6px;
	margin-top: calc((1.5rem - 1.5em))
}

.tag-small-group,:not(.tag-small-group)>.tag-small,:not(.tag-small-group)>.tag-solid {
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.origin-right,.origin-right .tag-small,.origin-right .tag-solid {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.origin-left,.origin-left .tag-small,.origin-left .tag-solid {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.tag-small-group {
	display: inline-block
}

.tag-honor {
	display: inline-block;
	min-width: 2.5rem;
	height: 1rem;
	line-height: 14px;
	line-height: calc(1rem - 2px);
	text-align: center;
	border: 1px solid #fff;
	border-radius: 40px;
	font-size: .75rem;
	background-color: currentColor;
	background-image: -webkit-linear-gradient(top,rgba(255,255,255,.2),rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%);
	background-image: linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 50%);
	box-sizing: border-box;
	font-family: youyuan,'pingfang sc';
	white-space: nowrap
}

.tag-honor::first-line {
	color: #fff
}

.tag-line {
	padding: 0 .5rem;
	padding: 0 calc(.5rem - 1px);
	border-radius: 1rem;
	font-size: .75rem;
	display: inline-block;
	border: 1px solid;
	background-color: #fff;
	line-height: 1.125rem
}

.tag-hot {
	position: absolute;
	right: 0;
	height: 16px;
	line-height: 16px;
	padding: 0 .5rem 0 3px;
	background-color: #65c541;
	color: #fff;
	font-weight: 300;
	font-size: 10px;
	z-index: 1
}

.tag-hot::before {
	content: '';
	position: absolute;
	left: -12px;
	top: 0;
	border-style: solid;
	border-width: 8px 6px;
	border-color: #65c541 #65c541 transparent transparent
}

.star-group,.star-score {
	background: 0 center repeat-x;
	background-size: 18px 13px
}

.star-group {
	display: inline-block;
	width: 86px;
	height: 13px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44ODEgMy4yMjZjLjIyLjQzNi42NDguNzM4IDEuMTQxLjgwOGwzLjMyMi40N2EuNTI4LjUyOCAwIDAgMSAuMzAzLjkwNmwtMi40MDQgMi4yOGMtLjM1Ny4zNC0uNTIuODI4LS40MzYgMS4zMDdsLjU2NyAzLjIyYy4wNzcuNDM1LS4zOTEuNzY2LS43OTIuNTYxbC0yLjk3LTEuNTJhMS41NTMgMS41NTMgMCAwIDAtMS40MTIgMGwtMi45NyAxLjUyYy0uNC4yMDUtLjg2OS0uMTI2LS43OTItLjU2bC41NjctMy4yMkExLjQ1MiAxLjQ1MiAwIDAgMCAyLjU3IDcuNjlMLjE2NSA1LjQxYS41MjguNTI4IDAgMCAxIC4zMDMtLjkwNmwzLjMyMS0uNDdjLjQ5NC0uMDcuOTIxLS4zNzIgMS4xNDItLjgwOEw2LjQxNy4yOTZhLjU1My41NTMgMCAwIDEgLjk3OCAwbDEuNDg2IDIuOTN6IiBmaWxsPSJyZ2JhKDAsMCwwLC4yKSIvPjwvc3ZnPg==);overflow: hidden
}

.star-score {
	display: block;
	height: inherit;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44ODEgMy4yMjZjLjIyLjQzNi42NDguNzM4IDEuMTQxLjgwOGwzLjMyMi40N2EuNTI4LjUyOCAwIDAgMSAuMzAzLjkwNmwtMi40MDQgMi4yOGMtLjM1Ny4zNC0uNTIuODI4LS40MzYgMS4zMDdsLjU2NyAzLjIyYy4wNzcuNDM1LS4zOTEuNzY2LS43OTIuNTYxbC0yLjk3LTEuNTJhMS41NTMgMS41NTMgMCAwIDAtMS40MTIgMGwtMi45NyAxLjUyYy0uNC4yMDUtLjg2OS0uMTI2LS43OTItLjU2bC41NjctMy4yMkExLjQ1MiAxLjQ1MiAwIDAgMCAyLjU3IDcuNjlMLjE2NSA1LjQxYS41MjguNTI4IDAgMCAxIC4zMDMtLjkwNmwzLjMyMS0uNDdjLjQ5NC0uMDcuOTIxLS4zNzIgMS4xNDItLjgwOEw2LjQxNy4yOTZhLjU1My41NTMgMCAwIDEgLjk3OCAwbDEuNDg2IDIuOTN6IiBmaWxsPSIjRjBDNTNBIi8+PC9zdmc+);color: transparent;	font-size: 12px
}

.star-score[data-score='0'],.star-score[data-score='0.0'] {
	width: 0
}

.star-score[data-score='.5'],.star-score[data-score='0.5'] {
	width: 7px
}

.star-score[data-score='1'],.star-score[data-score='1.0'] {
	width: 14px
}

.star-score[data-score='1.5'] {
	width: 25px
}

.star-score[data-score='2'],.star-score[data-score='2.0'] {
	width: 32px
}

.star-score[data-score='2.5'] {
	width: 43px
}

.star-score[data-score='3'],.star-score[data-score='3.0'] {
	width: 50px
}

.star-score[data-score='3.5'] {
	width: 61px
}

.star-score[data-score='4'],.star-score[data-score='4.0'] {
	width: 68px
}

.star-score[data-score='4.5'] {
	width: 79px
}

.corner,.corner-rank {
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 10px;
	text-align: center;
	overflow: hidden
}

.corner-rank>em,.corner>em {
	position: absolute;
	left: 0;
	right: -12px;
	bottom: 0;
	padding-top: 1px;
	line-height: 11px;
	font-size: 10px;
	color: inherit;
	background-color: currentColor;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.corner-rank>em::first-line,.corner>em::first-line {
	color: #fff
}

.corner-rank>em {
	padding-top: 14px;
	line-height: 10px;
	text-transform: uppercase;
	font-familly: 'DIN Alternate';
	font-weight: 700;
	font-size: 9px
}

.corner-rank::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 9px;
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBhdGggZD0iTTIuMDcgMi40ODdjLS4wMzktLjI3LjE2LS40NTQuNDE3LS40MTdMNS41IDIuNSA1Ljg3OS45ODRjLjA2Ny0uMjY3LjI3OC0uMzI3LjQ3LS4xMzZMOCAyLjUgMi41IDggLjg0OCA2LjM0OGMtLjE5Mi0uMTkyLS4xMzQtLjQwMi4xMzYtLjQ2OUwyLjUgNS41bC0uNDMtMy4wMTN6IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTMuNSA5TDkgMy41IiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPjwvZz48L3N2Zz4K) no-repeat center;background-size: 100%
}

.select-a {
	display: inline-block;
	color: #4284ee;
	font-size: .8125rem
}

.select-ul {
	display: inline-block
}

.select-ul+.icon {
	margin-left: .25rem
}

.select-tri {
	display: inline-block;
	border: 4px solid transparent;
	border-top-color: currentColor;
	margin-left: .25ch
}

.select-select {
	max-height: 90vh;
	max-height: calc(100vh - 5.5rem)
}

.select-option {
	display: none
}

.select-option.selected {
	display: block
}

.aside-popup .select-option {
	display: block;
	line-height: 2.75rem;
	padding-left: 1rem;
	font-size: .875rem;
	position: relative
}

.aside-popup .select-option+.select-option::before {
	content: '';
	display: block;
	border-top: 1px solid #f0f1f2
}

.aside-popup .select-option.selected::after {
	content: '';
	width: 15px;
	height: 10px;
	background: url(data:image/svg+xml;
	base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNSAxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC45NyA5LjUzYS43NS43NSAwIDAgMCAxLjA2IDBsOC04QS43NS43NSAwIDAgMCAxMi45Ny40N2wtOCA4aDEuMDZsLTQuNS00LjVBLjc1Ljc1IDAgMSAwIC40NyA1LjAzbDQuNSA0LjV6IiBmaWxsPSIjRUU0MjRCIi8+PC9zdmc+Cg==) no-repeat center;position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto
}

.panel-container {
	background-color: rgba(0,0,0,.6);
	text-align: center;
	opacity: 0;
	-webkit-animation: fadein .25s both;
	animation: fadein .25s both;
	position: fixed;
	z-index: 49
}

.panel-container::after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.panel-dialog {
	width: 17.5rem;
	height: auto;
	position: static;
	display: inline-block;
	border: 0;
	padding: 0;
	background-color: #fff;
	border-radius: .5rem;
	vertical-align: middle;
	color: #1a1a1a
}

.panel-main {
	padding: 1.75rem 1rem
}

.panel-main>h6 {
	font-weight: 700
}

.panel-main>h6+p {
	margin-top: .25rem
}

.panel-main output {
	marin: 0 .5ch
}

.panel-footer::before {
	content: '';
	display: table-caption;
	margin: 0 1rem;
	border-top: 1px solid #f0f1f2
}

.panel-footer:empty {
	display: none
}

.panel-footer {
	display: table;
	width: 100%;
	table-layout: fixed
}

.panel-footer .btn-blank {
	display: table-cell;
	line-height: 2.75rem
}

body>.tips {
	position: fixed;
	top: 50%;
	left: 50%;
	line-height: 1.25rem;
	padding: .75rem 1rem;
	max-width: 90%;
	max-width: calc(100% - 2rem);
	border-radius: 3rem;
	background-color: rgba(0,0,0,.8);
	color: #fff;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	white-space: nowrap;
	z-index: 29
}

.tips.fadein {
	-webkit-animation: fadein .15s;
	animation: fadein .15s
}

.tips.fadeout {
	-webkit-animation: fadeout .15s;
	animation: fadeout .35s
}

.loading-x {
	position: relative;
	min-height: 1.5rem
}

body>.loading-x {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.loading-icon {
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	padding: .75rem;
	margin: auto;
	border-radius: .5rem;
	background-color: rgba(0,0,0,.8)
}

span.loading-icon {
	width: auto;
	text-align: center;
	background: 0 0;
	font-size: .75rem;
	color: grey
}

.loading-icon>svg {
	width: inherit;
	height: inherit
}

.loading-svg-animate {
	position: absolute;
	z-index: 1
}

.loading-icon path {
	stroke-linecap: round;
	stroke-width: 1px;
	fill: none
}

.loading-svg {
	stroke-dasharray: 0;
	stroke-dashoffset: 0;
	stroke: #474747;
	-webkit-animation: fadeout 2s infinite both;
	animation: fadeout 2s infinite both
}

.loading-svg-animate path {
	stroke-dasharray: 160;
	stroke-dashoffset: 166;
	-webkit-animation: dash 2s infinite,fadein .25s both;
	animation: dash 2s infinite,fadein .25s both;
	stroke: #fff
}

.loading-svg-animate .path3 {
	-webkit-animation: dash2 2s infinite,fadein .25s both;
	animation: dash2 2s infinite,fadein .25s both
}

.loading-svg circle {
	fill: #474747
}

.loading-svg-animate circle {
	fill: #fff;
	opacity: 1;
	-webkit-animation: fill 2s infinite;
	animation: fill 2s infinite
}

@-webkit-keyframes dash {
	to {
		stroke-dashoffset: 0
	}
}

@keyframes dash {
	to {
		stroke-dashoffset: 0
	}
}

@-webkit-keyframes dash2 {
	100%,56% {
		stroke-dashoffset: 0
	}
}

@keyframes dash2 {
	100%,56% {
		stroke-dashoffset: 0
	}
}

@-webkit-keyframes fill {
	0%,25% {
		opacity: 0
	}

	100%,30% {
		opacity: 1
	}
}

@keyframes fill {
	0%,20% {
		opacity: 0
	}

	100%,30% {
		opacity: 1
	}
}

dot {
	display: inline-block;
	height: 1em;
	line-height: 1;
	text-align: left;
	vertical-align: -.25em;
	overflow: hidden
}

dot::before {
	display: block;
	content: '...\A..\A.';
	white-space: pre;
	-webkit-animation: dot 3s infinite step-start both;
	animation: dot 3s infinite step-start both
}

@-webkit-keyframes dot {
	33% {
		transform: translateY(-2em)
	}

	66% {
		transform: translateY(-1em)
	}
}

@keyframes dot {
	33% {
		transform: translateY(-2em)
	}

	66% {
		transform: translateY(-1em)
	}
}

.dot {
	width: 4px;
	height: 4px;
	border-radius: 15px;
	background-color: currentColor;
	position: absolute;
	margin-top: 8px;
	margin-left: -8px
}

.radio {
	position: absolute;
	width: 2rem;
	height: 2rem;
	box-sizing: border-box;
	border: 1px solid #c0c5cc;
	background-color: #fff;
	-webkit-transition: background-color .15s,border-color .15s;
	transition: background-color .15s,border-color .15s;
	color: #fff;
	border-radius: 2rem;
	font-size: 1rem;
	-webkit-transform: scale(.5);
	transform: scale(.5)
}

.checked+.radio,.checked>.radio,:checked+.radio {
	border-color: transparent;
	background-color: #65c541
}

.radio-full {
	display: block;
	position: relative
}

.radio-full>input {
	position: absolute;
	margin: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1
}

.switch {
	position: absolute;
	width: 1.75rem;
	height: .625rem;
	padding: .1875rem;
	background-color: #d8d8d8;
	background-clip: content-box;
	border-radius: 3rem;
	-webkit-transition: background-color .15s;
	transition: background-color .15s
}

.switch::before {
	content: '';
	position: absolute;
	width: 1rem;
	height: 1rem;
	border-radius: 2rem;
	background-color: #fff;
	top: 0;
	left: 0;
	-webkit-transition: -webkit-transform .15s;
	transition: transform .15s
}

:checked~.switch {
	background-color: #65c541;
	border-color: #65c541
}

:checked~.switch::before {
	-webkit-transform: translateX(1.25rem);
	transform: translateX(1.25rem)
}

:disabled~.switch {
	opacity: .5
}

.switch-light {
	border: 1px solid #c0c5cc;
	width: 2.875rem;
	height: 1.5rem;
	padding: 0;
	background-color: #f6f7f9;
	box-sizing: border-box
}

.switch-light::before {
	width: 1.375rem;
	height: 1.375rem;
	border: 1px solid #c0c5cc;
	top: -1px;
	left: -1px
}

:checked~.switch-light::before {
	-webkit-transform: translateX(1.375rem);
	transform: translateX(1.375rem)
}

.range {
	height: 14px;
	display: inline;
	position: absolute
}

.range-track {
	height: 2px;
	margin-top: 6px;
	border-radius: 0px;
	background-color: rgba(255,255,255,.2);
	border-left: 0 solid #65c541;
	text-align: left
}

.range-thumb {
	position: absolute;
	width: 12px;
	height: 12px;
	border: 6px solid transparent;
	margin: -11px 0 0 -12px;
	border-radius: 20px;
	background-color: #65c541;
	background-clip: content-box;
	-webkit-transition: border-color .15s,background-color .15s;
	transition: border-color .15s,background-color .15s
}

.range-thumb::after,.range-thumb::before {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none
}

.range-thumb::before {
	content: attr(data-tips);
	line-height: 20px;
	font-size: 14px;
	min-width: 20px;
	padding: 1px 5px 0;
	background-color: rgba(0,0,0,.9);
	bottom: 26px;
	color: #fff;
	border-radius: 3px;
	text-align: center
}

.range-thumb::after {
	content: '';
	border: 5px solid transparent;
	border-top-color: #000;
	opacity: .9;
	bottom: 17px
}

.range-thumb.active {
	background-color: #fff
}

.range-shadow {
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 20px;
	background-color: #65c541;
	opacity: .6;
	margin-top: 1px;
	margin-left: -6px;
	display: none
}

.range-shadow[data-value] {
	display: block
}

.icon-app-logo {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: .375rem;
	background-color: #65c541;
	font-size: 1.5rem;
	color: #fff;
	position: relative
}

.icon-nice-comment {
	position: absolute;
	width: 1.75rem;
	height: 1.75rem;
	background: url(/xs8m/img/icon-nice-comment-2ff66fad1c.png) no-repeat center;
	background-size: 100%;
	margin: 0rem 0 0 -2.5rem;
	font-size: 0;
	color: transparent
}[data-size] {
	box-sizing: border-box
}[data-size=''] {
	display: block
}[data-size='1'] {
	width: 1.25rem
}[data-size='2'] {
	width: 2.5rem
}[data-size='3'] {
	width: 3.75rem
}[data-size='4'] {
	width: 5rem
}[data-size='5'] {
	width: 6.25rem
}[data-size='6'] {
	width: 7.5rem
}[data-size='7'] {
	width: 8.75rem
}[data-size='8'] {
	width: 10rem
}[data-size='9'] {
	width: 11.25rem
}[data-size='10'] {
	width: 12.5rem
}[data-size='11'] {
	width: 13.75rem
}[data-size='12'] {
	width: 15rem
}[data-size='13'] {
	width: 16.25rem
}[data-size='14'] {
	width: 17.5rem
}

.dark {
	color: #1a1a1a
}

.gray {
	color: grey
}

.blue {
	color: #4284ee
}

.green {
	color: #7ed321
}

.orange {
	color: #ff7e00
}

.yellow {
	color: #ffa100
}

.purple {
	color: #a091ff
}

.red {
	color: #ff3955
}

.lightgreen {
	color: #65c541
}

.white {
	color: #fff
}

.comment-badge {
	display: inline-block;
	position: relative;
	margin-left: .2em;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	margin-top: -4px
}

.comment-username {
	display: inline-block;
	height: 100%;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: top
}

@media screen and (max-width:320px) {
	.comment-username {
		vertical-align: top;
		display: inline-block;
		height: 100%;
		max-width: 10rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadeout {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

@keyframes fadeout {
	from {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

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

	100% {
		-webkit-transform: rotate(360deg)
	}
}

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

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes spinZoom {
	0% {
		-webkit-transform: scale(.75) rotate(0)
	}

	100% {
		-webkit-transform: scale(.75) rotate(360deg)
	}
}

@keyframes spinZoom {
	0% {
		transform: scale(.75) rotate(0)
	}

	100% {
		transform: scale(.75) rotate(360deg)
	}
}

.search-popup {
	background-color: #fff;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 20
}

.search-area {
	height: 2rem;
	background-color: #f6f7f9;
	border-radius: .25rem;
	position: absolute;
	left: 1rem;
	right: 3.75rem;
	top: 0;
	bottom: 0;
	margin: auto
}

.search-area .icon-search {
	position: absolute;
	left: .5rem;
	top: 0;
	bottom: 0;
	color: grey;
	margin: auto
}

.search-cancel {
	background-color: #fff;
	width: 3.25rem;
	height: 2rem;
	line-height: 2rem;
	position: absolute;
	right: .25rem;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: .875rem;
	text-align: center
}

.search-input {
	border: 0 none;
	background: 0 0;
	height: inherit;
	width: 100%;
	padding: 0 2rem;
	font-size: .875rem
}

.search-input::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.search-reset {
	position: absolute;
	top: 0;
	right: 0;
	height: inherit;
	width: 2rem;
	border: 0 none;
	background: 0 0;
	padding: 0;
	-webkit-animation: fadein .15s;
	animation: fadein .15s
}

.search-reset .icon-clear {
	display: inline-block;
	width: .875rem;
	height: .875rem;
	border-radius: 1rem;
	background-color: grey;
	color: #fff;
	vertical-align: -.125rem
}

.search-reset .icon-clear>svg {
	display: block;
	width: .375rem;
	height: .375rem;
	margin: .25rem auto 0
}

.search-popular {
	height: 0;
	overflow: hidden
}

.search-title-bar {
	line-height: 1.8125rem;
	padding: .9375rem 1rem 0;
	background-color: rgba(0,0,0,.03);
	overflow: hidden
}

.search-title-bar+.module {
	margin-top: 0
}

.search-title {
	font-size: 13px;
	color: grey;
	font-weight: 400;
	float: left
}

.search-title>output {
	margin: 0 .5ch
}

.search-operate {
	float: right;
	font-size: 13px
}

.search-operate-a {
	display: inline-block;
	padding: 0 .5rem;
	margin: 0 -.5rem
}

.search-operate-a>.icon {
	margin-right: .1875rem
}

.search-tags {
	padding: .25rem .5rem .75rem 1rem
}

.search-tags .btn-line-gray,.search-tags .btn-line-gray~i:empty {
	margin: .5rem .5rem 0 0
}

.search-list-ul {
	padding-left: 1rem
}

.search-list-li {
	height: 3rem;
	border-bottom: 1px solid #f0f1f2;
	box-sizing: border-box
}

.search-list-a {
	display: block;
	line-height: 22.4px;
	line-height: 1.4rem;
	padding: .8rem 1rem 11px;
	padding: .8rem 1rem calc(.8rem - 1px);
	margin-left: -1rem
}

.search-list-a::after {
	content: '';
	display: table;
	clear: both
}

.search-list-l {
	float: left
}

.search-list-l .icon {
	color: grey;
	margin-right: 1rem
}

.search-list-r {
	float: right
}

.search-value {
	font-size: .875rem;
	margin-right: .1875rem
}

.search-label {
	color: grey;
	font-size: .8125rem
}

.search-filter {
	height: 3rem
}

.search-catalog {
	position: relative;
	overflow: hidden
}

.search-catalog .book-desc {
	margin-right: 5rem
}

.search-catalog .icon-catalog-img {
	position: absolute;
	right: 0;
	bottom: -.5rem;
	opacity: .05
}

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

.clip,aria {
	position: absolute;
	clip: rect(0 0 0 0)
}

aria {
	font-size: 0
}

.ell {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 88%;
}

.cell {
	display: table-cell;
	width: 1920px;
	width: 100vh
}

.null-x {
	position: relative;
	height: 400px;
	height: 100vw
}

small.null-x {
	display: block;
	height: 200px
}

.null {
	position: absolute;
	max-width: 50%;
	height: 4.875rem;
	color: grey;
	font-size: .8125rem;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	text-align: center
}

@media screen and (max-width:320px) {
	.null {
		height: 2.5rem
	}
}

.null::before {
	content: '';
	display: block;
	margin: 0 auto .75rem;
	width: 2.25rem;
	height: 3rem;
	background:url(../images/no.svg) no-repeat center;background-size: 100% 100%
}

.unlogin-full {
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	text-align: center;
	margin-top: -3rem
}

.unlogin-full>.gray {
	margin-top: .75rem;
	font-size: .875rem
}

.unlogin-follow {
	line-height: 2.75rem;
	font-size: .8125rem;
	text-align: center
}

.char-dot,.char-pipe {
	padding: 0 .5ch;
	font-family: Georgia,Helvetica,Arial
}

img[data-src] {
	object-fit: contain;
	background-color: #f6f7f9
}


.page-bookshelft-my,.page-mybook,.page-myread {
	background-color: #fff
}

.page-bookshelft-my.unlogin,.page-mybook.unlogin,.page-myread.unlogin {
	min-height: 556px;
	min-height: calc(100vh - (84rem / 16))
}

.page-bookshelft-my.unlogin .content,.page-mybook.unlogin .content,.page-myread.unlogin .content {
	min-height: inherit;
	background-color: inherit
}

.page-booklist-info .header {
	z-index: 1;
	border-bottom: 0;
	background: 0 0
}

.page-booklist-info .book-summary {
	height: 4.42rem
}

.page-booklist-info .book-summary.enabled {
	height: 4.42rem
}

.book-title {
	font-size: 1rem
}

.rel {
	position: relative
}

.header-operate:first-child {
	right: auto;
	left: 0
}

.mybook-sub-title {
	margin-right: .75rem;
	font-weight: 700;
	font-size: .875rem;
	display: inline-block;
	line-height: 1.25rem
}

.mybook-sub-title .selected {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 50vw;
	vertical-align: bottom
}

.mybook-move-del {
	border-top: 1px solid #f0f1f2;
	line-height: 44px;
	font-size: .875rem
}

.mybook-move-del .btn-blank>.icon {
	margin-right: .25em
}

.mybook-group .icon {
	margin-right: .5rem
}

.mybook-group-x {
	max-height: calc(100vh - 5.625rem);
	overflow: hidden
}

.mybook-edit-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2
}

.mybook-module-header {
	height: 2.75rem;
	line-height: 1.75rem;
	overflow: hidden
}

.mybook-module-header .module-header-btn {
	line-height: 1.75rem;
	right: -1rem;
	padding-left: 1rem;
	padding-right: 1rem
}

.mybook-default-header {
	height: 1.75rem;
	padding: .5rem 1rem;
	position: relative
}

.mybook-default-header[style] {
	left: 0;
	right: 0;
	z-index: 2;
	background-color: #fff;
	border-bottom: 1px solid #f0f1f2
}

.mybooklist-btn {
	display: inline-block;
	border-radius: 1.75rem;
	border: 1px solid #65c541;
	color: #65c541;
	font-size: .875rem;
	padding: 0 .5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	position: absolute;
	right: 1rem;
	top: .5rem
}

.booklist-btn {
	display: block;
	text-align: center;
	margin: 2.25rem auto 0;
	border-radius: 1.75rem;
	border: 1px solid #65c541;
	color: #65c541;
	font-size: .875rem;
	padding: 0 .5rem;
	width: 7.5rem;
	height: 2.25rem;
	line-height: 2.25rem
}

.booklist-btn>svg.icon {
	margin-right: .25rem
}

.booklist-btn.hidden {
	display: none
}

.booklist-btn-des {
	display: block;
	text-align: center;
	color: grey;
	font-size: .75rem;
	margin-top: .5rem;
	line-height: 1.5rem;
	font-weight: lighter
}

.booklist-btn-des.hidden {
	display: none
}

.booklist-empty {
	padding-top: 12.125rem;
	text-align: center;
	color: #1a1a1a;
	font-size: .9375rem
}

.ell.line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal
}

#bookEditBtn {
	color: #5b92e9
}

.booklist-container {
	width: 156px;
	position: absolute;
	top: 0rem;
	left: .5rem
}

.book-list-container-roundabout {
	display: block;
	position: relative
}

.book-list-container-roundabout img {
	width: 100%
}

.book-list-container-roundabout li {
	position: absolute;
	width: 84px;
	cursor: pointer;
	top: 25px
}

.book-list-container-roundabout li:active {
	-webkit-tap-highlight-color: transparent
}

.book-list-container-roundabout li img {
	width: 3.75rem;
	height: 5rem;
	box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.book-list-container-roundabout li.book1 {
	left: 8px;
	top: 15px;
	z-index: 1
}

.book-list-container-roundabout li.book1 img {
	width: 4.125rem;
	height: 5.5rem
}

.book-list-container-roundabout li.book2 {
	left: -10px
}

.book-list-container-roundabout li.book3 {
	left: 40px
}

.book-detail-title {
	font-size: 1.125rem
}

.mybook-game-ad {
	margin: 0 1rem;
	position: relative;
	overflow: hidden
}

.mybook-game-ad .module-ad {
	margin: 0
}

.mybook-to-detail {
	position: absolute;
	top: 1rem;
	white-space: nowrap
}

.mybook-to-detail+.book-title-x {
	position: absolute;
	top: 1rem;
	left: 4.125rem;
	right: 4.125rem
}

.mybook-to-detail .book-cover {
	margin-right: 0
}

.mybook-list .book-title-x {
	position: absolute;
	top: 1rem;
	left: 7.125rem;
	right: 4.125rem;
	width: 60%
}

.book-list-detail {
	position: relative
}

.book-list-detail.disabled {
	pointer-events: none
}

.book-list-detail .book-li {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 1.15625rem
}

.book-list-detail .btn-blank {
	font-size: .875rem
}

.book-list-detail .btn-blank svg.icon {
	padding-right: .25rem
}

.book-list-detail .disabled-cover {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #fff;
	opacity: .5;
	z-index: 999;
	pointer-events: none；
}

.mybook-to-goon {
	display: block;
	min-height: 4.5rem;
	padding: 1rem 1rem 1rem 5.125rem;
	margin: 0 -1rem
}

.mybook-to-goon.mybook-list-detail {
	padding: 1rem 1rem 1rem 8.125rem;
	min-height: 5.5rem
}

.mybook-to-goon.mybook-list-detail .book-meta {
	margin: 1.55rem 0 0
}

.mybook-to-goon .book-meta {
	margin: .25rem 0
}

.mybook-to-new {
	position: absolute;
	left: 4.125rem;
	right: 0;
	top: -2.25rem;
	line-height: 1.5rem
}
.mybook-to-del{
	color: grey;
	position: absolute;
	top: -38px;
	right: 0px;
}

.mybook-to-new.mybook-list-detail {
	left: 7.125rem
}

.page-bookshelft-my div.book-layout,.page-mybook div.book-layout,.page-myread div.book-layout {
	padding: 0 1rem
}

.page-bookshelft-my .enabled .book-layout,.page-mybook .enabled .book-layout,.page-myread .enabled .book-layout {
	padding-left: 3rem
}

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

.page-book-detail .btn-normal,.page-book-end .btn-normal {
	border-radius: 1rem
}

.page-book-detail .btn-normal.white,.page-book-end .btn-normal.white {
	background: 0 0
}

.page-book-detail .mybook-to-goon.mybook-list-detail,.page-book-end .mybook-to-goon.mybook-list-detail {
	min-height: 4rem;
	padding: 1rem 1rem 1rem 8.125rem
}

.page-book-detail .book-li .mybook-list,.page-book-end .book-li .mybook-list {
	padding: 0 1rem
}

.page-book-detail .mybook-to-new.mybook-list-detail,.page-book-end .mybook-to-new.mybook-list-detail {
	left: 7.125rem
}

.page-book-detail .book-list-container-roundabout,.page-book-end .book-list-container-roundabout {
	display: block;
	position: relative
}

.page-book-detail .book-list-container-roundabout img,.page-book-end .book-list-container-roundabout img {
	width: 100%
}

.page-book-detail .book-list-container-roundabout li,.page-book-end .book-list-container-roundabout li {
	position: absolute;
	width: 84px;
	cursor: pointer;
	top: 18px
}

.page-book-detail .book-list-container-roundabout li:active,.page-book-end .book-list-container-roundabout li:active {
	-webkit-tap-highlight-color: transparent
}

.page-book-detail .book-list-container-roundabout li img,.page-book-end .book-list-container-roundabout li img {
	width: 2.625rem;
	height: 3.5rem;
	box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.page-book-detail .book-list-container-roundabout li.book1,.page-book-end .book-list-container-roundabout li.book1 {
	left: 8px;
	top: 15px;
	z-index: 1
}

.page-book-detail .book-list-container-roundabout li.book1 img,.page-book-end .book-list-container-roundabout li.book1 img {
	width: 3rem;
	height: 4rem
}

.page-book-detail .book-list-container-roundabout li.book2,.page-book-end .book-list-container-roundabout li.book2 {
	left: -10px
}

.page-book-detail .book-list-container-roundabout li.book3,.page-book-end .book-list-container-roundabout li.book3 {
	left: 40px
}

.book-detail-btn {
	padding: 0 1rem 1rem
}

.book-detail-btn a.white:not([href]) {
	background-color: transparent
}

.book-detail-btn a.white:not([href])::first-line {
	color: grey
}

.page-book-detail .module-header,.page-book-end .module-header {
	border-top: 0;
	padding: .5rem 1rem;
	line-height: 1.75rem;
	overflow: hidden
}

.page-book-detail .module-title,.page-book-end .module-title {
	font-family: inherit;
	font-weight: 700
}

.page-book-detail .module-title::before,.page-book-end .module-title::before {
	display: none
}

.page-book-detail .module-header-r .tag-line,.page-book-end .module-header-r .tag-line {
	margin-left: .5rem
}

.page-book-detail .module-content::before,.page-book-end .module-content::before {
	content: '';
	display: block;
	margin-left: 1rem;
	border-top: 1px solid #f0f1f2
}

.page-book-detail .module-merge:last-child,.page-book-end .module-merge:last-child {
	border-bottom: 1px solid #f0f1f2
}

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

.book-detail-x .book-cover {
	width: 5.25rem;
	height: 7rem;
	border-radius: 2px;
	box-shadow: none
}

.book-count {
	position: absolute;
	height: 1rem;
	width: 5.25rem;
	color: #65c541;
	opacity: .9;
	margin-top: 6rem
}

.book-count>time {
	position: absolute;
	height: 200%;
	width: 200%;
	font-size: 1.25rem;
	border: 1px solid;
	line-height: 2rem;
	left: 50%;
	border-radius: 0 0 2px 2px;
	background-color: #fff;
	text-align: center;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: translate(-50%) scale(.5);
	transform: translate(-50%) scale(.5);
	box-sizing: border-box
}

.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-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
}

.booklist-detail-container {
	display: block;
	padding: 1.25rem 0;
	box-shadow: 0 1px #f0f1f2,0 -1px #f0f1f2
}

.booklist-detail-container .booklist-btn {
	margin: 0 auto
}

.booklist-detail-container .booklist-btn.hidden {
	display: none
}

.booklist-detail-container .booklist-btn.btn-booklist-addbook,.booklist-detail-container .booklist-btn.btn-booklist-manage {
	width: 10rem;
	padding: 0
}

.booklist-detail-container .booklist-btn.disabled {
	pointer-events: none;
	color: #e3e4e6;
	border: 1px solid #e3e4e6
}

.booklist-detail-container .book-meta {
	padding: 0 1rem
}

.booklist-detail-container .book-meta .booklist-title {
	font-size: 1.125rem;
	line-height: 1.75rem
}

.booklist-detail-container .char-dot {
	float: left;
	color: #969ba3
}

.booklist-detail-container .book-meta-list {
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #969ba3;
	font-size: .8125rem;
	display: block;
	overflow: hidden
}

.booklist-detail-container .book-author {
	max-width: calc(100vw - 2rem - (200rem / 16));
	margin-right: .5rem
}

.booklist-detail-container .book-author-avatar {
	display: inline-block;
	width: .8125rem;
	height: .8125rem;
	line-height: 1rem;
	margin-right: .5rem
}

.book-summary {
	padding-right: 1rem;
	margin-left: 1rem;
	font-size: .875rem;
	line-height: 1.5rem;
	border-top: 1rem solid transparent;
	border-bottom: 1rem solid transparent;
	box-shadow: 0 1px #f0f1f2,0 -1px #f0f1f2;
	text-align: justify;
	max-height: 5.92rem;
	overflow: hidden;
	position: relative
}

.book-summary.enabled {
	height: 5.92rem;
	max-height: none
}

.book-summary content {
	display: block
}

.book-summary.my-booklist {
	box-shadow: none
}

.book-summary-more {
	width: 2rem;
	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);
	position: absolute;
	right: 1rem;
	bottom: 0;
	text-align: right;
	visibility: hidden
}

.book-summary-more>.icon-arrow-r {
	float: right;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition: -webkit-transform .25s;
	transition: transform .25s;
	color: grey;
	margin-top: .5em
}[open]>.book-summary-more {
	opacity: 0
}[open]>.book-summary-more>.icon-arrow-r {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg)
}

.enabled>.book-summary-more {
	visibility: visible
}

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

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

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

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

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

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

.book-rand-a {
	font-size: .8125rem
}

.book-rand-a .tag-solid {
	line-height: 1.3;
	-webkit-transform: scale(.4);
	transform: scale(.4)
}

.book-score {
	font-size: .75rem
}

.book-score .star-group {
	margin-right: .5rem
}

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

.book-fans-me {
	width: 25%;
	float: right;
	border-left: 1px solid #f0f1f2;
	margin-left: 1rem
}

.booklist-colelct-fl {
	display: inline-block;
	float: left
}

.booklist-colelct-fl .booklist-avatar {
	display: inline-block;
	float: left;
	width: .875rem;
	height: .875rem;
	margin-top: .215rem
}

.booklist-colelct-fl p {
	display: inline-block;
	float: left;
	max-width: 5rem;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	-webkit-text-overflow: ellipsis;
	text-overflow: ellipsis
}

.page-book-end .header {
	background-color: #fff
}

.page-book-end .content {
	overflow: hidden
}

.book-unend {
	line-height: 5.5rem
}

.book-unend fieldset {
	width: 50%;
	padding: 0;
	margin: auto;
	border: 0;
	border-top: 1px solid #c0c5cc
}

.book-unend legend {
	color: grey
}

.book-auto-rss {
	line-height: 2.75rem;
	padding: 0 1rem;
	position: relative
}

.book-auto-rss .radio-full {
	position: absolute;
	right: 1rem;
	top: .625rem;
	width: 2.875rem;
	height: 1.5rem
}

#bookListManagePopup .icon-booklist-full {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	vertical-align: -.5ex;
	margin-right: .4rem
}

#bookListManagePopup .select-option.disabled {
	pointer-events: none;
	color: #e3e4e6
}

#bookListManagePopup .option-des {
	font-size: .75rem;
	color: grey;
	margin-left: .25rem
}

.book-copyright {
	color: grey;
	padding: .75rem 1rem;
	font-size: .875rem
}

.goldcmt {
	color: #d9c19c
}

.book-tuijian {
	word-break: break-all
}

.recommentded {
	border-top: 0;
	border-bottom: 0
}

.page-bookshelft-my div.recnew-layout {
	padding: .5rem 1rem
}

.booklist-rec-container {
	width: 156px;
	position: absolute;
	top: -.5rem;
	left: .5rem
}

.recnew-li:after {
	border-bottom: none
}

.recnew-layout {
	padding-bottom: .5rem
}

.recnew-list {
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	border-radius: .3125rem;
	padding: 0 .75rem;
	display: block;
	border: 1px solid #f9f9fa
}

.recnew-right {
	display: block;
	height: 5.5rem;
	padding: .5rem .5rem .5rem 7.5rem;
	position: relative
}

.recnew-title {
	font-size: .875rem;
	margin-top: 1.25rem
}

.recnew-slogan {
	font-size: .875rem;
	margin-top: .625rem
}

.recnew-arrow {
	position: absolute;
	right: .5rem;
	top: 2.8125rem
}

.book-list-container-newrec {
	display: block;
	position: relative
}

.book-list-container-newrec img {
	width: 100%
}

.book-list-container-newrec li {
	position: absolute;
	width: 84px;
	cursor: pointer;
	top: 25px
}

.book-list-container-newrec li:active {
	-webkit-tap-highlight-color: transparent
}

.book-list-container-newrec li img {
	width: 3.375rem;
	height: 4.5rem;
	box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.book-list-container-newrec li.book1 {
	left: 8px;
	top: 21px;
	z-index: 1
}

.book-list-container-newrec li.book1 img {
	width: 3.8rem;
	height: 4.95rem
}

.book-list-container-newrec li.book2 {
	left: -10px
}

.book-list-container-newrec li.book3 {
	left: 33px
}

.aside-popup .select-option.btn-add-new.page-book-detail-only {
	text-align: center
}

.bookshelf-aisde .aside-popup {
	bottom: 0
}

.book-badge-wrapper {
	margin-right: .6rem
}

.book-badge-icon {
	width: 1.5rem;
	height: 1.5rem;
	margin: auto .1rem;
	display: inline-block;
	position: relative;
	top: .625rem;
	vertical-align: top
}

.book-tag-honor {
	position: relative;
	vertical-align: middle
}

.book-time-count {
	margin-top: .3rem
}

.comment-mr {
	margin-right: .3rem
}

.comment-p {
	margin-top: .3rem
}

.comment-nice {
	margin-left: -2rem
}

.dn {
	display: none
}

.green {
	color: #6ad143
}

.book-meta-comment .book-meta-r .icon-comment,.book-meta-comment .book-meta-r .icon-good,.book-meta-comment .book-meta-r .icon-gooddone {
	font-size: .875rem
}

.book-comment-cpname {
	font-size: .75rem;
	color: #c6c6c6
}

.book-comment-cpname em {
	color: #969ba3
}

.fans-li {
	text-align: center;
	font-size: .8125rem;
	padding: 1.5rem 0 1rem
}

.fans-li .rel {
	position: relative
}

.fans-cover {
	width: 2.625rem;
	height: 2.625rem;
	box-shadow: 0 0 1px rgba(128,128,128,.3);
	border-radius: 3rem;
	vertical-align: bottom
}

.fans-tag {
	position: absolute;
	color: transparent;
	text-indent: -200%;
	overflow: hidden;
	left: 50%;
	-webkit-transform: translate(-50%,-80%);
	transform: translate(-50%,-80%)
}

.fans-name {
	margin: .3125rem .25rem 0
}

.fans-icon {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

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

.book-pay>.icon {
	display: block;
	font-size: 2.25rem;
	margin: 0 auto .125rem
}

.book-pay>svg {
	font-size: 2.25rem;
	color: #65c541;
	margin-bottom: .125rem
}

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

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

.book-pay-p {
	font-size: .75rem;
	-webkit-transform: scale(.8333);
	transform: scale(.8333);
	color: grey;
	white-space: nowrap
}

.book-pay-can {
	position: absolute;
	left: 50%;
	font-size: 10px;
	padding: 0 .25rem;
	color: #65c541;
	background-color: #fff;
	margin: -.25rem 0 0 .625rem
}

.btn-group#popupPayTab .popup-pay-tab {
	background: #f7f8fc
}

.btn-group#popupPayTab .popup-pay-tab b {
	font-weight: 400;
	padding-bottom: .1rem;
	font-weight: 400
}

.btn-group#popupPayTab .popup-pay-tab.active b {
	border-bottom: 2px solid #6ad143
}

.popup-pay-tab {
	display: block;
	padding: .25rem 0 .3125rem;
	text-align: center;
	background-color: #fcfcfc;
	font-size: .875rem;
	line-height: 1.75rem;
	color: #1a1a1a;
	-webkit-transition: background-color .15s,color .15s;
	transition: background-color .15s,color .15s
}

.popup-pay-tab>.icon {
	display: none;
	margin: 2px auto 1px;
	font-size: 1.375rem
}

.popup-pay-tab.active {
	color: #65c541;
	background-color: #fff;
	border-color: transparent #f0f1f2 #fff #f0f1f2
}

.btn-group-cell:first-child .popup-pay-tab {
	border-left-color: transparent;
	text-align: right;
	padding-right: 5px
}

.btn-group-cell:last-child .popup-pay-tab {
	border-right-color: transparent;
	text-align: left;
	padding-left: 5px
}

body .popup-pay-tab {
	-webkit-tap-highlight-color: transparent
}

body .popup-pay-tab:active {
	background-image: none
}

.popup-pay-body {
	max-height: 100vh;
	overflow: auto
}

.popup-pay-content {
	display: none
}

.popup-pay-content.active {
	display: block
}

.popup-pay-main {
	min-height: 10.0625rem;
	position: relative
}

.popup-pay-rss .popup-pay-main {
	min-height: 5rem
}

.popup-pay-footer {
	line-height: 2.75rem;
	border-top: 1px solid #f0f1f2;
	overflow: hidden
}

.popup-pay-footer .btn-submit {
	min-width: 6.125rem;
	padding: 0 1rem;
	height: 2.75rem;
	text-align: center
}

.popup-pay-footer :disabled+.btn-submit {
	background-color: grey
}

.popup-pay-footer:empty {
	border-top-color: transparent;
	height: 2.75rem
}

.popup-pay-submit {
	float: right;
	position: relative
}

.popup-pay-submit [type=submit] {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	margin: 0;
	opacity: 0
}

.popup-pay-val {
	font-size: .875rem;
	margin-top: .25rem
}

.popup-pay-val>output {
	margin: 0 .5ch
}

.popup-pay-chk {
	font-size: .75rem;
	margin-bottom: 1rem;
	text-align: center
}

.popup-pay-chk .radio {
	margin-left: -2rem;
	margin-top: -.5rem
}

.popup-pay-tip {
	display: none;
	line-height: 1.5rem;
	background-color: #65c541;
	border-radius: 2rem;
	padding: 0 .75rem;
	color: #f6f7f9;
	font-size: .75rem;
	margin-left: .5rem;
	vertical-align: .125rem
}

.empty .popup-pay-tip {
	display: inline-block
}

.empty .popup-pay-submit {
	display: none
}

.popup-pay-x {
	background-color: #f6f7f9;
	overflow: hidden;
	display: none
}

.popup-pay-x .btn-pay {
	margin: 1rem auto
}

.empty .popup-pay-x,.empty~.popup-pay-x {
	display: block
}

.btn-pay {
	display: block;
	height: 36px;
	line-height: 34px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 3rem;
	font-size: .875rem;
	color: #fff
}

.btn-pay-wx {
	background-color: #07bb09;
	border: 1px solid #07bb09
}

.btn-pay-alipay {
	background-color: #2fa0ea;
	border: 1px solid #2fa0ea
}

.btn-pay-qq {
	background-color: #00b9fb;
	border: 1px solid #00b9fb
}

.icon-alipay,.icon-qq,.icon-wx {
	display: inline-block;
	width: 21px;
	height: 20px;
	background: url(/xs8m/img/icon-wx-5a79399c7d.png) no-repeat 0 0/100%;
	position: relative;
	left: -.25rem;
	top: 4px
}

.icon-alipay {
	background-position: 0 -20px
}

.icon-qq {
	background-position: 0 -40px
}

.popup-pay-x .btn-pay {
	display: none
}

.popup-pay-x .btn-pay-other,.popup-pay-x[data-pay=alipay] .btn-pay-alipay,.popup-pay-x[data-pay=qq] .btn-pay-qq,.popup-pay-x[data-pay=wx] .btn-pay-wx {
	display: block
}

.btn-pay-other {
	background-color: #f6f7f9;
	color: grey;
	border: 1px solid #c0c5cc
}

.popup-ticket-x {
	overflow: hidden
}

.popup-ticket-x.gifts-list .popup-ticket-li {
	height: 7.0625rem;
	border: 1px solid #e6e6e6;
	border-right: none;
	border-top: none
}

.popup-ticket-x.gifts-list .popup-ticket-li .popup-ticket-a {
	padding: 0
}

.popup-ticket-x.gifts-list .popup-ticket-li .popup-ticket-a output {
	color: #ddce8e;
	font-size: .75rem;
	font-weight: lighter
}

.popup-ticket-x.gifts-list .popup-ticket-li .popup-ticket-a output i {
	font-style: normal
}

.popup-ticket-li {
	float: left;
	position: relative
}[cols='1']>.popup-ticket-li {
	width: 100%
}[cols='3']>.popup-ticket-li {
	width: 33%
}[cols='4']>.popup-ticket-li {
	width: 25%
}[cols='5']>.popup-ticket-li {
	width: 20%
}

.popup-ticket-li>input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	margin: 0;
	padding: 0
}

.popup-ticket-a {
	display: block;
	color: rgba(0,0,0,.4);
	border: 1px solid #e6e6e6;
	border-right: none;
	height: 2.5625rem;
	padding: 1.25rem 0;
	border-top: none;
	border-radius: 2px;
	font-size: .75rem;
	text-align: center;
	-webkit-transition: all .15s;
	transition: all .15s
}

.popup-ticket-a.label-bottom-border {
	border-bottom: 0 none transparent
}

:checked+.popup-ticket-a {
	color: #65c541;
	background-color: rgba(101,197,65,.1)
}

:checked+.popup-ticket-a>output {
	color: #65c541
}

:checked+.popup-ticket-a .icon-selected {
	display: block
}

.popup-ticket-a>output {
	display: block;
	font-size: 1rem;
	font-weight: 400;
	color: rgba(0,0,0,.85)
}

:disabled+.popup-ticket-a {
	color: rgba(0,0,0,.1)
}

:disabled+.popup-ticket-a output {
	color: rgba(0,0,0,.15)
}

a.popup-ticket-a {
	font-size: 1rem;
	font-weight: 700;
	line-height: 2.625rem;
	border-color: transparent;
	background-color: rgba(0,0,0,.05)
}

a.popup-ticket-a::first-line {
	color: rgba(0,0,0,.85)
}

.popup-pay-data {
	float: left;
	font-size: .875rem;
	padding-left: 1rem
}

.popup-pay-data>output {
	margin: 0 .5ch
}

.popup-pay-ask {
	width: 2.75rem;
	float: right;
	position: relative;
	color: grey;
	text-align: center
}

.popup-pay-ask {
	width: 2.75rem;
	float: left;
	position: relative;
	color: grey;
	text-align: center
}

.icon-selected {
	display: none;
	width: 1rem;
	height: 1rem;
	position: absolute;
	right: 5px;
	bottom: 5px;
	color: #65c541
}

.gifts-bonus {
	display: none;
	position: absolute;
	bottom: 0;
	font-size: 8px;
	color: #65c541;
	font-style: normal;
	left: 4rem
}

.gifts-bonus.active {
	display: block
}

.gifts-bonus b {
	font-weight: 400
}

.gifts-list .gifts-image {
	pointer-events: none;
	width: 92px;
	height: 52px;
	margin: .5rem auto 0;
	display: block
}

.gifts-list .icon-selected {
	bottom: 15px
}

.gifts-list .gifts-icons {
	pointer-events: none
}

.gifts-list .popup-ticket-a {
	border: 0 none
}

.gifts-list :checked~.popup-ticket-a {
	background-color: transparent
}

.gifts-list :checked~.popup-ticket-a .icon-selected {
	display: block
}

.gifts-list .popup-ticket-li>input {
	left: 0;
	top: 0
}

.popup-pay-error {
	text-align: center;
	padding: 4.3rem 1rem 0;
	line-height: 1.4625rem;
	font-size: .875rem
}

.gifts-icons {
	display: block;
	margin: 0 auto;
	width: 3.875rem
}

.gifts-options {
	margin-top: 1rem;
	height: 3rem
}

.gift-options-lf,.gift-options-rt {
	display: inline-block;
	float: left
}

.gift-options-lf p {
	display: inline-block;
	float: left;
	color: #1a1a1a;
	margin-left: 1rem;
	line-height: 1.75rem;
	margin-right: .5rem;
	font-size: .8rem
}

.gift-options-lf .gift-picker {
	display: inline-block;
	position: relative;
	font-size: 0;
	overflow: hidden;
	border-radius: 3px;
	height: 1.75rem;
	height: 4.75rem
}

.gift-options-lf .gift-picker button {
	display: block;
	width: 1.75rem;
	height: 1.75rem;
	position: absolute;
	margin: 0;
	padding: 0;
	border: 0;
	background: #f5f5f5;
	color: #b3babd;
	line-height: 1.5rem;
	font-family: bonds,sans-serif;
	cursor: pointer;
	-moz-transition: color .2s;
	-o-transition: color .2s;
	-webkit-transition: color .2s;
	transition: color .2s
}

.gift-options-lf .gift-picker button:focus {
	outline: 0;
	color: #2bebaf
}

.gift-options-lf .gift-picker button:disabled {
	opacity: .6;
	cursor: default
}

.gift-options-lf .gift-picker button:first-child {
	bottom: 0
}

.gift-options-lf .gift-picker button:first-child:before {
	content: "-";
	font-size: 1.375rem;
	color: #a0a9ad;
	font-weight: 700
}

.gift-options-lf .gift-picker button:last-child {
	top: 0
}

.gift-options-lf .gift-picker button:last-child:before {
	content: "+";
	font-size: 1.375rem;
	color: #a0a9ad;
	font-weight: 700
}

.gift-options-lf .gift-picker button:last-child:focus {
	color: #ff6367
}

.gift-options-lf .gift-picker input[type=number] {
	position: absolute;
	width: 1.75rem;
	height: 1.75rem;
	top: 44px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: .875rem;
	font-weight: 700;
	text-align: center;
	background: #f5f5f5;
	color: #1a1a1a
}

.gift-options-lf .gift-picker input[type=number]:focus {
	outline: 0
}

.gift-options-lf .gift-picker input[type=number]::-webkit-inner-spin-button,.gift-options-lf .gift-picker input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.gift-options-lf .gift-picker.horiz {
	width: 4.75rem;
	height: 1.75rem
}

.gift-options-lf .gift-picker.horiz button:first-child {
	left: 0
}

.gift-options-lf .gift-picker.horiz button:last-child {
	right: 0
}

.gift-options-lf .gift-picker.horiz:after {
	bottom: 0
}

.gift-options-lf .gift-picker.horiz input[type=number] {
	position: absolute;
	top: 0;
	left: 22px
}

.gift-options-lf .gift-picker.stacked {
	width: 88px;
	height: 88px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.gift-options-lf .gift-picker.stacked:after {
	width: 100%;
	bottom: 50%
}

.gift-options-lf .gift-picker.stacked button {
	float: none;
	top: auto;
	bottom: 0
}

.gift-options-lf .gift-picker.stacked button:first-child {
	left: 0
}

.gift-options-lf .gift-picker.stacked button:last-child {
	right: 0
}

.gift-options-lf .gift-picker.stacked input[type=number] {
	top: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border: 1px solid #eee;
	width: 100%
}

.gift-options-lf .gift-picker.stacked input[type=number]:after {
	width: 100%
}

.gift-options-rt {
	float: right;
	margin-right: 1rem
}

.gift-options-rt p {
	display: inline-block;
	float: left;
	color: #1a1a1a;
	margin-left: 1rem;
	line-height: 1.75rem;
	margin-right: .5rem;
	font-size: .8rem
}

.gift-options-rt .custom-select {
	position: relative;
	display: inline-block;
	background: #f5f5f5
}

.gift-options-rt select {
	opacity: 1
}

.gift-options-rt .custom-select select {
	-webkit-appearance: none;
	width: 100%;
	height: 1.75rem;
	line-height: 1.75rem;
	margin: 0;
	border: 1px solid transparent;
	outline: 0;
	box-sizing: border-box;
	padding: 0 1.25rem 0 .25rem;
	appearance: none;
	background: #f5f5f5;
	color: #444;
	font-size: .875rem;
	line-height: 1.3
}

.gift-options-rt .custom-select select :focus {
	outline: 0
}

.gift-options-rt .custom-select::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 50%;
	right: 8px;
	margin-top: -4px;
	border: 8px solid #929497;
	border-width: 8px 5px 8px;
	border-color: #929497 transparent transparent transparent;
	z-index: 2;
	pointer-events: none
}

.gift-options-rt .custom-select select:focus {
	outline: 0;
	background-color: transparent;
	color: #222;
	border: 0 none
}

.gift-options-rt .custom-select option {
	font-weight: 400
}

.gift-options-rt .custom-select::after,.gift-options-rt x:-o-prefocus {
	display: none
}

.popup-pay-error {
	text-align: center;
	padding: 4.3rem 1rem 0;
	line-height: 1.4625rem;
	font-size: .875rem
}

.panel-check-input-x {
	height: 2.5rem;
	box-sizing: border-box;
	background-color: #f6f7f9;
	border-radius: 2px;
	border-radius: calc(2px + 1rem - 16px)
}

.panel-check-input-x.error {
	box-shadow: 0 0 1px #65c541,0 0 1px #65c541
}

.panel-check-send-form {
	margin-top: .75rem;
	position: relative
}

.panel-check-send-form label.btn-blank {
	position: absolute;
	right: .5rem;
	min-width: 4rem;
	text-align: right;
	font-size: .875rem
}

.panel-check-send-form input.btn-blank {
	position: absolute;
	right: 0;
	width: 5rem;
	height: 2.5rem;
	padding: 0;
	margin: 0;
	border: 0;
	opacity: 0
}

.panel-check-send-form :disabled+.btn-blank {
	color: grey
}

.panel-check-input {
	display: block;
	width: 10.5rem;
	border: 0;
	outline: 0;
	margin: 0;
	background: 0 0;
	line-height: 1.5rem;
	padding: .5rem
}

p.shake {
	-webkit-animation: shake .2s;
	animation: shake .2s
}

@-webkit-keyframes shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	20%,60% {
		-webkit-transform: translate3d(-1px,-1px,0);
		transform: translate3d(-1px,-1px,0)
	}

	40%,80% {
		-webkit-transform: translate3d(1px,1px,0);
		transform: translate3d(1px,1px,0)
	}
}

@keyframes shake {
	from,to {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0)
	}

	20%,60% {
		-webkit-transform: translate3d(-1px,-1px,0);
		transform: translate3d(-1px,-1px,0)
	}

	40%,80% {
		-webkit-transform: translate3d(1px,1px,0);
		transform: translate3d(1px,1px,0)
	}
}

.popup-input-btn {
	border-bottom: 1px solid #f0f1f2;
	overflow: hidden
}

.popup-input-btn .btn-blank {
	width: 3.75rem;
	height: 2.75rem;
	line-height: 2.75rem;
	font-size: .875rem;
	border: 0;
	background-color: #fff;
	padding: 0;
	outline: 0
}

.popup-input-btn .btn-blank:first-child {
	float: left
}

.popup-input-btn .btn-blank:last-child {
	float: right
}

.popup-input-x {
	padding: 1rem
}

.popup-input {
	border: 0;
	padding: 0;
	width: 100%;
	height: 4.875rem;
	resize: none;
	outline: 0 none
}

@media screen and (max-height:300px) {
	.popup-input-btn .btn-blank {
		height: 2rem;
		line-height: 2rem
	}

	.popup-input-x {
		padding: .5rem 1rem
	}

	.popup-input {
		height: 3rem
	}
}

.page-rss {
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 29
}

.rss-header {
	line-height: 2.75rem;
	border-bottom: 1px solid #f0f1f2;
	text-align: center;
	background-color: #fff
}

.rss-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4rem;
	border-top: 1px solid #f0f1f2
}

.rss-cho-inf {
	margin-right: 7.5rem;
	padding: .5625rem 1rem 0 1rem;
	font-size: .875rem
}

.rss-cho-inf output {
	margin: 0 .5ch
}

.rss-cho-inf-h {
	margin-top: .3125rem
}

.rss-cho-inf-h output {
	margin: 0 .25ch
}

.rss-pay-btn,.rss-rss-btn {
	line-height: 4rem;
	width: 7.5rem;
	position: absolute;
	right: 0;
	top: 0;
	background-color: #65c541;
	color: #fff
}

.rss-pay-btn {
	display: none
}

.empty .rss-cho-inf {
	margin-right: 1rem
}

.empty .rss-rss-btn {
	display: none
}

.empty .rss-pay-btn {
	display: block
}

.empty .rss-footer {
	z-index: 1;
	background-color: #fff
}

.rss-footer~.popup-pay-x {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	z-index: 1;
	display: none
}

.empty .rss-footer~.popup-pay-x {
	display: block
}

.rss-a-all,.rss-a-cancel {
	padding: 0 1rem;
	font-size: .875rem
}

.rss-a-all {
	float: left
}

.rss-a-cancel {
	float: right
}

.rss-content {
	position: absolute;
	top: 2.8125rem;
	bottom: 4.0625rem;
	left: 0;
	right: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.rss-content .chapter-ol-catalog {
	background-color: #fff
}

.rss-content .chapter-ol-catalog .chapter-li-a {
	padding-right: 5rem
}

.page-chapter {
	background-color: #fff
}

.page-chapter .header {
	border-bottom: 0 none
}

.chapter-tab-x {
	display: none
}

.chapter-tab-x.active {
	display: block
}

.aside .chapter-tab-x {
	position: absolute;
	top: 2.8125rem;
	left: 0;
	bottom: 0;
	right: 0
}

.aside .chapter-tab-x:not(.scrollable) {
	overflow: auto;
	-webkit-overflow-scrolling: touch
}

.chapter-sub-title {
	font-size: .875rem;
	font-weight: 700
}

.chapter-tab-x .module-header {
	height: 28px;
	line-height: 28px;
	padding: 8px 1rem;
	border-top: 0;
	position: static
}

.chapter-bar {
	padding: 8px 1rem 0;
	line-height: 28px;
	color: grey;
	background-color: #f6f7f9;
	font-size: 13px
}

.chapter-ol {
	border-bottom: 1px solid #f0f1f2
}

.chapter-li .radio {
	display: none;
	margin-top: .375rem;
	margin-left: .5rem
}

.enabled .chapter-li .radio {
	display: block
}

.enabled .chapter-li-a {
	padding-left: 3rem
}

.chapter-li::after {
	content: '';
	display: block;
	margin-left: 1rem;
	border-top: 1px solid #f0f1f2;
	transform: scaleY(.75);
	margin-top: -1px
}

.chapter-li:last-child::after,.chapter-li:nth-last-of-type(1)::after {
	display: none
}

.chapter-li-a {
	display: block;
	font: 14px/20px a;
	padding: 12px 1rem;
	overflow: hidden
}

.chapter-li-a .icon-lock {
	display: none
}

.chapter-ol-catalog .chapter-li-a {
	padding-right: 2rem;
	white-space: nowrap;
	text-overflow: ellipsis
}

@media screen and (max-width:320px) {
	.chapter-li-a {
		padding: 11px 1rem
	}

	.chapter-bar {
		line-height: 26px;
		font-size: 14px
	}

	.chapter-tab-x .module-header {
		padding: 7px 1rem
	}
}

@media screen and (min-width:414px) {
	.chapter-li-a {
		font: 15px/22px a
	}

	.chapter-bar {
		line-height: 30px;
		font-size: 14px
	}

	.chapter-tab-x .module-header {
		padding: 9px 1rem
	}
}

.chapter-li-a.unpay {
	position: relative;
	color: grey
}

.chapter-li-a.unpay .icon-lock {
	display: inline;
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	margin: auto
}

.chapter-li-a.unpay .chapter-time {
	color: #c0c5cc
}

.chapter-index,.chapter-title {
	font-weight: 500
}

.chapter-title {
	margin-left: 1ch
}

.chapter-title:first-child {
	margin-left: 0
}

.chapter-time {
	font-size: 12px;
	line-height: 20px;
	color: grey
}

.chapter-time time {
	margin-right: .5ch
}

.chapter-mark,.chapter-mark-del,.chapter-mark-time {
	font-size: .8125rem
}

.chapter-mark {
	margin: .25rem 0
}

.chapter-mark-time {
	color: grey
}

.chapter-mark-del {
	position: absolute;
	right: .25rem;
	padding: .5rem .75rem .5rem;
	margin-top: -2.5rem
}

.chapter-mark-del .icon {
	margin-right: .25rem
}

.chapter-li-r {
	position: absolute;
	right: 1rem;
	font-size: .8125rem
}

.cover_sy{
	height: auto !important;
}

.module-mobile-cmt-header{
	display: none !important;
}

.info_cover>svg{
	width: 1.2em;
	height: 1.2em;
	vertical-align: -.25ex;
	fill: currentColor;
	float: right;
	margin-right: 30px;
	margin-top: 15px;
	color: rgba(0,0,0,.4);
}