.container {
	/*position:relative;*/
	width:1200px;
	margin:0 auto;
	content: "";
    display: table;
    clear: both;
}
.container a {
	color:#151515
}
.book-meta {
	margin-top:30px;
	text-align:center;
	padding-bottom:30px
}
.book-meta>h1 {
	font-size:32px
}
.book-meta>p {
	padding-top:8px
}
.book-meta>p>span {
	margin-right:20px;
	color:#999
}
.book-meta span i {
	color:#999
}
.section_title {
	padding:12px 0;
	background:#f5f5f5;
	border-radius:2px;
	margin-bottom:25px;
	position:relative;
	height:21px
}
.section_title>span {
	position:absolute;
	top:14px;
	right:90px
}
.section_title p {
	font-size:12px;
	color:#333;
	text-align:center
}
.section_title p span {
	font-size:14px;
	color:#a11313;
	padding:0 20px 1px 10px;
	background:url(../images/arrow_r.png) no-repeat center right
}
.section_title span a:hover,.section_title span:hover {
	color:#e84848
}
#sort_button {
	position:absolute;
	top:14px;
	right:0;
	margin-left:15px;
	padding-left:15px;
	width:80px;
	cursor: pointer;
}
.animation_opacity {
	background:url(../images/icon_flashback.png) no-repeat 15px center;
	border:none;
	outline:0;
	color:#333;
	-webkit-transition:opacity .6s ease!important;
	-moz-transition:opacity .6s ease!important;
	-ms-transition:opacity .6s ease!important;
	transition:opacity .6s ease!important
}
.animation_opacity:hover {
	background:url(../images/icon_flashback_hover.png) no-repeat 15px center;
	color:#e84848;
	opacity:.7;
	filter:"alpha(opacity=60)"
}
.sort-bg {
	background:url(../images/icon_flashback1.png) no-repeat 15px center
}
.sort-bg:hover {
	background:url(../images/icon_flashback_hover1.png) no-repeat 15px center
}
.pull-right {
	float:right!important
}
.volume-list {
	background:#fff;
	padding:0 0 60px 0
}
.volume-list>* {
	display:block
}
.volume-list .link,.volume-list a {
	color:#333;
	font-size:14px;
	text-decoration:none;
	-webkit-transition:color .3s ease;
	-moz-transition:color .3s ease;
	-ms-transition:color .3s ease;
	transition:color .3s ease;
	line-height:100%
}
.volume {
    padding: 15px 0 30px 0; border-bottom: 1px solid #eee; margin: 15px 0;
}
.volume-list .volume-cover{
    float: left;
    margin-right: 20px;
    width: 160px;
    height: 228px;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
}
.volume img:hover{
    transform: scale(1.1);
}
.volume-info{margin-left: 180px;}
.volume-summary{
    color: #777;
    font-size: 14px;
}
.volume-summary::after{
    content: '';
    display: block;
    border-bottom: 1px #f0f0f0 solid;
    margin: 5px 12px 0px 0px;
}
.volume img{
    width: 100%;
    height:100%;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.2);
    object-fit: cover;
    transition: all .5s;
}
.volume .subscri,.volume .subscribe {
	position:relative;
	z-index:2;
	float:right
}
.volume>i {
	font-family:Arail;
	padding:0 5px
}
.volume .v-line {
	border-left:4px solid #fc7403;
	padding-left:8px;
	margin-bottom:10px;
	font-size: 16px;
	height: 24px;
	overflow: hidden;
}
.volume .count {
	font:12px/19px PingFangSC-Regular,'-apple-system',Simsun;
	color:#999;
	padding-left:12px
}
.volume .subscri .btn {
	font:12px/28px PingFangSC-Regular,'-apple-system',Simsun;
	position:absolute;
	z-index:2;
	right:18px;
	display:block;
	width:80px;
	height:28px;
	transition:background-color .5s;
	text-align:center;
	color:#a11313
}
.volume .subscri .btn:hover, .volume .v-line a:hover {
	color:#e84848
}
.section_title .catalog-controls {position:absolute;top:14px;right:0;display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;}
#catalog_filters {display:inline-flex;align-items:center;flex-wrap:nowrap;gap: 0px;}
.catalog-controls #sort_button {position:static;float:none;margin-left:0;flex:0 0 80px;}
#catalog_filters button {border:0;background:none;color:#888;cursor:pointer;margin-right:12px;padding:0;font:inherit;}
#catalog_filters button.active {color:#2379b5;font-weight:bold;}
#catalog_filters[hidden], #volume-list .volume[hidden] {display:none !important;}
.chapter-list {
	margin-bottom:15px;
	float: right;
    width: 1020px;
}
.chapter-list>* {
	padding:11px 0;
	position:relative;
	border-bottom:1px #f0f0f0 solid;
}
.chapter-list li {
	height:18px;
}
.chapter-list a {
	float:left;
	max-width:100%;
	line-height:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.chapter-list a:visited, .chapter-list .visited {
	color:#d9d9d9
}
.col-4 {
	width:30%;
	float:left;
	padding-right:30px;
}
.col-4:hover {
	border-bottom:1px solid #e84848;
}
.col-4:nth-child(3n+3) {
	}.vip-color {
	color:#fc7403
}
.vip {
	background:url(../images/icon_vip.png) no-repeat 84% 13px
}
.vip.col-4:nth-child(3n+3) {
	background:url(../images/icon_vip.png) no-repeat right 13px
}
.vipbox {
	background:#fc7403;
	border-radius:2px;
	font-family:Arial-BoldMT;
	font-size:14px;
	color:#fff;
	padding:1px 5px
}
.arrow-box {
	width:15px;
	height:15px;
	position:absolute;
	right:0;
	top:23px
}
.top {
	width:8px;
	height:8px;
	position:absolute;
	left:0;
	top:0;
	z-index:2
}
.top .arrow1,.top .arrow2 {
	width:0;
	height:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	border-top:4px transparent dashed;
	border-left:4px transparent dashed;
	border-right:4px transparent dashed;
	border-bottom:4px #fff solid;
	overflow:hidden
}
.top .arrow1 {
	border-bottom:4px #999 solid
}
.top .arrow2 {
	top:1px;
	border-bottom:4px #fff solid
}
.bottom {
	width:8px;
	height:8px;
	position:absolute;
	left:0;
	top:4px;
	z-index:2
}
.bottom .arrow1,.bottom .arrow2 {
	width:0;
	height:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:5;
	border-bottom:4px transparent dashed;
	border-left:4px transparent dashed;
	border-right:4px transparent dashed;
	border-top:4px #fff solid;
	overflow:hidden
}
.bottom .arrow1 {
	top:1px;
	border-top:4px #999 solid
}
.bottom .arrow2 {
	border-top:4px #fff solid
}
.volume h3 .count {
	font:12px/19px PingFangSC-Regular,'-apple-system',Simsun;
	color:#666
}
.new {
	background:url(../images/new.png) no-repeat right center;
	padding-right:20px
}
.advert {
	margin-bottom:20px;
	margin-top:-10px
}
.advert a {
	display:inline-block
}
.footer{margin-top: 60px;}