/*公共色区*/

.module-container .module-header .module-title:before {
	display: inline-block;
	margin-right: 5px;
	width: 4px;
	height: 10px;
	border-radius: 4px;
	background: linear-gradient(290deg, rgba(224, 95, 81, .66), rgba(224, 95, 81, 1));
	content: " ";
}

.wrapper.male .module-container .module-header .module-title:before {
	background: linear-gradient(290deg, rgba(2, 136, 252, 0.99), rgba(2, 136, 252, .33));
}

.wrapper.male .nav {
	background: #0288fc;
	border: 1px solid #0288fc;
}

.wrapper.male .header .logo {
	color: #0288fc;
}

.wrapper.male .nav div a {
	border-left: 1px solid #0288fc;
	color: #0288fc;
}

.wrapper.male .nav div:first-child a {
	border-left: 0 solid #0288fc
}

.wrapper.male .nav div.current a {
	background-color: #0288fc;
	color: #fff
}

.wrapper.male .login-info a {
	color: #0288fc;
}

.male .swiper-pagination-bullet-active {
	background: rgba(2, 136, 252, 0.45);
}

a, b, body, button, dd, del, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, input, label, li, ol, p, pre, span, strong, table, tbody, td, textarea, th, u, ul {
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	word-break: break-all
}

body, html {
	width: 100%;
    max-width: 750px;
    margin: 0 auto;
	background-repeat: no-repeat;
    min-height: 100%;
}

body.ov-hidden{
    overflow: hidden !important;
}

html {
	font-size: 62.5%;
}

body {
	color: #333;
	line-height: 1.6;
	font-size: 1.4rem;
	background-image: url(../images/bg.png);
	background-repeat: no-repeat;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

body, button, input, select, textarea {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif
}

body a[href]:active, body button:active {
	background-image: none;
	outline: none;
}

input[type=text] {
	-webkit-border-radius: 0
}
.pages .skip input[type=submit]{width:45px; height:28px; margin-left:5px; background:#f8f8f8; background-image:-webkit-linear-gradient(top, #f8f8f8, #f8f8f8); border:1px solid #CCC}

input[type=file], input[type=submit] {
	outline: none;
	cursor: pointer;
	-webkit-appearance: none
}

button, input[type=button] {
	outline: none;
	border: none;
}

input {
	border: none;
	outline: none;
}

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

h1, h2, h3, h4, h5, h6, th {
	font-weight: 400
}

em, i {
	font-style: normal
}

ul {
	list-style: none
}

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

input[type=text] {
	-webkit-border-radius: 0
}

a:link, a:visited {
	color: #333;
	text-decoration: none;
}

.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "."
}

@keyframes slider-tip {
	from {
		right: 0;
		opacity: 1
	}
	to {
		right: 30px;
		opacity: .4
	}
}

@-webkit-keyframes slider-tip {
	from {
		right: 0;
		opacity: 1
	}
	to {
		right: 30px;
		opacity: .4
	}
}
.fleft {
	float: left
}

.fright {
	float: right
}

.gray, .gray a, a.gray {
	color: #666
}

.gray9, .gray9 a, a.gray9 {
	color: #999
}

.red, .red a, a.red {
	color: red
}

.orange, .orange a, a.orange {
	color: #eea236
}

.author, .time, .update {
	font-size: .75em
}

.blue, .blue a, a.blue {
	color: #3361a7
}

.mt5 {
	margin-top: 5px
}

.mt10 {
	margin-top: 10px
}

.mt15 {
	margin-top: 15px
}

.mt20 {
	margin-top: 20px
}

.mt50 {
	margin-top: 50px
}

.ml5 {
	margin-left: 5px
}

.ml10 {
	margin-left: 10px
}

.ml15 {
	margin-left: 15px
}

.mb10 {
	margin-bottom: 10px
}

.mb50 {
	margin-bottom: 50px
}

.wrapper {
	min-width: 320px;
	min-height: 100vh;
	background-color: rgba(248, 242, 242, .66);
}
.logpay-wrapper .content{
	margin-top: 0;
}
.logpay-wrapper .pagetitle{
	margin-bottom: 0;
	padding: 10px 0;
}
.bookbutton, .page table, .rechargeform .recharge-btn, .reviewform, .reviewform .review-btn, .search, .supportlinks li img, .u-table, .userform .user-btn, .viporder-btn {
	width: 100%
}

.bdbtn, .btn, .lv-icon, .pt-icon, .s-btn, a.bdbtn, a.btn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.bookimglist li .name, .booklist li .title, .booktextlist li, .imgtextlist li .title, .ranking li {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.btn, a.btn {
	display: inline-block;
	height: 4.5rem;
	border: none;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	line-height: 35px
}

.btn-full {
	width: 100%;
}
.btn, a.btn {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #F25449;
}

.btn:active, a.btn:active{
	background: #E05F51;
}

.bdbtn, a.bdbtn {
	display: inline-block;
	height: 35px;
	border: 1px solid #dfdfdf;
	background: #fff;
	background-image: -webkit-linear-gradient(top, #fff, #fff);
	text-align: center;
	font-size: 1.4rem;
	line-height: 35px
}

.redbtn, a.redbtn {
	border-color: #F25449;
	background: #F25449;
	color: #fff
}

body a.redbtn:active {
	background: #d72c75;
	background-image: none
}

.btn-block {
	width: 100%
}

.btn-submit, a.btn-submit {
	height: 40px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.textbox {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 4px;
}

.textbox input, .textbox textarea {
	width: 100%;
	outline: 0;
	border: none;
	background: 0 0;
	line-height: 22px
}

.textbox input {
	height: 22px
}

.textbox textarea {
	resize: vertical
}

.userform .textbox {
	padding: 8px 10px;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fbfbfb
}

.pagetitle {
	margin-bottom: 10px;
	font-size: 1.6rem;
	line-height: 25px
}

.loading a {
	display: block;
	height: 35px;
	background: #eee;
	color: #999;
	text-align: center;
	line-height: 35px
}

.v-icon {
	display: inline-block;
	overflow: hidden;
	width: 12px;
	height: 12px;
	background: url(https://res.yokong.com/m/images/v-icon.png) no-repeat;
	vertical-align: middle
}

.lv-icon, .pt-icon {
	display: inline-block;
	overflow: hidden;
	margin-left: 5px;
	text-align: center;
	font-size: 1.2rem
}

.pt-icon {
	width: 18px;
	height: 18px;
	color: #fff;
	vertical-align: text-bottom;
	line-height: 18px
}

.lv-icon {
	width: 33px;
	height: 16px;
	border: 1px solid #eb0000;
	color: #eb0000;
	line-height: 16px
}

.alert {
	padding: 10px 15px;
	border: 1px solid transparent;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 22px
}

.alert h {
	font-weight: 700
}

.alert-warn {
	border: 1px solid #faebcc;
	background: #fcf8e3;
	color: #8a6d3b
}

.alert-danger {
	border-color: #ebccd1;
	background-color: #f2dede;
	color: #a94442
}

.alert-success {
	border-color: #d6e9c6;
	background-color: #dff0d8;
	color: #3c763d
}

.alert-info {
	border-color: #bce8f1;
	background-color: #d9edf7;
	color: #31708f
}

@font-face {
	font-family: wsfont;
	src: url(wsfont.eot?t=1512729994620);
	src: url(wsfont.eot?t=1512729994620#iefix) format('embedded-opentype'), url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url(iconfont.ttf?t=1512729994620) format('truetype'), url(iconfont.svg?t=1512729994620#wsfont) format('svg')
}

.icon {
	font-style: normal;
	font-family: wsfont !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-sun:before {
	content: "\e71b"
}

.icon-user:before {
	content: "\e6a0"
}

.icon-lock:before {
	content: "\e602"
}

.icon-left:before {
	content: "\e862"
}

.icon-bookcase:before {
	content: "\e63e"
}

.icon-home:before {
	content: "\e600"
}

.icon-star:before {
	content: "\e72a"
}

.icon-list:before {
	content: "\e612"
}

.icon-index:before {
	content: "\e62b"
}

.icon-moon:before {
	content: "\e601"
}

.icon-man:before {
	content: "\e75b"
}

.icon-log:before {
	content: "\e674"
}

.icon-left1:before {
	content: "\e608"
}

.icon-weixin:before {
	color: #00c801;
	content: "\e717"
}

.icon-qq:before {
	color: #6bb5fa;
	content: "\e611"
}

.icon-detail:before {
	content: "\e647"
}

.icon-right:before {
	content: "\e60e"
}

.icon-weibo:before {
	color: #dd4851;
	content: "\e60a"
}

.icon-radio:before {
	content: "\e673"
}

.icon-radio-o:before {
	content: "\e632"
}

.icon-pay-wechat:before {
	color: #00c801;
	content: "\e618"
}

.icon-pay-ali:before {
	color: #6fc4ea;
	content: "\e60c"
}

@font-face {
	font-family: "luochu-font";
	src: url('//at.alicdn.com/t/font_1488736_mckev2gq2p.eot?t=1585727721583');
	/* IE9 */
	src: url('//at.alicdn.com/t/font_1488736_mckev2gq2p.eot?t=1585727721583#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('//at.alicdn.com/t/font_1488736_mckev2gq2p.woff?t=1585727721583') format('woff'), url('//at.alicdn.com/t/font_1488736_mckev2gq2p.ttf?t=1585727721583') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
	url('//at.alicdn.com/t/font_1488736_mckev2gq2p.svg?t=1585727721583#luochu-font') format('svg');
	/* iOS 4.1- */
}

.lchu-icon {
	font-family: "luochu-font" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.lchu-icon-right:before {
	content: "\e62b";
}

.lchu-icon-mima:before {
	content: "\e638";
}

.lchu-icon-bind:before {
	content: "\e9bd";
}

.lchu-icon-list:before {
	content: "\e674";
}

.lchu-icon-zhifu:before {
	content: "\e604";
}

.lchu-icon-baoyue:before {
	content: "\e66b";
}

.lchu-icon-dingyue:before {
	content: "\e605";
}

.lchu-icon-autosub:before {
	content: "\e639";
}

.lchu-icon-toupiao:before {
	content: "\e63f";
}

.lchu-icon-duihuanma:before {
	content: "\e615";
}

.lchu-icon-search-action:before {
	content: "\e693";
}

.lchu-icon-home:before {
	content: "\e603";
}

.lchu-icon-back:before {
	content: "\e618";
}

.lchu-icon-delete:before {
	content: "\e65f";
}

.lchu-icon-wujieguo:before {
	content: "\e736";
}

.lchu-icon-shujia:before {
	content: "\e610";
}

.lchu-icon-sousuo:before {
	content: "\e601";
}

.lchu-icon-fenlei:before {
	content: "\e602";
}

.lchu-icon-jilu:before {
	content: "\e947";
}

.lchu-icon-shucheng:before {
	content: "\e7f6";
}

.lchu-icon-user:before {
	content: "\e600";
}

.stress {
	color: #F25449
}

div {
	-webkit-tap-highlight-color: transparent
}

.flex {
	display: flex;
	display: -webkit-flex;
	display: -webkit-box
}

.flex-one {
	flex: 1;
	-webkit-flex: 1;
	-webkit-box-flex: 1;
}

.flex-box {
	align-items: center;
	-webkit-align-items: center;
	-webkit-box-align: center
}

.flex-justify {
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify
}

.flex-center {
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
}

.flex-direction {
	flex-direction: column;
	-webkit-flex-direction: column;
	-webkit-box-orient: vertical
}

.display-row1 {
	display: -webkit-flex;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.display-row2 {
	display: -webkit-flex;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.display-row3 {
	display: -webkit-flex;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.display-row4 {
	display: -webkit-flex;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.isTop {
	background: #dc147d
}

.isDigset {
	background: #cd8c14
}

.isAuthor {
	background: #37a5f0
}

.lv_0 {
	background: #5acde6
}

.lv_1 {
	background: #96b946
}

.lv_2 {
	background: #f05a8c
}

.u-table td, .u-table th {
	padding: 10px 5px;
	text-align: center;
	line-height: 22px
}

.u-table th {
	background: #f5f5f5;
	font-size: 16px;
}

.u-table td {
	border-bottom: 1px solid #e6e6e6;
	font-size: 14px;
}
.u-table td.error{
	color: #999;
}
.u-table td.success{
	color: #4cae4c;
}
.u-table tr td.money{
	color: #F25449;
}
.u-table tr:last-child td {
	border-bottom: none
}

.u-table .tl {
	text-align: left
}

.u-table .tc {
	text-align: center
}

.u-table .tr {
	text-align: right
}

.cut-off-rule {
	height: 4px;
}

.module-container {
	background-color: #fff
}

.module-container .module-header {
	position: relative;
	margin-bottom: -14px;
	padding: 14px;
	font-size: 16px;
	line-height: 24px;
}

.module-container .module-header .module-more {
	position: absolute;
	top: 15px;
	right: 14px;
	line-height: 20px;
	font-size: 14px;
	color: #999999 !important;
}

.module-container .module-header .module-title {
	font-weight: 400
}

.module-header .module-operation {
	font-size: .875rem;
	line-height: 16px
}

.module-header .module-operation a {
	display: block;
	margin: -14px;
	padding: 14px
}

.module-header .module-operation a.op-comment {
	color: #fc5c9c
}

.module-container .module-content {
	padding-bottom: 14px
}

.module-container .module-content .no-data-panel {
	position: relative;
	height: 60vh;
	color: #aaa;
	text-align: center
}

.module-container .module-content .lchu-icon-wujieguo {
	color: #ccc;
	font-size: 66px
}

.module-container .module-content .no-data-panel .no-data-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: 16rem
}

.module-container .module-content .no-data-panel .no-data-content .btn-default-o {
	display: inline-block;
	margin: auto;
	padding: .25rem;
	width: 100px;
	border: 1px solid #F25449;
	border-radius: 30px;
	color: #fff;
	height: 35px;
}

.module-container .module-content .normal-book:last-child {
	border-bottom: none
}

.module-container .module-content .read-record:last-child {
	border-bottom: none
}

.module-container img.cover {
	display: block;
	width: min(28vw,210px);
	height: min(37.33vw,280px);
	border: 1px solid #eee;
	-webkit-border-radius: .3125rem;
	border-radius: .3125rem;
	box-shadow: 0 4px 8px 0 rgba(51, 55, 61, .1)
}

.module-container .normal-book img.cover{
    width: min(20vw,150px);
    height: min(26.67vw, 200px);
}

.normal-book {
	display: flex;
	display: -webkit-flex;
	display: -webkit-box;
	padding: .9375rem 14px;
	border-bottom: 1px solid #f1f1f1;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-webkit-box-pack: justify
}

.normal-book .book-info {
	display: flex;
	margin-left: 16px;
	text-align: left;
	justify-content: space-between;
	align-items: inherit;
	flex-direction: column;
	flex: 1;
	-webkit-flex: 1;
	-webkit-box-flex: 1
}

.normal-book .title {
	display: -webkit-box;
	overflow: hidden;
	color: #000;
	text-align: left;
	font-weight: 400;
	font-size: 16px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}

.normal-book .book-intro {
	display: -webkit-flex;
	display: -webkit-box;
	overflow: hidden;
	height: 40px;
	color: #666;
	font-size: 14px;
	line-height: 1.5;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all
}

.normal-book .other {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center
}

.normal-book .author {
	display: flex;
	overflow: hidden;
	width: initial;
	height: initial;
	max-width: 100px;
	color: #b0b0b0;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	flex: 1;
	align-items: center
}

.normal-book .author-info {
	display: block
}

.normal-book .author-text {
	margin-top: .16px
}

.normal-book .icon-user {
	margin-right: .4rem;
	font-size: 14px
}

.normal-book .detail {
	text-align: right;
	font-size: 12px;
	-webkit-flex: 2;
	flex: 2;
	-webkit-box-flex: 2
}

.normal-book .detail em {
	position: relative;
	min-width: 3rem;
	border-radius: 3px;
	font-size: 1.125rem;
	line-height: 1.5rem;
	display: inline-block;
	text-align: center;
	padding: 0 .25em;
	-webkit-transform: scale(1);
	transform: scale(1);
	vertical-align: bottom;
	height: 1.5rem;
}

.normal-book .detail em::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 200%;
	border-width: 1px;
	border-style: solid;
	transform: scale(.5);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	border-radius: 5px;
	vertical-align: bottom;
	top: -1px;
}

.bgcolor-main {
	background-color: #fc5c9c
}

.bgcolor-yellow {
	background-color: rgba(255, 262, 0, .66)
}

.bgcolor-blue {
	background-color: #0dbdfd
}

.bgcolor-red {
	background-color: #ff3434
}

.bgcolor-skyblue {
	background-color: #48e0e4
}

.bgcolor-main-o {
	background: #fff;
	color: #04b8ac
}

.bgcolor-main-o::after {
	border-color: #04b8ac;
}

.bgcolor-yellow-o {
	background: #fff;
	color: #2795f7;
}

.bgcolor-yellow-o::after {
	border-color: #2795f7;
}

.female .bgcolor-yellow-o {
	background: #fff;
	color: #F25449
}

.female .bgcolor-yellow-o::after {
	border-color: #F25449;
}

.bgcolor-blue-o {
	background: #fff;
	color: #0dbdfd
}

.bgcolor-blue-o::after {
	border-color: #0dbdfd;
}

.bgcolor-red-o {
	background: #fff;
	color: #ff3434
}

.bgcolor-red-o::after {
	border-color: #ff3434;
}

.bgcolor-skyblue-o {
	background: #fff;
	color: #48e0e4
}

.bgcolor-skyblue-o::after {
	border-color: #48e0e4;
}

.module-container .module-content .simple-container {
	display: flex;
	padding: 5px 14px 5px 14px;
	justify-content: space-between;
    flex-wrap: wrap;
}

.simple-book {
	display: block;
	padding: 5px;
	width: min(28vw,210px);
	border-radius: .2rem;
	text-align: left
}

.simple-container .simple-book:first-child {
	padding-left: 0
}

.simple-container .simple-book:last-child {
	padding-right: 0
}

.simple-book .title {
	margin-top: 6px;
	color: #333
}

.li-book {
	display: block;
	padding: 14px;
	border-top: 1px solid #f5f5f5
}

.simple-book .author {
	margin-top: .3rem;
	max-width: 4.8125rem;
	color: #999;
	font-size: 14px
}

.header {
	height: 55px;
	background: rgba(255, 255, 255, .66);
	position: relative;
}

.header .logo {
	display: block;
	padding: 0 14px;
	width: 97px;
	color: #F25449;
	font-weight: bolder;
	font-size: 20px;
	line-height: 55px
}

.headnav-container {
	position: absolute;
	left: 120px;
	right: 120px;
}

.nav {
	width: 100px;
	margin: 13px auto;
	height: 29px;
	border: 1px solid #F25449;
	box-sizing: content-box;
	border-radius: 6px;
	background: #F25449;
	overflow: hidden;
}

.nav div a {
	display: block;
	width: 50px;
	background: #fff;
	color: #F25449;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
}

.nav div.current a {
	background-color: #F25449;
	color: #fff
}

.header .login-info {
	right: 0;
	padding-right: 5px;
	text-align: center;
	line-height: 55px;
}

.login-info a,
.login-info div.read-record{
	display: block;
	padding: 0 6px;
	color: #F25449;
	font-size: 20px;
	cursor: pointer;
}

.header .header-control {
	padding-right: 5px;
	line-height: 55px;
	font-size: 14px;
}

.logininfo a.bookshelf {
	color: #b47850
}

.header-back .nav-back {
	display: block;
	font-size: 17px;
	line-height: 55px;
	padding: 0 10px;
}

.header-back .title {
	line-height: 55px;
	/* display: inline-block; */
	color: rgba(0, 0, 0, 1);
	font-weight: 700;
	font-size: 17px;
	left: 80px;
	right: 80px;
	position: absolute;
	text-align: center;
	overflow: hidden;
}

.header-back .login-info {
	width: auto;
}

.header-form {
	border-bottom: 1px solid #e9e9e9;
}

.header-form .title {
	line-height: 55px;
	color: rgba(0, 0, 0, 1);
	font-size: 17px;
	left: 80px;
	right: 80px;
	position: absolute;
	text-align: center;
	overflow: hidden;
}

.header-form .nav-back {
	display: block;
	font-size: 17px;
	line-height: 55px;
	padding: 0 10px;
}

.header-form .nav-menu {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 14px;
	line-height: 55px;
	color: #999999;
}

.header-form .nav-menu a {
	color: #999999;
}

.wrapper .swiper-container {
	width: 100%
}

.wrapper .swiper-container .slide-a img {
	width: 100%
}

.wrapper .swiper-pagination {
	text-align: center;
}

.wrapper .swiper-pagination-bullet {
	display: inline-block;
	width: 12px;
	height: 4px;
	border-radius: 2px;
	background: rgba(255, 255, 255, .88);
	opacity: 1;
	margin: 2px;
	box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.wrapper .swiper-pagination-bullet-active {
	background: rgba(242, 83, 73, .77);
	opacity: 1
}
.wrapper.male .swiper-pagination-bullet-active {
	background: rgba(2, 136, 252, .77);
	opacity: 1
}

#search-container {
	padding: .75rem;
	background-color: #fff
}

#search-container .search-guide {
	display: block;
	margin: 0;
	border-radius: 28px;
	background-color: #f2f4f5;
	color: grey;
	text-align: center;
	text-indent: .75rem;
	font-size: 14px;
	line-height: 36px
}

#search-container .search-guide .lchu-icon {
	font-size: 16px
}

.swiper-container {
	width: 100%
}

.swiper-container .slide-a img {
	width: 100%
}

#search-container {
	padding: .75rem;
	background-color: #fff
}

#search-container .search-guide {
	display: block;
	margin: 0;
	border-radius: 28px;
	background-color: #f2f4f5;
	color: grey;
	text-align: center;
	text-indent: .75rem;
	font-size: 14px;
	line-height: 36px
}

#search-container .search-guide .lchu-icon {
	font-size: 16px
}

.search-form {
	position: relative;
	height: 56px
}

.search-form .lchu-icon-sousuo {
	position: absolute;
	top: .75rem;
	left: 30px;
	z-index: 2;
	color: #666;
	line-height: 42px
}

.search-form .search-area {
	position: absolute;
	top: 10px;
	right: 50px;
	left: 14px;
	margin: auto;
	height: 36px;
	border-radius: 36px;
	background: #fff
}

.search-form .search-input {
	padding: 0 32px;
	width: 100%;
	height: inherit;
	border: 0 none;
	background: 0 0;
	color: #666;
	font-size: 14px
}

.search-form .search-submit {
	position: absolute;
	top: 10px;
	right: 12px;
	border: none;
	background: 0 0;
	color: #F25449;
	line-height: 36px
}

.nav-container {
	background: #fff;
	padding: 8px 16px;
}

.nav-container a {
	display: block;
	padding: 5px 15px;
	text-align: center;
	color: #444;
}

.nav-container a img {
	width: 39px;
	margin-bottom: 5px;
}

.content {
	margin-top: 10px;
	padding: 0 10px
}

.intro {
	overflow: hidden;
	color: #999;
	font-size: 1.2rem
}

.module {
	margin-bottom: 10px;
	padding: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #fff
}

.module-hd {
	padding-bottom: 10px;
	height: 25px;
	border-bottom: 1px solid #F25449;
	color: #F25449;
	font-weight: 400;
	line-height: 25px;
}

.module-hd-center {
	color: #333;
	text-align: center;
	border-bottom-color: #ddd
}

.module-hd h2 {
	font-size: 1.6rem
}

.blues h2 {
	color: #36abdc
}

.blues .module-hd {
	border-bottom-color: #a7daf0
}

.yellow h2 {
	color: #97af2f
}

.yellow .module-hd {
	border-bottom-color: #eaf3c2
}

.pink h2 {
	color: #f079b9
}

.pink .module-hd {
	border-bottom-color: #fac4e1
}

.bookimglist {
	padding: 5px 0
}

.bookimglist li {
	float: left;
	padding: 10px 0;
	width: 25%;
	text-align: center
}

.bookimglist li a {
	display: block;
	margin: 0 auto;
	width: 90%;
	min-width: 64px
}

.bookimglist li .pic {
	width: 100%;
	height: auto
}

.bookimglist li .name {
	height: 20px;
	color: #666;
	font-size: 1.2rem;
	line-height: 20px
}

.booktextlist {
	padding-top: 8px
}

.booktextlist li {
	height: 30px;
	line-height: 30px
}

.imgtextlist li {
	position: relative;
	padding: 15px 0 15px 74px;
	min-height: 90px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 20px
}

.imgtextlist li:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.imgtextlist li .pic {
	position: absolute;
	top: 15px;
	left: 0
}

.imgtextlist li .pic, .imgtextlist li .pic img {
	width: 64px;
	height: 90px
}

.imgtextlist li .title {
	height: 20px
}

.imgtextlist li .intro {
	max-height: 40px
}

.rcmdtextlist li {
	padding: 5px 0;
	line-height: 24px
}

.rcmdtextlist li:first-child {
	border-top: 1px solid #e6e6e6
}

.rcmdtextlist li:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.rcmdtextlist li .intro {
	max-height: 60px
}

.hottextlist {
	border-top: 1px solid #e6e6e6
}

.hottextlist li .vline {
	padding: 0 8px
}

.screening li {
	overflow: hidden;
	padding: 6px 0;
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
	line-height: 25px
}

.screening li:last-child {
	border-bottom: none
}

.screening li .type, .screening li a {
	float: left
}

.screening li a {
	padding: 0 5px
}

.screening li a.current {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #F25449;
	color: #fff;
}

.booklist li {
	padding: 15px 0;
	border-bottom: 1px solid #e6e6e6;
	line-height: 20px
}

.booklist li:first-child {
	padding-top: 0
}

.booklist li:last-child {
	border-bottom: none
}

.booklist li .title a {
	color: #be9155;
	line-height: 22px
}

.booklist li .v-icon {
	margin-right: 3px
}

.searchlist li:last-child {
	padding-bottom: 15px
}

.ranking {
	padding: 5px 0 0
}

.ranking li {
	padding: 10px 0;
	height: 20px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 20px
}

.ranking li:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.ranking li .num-icon {
	display: inline-block;
	overflow: hidden;
	margin-right: 5px;
	width: 18px;
	height: 18px;
	background: url(https://res.yokong.com/m/images/circle-icon.png) no-repeat 0 -19px;
	color: #fff;
	vertical-align: text-bottom;
	text-align: center;
	line-height: 18px
}

.ranking li .num-icon.top3 {
	background-position: 0 0
}

.bookcover {
	position: relative;
	padding-left: 105px;
	min-height: 135px
}

.bookcover .pic {
	position: absolute;
	top: 0;
	left: 0;
	width: 95px;
	height: 135px
}

.bookcover .pic img {
	width: 95px;
	height: 135px
}

.bookcover .title {
	font-size: 1.6rem;
	line-height: 22px
}

.bookcover .gray {
	font-size: .75em
}

.bookcover .status {
	float: right;
	padding: 3px 6px;
	border-radius: 10px;
	color: #fff;
	font-size: .75em
}

.bookcover .is-serialize {
	background: #977fb9
}

.bookcover .is-finish {
	background: #c8923d
}

.bookcover .is-finish i {
	display: inline-block;
	margin-left: 3px;
	width: 4px;
	height: 4px;
	border: 2px solid #fff;
	border-radius: 100%
}

.bookbutton td.spc {
	width: 10px
}

.bookbutton a {
	display: block
}

.latestchapter {
	position: relative;
	padding-left: 60px;
	min-height: 50px;
	line-height: 22px
}

.latestchapter .st-icon {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 50px;
	height: 50px;
	background: url(https://res.yokong.com/m/images/status-icon.png) no-repeat
}

.latestchapter .serial-icon {
	background-position: 0 0
}

.latestchapter .end-icon {
	background-position: 0 -55px
}

.interaction {
	padding-top: 15px;
	height: 50px;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.interaction li {
	float: left;
	width: 33%;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	text-align: center;
}

.interaction li:last-child {
	border-right: none
}

.interaction li p {
	height: 25px;
	line-height: 25px
}

.interaction li p.num {
	color: #ec9b3b;
	font-size: 1.4em;
	font-family: Arial;
}

.bookintro .hd {
	padding: 0 10px;
	height: 35px;
	background: rgba(0, 0, 0, 0.05);
	font-size: 1.6rem;
	line-height: 35px;
}

.bookintro .con {
	padding: 10px 10px 0;
	text-indent: 2em;
	line-height: 24px
}

.supportlinks {
	padding: 15px 0
}

.supportlinks li {
	float: left;
	width: 20%;
	text-align: center
}

.supportlinks li a {
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 100px;
	min-width: 50px
}

.newsupport {
	padding: 10px;
	background: #f5f5f5;
}

.newsupport h3 {
	padding-bottom: 6px;
	height: 25px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	line-height: 25px
}

.newsupport ul li {
	height: 35px;
	border-bottom: 1px dashed #ccc;
	line-height: 35px
}

.newsupport ul li .gift {
	color: #333
}

.moresupport {
	margin-top: 10px;
	text-align: center
}

.cataloglist li {
	padding: 10px 0;
	border-bottom: 1px solid #e6e6e6
}

.cataloglist li span {
	display: block
}

a.writereview {
	display: inline-block;
	width: 70px;
	border: none;
	background: #F25449;
	color: #fff;
	text-align: center;
	line-height: 28px
}

.comment-item {
	position: relative;
	padding: 15px 0 15px 40px;
	border-bottom: 1px solid #e6e6e6;
	line-height: 22px
}

.comment-item:last-child {
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: none
}

.comment-item .avatar {
	position: absolute;
	top: 20px;
	left: 0;
	width: 32px;
	height: 32px
}

.comment-item .avatar img {
	width: 32px;
	height: 32px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px
}

.comment-item .comment-user {
	color: #3361a7
}

.comment-item .comment-user i {
	vertical-align: text-bottom
}

.comment-item .reply {
	float: right;
	color: #999;
	font-size: 1.2rem
}

.comment-item .comment-bd, .comment-item .replylist .reply-ft {
	height: 22px
}

.comment-item .comment-con {
	color: #313233;
	line-height: 150%;
	word-break: break-word
}

.comment-item .replylist {
	margin-top: 12px;
	padding-top: 5px;
	border-top: 1px solid #e6e6e6
}

.comment-item .replylist li {
	padding: 5px 0
}

.comment-item .morereply {
	text-align: right
}

.reviewform {
	margin-top: 10px
}

.reviewform td.col-1 {
	width: 40px;
	vertical-align: top;
	line-height: 34px
}

.reviewform .review-con {
	height: 88px
}

.btlocation, .location {
	font-size: 1.6rem;
	line-height: 25px
}

.location {
	margin-bottom: 15px
}

.btlocation {
	margin: 10px 0
}

.btlocation .home, .location .home {
	display: inline-block;
	overflow: hidden;
	width: 20px;
	height: 20px;
	background: url(https://res.yokong.com/m/images/home.png) no-repeat 3px 3px;
	vertical-align: text-bottom
}

.btlocation .gt, .location .gt {
	padding: 0 8px
}

.user-logout {
	color: #999
}

.user-pay {
	display: block;
	padding: 2px 10px;
	border-radius: 30px;
	background: red;
	color: #fff;
	font-size: 13px;
	box-shadow: 0 4px 8px 0 #ff343447;
}

a.user-pay:link, a.user-pay:visited {
	color: #fff;
}

a.user-logout:link, a.user-logout:visited {
	color: #999;
}

.articletitle {
	color: #be9155;
	font-size: 1.8rem;
	line-height: 25px
}

.articleinfo {
	position: relative;
	padding: 0 126px 15px 0;
	height: 32px;
	border-bottom: 1px solid #c6c1b6;
	line-height: 32px
}

.toolbar {
	position: absolute;
	top: 0;
	right: 0
}

.toolbar a {
	float: left;
	margin-left: 10px;
	width: 32px;
	height: 32px;
	background: url(https://res.yokong.com/m/images/articleset-icon.png) no-repeat
}

.toolbar a.pattern {
	background-position: 0 -37px
}

.toolbar a.aminus {
	background-position: -37px 0
}

.toolbar a.aminus.current {
	background-position: -37px -37px
}

.toolbar a.aadd {
	background-position: -74px 0
}

.toolbar a.aadd.current {
	background-position: -74px -37px
}

.articlecon, .authorsaid {
	line-height: 24px
}

.articlecon p, .authorsaid p {
	padding: 5px 0
}

.authorsaid {
	padding: 10px 0;
	border-top: 1px solid #bfac7e;
	border-bottom: 1px solid #bfac7e
}

.readinteract {
	height: 25px;
	text-align: right;
	font-size: 0;
	line-height: 25px
}

.readinteract a {
	margin-left: 15px;
	color: #666;
	font-size: 1.6rem
}

.articlebtn {
	margin: 20px 0;
	height: 35px;
	text-align: center;
	font-size: 0
}

.articlebtn a {
	margin: 0 6px;
	width: 28%
}

.font-normal p {
	font-size: 1.4rem;
	line-height: 24px
}

.font-large p {
	font-size: 1.6rem;
	line-height: 28px
}

.font-xlarge p {
	font-size: 1.8rem;
	line-height: 32px
}

.font-xxlarge p {
	font-size: 2rem;
	line-height: 36px
}

.font-xxxlarge p {
	font-size: 2.2rem;
	line-height: 40px
}

.nightbg {
	background: #202020
}

.nightbg, .nightbg a {
	color: #a0a0a0
}

.nightbg .articlebtn a {
	color: #fff
}

.nightbg .btlocation .home, .nightbg .location .home {
	background-position: 3px -19px
}

.nightbg .articleinfo, .nightbg .authorsaid {
	border-bottom-color: #3c3c3c
}

.nightbg .authorsaid {
	border-top-color: #3c3c3c
}

.nightbg .toolbar .pattern {
	background-position: 0 0
}

.nightbg .logininfo {
	border-color: #666;
	border-top: none;
	background: #333
}

.recharge-hd em {
	font-size: 1.4rem
}

.moneyradio {
	padding: 10px 0
}

.moneyradio li {
	float: left;
	padding: 5px 15px 5px 0;
	line-height: 22px
}

.moneyradio li input {
	margin-right: 3px
}

.nextstep {
	height: 35px
}

.nextstep .next-btn {
	width: 80px
}

.nextstep .tel-text {
	margin-right: 5px;
	padding: 5px;
	width: 175px;
	height: 23px;
	outline: 0;
	border: 1px solid #ccc;
	background: 0 0;
	line-height: 23px
}

.rechargeform .textbox {
	background: #f8f8f8
}

.rechargeform .totalmoney {
	height: 30px;
	font-size: 1.6rem;
	line-height: 30px
}

.paylink p {
	height: 28px;
	line-height: 28px
}

.linkslist li {
	padding: 5px 0;
	border-bottom: 1px solid #e6e6e6
}

.linkslist li:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.linkslist li a {
	display: block;
	height: 30px;
	line-height: 30px;
}

.failremind, .okremind, .remind {
	padding: 10px 15px;
	line-height: 22px
}

.remind {
	border: 1px solid rgba(255, 193, 7, .33);
	border-radius: 4px;
	background: rgba(255, 235, 59, .11);
	color: #ff9800de;
}

.failremind {
	border: 1px solid rgba(244, 67, 54, .33);
	background: rgba(244, 67, 54, .11);
	color: #F44336;
	border-radius: 4px;
}

.okremind {
	border: 1px solid rgba(76, 175, 80, .33);
	background: rgba(76, 175, 80, .11);
	color: #4CAF50;
	border-radius: 4px;
}

.failremind h3, .remind h3 {
	line-height: 25px
}

.failremind h3 {
	margin-bottom: 2px
}

.remind h3 {
	font-weight: 700
}

.failremind p, .okremind p, .remind p {
	padding: 3px 0
}

.viporder-hd .v-icon {
	margin-left: 3px
}

.supportform .support-pic {
	width: 32px;
	height: 32px;
	vertical-align: text-bottom
}

.supportform label {
	display: block;
	margin-bottom: 5px;
	line-height: 22px
}

.supportform .support-text {
	height: 88px
}

.support-table td {
	padding: 10px 0
}

.support-table td.col-2 {
	width: 32px
}

.support-table td.col-3 {
	padding-left: 10px;
	width: 50px
}

.support-table .support-pic {
	width: 32px;
	height: 32px
}

.support-table .username {
	color: #666
}

.accgrade, .accinfo {
	line-height: 30px
}

.accgrade .item {
	float: left
}

.accgrade .vline {
	float: left;
	padding: 0 10px
}

.umenu li:first-child {
	padding-top: 0
}

.u-hd {
	padding-bottom: 6px;
	height: 30px;
	font-size: 1.6rem;
	line-height: 30px
}

.backucenter {
	height: 28px;
	line-height: 28px
}

.collect-table td {
	padding: 10px 0
}

.collect-table td.col-2 {
	width: 70px
}

.collect-table p {
	padding: 2px 0
}

.userform {
	padding-top: 15px
}

.userform .yzmbox {
	height: 34px
}

.userform .yzm-img {
	width: 80px;
	height: 34px
}

.userform .yzm-change {
	line-height: 34px
}

.forgetpwd {
	height: 25px;
	text-align: right;
	line-height: 25px
}

.content2 {
	overflow: hidden;
	margin: 0 auto 10px auto;
	width: 100%;
	height: auto;
	min-height: 200px;
	background-color: #fff
}

.content2 ul {
	overflow: hidden;
	margin: 15px auto 10px auto;
	width: 96%;
	height: auto
}

.content2 ul li {
	float: left;
	margin: 15px 0 15px 9%;
	width: 22%
}

.content2 ul li img {
	width: 100%;
	height: auto
}

.content2 ul li p {
	text-align: center;
	font-size: 12px
}

.content2 ul li a {
	width: 100%;
	height: auto
}

.content2 ul li .hots {
	position: absolute;
	right: 0;
	width: 50%
}

.content2 ul .hot {
	position: relative
}

.recharge_shb {
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	height: auto;
	background-color: #fff
}

.recharge_shb ul {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	height: auto
}

.recharge_shb ul li {
	float: left;
	margin-bottom: 15px;
	margin-left: 6%;
	width: 40%;
	height: auto;
	border: 1px solid #dfdfdf;
	border-radius: 5px;
	text-align: center;
	line-height: 22px
}

.recharge_shb ul li a {
	position: relative;
	display: block
}

.recharge_shb ul li a span {
	display: block;
	line-height: 26px
}

.recharge_shb span.orange {
	display: block;
	color: #fe5b00;
	font-size: 18px
}

.recharge_shb li i {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 99;
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(https://res.yokong.com/m/images/pay/0.png) no-repeat;
	background-size: 100%;
	font-style: normal
}

.recharge_shb li i.i1000 {
	background: url(https://res.yokong.com/m/images/pay/1000.png) no-repeat;
	background-size: 100%
}

.recharge_shb li i.i500 {
	background: url(https://res.yokong.com/m/images/pay/500.png) no-repeat;
	background-size: 100%
}

.recharge_shb li i.i200 {
	background: url(https://res.yokong.com/m/images/pay/200.png) no-repeat;
	background-size: 100%
}

.recharge_shb li i.i100 {
	background: url(https://res.yokong.com/m/images/pay/100.png) no-repeat;
	background-size: 100%
}

.recharge_shb li i.i50 {
	background: url(https://res.yokong.com/m/images/pay/50.png) no-repeat;
	background-size: 100%
}

fieldset {
	margin: 10px 0;
	padding: 24px 10px;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	font-size: 12px
}

fieldset legend {
	color: #999;
	text-align: center;
	font-size: 14px
}

.oauth {
	padding: 0 70px 10px 30px
}

.oauth-item {
	margin-left: 40px;
	text-align: center;
	color: #61708F;
	font-size: 12px;
}
.oauth-item a {
	margin-bottom: 5px;
	display: block;
	word-wrap: break-word;
	font-size: 40px;
	line-height: 1
}

.oauth-item p {
	text-align: center
}

.VipHint a {
	color: #c52633
}

.data {
	margin: 10px 0 10px 0;
	height: 50px
}

.data li {
	float: left;
	width: 33%;
	min-width: 80px;
	text-align: center
}

.data a {
	display: block;
	margin: 0 auto;
	padding: 3px 0;
	width: 80px;
	border-radius: 5px;
	text-align: center;
	font-size: 1em;
	line-height: 16px
}

.data a em {
	display: block;
	color: #960;
	font-style: normal
}

.data a.name {
	border: 1px solid #799324;
	color: #799324
}

.shared {
	margin: 10px;
	min-height: 32px
}

.hot .pic {
	position: relative;
	display: inline-block;
	margin: 0 0 10px 0;
	width: 100%
}

.hot .pic img {
	width: 100%
}

.hot .pic .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 19;
	display: inline-block;
	width: 100%;
	min-height: 24px;
	background: #000;
	color: #fff;
	font-size: 1.4em;
	line-height: 1.4em;
	opacity: .7;
	-moz-opacity: .7
}

.hot a.line {
	display: block;
	padding: 13px 0;
	width: 100%;
	border-top: 1px solid #ddd;
	color: #333;
	text-decoration: none;
	font-size: 1.175em;
	line-height: 1.175em
}

.b-hot {
	margin-left: 10px;
	padding: 1px 3px;
	background-color: orange;
	color: #fff;
	font-size: 10px
}

#nativeShare .label {
	font-size: 14px
}

#nativeShare .list {
	margin: 0 auto;
	width: 90%
}

#nativeShare .list span {
	display: inline-block;
	margin: 10px 0;
	width: 25%;
	text-align: center
}

#nativeShare .list span i {
	display: block;
	margin: 0 auto;
	margin-bottom: 5px;
	width: 40px;
	height: 40px
}

#nativeShare .weibo i {
	background-image: url(https://res.yokong.com/m/images/shared/weibo.png);
	background-size: cover
}

#nativeShare .weixin i {
	background-image: url(https://res.yokong.com/m/images/shared/weixin_friend.png);
	background-size: cover
}

#nativeShare .weixin_timeline i {
	background-image: url(https://res.yokong.com/m/images/shared/weixin.png);
	background-size: cover
}

#nativeShare .qq i {
	background-image: url(https://res.yokong.com/m/images/shared/qq.png);
	background-size: cover
}

#nativeShare .qzone i {
	background-image: url(https://res.yokong.com/m/images/shared/qqzone.png);
	background-size: cover
}

#nativeShare .more i {
	background-image: url(https://res.yokong.com/m/images/shared/more.png);
	background-size: cover
}

#weixin-tip {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8)
}

#weixin-tip p {
	position: relative;
	margin-top: 10%;
	padding: 0 5%;
	text-align: center
}

#weixin-tip img {
	height: auto;
	max-width: 100%
}

#weixin-tip .close {
	position: absolute;
	top: 0;
	left: 5%;
	padding: 5px;
	color: #fff;
	text-shadow: 0 1px 0 #ddd;
	font: bold 20px/20px simsun
}

.dg-container .dg-content p {
	font-size: 1.5rem;
	line-height: 2.8rem
}

.dg-container .dg-content .btn {
	width: 100%
}

.dg-title {
	padding: .5rem;
	border-bottom: 1px solid #F25449;
	color: #F25449;
	text-align: center;
	font-size: 1.8rem
}

.dg-content .btn-ok {
	-webkit-border-radius: 1.8rem;
	border-radius: 1.8rem;
	background: #F25449
}

.footer .footer-nav {
	margin: 15px;
	margin: 20px 0 5px 0;
	background: 0 0;
	font-size: 15px;
	line-height: 1;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-box-pack: space-around
}

.slider-container {
	display: inline-block;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
    max-width: calc(100% - 100px);
}

.class-slider {
	width: max-content;
	width: -webkit-max-content;
	height: 25px
}

.class-slider a {
	display: inline-table
}

.slider-tip {
	position: fixed;
	right: 10px;
	z-index: 9;
	display: none;
	width: 150px;
	height: 25px;
	background-image: linear-gradient(to right, rgba(0, 184, 172, 0), rgba(0, 184, 172, 0), #F25449);
	color: #fff;
	text-align: right;
	font-size: smaller;
	line-height: 25px
}

.slider-tip .slider-tip-content {
	position: relative
}

.slider-tip .slider-tip-content {
	position: absolute;
	right: 0;
	animation: slider-tip 1.5s infinite;
	-webkit-animation: slider-tip 1.5s infinite;
	animation-timing-function: ease-in-out
}

.footer-nav li {
	width: 24%;
	border-right: 1px solid #bbb;
	text-align: center
}

.footer-nav li:last-child {
	border-right: none
}

.footer .copyright {
	padding: 15px;
	color: #bbb;
	text-align: center
}

.app-download {
	display: block;
	padding: 10px;
	background: #dbd9db
}

.app-download img[alt=logo] {
	width: 50px;
	border-radius: 8px;
}

.app-download .text {
	display: inline-block;
	margin-left: 5px;
	color: #878787;
	vertical-align: middle
}

.app-download .text h4 {
	color: #333;
	font-weight: 700;
	font-size: 16px
}

.app-download .btn-install {
	float: right;
	margin-top: 11px;
	padding: 0 15px;
	height: auto;
	background: #ee424b;
	font-size: 12px;
	line-height: 2.4
}

.module.module-spOffer .bar {
	padding-bottom: 10px;
	height: 25px;
	border-bottom: 1px solid #F25449;
	color: #F25449;
	font-weight: 400;
	line-height: 25px
}

.module.module-spOffer .bar h2 {
	font-size: 1.6rem
}

.timer-container {
	display: inline-block;
	color: #333;
	font-size: 1.4rem
}

.timer-container .item {
	padding: 0 .2rem;
	border-radius: .2rem;
	background: #000;
	color: #fff
}

.timer-container .day {
	padding: 0 .2rem;
	border-radius: .2rem;
	background: #F25449;
	color: #fff
}

.module-spOffer .more {
	float: right;
	color: #666;
	font-size: 1.4rem
}

.module-spOffer .bookimglist li .price {
	color: #ff8081;
	font-size: 1.2rem
}

.module-spOffer .more img {
	margin-top: -.3rem;
	height: 1.4rem
}

.module-spOffer .btn-order {
	width: 80px;
	height: 25px;
	background: #ee807d;
	font-size: 12px;
	line-height: 25px
}

.module-spOffer .btn-disabled {
	width: 80px;
	height: 25px;
	background: #cacaca;
	color: #fff;
	font-size: 12px;
	line-height: 25px
}

.chapter-title {
	color: #F25449;
	text-align: center;
	font-size: 16px;
	line-height: 3
}

.price {
	color: #F25449;
}

.module-buychapter {
	min-height: 380px
}

.module-buychapter p {
	line-height: 2.5
}

.del {
	color: #999;
	text-decoration: line-through
}

.btn-grey {
	border: 1px solid #bbb;
	background: #f5f5f5;
	color: #333
}

.form .form-item {
	margin-bottom: 20px;
	position: relative;
}

.form .form-item-error {
	display: none;
	position: absolute;
	font-size: 12px;
	bottom: -20px;
	line-height: 20px;
	color: #f56c6c;
}

.input {
	margin-bottom: 20px;
	padding: 0 20px 0 20px;
	background: #f5f5f5;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.input-code {
	padding: 0 80px 0 20px;
}

.input i {
	position: absolute;
	top: 9px;
	left: 8px;
	font-size: 16px;
}

.input .text {
	display: block;
	width: 100%;
	background: none;
	border: 0;
	line-height: 44px;
	padding: 0 10px;
	color: #333;
	box-sizing: border-box;
}

.input .btn-send {
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 100%;
	color: #F25449;
	background: transparent;
}

.input .btn-send.active {
	color: #757588;
}

.info-container {
	position: relative;
	box-sizing: border-box;
	border: 16px solid transparent;
    background: rgba(255, 255, 255, .66);
}

.info-container .info .detail {
	margin-left: 16px;
	max-width: 66%;
}

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

.btn-container {
	padding: 8px 16px;
	box-sizing: border-box;
}

.btn-container .btn {
	display: block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 24%;
    min-width: 150px;
	border-radius: 4px;
}

.btn-container .btn:focus {
	outline: 0;
}

.btn-container .btn:hover {
	background-color: #f6f6f6;
}

.btn-container .btn:active {
	background-color: #eee;
}

.btn-container .btn:disabled {
	cursor: not-allowed;
	background: #f5f5f5;
}

.btn-container a[href].btn-primary, .btn-container a[href].btn-primary:link, .btn-container a[href].btn-primary:visited {
	color: #fff;
	background-color: #F25449;
	border-color: #F25449;
}

.btn-container a[href].btn-primary:active {

	color: #fff;
	background-color: #E05F51;
	background-color: #E05F51;
}

.btn-container a.btn-primary:disabled {
	background: #6ad3c9;
}

.detail {
	color: #666;
	font-size: 13px;
}

.detail .title {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

.detail .state {
	position: absolute;
	display: block;
	height: 22px;
	line-height: 22px;
	background: rgb(247, 179, 54);
	color: #fff;
	border-radius: 20px;
	text-align: center;
	right: 16px;
	top: 20px;
	font-size: 12px;
	padding:0 4px;
}

.detail .state.state-finish {
	background: #F25449;
}

.detail .state.is-serialize {
	background: #977fb9;
}

.detail p {
	line-height: 1.8;
}

.info .cover {
	border-radius: 2px;
	box-shadow: 0 4px 8px 0 rgba(51, 55, 61, .1);
}

.special-tip {
	position: absolute;
	top: 48px;
	right: 16px;
}

a.monthly-tip:visited {
	color: #fff;
}

a.monthly-tip {
	margin-top: 8px;
	background: #dfaa53;
	border-radius: 20px;
	line-height: 22px;
	padding: 0 20px;
	display: block;
	text-align: center;
	color: #fdfdfd;
	text-align: right;
	position: relative;
	background-image: linear-gradient(#fdbc3d, #f1a92e);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

a.monthly-tip:before {
	content: 'V';
	background: #fff;
	height: 22px;
	line-height: 22px;
	position: absolute;
	width: 22px;
	border-radius: 50%;
	left: 0;
	box-sizing: border-box;
	color: #f6b034;
	text-align: center;
	top: 0;
	box-shadow: 1px 2px 16px 0 rgba(223, 170, 82, 0.54);
	background-image: linear-gradient(#fff, #fbfbfb);
}

.search .goSearch {
    position: absolute;
    top: 10px;
    right: 12px;
    line-height: 36px;
    color: rgb(242, 84, 73);
    cursor: pointer;
    border: none;
    background: 0 0;
    font-size: 1.4rem;
}

.search{
    display: none;
    position: fixed;
    width: 100%;
    height: calc(100% - 55px);
    max-width: 750px;
    left: 50%;
    transform: translateX(-50%);
    top: 55px;
    background: #ffff url(../images/bg.png) no-repeat;
    background-size: 100%;
    z-index: 9;
}

.search .searchCon {
    margin-top: 12px;
}

.search .search-input {
    border-radius: 15px;
    padding: 0 32px;
    width: 100%;
    color: rgba(170, 170, 170, 1);
    font-size: 14px;
    outline: none;
}

.positionFixed{
    max-width: 750px;
    left: 50%;
    transform: translateX(-50%);
}

.pages {
    padding: 25px 0;
    text-align: center;
    list-style: none;
    display: flex;
    justify-content: center;
}

.pages a,.pages li span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    margin: 0 4px;
    color: inherit;
}

.pages li.active{
    pointer-events: none;
}

.pages a.now,
.pages a:hover,
.pages li.active span,
.pages li.active a {
    background: #F25449;
    color: #fff
}

.t_de{
    font-size: 1.4rem;
    line-height: 2rem;
    height: 2rem;
    padding: 0;
}

.detail-page .intro {
    padding: 16px;
    line-height: 1.8;
    font-size: 14px;
    color: #666;
    background: rgba(255, 255, 255, .66);
}

.detail-page .detail .title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
}

.detail-page .intro h3 {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.detail-page .intro-content{
    display: block;
    text-align: justify;
}

.li-item {
    padding: 8px 16px;
    border-bottom: 1px solid #f5f5f5;
    background: #fff;
    display: block;
    position: relative;
    height: 32px;
    font-size: 14px;
}

.li-item-container .li-item:first-child {
    border-top: 1px solid #f5f5f5;
    display: block;
}

.li-item .tip {
    font-weight: bold;
    position: absolute;
    font-size: 16px;
    line-height: 32px;
}

.folding{
	font-size: 16px;
	line-height: 32px;
	color: red;
}

.detail-page .cut-off-rule {
    height: 8px;
}

.detail-page .cataloglist {
    background-color: #FFFFFF;
    padding: 0 16px;
}

.detail-page .cataloglist li {
    padding: 8px 0;
}

.detail-page .loading a {
    background-color: #FFFFFF;
    height: 50px;
    line-height: 50px;
    color: #F25449;
}

.detail-page .cataloglist.detail{
    height: auto;
    max-height: 480.51px;
    overflow: hidden;
}

.detail-page .cataloglist.detail.open{
    max-height: none;
}

.take-wrap{
    display: flex;
    align-items: center;
    gap: 10px;
}

.take-wrap svg{
    width: 20px;
    height: 20px;
    display: block;
}

.read-now{
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
	color: #fff !important;
    background-color: #F25449;
	font-size: 14px;
    height: 40px;
    line-height: 40px;
	text-align: center;
}

nav[aria-label="breadcrumb"] .breadcrumb {
	list-style: none;
	padding: 0;
}

nav[aria-label="breadcrumb"] .breadcrumb li {
	display: inline;
}

@media (min-width:450px) {
    .simple-book{
        width: min(20vw,150px);
    }

    .module-container img.cover{
        width: min(20vw,150px);
        height: min(26.67vw, 200px);
    }

    .module-container .module-content .simple-container .simple-book:nth-last-of-type(-n+2){
        display: none;
    }

    .slider-container::-webkit-scrollbar{
        width: 5px;
        height: 5px;
    }
    
    .slider-container::-webkit-scrollbar-thumb{
        width: 5px;
        height: 5px;
        background: #ccc;
        border-radius: 5px;
    }
	.read-now{
		display: none;
	}
}