@charset "utf-8";
html {
	font-size: 100px !important;
}

body {
	background-color: #F3F3F3;
	margin: 0;
	font-family: Helvetica;
	-webkit-text-size-adjust: 100%;
	font-size: 0.12rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input[type=button], input[type=text], input[type=number], input[type=password], textarea {
	-webkit-appearance: none;
	outline: 0
}

.bottom_menu {
	background: #333;
	height: 0.4rem;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.bottom_menu a {
	color: #FFF;
}
/* 360x640 */
@media only screen and (min-width: 360px) and (-webkit-min-device-pixel-ratio: 2) {
	html {
		font-size: 113px !important;
	}
}

/* iphone 6 */
@media only screen and (min-width: 375px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	html {
		font-size: 117.1875px !important;
	}
}

/* 384x640 */
@media only screen and (min-width: 384px) and (-webkit-min-device-pixel-ratio: 2) {
	html {
		font-size: 121px !important;
	}
}

/* iphone6 plus */
@media only screen and (min-width: 414px) and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
	html {
		font-size: 129.375px !important;
	}
}

/* 480x853 */
@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
	html {
		font-size: 150px !important;
	}
}

#page {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

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

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

ul {
	PADDING: 0px;
	margin: 0;
	BORDER: medium none;
	LIST-STYLE-TYPE: none;
	text-overflow: ellipsis;
}

.Content_Frame {
	overflow: hidden;
	padding: 0.1rem;
}

a {
	text-decoration: none;
}

/* 像素比为1 background-size：100% */
#jgx {
	height: 0.02rem;
}

/*像素比为1.5 */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#jgx {
		background-size: 6px;
		height: 0.02rem;
	}
}

/*像素比为2 */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#jgx {
		background-size: 2px;
		height: 0.02rem;
	}
}

/*像素比为3 */
@media only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
	#jgx {
		background-size: 3px;
		height: 0.02rem;
	}
}

/*评分*/
.grade_bg {
	height: 10px;
	width: 150px;
	background-size: 150px;
	display: inline-block;
	line-height: 10px;
	margin: 8px 0;
	font-size: 10px;
}

.grade {
	height: 10px;
	background-size: 150px;
	display: inline-block;
}

/*漫画首页头部菜单*/
.comic_top_menu {
	margin: 0.05rem 0.05rem 0 0.05rem;
	height: 0.32rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.comic_top_menu li {
	display: block;
	width: auto;
	color: #F90;
}

.comic_top_menu li a {
	color: #F90;
}

.comic_top_menu li span {
	font-size: 0.16rem;
	padding: 0 8px;
}

.comic_top_menu li:last-child {
	text-align: right;
	margin-left: auto;
	white-space: nowrap;
}

.comic_top {
	background: #FFF;
	position: fixed;
	z-index: 90;
	width: 100%;
	top: 0;
	left: 0;
	color: #666;
	border-top-width: 0px;
}

.comic_top_Nav {
	font-size: 0.14rem;
	display: inline-block;
}

.comic_top_Nav li {
	display: inline-block;
	line-height: 0.4rem;
	text-align: center;
	padding: 0 0.1rem;
	border-bottom: 3px solid #FFF;
}

.comic_top_Nav li a {
	color: #666;
	display: block;
	width: 100%;
}

.comic_top_Nav_up {
	border-bottom-color: #F90 !important;
}

.comic_top_Nav_up a {
	font-weight: bold;
	color: #F90 !important;
}

/* freetwo 顶部导航 */
.ft-header {
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.ft-header,
.ft-header * {
	box-sizing: border-box;
}

.ft-header__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px 4px;
	gap: 8px;
}

.ft-header__logo {
	flex: 1;
	min-width: 0;
	font-size: 18px !important;
	font-weight: 700;
	color: #ff7a18 !important;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ft-header__actions {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 8px;
}

.ft-header__btn {
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: #fff4e8;
	color: #ff7a18 !important;
	font-size: 15px;
}

.ft-header__btn span {
	font-size: 15px;
	line-height: 1;
	padding: 0;
}

.ft-header__nav {
	display: flex;
	align-items: stretch;
	padding: 0 4px;
}

.ft-header__nav a {
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
	padding: 10px 0 8px;
	font-size: 14px !important;
	color: #666 !important;
	line-height: 1.2;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
}

.ft-header__nav a.is-active {
	color: #ff7a18 !important;
	font-weight: 700;
	border-bottom-color: #ff7a18;
}

.ft-hot {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	padding: 8px 12px 2px;
	font-size: 12px;
	line-height: 1.4;
	color: #999;
}

.ft-hot__label {
	flex: 0 0 auto;
	color: #ff7a18;
	font-weight: 600;
}

.ft-hot a {
	flex: 0 0 auto;
	display: inline-block;
	max-width: 100%;
	padding: 3px 8px;
	border-radius: 12px;
	background: #fff4e8;
	color: #c86a00 !important;
	font-size: 12px !important;
	line-height: 1.4;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ft-hot a:active {
	opacity: 0.85;
}

.ft-header__slogan {
	margin: 0;
	padding: 6px 12px 10px;
	font-size: 12px !important;
	line-height: 1.4;
	color: #aaa;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*漫画频道通用菜单*/


/*漫画列表*/
.comic_list {
	padding: 8px;
	overflow: hidden;
	margin-top: 0.06rem;
}

.comic_list li {
	float: left;
	font-size: 0.1rem;
	color: #999;
	position: relative;
}

.comic_list li:first-child {
	width: 24%;
	margin-right: 8px;
}

.comic_list li:first-child div {
	position: absolute;
	bottom: 0px;
	left: 100%;
	margin-left: 8px;
	white-space: nowrap;
}

.comic_list li:first-child img {
	width: 100%;
	display: block;
}

.comic_list li #listtitle {
	font-size: 0.12rem;
	color: #333;
}

.comic_list li .rating-container {
	font-size: 0.08rem;
	letter-spacing: 0.03rem;
}

/*漫画详情*/
.comic_main_list {
	overflow: hidden;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 2% 8px;
	box-sizing: border-box;
}

.comic_main_list a {
	display: block;
	width: calc((100% - 12px) / 3);
	box-sizing: border-box;
	text-decoration: none;
}

.comic_main_list div {
	float: none;
	width: 100%;
	margin: 0;
	padding: 8px 6px;
	min-height: 0;
	line-height: 1.35;
	border-radius: 6px;
	border: 1px solid #ebebeb;
	background: #fafafa;
	color: #444;
	font-size: 12px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}

.comic_main_list div b {
	margin-right: 0.05rem;
	color: #F90;
}

/*漫画浏览页*/
.comic_view {
	margin-top: 0.4rem;
	overflow: hidden;
}

.comic_view img {
	width: 100%;
	float: left;
}

.comic_view_top {
	position: fixed;
	z-index: 90;
	width: 100%;
	top: 0;
	left: 0;
}

.yuedu {
	line-height: 2em;
	font-size: 0.15rem;
	color: #333;
}

.yuedu_menu {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	margin: 0.1rem 0;
	-webkit-box-pack: center;
}

.yuedu_menu a {
	font-size: 0.14rem;
	border: 1px solid #E7E7E7;
	border-radius: 0.16rem;
	background: #FFF;
	color: #333;
	padding: 0 0.1rem;
	height: 0.3rem;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	-webkit-box-flex: 1;
}

.yuedu_menu a + a {
	margin-left: 0.1rem;
}

.yuedu_VIP {
	border: 1px solid #E7E7E7;
	border-radius: 0.06rem;
	background: #FFF;
	padding: 0 0.1rem;
	margin: 0.5rem 0.2rem 0 0.2rem;
}

.yuedu_VIP li {
	padding: 0.08rem 0;
	font-size: 0.11rem;
}

.yuedu_VIP li span {
	color: #F90;
}

.yuedu_input {
	width: 1rem;
	height: 0.3rem;
	color: #fff;
	font-size: 0.11rem;
	background: #f90;
	border-radius: 0.16rem;
	margin: 0.1rem;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}


/*首页推荐*/
.Focus {
	float: left;
	width: 1.02rem;
	height: 1.15rem;
	overflow: hidden;
}

.Focus img {
	width: 0.92rem;
	height: 1.15rem;
}

.Focus + li {
	font-size: 0.12rem;
	color: #666;
	line-height: 0.15rem;
}

.Focus + li span {
	display: block;
	font-size: 0.15rem;
	color: #333
}

.Focus + li span + span {
	font-size: 0.13rem;
	padding: 0.025rem 0 0.08rem 0;
}

.tuijian_list li {
	float: left;
	width: 22%;
	margin-left: 2.4%;
	text-align: center;
}

.tuijian_list li img {
	margin-bottom: 0.02rem;
	width: 100%;
}

.tuijian_list li P {
	margin: 0px;
	height: 0.4rem;
	overflow: hidden;
}

.tuijian_list2 {
	width: 120%;
}

.tuijian_list2 li {
	float: left;
	width: 0.92rem;
	height: 1.6rem;
	margin-right: 0.12rem;
	text-align: center;
}

.tuijian_list2 li img {
	margin-bottom: 0.025rem;
	width: 0.92rem;
	height: 1.15rem;
}

.Linkfont a {
	color: #666;
	text-decoration: none;
	font-size: 0.1rem;
}

.Linkfont a:hover {
	color: #333;
	text-decoration: underline;
}

.Linkfont a:active {
	color: #333;
	text-decoration: underline;
}

.menufont a {
	color: #FFD2B5;
	text-decoration: none;
}

.topfont a {
	color: #333;
	text-decoration: none;
}


/*内页简化头部*/
.menu_top_list {
	height: 0.4rem;
	width: 100%;
	background-color: #EF9965;
	color: #FFF;
	font-size: 0.14rem;
}

.menu_top_list a {
	color: #FFF;
}

.menu_top_list li {
	float: left;
	display: -webkit-box;
	-webkit-box-align: center;
	height: 0.4rem;
}

.menu_top_list li:first-child {
	width: 18%;
}

.menu_top_list li:first-child::before {
	background: url("../../images/menu_top_icon.png") no-repeat -0.42rem 0.085rem;
	background-size: 0.9rem;
	content: "";
	height: 0.4rem;
	width: 0.21rem;
	display: block;
}

.menu_top_list li + li {
	width: 64%;
	-webkit-box-pack: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.menu_top_list li:last-child {
	width: 18%;
}


/*书评列表*/
.book_Pinglun {
	background: #FFF;
	border-radius: 0.03rem;
	padding: 0.1rem;
	margin: 0.11rem 0.02rem 0 0.02rem;
	position: relative;
	box-shadow: 0px 0px 0.02rem #CACACA;
	z-index: 2;
}

.book_pinglun_Triangle {
	position: absolute;
	width: 0.095rem;
	height: 0.07rem;
	left: 0.14rem;
	bottom: -0.07rem;
	overflow: hidden;
}

.book_pinglun_Triangle:after {
	content: "";
	background: #fff;
	height: 0.065rem;
	width: 0.065rem;
	-webkit-transform: rotate(45deg);
	left: 0.015rem;
	bottom: 0.04rem;
	position: absolute;
	box-shadow: 0px 0px 0.02rem #CACACA;
}

.book_Pinglun .grade_bg {
	margin: 0.08rem 0;
}

.book_Pinglun img {
	margin: 0 0.1rem 0 0;
	height: 0.6rem;
	width: 0.48rem;
}

.book_Pinglun span {
	font-size: 0.14rem;
	margin-top: 0.02rem;
	display: block;
	color: #333;
}

#jgx span {
	position: relative;
	top: -0.08rem;
	left: 0.2rem;
	background: #f0f0f0;
	padding: 0 0.075rem;
	font-size: 0.15rem;
	color: #333;
}

.Pinglun_Post {
	overflow: hidden;
}

.Pinglun_Post span {
	line-height: 0.24rem;
}

a.submit_button {
	-webkit-border-image: url("../../images/1px_bg3.png") 9 stretch;
	border-image: url("../../images/1px_bg3.png") 9 stretch;
	font-size: 0.14rem;
	background: #FFF;
	color: #999;
	text-decoration: none;
	padding: 0 0.05rem;
	height: 0.19rem;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

@media (-webkit-max-device-pixel-ratio: 1) {
	a.submit_button {
		border: 1px solid #bdbdbd;
		border-radius: 0.025rem;
		height: 0.23rem;
	}
}

a.submit_button:active {
	color: #FF6600;
}

#Pinglun_more {
	text-align: center;
	margin: 0.1rem 0;
}

figure {
	border-radius: 0.15rem;
	overflow: hidden;
	height: 0.3rem;
	width: 0.3rem;
	margin: 0 0.08rem 0 0;
}

figure img {
	width: 0.3rem;
	height: 0.3rem;
}

.Pinglun_Content {
	padding-bottom: 0.05rem;
	-webkit-box-flex: 1;
}

.Pinglun_Content span {
	font-size: 0.1rem;
}

.Pinglun_Content2 {
	padding: 0 0 0.05rem 0;
}

.Pinglun_Content2 .grade_bg {
	margin: 0;
}

.Pinglun_Content2 span {
	font-size: 0.1rem;
}

#Pinglun_body li {
	color: #666;
	overflow: hidden;
	font-size: 0.11rem;
}

#Pinglun_body li figure {
	float: left;
}

#Pinglun_body li p {
	margin: 0.05rem 0 0 0;
	line-height: 1.5em;
	text-indent: 2em;
}

#Pinglun_body li span {
	line-height: 0.15rem;
	color: #666;
}

#Pinglun_body li span B {
	font-weight: normal;
	font-size: 0.12rem;
	color: #333;
}

#Pinglun_body li span em {
	color: #ff6600;
	font-style: normal;
	font-size: 0.12rem;
}

#Pinglun_body li span i {
	border-radius: 0.07rem;
	color: #FFF;
	padding: 0 8px;
	height: 0.12rem;
	line-height: 0.14rem;
	display: inline-block;
}

#Pinglun_body #Shuping_info {
	display: inline-block;
	margin-top: 0.1rem;
	font-size: 0.1rem;
}

#Pinglun_body #Shuping_info + span {
	float: right;
	display: inline-block;
	margin-top: 0.05rem;
	background: #FFF;
	padding: 0 0.1rem;
	font-size: 0.1rem;
	-webkit-border-image: url("../../images/1px_bg3.png") 9 stretch;
	border-image: url("../../images/1px_bg3.png") 9 stretch;
}

@media (-webkit-max-device-pixel-ratio: 1) {
	#Pinglun_body #Shuping_info + span {
		border: 1px solid #bdbdbd;
		border-radius: 0.025rem;
		padding: 0.025rem 0.15rem;
	}
}

#Pinglun_body #Shuping_info + span small {
	color: #ff6600;
	margin-left: 0.025rem;
}

#Pinglun li {
	color: #666;
	background: url(../../images/xx.gif) repeat-x bottom;
	overflow: hidden;
	margin-top: 0.1rem;
	display: -webkit-box;
}

/*像素比为1.5 */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#Pinglun li {
		background: url(../../images/xx1.5.png) repeat-x bottom;
		background-size: 8px;
	}
}

/*像素比为2 */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#Pinglun li {
		background: url(../../images/xx.gif) repeat-x bottom;
		background-size: 2px;
	}
}

/*像素比为3 */
@media only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
	#Pinglun li {
		background: url(../../images/xx3.png) repeat-x bottom;
		background-size: 4px;
	}
}

#Pinglun li p {
	margin: 0.05rem 0;
	line-height: 1.5em;
	font-size: 0.11rem;
}

#Pinglun li p img {
	vertical-align: -0.035rem;
	margin-right: 0.05rem;
}

.moon {
	width: 0.4rem;
	height: 0.15rem;
}

.DS {
	width: 0.15rem;
	height: 0.15rem;
}

#Pinglun li span {
	line-height: 0.15rem;
}

#Pinglun li span B {
	font-weight: normal;
	font-size: 0.12rem;
	color: #333;
}

#Pinglun li span em {
	color: #ff6600;
	font-style: normal;
	font-size: 0.12rem;
}

#Pinglun li span i {
	border-radius: 0.07rem;
	color: #FFF;
	padding: 0 8px;
	height: 0.12rem;
	line-height: 0.14rem;
	display: inline-block;
}

#Pinglun > li > p > span {
	font-size: 0.13rem;
	color: #ff6600;
}

.VIP1 {
	background: #00CC33;
}

.VIP2 {
	background: #00CC33;
}

.VIP3 {
	background: #FF6600;
}

.VIP4 {
	background: #FF6600;
}

.VIP5 {
	background: #FF6600;
}

.VIP6 {
	background: #3399FF;
}

.VIP7 {
	background: #3399FF;
}

.VIP8 {
	background: #75A6BF;
}

.VIP9 {
	background: #75A6BF;
}

.VIP10 {
	background: #FD9302;
}

.VIP11 {
	background: #FD9302;
}

.VIP12 {
	background: #D50707;
}

.Pinglunfont a {
	color: #666;
	text-decoration: none;
}

#Shuping li {
	color: #666;
	background: url(../../images/xx.gif) repeat-x bottom;
	overflow: hidden;
	margin-top: 0.1rem;
}

/*像素比为1.5 */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	#Shuping li {
		background: url(../../images/xx1.5.png) repeat-x bottom;
		background-size: 8px;
	}
}

/*像素比为2 */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	#Shuping li {
		background: url(../../images/xx.gif) repeat-x bottom;
		background-size: 2px;
	}
}

/*像素比为3 */
@media only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
	#Shuping li {
		background: url(../../images/xx3.png) repeat-x bottom;
		background-size: 4px;
	}
}

.Shuping_Content {
	padding: 0 0 0.05rem 0;
}

.Shuping_Content .grade_bg {
	margin: 0;
}

.Shuping_Content span {
	font-size: 0.1rem;
}

#Shuping li figure {
	float: left;
}

#Shuping li p {
	margin: 0.05rem 0;
	line-height: 1.5em;
	font-size: 0.11rem;
}

#Shuping li span {
	line-height: 0.17rem;
}

#Shuping li span B {
	font-weight: normal;
	font-size: 0.12rem;
	color: #333;
}

#Shuping li span em {
	color: #ff6600;
	font-style: normal;
	font-size: 0.14rem;
}

#Shuping > li > p > span {
	font-size: 0.13rem;
	color: #ff6600;
}

#Shuping li #Shuping_info {
	color: #333;
	display: inline-block;
	margin: 0.05rem 0 0.05rem 0;
	font-size: 0.1rem;
}

#Shuping li #Shuping_info ~ span {
	-webkit-border-image: url("../../images/1px_bg3.png") 9 stretch;
	border-image: url("../../images/1px_bg3.png") 9 stretch;
	color: #333;
	float: right;
	display: inline-block;
	background: #FFF;
	padding: 0 0.1rem;
	margin: 0 0 0.1rem 0.1rem;
	font-size: 0.1rem;
}

@media (-webkit-max-device-pixel-ratio: 1) {
	#Shuping li #Shuping_info ~ span {
		border: 1px solid #bdbdbd;
		border-radius: 0.025rem;
		padding: 0.025rem 0.15rem;
	}
}

#Shuping li #Shuping_info ~ span small {
	color: #ff6600;
	margin-left: 0.025rem;
}

/*书籍详情介绍（new) */
.book_newtitle {
	font-size: 0.14rem;
}

.book_info {
	display: -webkit-box;
	height: 1.15rem;
}

.book_info li {
	-webkit-box-flex: 1;
}

.book_info li:last-child {
	text-align: right;
	width: 1.02rem;
}

.book_info li img {
	width: 0.92rem;
	height: 1.15rem;
}

.book_info2 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	margin: 6px 0 8px;
}

.book_info2 span:nth-child(3) {
	background: rgba(255, 255, 255, 0.22);
}

.book_info2 span,
.book_info2 em,
.book_info2 label {
	font-size: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(255, 255, 255, 0.22);
	height: auto;
	min-height: 20px;
	padding: 2px 8px;
	margin: 0;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, 0.35);
	line-height: 1.2;
}

.book_info2 a {
	color: #fff !important;
	text-decoration: none;
}

.book_info2 label {
	background: rgba(255, 255, 255, 0.22);
}

.book_info2 em {
	background: rgba(255, 255, 255, 0.22);
	font-style: normal;
}

.book_info3 {
	font-size: 0.08rem;
	line-height: 2em;
}

.book_Catalog {
	display: -webkit-box;
	margin-top: 0.15rem;
}

.book_Catalog a {
	font-size: 0.13rem;
	height: 0.28rem;
	border-radius: 0.14rem;
	-webkit-box-flex: 1;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	margin-right: 0.2rem;
	color: #FFF;
	background: #6F2400;
}

.book_Catalog a:last-child {
	margin-right: 0rem;
}

.book_Content_style {
	background: #FFF;
	border-width: 1px 0px;
	-webkit-border-image: url("../../images/1px_bk2.png") 2 0 stretch;
	border-image: url("../../images/1px_bk2.png") 2 0 stretch;
	color: #999;
	background: #FFF;
}

.book_interact {
	display: -webkit-box;
}

.book_interact li {
	-webkit-box-flex: 1;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	text-align: center;
	width: 0%;
	margin-top: 0.11rem;
	font-size: 0.12rem;
	height: 0.34rem;
	line-height: 1.5em;
	border-width: 0 1px 0 0;
	-webkit-border-image: url("../../images/1px_bk_s2.png") 0 2 stretch;
	color: #999;
}

.book_interact li:last-child {
	border-width: 0px;
}

.book_interact li span {
	font-size: 0.13rem;
	vertical-align: middle;
}

.book_interact li small {
	color: #F60;
}

.book_interact li a {
	color: #666;
	display: block;
	width: 100%;
}

.book_profile li:first-child {
	color: #333;
	font-size: 0.12rem;
	height: 0.3rem;
	line-height: 0.3rem;
}

.book_profile li:nth-child(2) {
	color: #666;
	font-size: 0.1rem;
	line-height: 1.8em;
	padding: 0.05rem 0;
}

.book_profile li:last-child {
	padding: 0.08rem 0 0.03rem 0;
	overflow: hidden;
}

.book_profile li:last-child span {
	float: left;
	font-size: 0.085rem;
	background: #E0E0E0;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	height: 0.14rem;
	border-radius: 0.07rem;
	padding: 0px 0.06rem;
	margin: 0 0.1rem 0.05rem 0;
}

.ft-catalog .ft-catalog__title {
	border-top-width: 0;
	margin: 0;
	padding: 0 2% !important;
	height: 0.28rem !important;
	line-height: 0.28rem !important;
	font-weight: 600;
}

.ft-catalog .book_profile li:last-child {
	padding: 0.04rem 0 0.08rem;
}

.book_bk_qs1 {
	border-width: 1px 0px;
	-webkit-border-image: url("../../images/1px_bk_qs2.png") 2 0 stretch;
	background: #FFF;
	overflow: hidden;
}

.book_Content_title {
	color: #333;
	font-size: 0.12rem;
	height: 0.3rem;
	line-height: 0.3rem;
}

.book_xq_pinglun {
	display: -webkit-box;
	-webkit-box-align: center;
	text-align: center;
}

.book_xq_pinglun_qh {
	height: 2px;
	background: #AE5D5A;
	width: 0.6rem;
	margin-left: 0rem;
	transition: margin-left 0.5s;
}

.book_xq_pinglun li {
	width: 0.6rem;
	color: #333;
	font-size: 0.12rem;
	height: 0.3rem;
	line-height: 0.3rem;
}

.book_xq_pinglun div {
	border-width: 0 1px 0 0;
	-webkit-border-image: url("../../images/1px_bk_s2.png") 0 2 stretch;
	height: 0.15rem;
}

.book_xq_pinglun li:last-child {
	-webkit-box-flex: 1;
	text-align: right;
	color: #999;
}

.book_fans li {
	color: #666;
	font-size: 0.12rem;
	background: url(../../images/xx.gif) repeat-x bottom;
	overflow: hidden;
	padding: 0.1rem 0;
	display: -webkit-box;
	-webkit-box-align: center;
}

/*像素比为1.5 */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.book_fans li {
		background: url(../../images/xx1.5.png) repeat-x bottom;
		background-size: 8px;
	}
}

/*像素比为2 */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.book_fans li {
		background: url(../../images/xx.gif) repeat-x bottom;
		background-size: 2px;
	}
}

/*像素比为3 */
@media only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
	.book_fans li {
		background: url(../../images/xx3.png) repeat-x bottom;
		background-size: 4px;
	}
}

.book_fans li div {
	-webkit-box-flex: 1;
}

.book_fans li div:last-child {
	text-align: right;
	color: #F60;
}

.book_fans li span {
	line-height: 0.15rem;
	color: #999;
}

.book_fans li span B {
	font-weight: normal;
	color: #333;
}

.book_Author {
	padding: 0 0.1rem;
	font-size: 0.12rem;
}

.book_Author img {
	border-radius: 50%;
	margin: 0.15rem 0 0.02rem 0;
}

.book_Author li:first-child {
	text-align: center;
}

.book_Author li:nth-child(2) {
	color: #666;
	margin-top: 0.04rem;
	line-height: 1.5em;
}

.book_Author li:last-child {
	display: -webkit-box;
}

.book_Author li:last-child div:first-child {
	color: #666;
	margin-top: 0.15rem;
	line-height: 2em;
	-webkit-box-flex: 1;
}

.book_Author li:last-child div:first-child ~ div {
	width: 0.15rem;
	font-size: 0.1rem;
	line-height: 1.1em;
	color: #CCC;
	display: -webkit-box;
	-webkit-box-align: center;
}

.book_pinglun_more {
	font-size: 0.12rem;
	color: #999;
	background: #f1f1f1;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	height: 0.26rem;
	border-radius: 0.13rem;
	margin: 0.2rem auto;
	width: 1.5rem;
}

.book_Author a {
	color: #666;
}


/*搜索列表*/
.menu_search {
	background-color: #EF9965;
	color: #FFF;
	font-size: 0.14rem;
	padding: 0 0.05rem;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	height: 0.4rem;
	-webkit-box-align: center;
}

.menu_search li span {
	background: url("../../images/menu_top_icon.png") no-repeat -0.6rem 0.035rem;
	background-size: 0.9rem;
	width: 0.32rem;
	height: 0.28rem;
	display: block;
}

.menu_search li:first-child {
	height: 0.28rem;
	-webkit-box-flex: 1;
	border-radius: 0.025rem 0px 0px 0.025rem;
	background: #FFF;
	overflow: hidden;
}

.menu_search li:nth-of-type(2) {
	border-radius: 0px 0.025rem 0.025rem 0px;
	background: #FFF;
	height: 0.28rem;
}

.menu_search li:first-child input {
	border: 0;
	font-size: 0.13rem;
	height: 0.28rem;
	width: 90%
}

.menu_search li:last-child {
	padding: 0 0.15rem 0 0.10rem;
}

.search_fenlei li {
	float: left;
	width: 25%;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-box;
	height: 0.4rem;
}

.search_fenlei a {
	color: #333;
}

.search_list_SX li {
	height: 0.4rem;
	display: -webkit-box;
	-webkit-box-align: center;
	background: url(../../images/jgx.gif) repeat-x bottom;
	padding-left: 0.05rem;
}

/*像素比为1.5 */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.search_list_SX li {
		background: url(../../images/jgx3.png) repeat-x bottom;
		background-size: 6px;
	}
}

/*像素比为2 */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.search_list_SX li {
		background: url(../../images/jgx.gif) repeat-x bottom;
		background-size: 2px;
	}
}

/*像素比为3 */
@media only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
	.search_list_SX li {
		background: url(../../images/jgx3.png) repeat-x bottom;
		background-size: 3px;
	}
}

.search_list_SX_last {
	color: #FF6600;
	-webkit-box-pack: center;
}

.searchdata li {
	margin-top: 0.1rem;
	background: url(../../images/xx.gif) repeat-x bottom;
	overflow: hidden;
	height: 0.7rem;
	color: #666;
}

/*像素比为1.5 */
@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.searchdata li {
		background: url(../../images/xx1.5.png) repeat-x bottom;
		background-size: 8px;
	}
}

/*像素比为2 */
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.searchdata li {
		background: url(../../images/xx.gif) repeat-x bottom;
		background-size: 2px;
	}
}

/*像素比为3 */
@media only screen and (-moz-min-device-pixel-ratio: 3), only screen and (-o-min-device-pixel-ratio: 3/1), only screen and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-pixel-ratio: 3) {
	.searchdata li {
		background: url(../../images/xx3.png) repeat-x bottom;
		background-size: 4px;
	}
}

.searchdata img {
	margin-right: 0.1rem;
	height: 0.6rem;
	width: 0.48rem;
}

.searchdata li span {
	font-size: 0.14rem;
	display: block;
	color: #333;
	padding-top: 0.02rem;
}

/*弹出框*/
.Tips {
	position: fixed;
	margin: auto;
	top: 50%;
	left: 0;
	bottom: 50%;
	right: 0;
	height: 1rem;
	text-align: center;
	z-index: 101;
}

.Tips2 {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: 0.15rem;
	z-index: 101;
}

.Tipscontent {
	color: #fff;
	background-color: #000;
	border-radius: 0.05rem;
	background: rgba(0, 0, 0, 0.6);
	display: inline-block;
	padding: 0.075rem 0.1rem;
}

.tck {
	width: 2.7rem;
	height: 2.1rem;
	color: #C3C3C3;
	background-color: #333;
	border-radius: 0.05rem;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	box-shadow: 0px 0px 0.05rem #333;
}

.tck li:nth-of-type(1) {
	font-size: 0.17rem;
	height: 0.4rem;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-box;
}

.tck li:nth-of-type(2) {
	font-size: 0.15rem;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	height: 1.3rem;
	background-color: #3e3e3e;
	padding-left: 0.075rem;
}

.tck li:nth-of-type(2) a {
	display: block;
	color: #C3C3C3;
	text-decoration: none;
	padding: 0.075rem 0;
}

.tck li:nth-of-type(2) textarea {
	height: 0.6rem;
	width: 2.5rem;
	font-size: 0.13rem;
	background: #5E5E5E;
	border: 1px #2A2A2A solid;
	color: #C3C3C3;
}

.tck li:nth-of-type(2) span {
	color: #FF0;
}

.tck li:nth-of-type(3) {
	font-size: 0.17rem;
	height: 0.4rem;
	color: #fff;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}

.tck li:nth-of-type(3) span {
	-webkit-box-pack: center;
	-webkit-box-align: center;
	display: -webkit-box;
	-webkit-box-flex: 1
}

.tck_yp {
	display: block;
	padding: 0.05rem 0;
	width: 2rem;
	text-align: center;
	background: #fff;
	color: #333 !important;
	border-radius: 0.03rem;
	margin: 0.08rem auto;
}

.tck_ds span {
	display: inline-block;
	width: 50%;
	padding: 0.05rem 0;
}

.tck_ds span input {
	vertical-align: middle;
}

/*弹出框结束*/

/*查看更多、发表评论*/
.Browse_more {
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
	height: 0.3rem;
	background-color: #F3f3f3;
	margin: 0.1rem 0;
	-webkit-border-image: url("../../images/1px_bg3.png") 9 stretch;
	border-image: url("../../images/1px_bg3.png") 9 stretch;
}

@media (-webkit-max-device-pixel-ratio: 1) {
	.Browse_more {
		border: 1px solid #bdbdbd;
	}
}

textarea {
	border: 1px solid #dfdfdf;
	height: 1rem;
	-webkit-box-flex: 1;
	display: block;
	font-size: 0.1rem;
	margin: 0px;
	padding: 0.025rem;
	border-radius: 0.03rem;
}

.post_but {
	width: 0.6rem;
	height: 0.3rem;
	color: #fff;
	font-size: 0.13rem;
	background: #999;
	border-radius: 0.02rem;
	margin: 0.1rem 0;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.post_input {
	border: 1px solid #dfdfdf;
	height: 0.2rem;
	width: 2rem;
	font-size: 0.1rem;
	border-radius: 0.02rem;
}

.PP_info {
}

.PP_info th {
	text-align: right;
	height: 0.4rem;
	font-weight: 400;
	padding-right: 0.05rem;
}

/*点赞动画*/
@-webkit-keyframes 'ADD' {
	from {
		-webkit-transform: translateY(0px);
		opacity: 0;
	}
	40% {
		-webkit-transform: translateY(-0.15rem);
		opacity: 1;
	}
	to {
		-webkit-transform: translateY(-0.4rem);
		opacity: 0;
	}
}

.ADD1:before {
	-webkit-animation-name: 'ADD';
	-webkit-animation-duration: 1.8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
}

.ADD_content {
	position: relative;
}

.ADD_content:before {
	content: "+1";
	position: absolute;
	display: block;
	background: #F60;
	color: #FFF;
	top: -0.1rem;
	left: 28%;
	line-height: 0.1rem;
	padding: 0.02rem 0.075rem;
	border-radius: 0.025rem;
	font-size: 0.08rem;
	opacity: 0;
}

/*点赞动画结束*/

/*分类代码 */
.fenlei {
	overflow: hidden;
}

.fenlei li {
	width: 33.3%;
	text-align: center;
	float: left;
	font-size: 0.14rem;
}

.fenlei li img {
	margin: 0.1rem;
	width: 90px;
}

/*登录*/
.denglu_logo {
	text-align: center;
	color: #999;
}

.denglu_logo img {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0.2rem;
}

.denglu_input li {
	line-height: 0.35rem;
}

.denglu_input input {
	border: none;
	color: #666;
	width: 60%
}

/*按钮效果*/
.redfont_input {
	width: 1rem;
	height: 0.3rem;
	color: #fff;
	font-size: 0.13rem;
	background: #AF2F15;
	border-radius: 0.02rem;
	margin: 0.1rem 0.1rem 0.1rem 0;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

/*404*/
.error_bg {
	-webkit-border-image: url("../../images/1px_bg3.png") 9 stretch;
	border-image: url("../../images/1px_bg3.png") 9 stretch;
	background: #FFF;
	padding: 0.05rem;
	line-height: 2em;
	width: 75%;
	margin: 0 auto;
}

.error_bg span {
	color: #F60;
}

.error_bg a {
	color: #09C;
}

/*底部浮层*/
#bottomNav {
	background: rgba(0, 0, 0, 0.8);
	z-index: 999;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.4rem;
}

#bottomNav i {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

#bottomNav img {
	vertical-align: middle;
	margin: 0 0.15rem 0 0.05rem;
}

#bottomNav img + img + img {
	float: right;
	margin: 0.15rem 0.15rem 0 0;
}

.ui-widget-overlay {
	background: #666666 50% 50% repeat;
	opacity: .50;
	filter: Alpha(Opacity=50);
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}