.comic-chapter .chapter-rank:after,.comic-chapter .chapter-rank:before {
	content:"";
	height:0;
	width:0;
	overflow:hidden
}
.call-rank-list ul {
	zoom:1
}
.call-rank-list ul:after {
	content:"";
	display:table;
	clear:both
}
.fullStar {
	background-image:url(../images/icon_game_yx32s.png)
}
.halfStar1 {
	background-image:url(../images/icon_game_yx32b1.png)
}
.halfStar2 {
	background-image:url(../images/icon_game_yx32b2.png)
}
.halfStar3 {
	background-image:url(../images/icon_game_yx32b3.png)
}
.halfStar4 {
	background-image:url(../images/icon_game_yx32b4.png)
}
.emptyStar {
	background-image:url(../images/icon_game_yx32x.png)
}
.view-header {
	background-color:none
}
.view-header.comic-detail-header {
	position:fixed;
	left:0;
	top:0;
	right:0;
	z-index:9999;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	background:rgba(0,0,0,0);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	-webkit-transition:background .5s;
	-o-transition:background .5s;
	-moz-transition:background .5s;
	transition:background .5s;
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0)
}
.view-header.comic-detail-header .ift-back {
	font-size:.5333333333rem;
	padding-left:.1333333333rem;
	color:#fff
}
.view-header.comic-detail-header .ift-share {
	color:#fff
}
.view-header.comic-detail-header .change-bg {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	z-index:-1;
	opacity:0
}
.comic-detail-menu .item {
	float:left;
	font-size:.32rem;
	text-shadow:.0266666667rem .0266666667rem .0133333333rem #333
}
.comic-detail-menu .item a {
	display:block;
	height:100%;
	color:#fff;
	padding-left:.2133333333rem
}
.comic-detail-menu .item.active {
	font-weight:700;
	font-size:.4266666667rem
}
.view-footer {
	height:1.3333333333rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-moz-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	color:#999
}
.view-footer .footer-haddles,.view-footer .start-read {
	padding:.16rem .4266666667rem;
	width:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	background-color:#fff
}
.view-footer .footer-haddles i,.view-footer .start-read i {
	display:block;
	margin:0 auto;
	width:.64rem;
	height:.64rem;
	font-size:.64rem;
	line-height:.64rem;
	color:#86d;
	text-align:center
}
.view-footer .start-read {
	color:#fff;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="transparent",endColorStr="#F3F3F7",gradientType="0");
	background-image:-webkit-gradient(linear,left top,right top,from(#86d),to(#675fd6));
	background-image:-webkit-linear-gradient(left,#86d,#675fd6);
	background-image:-moz-linear-gradient(left,#86d 0,#675fd6 100%);
	background-image:-o-linear-gradient(left,#86d 0,#675fd6 100%);
	background-image:linear-gradient(90deg,#86d,#675fd6)
}
.view-footer .start-read a {
	color:#fff
}
.view-footer .footer-haddles {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-moz-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	font-size:.2666666667rem
}
.view-footer .footer-haddles>.item {
	width:.8533333333rem
}
.view-footer .read-chapter {
	height:.64rem;
	line-height:.64rem;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	font-size:.3733333333rem
}
.detail-body:after {
	content:none!important
}
.comic-detail-cover {
	height:0;
	padding-bottom:133.3333333333%;
	position:relative;
	background-color:#000
}
.comic-detail-cover .thumb {
	position:absolute;
	width:100%;
	height:100%;
	opacity:.8
}
.comic-detail-cover .thumb .img {
	width:100%;
	height:100%;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.comic-detail-cover .comic-detail-info {
	position:absolute;
	bottom:0;
	z-index:1
}
.comic-detail-cover .comic-detail-info>.bd {
	padding:.4266666667rem
}
.comic-detail-cover .comic-title {
	vertical-align:middle;
	display:inline;
	color:#fff;
	font-size:.5333333333rem;
	text-shadow:.0266666667rem .0266666667rem .0266666667rem #333
}
.comic-detail-cover .comic-popular {
	display:inline-block;
	height:.4266666667rem;
	line-height:.4266666667rem;
	vertical-align:middle;
	color:#fff
}
.comic-detail-cover .comic-popular strong {
	font-weight:400
}
.comic-detail-cover .comic-tags {
	display:inline;
	padding:.2666666667rem 0;
	font-size:0;
	vertical-align:middle
}
.comic-detail-cover .comic-tags .item {
	display:inline-block;
	vertical-align:middle;
	margin-right:.16rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	max-width:.8533333333rem;
	padding:0 .16rem;
	background:rgba(0,0,0,.2);
	font-size:.2666666667rem;
	text-align:center;
	-webkit-border-radius:.2133333333rem;
	-moz-border-radius:.2133333333rem;
	border-radius:.2133333333rem;
	color:#fff;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.comic-detail-cover .comic-tags .item a {
	color:#fff;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8)
}
.comic-detail-cover .comic-tags .more {
	font-family:serif
}
.tags-more {
	background-color:#fff;
	padding:0 .2666666667rem .1333333333rem;
	width:5.3333333333rem;
	-webkit-border-radius:0 0 8px 8px;
	-moz-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.tags-more .item {
	display:inline-block;
	vertical-align:middle;
	width:25%;
	margin-bottom:.2666666667rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	font-size:.2666666667rem;
	-webkit-border-radius:.2133333333rem;
	-moz-border-radius:.2133333333rem;
	border-radius:.2133333333rem;
	text-align:center
}
.comic-icon-title {
	display:inline-block;
	padding:0 .2133333333rem;
	margin-right:.1066666667rem;
	font-size:.32rem;
	vertical-align:top;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="transparent",endColorStr="#F3F3F7",gradientType="0");
	background-image:-webkit-gradient(linear,left top,right top,from(#86d),to(#675fd6));
	background-image:-webkit-linear-gradient(left,#86d,#675fd6);
	background-image:-moz-linear-gradient(left,#86d 0,#675fd6 100%);
	background-image:-o-linear-gradient(left,#86d 0,#675fd6 100%);
	background-image:linear-gradient(90deg,#86d,#675fd6);
	-webkit-border-radius:0 .64rem .64rem 0;
	-moz-border-radius:0 .64rem .64rem 0;
	border-radius:0 .64rem .64rem 0;
	background-color:#86d;
	font-style:normal
}
.comic-icon-title,.comic-title2 {
	height:.64rem;
	line-height:.64rem;
	color:#fff;
	font-weight:400
}
.comic-title2 {
	font-size:.4266666667rem
}
.comic-box {
	margin:.4266666667rem 0
}
.comic-box .hd {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	padding-right:.4266666667rem
}
.comic-box .hd .flex-1 {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.comic-box .hd .more {
	font-size:.4266666667rem;
	color:#999
}
.comic-box>.bd {
	padding:0 .2666666667rem .2133333333rem
}
.comic-describe {
	position:relative;
	font-size:.32rem;
	height:.5333333333rem;
	line-height:.5333333333rem;
	color:#fff;
	overflow:hidden
}
.comic-describe .more {
	position:absolute;
	width:.8533333333rem;
	bottom:0;
	right:0;
	text-align:right;
	color:#999;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr="transparent",endColorStr="#F3F3F7",gradientType="0");
	background-image:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(rgba(0,0,0,0)),color-stop(60%,#000));
	background-image:-webkit-linear-gradient(0,rgba(0,0,0,0),#000 60%);
	background-image:-moz-linear-gradient(0,rgba(0,0,0,0),#000 60%);
	background-image:-o-linear-gradient(0,rgba(0,0,0,0),#000 60%);
	background-image:linear-gradient(0,rgba(0,0,0,0),#000 60%)
}
.comic-figure-box {
	padding-top:.2666666667rem
}
.comic-figure-box .swiper-container-role {
	padding:.2133333333rem 0 .32rem
}
.comic-figure {
	margin-top:.2133333333rem;
	height:1.2rem
}
.comic-figure>.item {
	float:left;
	width:2.6666666667rem;
	height:1.2rem;
	padding-right:.2133333333rem;
	padding-left:.9066666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.comic-figure>.item a {
	color:#fff
}
.comic-figure .figure {
	float:left;
	margin-left:-.9066666667rem;
	font-size:0
}
.comic-figure .figure .figcaption {
	display:block;
	height:.5333333333rem;
	line-height:.5333333333rem;
	text-align:center;
	font-size:.32rem;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8);
	color:#999
}
.comic-figure .thumb {
	width:.8533333333rem;
	height:.6666666667rem;
	overflow:hidden
}
.comic-figure .thumb .img {
	vertical-align:top;
	width:.8rem;
	height:.8rem;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.comic-figure .figcaption-title {
	font-weight:400;
	height:.7466666667rem;
	line-height:.7466666667rem;
	font-size:.2666666667rem;
	color:#fff;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.impress-tags {
	font-size:0
}
.impress-tags .item {
	height:.7466666667rem;
	padding:0 .32rem;
	line-height:.7466666667rem;
	display:inline-block;
	font-size:.2666666667rem;
	border-width:.0133333333rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:.3733333333rem;
	-moz-border-radius:.3733333333rem;
	border-radius:.3733333333rem
}
.impress-tags .item.active {
	border-width:.0133333333rem;
	border-style:solid;
	color:#86d;
	font-size:.4266666667rem
}
.comic-comment .bd {
	padding-top:.32rem
}
.comic-comment .ft {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	height:.5333333333rem;
	line-height:.5333333333rem;
	color:#999
}
.comic-comment .ft .comment-interact {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:right
}
.comic-comment .comment-header {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	margin-bottom:.2133333333rem
}
.comic-comment .comment-header .comment-user {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.comic-comment .comment-header .comment-user .img {
	width:.5333333333rem;
	height:.5333333333rem;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.comic-comment .comment-header .level {
	display:inline-block;
	height:.4266666667rem;
	line-height:.3733333333rem;
	border:.0266666667rem solid #ff7647;
	-webkit-border-radius:.2666666667rem;
	-moz-border-radius:.2666666667rem;
	border-radius:.2666666667rem;
	padding:0 .1066666667rem;
	font-size:.2666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transform:scale(.8);
	-moz-transform:scale(.8);
	-ms-transform:scale(.8);
	-o-transform:scale(.8);
	transform:scale(.8)
}
.comic-comment .comment-status .comment-perfect,.comic-comment .comment-status .comment-top {
	display:inline-block;
	width:.4266666667rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	color:#fff;
	font-size:.2666666667rem;
	-webkit-border-radius:.1066666667rem;
	-moz-border-radius:.1066666667rem;
	border-radius:.1066666667rem;
	text-align:center;
	background-color:#86d
}
.comic-comment .comment-content {
	font-size:.32rem;
	height:1.0666666667rem;
	line-height:.5333333333rem;
	display:-webkit-box;
	-webkit-line-clamp:2;
	word-wrap:break-word;
	word-break:break-all;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden
}
.week-popularity {
	padding:0 .2666666667rem;
	height:1.0666666667rem;
	line-height:1.0666666667rem;
	border-bottom:.0266666667rem solid hsla(0,0%,86.7%,.25);
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.week-popularity dd,.week-popularity dt {
	height:.5333333333rem;
	line-height:.5333333333rem;
	display:inline-block;
	vertical-align:middle;
	margin:0 .2666666667rem 0 .1333333333rem
}
.week-popularity .rank {
	color:#ddd
}
.week-popularity .week-rank {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	text-align:right
}
.week-popularity .week-rank dd {
	margin:0;
	-webkit-border-radius:1000px;
	-moz-border-radius:1000px;
	border-radius:1000px;
	padding:.0533333333rem .32rem;
	border:.0266666667rem solid hsla(0,0%,60%,.25)
}
.week-popularity .week-rank dd a {
	color:#999;
	display:block;
	height:100%
}
.week-popularity .title {
	height:.64rem;
	line-height:.64rem;
	font-size:.5333333333rem;
	color:#333;
	margin-right:.1333333333rem
}
.week-popularity .ift-rank-up {
	color:#fd5158
}
.call-rank-header {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	height:.64rem;
	line-height:.64rem
}
.call-rank-header .title {
	height:.64rem;
	line-height:.64rem;
	font-size:.5333333333rem;
	color:#333
}
.call-rank-header dd,.call-rank-header dt {
	height:.5333333333rem;
	line-height:.5333333333rem;
	display:inline-block;
	vertical-align:middle
}
.call-rank-header dt {
	font-size:.3733333333rem
}
.call-rank-header dd {
	font-size:.32rem
}
.call-user-rank {
	display:inline-block;
	white-space:nowrap
}
.call-user-rank>.item {
	position:relative;
	display:inline-block;
	width:.5333333333rem;
	height:.5333333333rem;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#fff;
	margin-right:-.2133333333rem;
	-webkit-box-shadow:rgba(0,0,0,.25);
	-moz-box-shadow:rgba(0,0,0,.25);
	box-shadow:rgba(0,0,0,.25)
}
.call-user-rank>.item:last-child {
	margin-right:0
}
.call-user-rank>.item.last,.call-user-rank>.item.last-child {
	margin-right:0
}
.call-user-rank>.item .img {
	width:100%;
	height:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden
}
.call-user-rank>.item .num {
	position:absolute;
	bottom:-.0266666667rem;
	right:0;
	width:.4266666667rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	border:.0266666667rem solid #f5f5f5;
	font-size:.32rem;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
	transform:scale(.5);
	-webkit-transform-origin:bottom right;
	-moz-transform-origin:bottom right;
	-ms-transform-origin:bottom right;
	-o-transform-origin:bottom right;
	transform-origin:bottom right;
	color:#fff
}
.call-user-rank>.item.rank-first {
	z-index:2
}
.call-user-rank>.item.rank-first .num {
	background-color:#ff7647
}
.call-user-rank>.item.rank-second {
	z-index:1
}
.call-user-rank>.item.rank-second .num {
	background-color:#999
}
.call-user-rank>.item.rank-third .num {
	background-color:#86d
}
.call-rank-header .ift-right {
	font-size:.2666666667rem;
	color:#999;
	vertical-align:-.0666666667rem
}
.ift-rank-up {
	color:#fd5158
}
.ift-rank-down {
	color:#5ccf5a
}
.call-rank {
	position:relative;
	-webkit-border-radius:.1066666667rem;
	-moz-border-radius:.1066666667rem;
	border-radius:.1066666667rem;
	border:.0266666667rem solid hsla(0,0%,60%,.25);
	padding:.2133333333rem;
	margin-top:.4266666667rem
}
.call-rank .modify-circle-left,.call-rank .modify-circle-right {
	position:absolute;
	top:50%;
	width:.1333333333rem;
	height:.2666666667rem;
	margin-top:-.1333333333rem;
	overflow:hidden
}
.call-rank .modify-circle-left .modify-circle,.call-rank .modify-circle-right .modify-circle {
	display:block;
	width:.2133333333rem;
	height:.2133333333rem;
	border:.0266666667rem solid hsla(0,0%,60%,.25);
	-webkit-border-radius:.1333333333rem;
	-moz-border-radius:.1333333333rem;
	border-radius:.1333333333rem;
	background-color:#000
}
.call-rank .modify-circle-left {
	left:-.0266666667rem
}
.call-rank .modify-circle-left .modify-circle {
	margin-left:-.1333333333rem
}
.call-rank .call-rank-list .dash {
	border-right:.0266666667rem dashed hsla(0,0%,60%,.25)
}
.call-rank .call-rank-list ul:first-child {
	border-bottom-color:hsla(0,0%,60%,.2)
}
.call-rank .modify-circle-right {
	right:-.0266666667rem
}
.call-rank .item {
	width:20%;
	float:left;
	border-left:.0266666667rem dashed hsla(0,0%,100%,.2);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.call-rank .item:first-child {
	border-left:none
}
.call-rank .item.first,.call-rank .item.first-child {
	border-left:none
}
.call-rank .item .num,.call-rank .item .txt {
	display:block;
	text-align:center
}
.call-rank .item .num {
	height:.5333333333rem;
	line-height:.5333333333rem
}
.call-rank .item .txt {
	color:#999
}
.call-rank-list ul:first-child {
	padding-bottom:.2666666667rem;
	margin-bottom:.2666666667rem;
	border-bottom:.0266666667rem dashed hsla(0,0%,100%,.2)
}
.call-rank-list ul.first,.call-rank-list ul.first-child {
	padding-bottom:.2666666667rem;
	margin-bottom:.2666666667rem;
	border-bottom:.0266666667rem dashed hsla(0,0%,100%,.2)
}
.call-footer {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	margin-top:.4266666667rem
}
.call-footer .call-desc {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.call-footer .call-desc .txt,.call-footer .call-desc .txt2 {
	height:.4266666667rem
}
.call-footer .call-desc .txt2 {
	color:#999
}
.call-footer .call-handdle {
	height:.8533333333rem;
	padding:0 .32rem;
	-webkit-border-radius:.4266666667rem;
	-moz-border-radius:.4266666667rem;
	border-radius:.4266666667rem;
	border:.0266666667rem solid #86d;
	line-height:.8533333333rem
}
.call-footer .call-handdle .ift-drumstick {
	vertical-align:middle;
	font-size:.5333333333rem;
	color:#fd5158
}
.comic-chapter .chapter-rank {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:block;
	position:relative;
	height:.64rem;
	cursor:pointer
}
.comic-chapter .chapter-rank:after,.comic-chapter .chapter-rank:before {
	position:absolute
}
.comic-chapter .chapter-rank:before {
	border-bottom:.1466666667rem solid #ddd;
	border-left:.1466666667rem dashed rgba(0,0,0,0);
	border-right:.1466666667rem dashed rgba(0,0,0,0);
	top:.1333333333rem
}
.comic-chapter .chapter-rank:after {
	bottom:.1333333333rem;
	border-top:.1466666667rem solid #ddd;
	border-left:.1466666667rem dashed rgba(0,0,0,0);
	border-right:.1466666667rem dashed rgba(0,0,0,0)
}
.comic-chapter .chapter-rank.asc:before {
	border-bottom-color:#86d
}
.comic-chapter .chapter-rank.desc:after {
	border-top-color:#86d
}
.comic-chapter .chapter-title {
	vertical-align:top
}
.comic-chapter>.hd {
	position:relative;
	padding-right:.4266666667rem
}
.comic-chapter>.hd .chapter-pages {
	display:none;
	position:absolute;
	z-index:999;
	width:100%;
	left:0;
	top:1.7333333333rem;
	border:.0266666667rem solid hsla(0,0%,100%,.2);
	border-width:.0266666667rem 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.comic-chapter>.hd .chapter-pages-bg {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	opacity:.95;
	background-color:#000
}
.comic-chapter>.bd {
	margin-top:.2933333333rem;
	padding:0
}
.comic-chapter .comic-update-status {
	border-bottom:.0266666667rem solid hsla(0,0%,100%,.2);
	padding:0 .4266666667rem;
	height:.8rem;
	line-height:.8rem;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.comic-chapter .select-chapter {
	padding:0 .2133333333rem;
	height:.5333333333rem;
	line-height:.5333333333rem;
	font-size:.2666666667rem;
	border:.0266666667rem solid hsla(0,0%,86.7%,.2);
	-webkit-border-radius:.2933333333rem;
	-moz-border-radius:.2933333333rem;
	border-radius:.2933333333rem
}
.comic-chapter .chapter-pages-list {
	position:relative;
	z-index:1;
	padding:0 .4266666667rem;
	max-height:4.8rem;
	overflow-y:auto
}
.comic-chapter .chapter-pages-list>.item {
	float:left;
	width:25%;
	height:.96rem;
	line-height:.96rem
}
.comic-chapter .chapter-pages-list>.item.active {
	color:#86d
}
.comic-chapter .chapter-list>.item {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-moz-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	height:.96rem;
	padding:0 .4266666667rem;
	border-bottom:.0266666667rem solid hsla(0,0%,100%,.1);
	color:#999;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.comic-chapter .chapter-list>.item.active a {
	color:#86d
}
.comic-chapter .chapter-list>.item .chapter-name {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	font-size:.3733333333rem;
	line-height:.96rem
}
.comic-chapter .chapter-list>.item .chapter-support {
	line-height:.96rem;
	color:#999
}
.comic-chapter .chapter-list>.item .newest-badge {
	width:.4rem;
	height:.4rem;
	display:inline-block;
	-webkit-transform:scale(.5);
	-moz-transform:scale(.5);
	-ms-transform:scale(.5);
	-o-transform:scale(.5);
	transform:scale(.5);
	vertical-align:middle;
	background-color:#86d;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.ift-eye-open2 {
	color:#86d
}
.comment-box {
	margin-bottom:0
}
.comment-box>.bd {
	padding:0
}
.comment-box .comment {
	padding-top:0
}
.comment-box .comment-more-box {
	background-color:hsla(0,0%,100%,.1)
}
.recommend-box {
	margin-bottom:0
}
.recommend-box>.bd {
	padding:.4266666667rem 0 0
}
.recommend-box .mult-head .mult-title {
	color:#333
}
.recommend-box .mult-slide-bar li,.recommend-box .swiper-pagination-bullet {
	background:#fff
}
.recommend-box .card-title {
	padding:0
}
.swiper-container-role {
	overflow:hidden
}
.comic-header {
	position:relative;
	background-position:50%;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat
}
.comic-header .comic-info {
	background-color:rgba(0,0,0,.7);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:1.8933333333rem .2666666667rem .9333333333rem
}
.comic-header .book-name,.comic-header .comic-info {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.comic-header .book-name {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	justify-content:space-between;
	-webkit-box-align:start;
	-webkit-align-items:flex-start;
	-moz-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.comic-header .book-name .name {
	padding:0;
	margin:0;
	font-weight:400;
	font-size:.48rem;
	color:#fff
}
.comic-header .book-name .name .author {
	margin-left:.1333333333rem;
	font-size:.32rem;
	color:hsla(0,0%,100%,.7)
}
.comic-header .book-cover {
	width:2rem;
	border:2px solid #fff
}
.comic-header .book-cover .origin {
	text-align:center;
	position:absolute;
	top:0;
	right:0;
	padding-top:.0533333333rem;
	width:.4266666667rem;
	height:.8rem;
	color:#fff;
	background-color:#86d
}
.comic-header .book-cover .origin:after {
	content:"";
	position:absolute;
	left:0;
	top:99%;
	width:.4266666667rem;
	height:.1219047619rem;
	background:url(../images/icon_main_labelling.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.comic-header .stars {
	height:.48rem;
	font-size:0
}
.comic-header .stars .item {
	width:.4266666667rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	display:inline-block;
	margin-right:.0533333333rem;
	vertical-align:top;
	-moz-background-size:.4266666667rem .4266666667rem;
	-o-background-size:.4266666667rem .4266666667rem;
	background-size:.4266666667rem .4266666667rem;
	font-size:.32rem;
	color:#fff100
}
.comic-header .types {
	padding:.2666666667rem 0;
	font-size:0
}
.comic-header .types li {
	display:inline-block;
	vertical-align:middle;
	margin-right:.16rem;
	line-height:.4266666667rem;
	height:.4266666667rem
}
.comic-header .types li.count,.comic-header .types li.liting {
	font-size:.32rem;
	color:#f5f5f5
}
.comic-header .types li.count {
	margin-right:.2666666667rem
}
.comic-header .types li .type {
	max-width:.8533333333rem;
	padding:0 .16rem;
	background:hsla(0,0%,100%,.3);
	font-size:.2666666667rem;
	color:#fff;
	text-align:center;
	-webkit-border-radius:.2133333333rem;
	-moz-border-radius:.2133333333rem;
	border-radius:.2133333333rem;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.comic-intro {
	position:relative;
	z-index:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
	padding:0 .2666666667rem .4rem
}
.comic-intro .radius-box {
	position:absolute;
	width:100%;
	top:-.5333333333rem;
	left:0;
	overflow:hidden;
	height:.6933333333rem
}
.comic-intro .radius-box .radius {
	width:53.3333333333rem;
	height:53.3333333333rem;
	margin-left:-26.6666666667rem;
	position:absolute;
	top:0;
	left:50%;
	-webkit-border-radius:26.6666666667rem 26.6666666667rem 0 0;
	-moz-border-radius:26.6666666667rem 26.6666666667rem 0 0;
	border-radius:26.6666666667rem 26.6666666667rem 0 0;
	background-color:#fff
}
.comic-intro .btn-menu {
	height:1.52rem;
	padding:0 .2666666667rem;
	margin-top:-.2666666667rem
}
.comic-intro .btn-menu .btn-menu-item {
	float:left;
	text-align:center;
	position:relative;
	height:100%;
	font-size:.2933333333rem
}
.comic-intro .btn-menu .btn-menu-item p {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:.5333333333rem;
	line-height:.5333333333rem;
	text-align:center;
	color:#555;
	display:-webkit-box;
	-webkit-line-clamp:2;
	word-wrap:break-word;
	word-break:break-all;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden
}
.comic-intro .btn-menu .btn-menu-item p span {
	margin-left:.1333333333rem
}
.comic-intro .btn-menu .collectfather {
	width:28%;
	background:url(../images/icon_detail_collect.png) no-repeat;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-position:bottom
}
.comic-intro .btn-menu .startReadfather {
	width:40%;
	margin:0 2%;
	background:url(../images/icon_detail_reed.png) no-repeat;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-position:bottom;
	font-size:.3733333333rem
}
.comic-intro .btn-menu .startReadfather p {
	height:.8533333333rem;
	line-height:.8533333333rem
}
.comic-intro .btn-menu .startReadfather .start-read {
	font-size:.4rem;
	padding:0 .2133333333rem;
	display:-webkit-box;
	-webkit-line-clamp:1;
	word-wrap:break-word;
	word-break:break-all;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden
}
.comic-intro .btn-menu .tucaofather {
	width:28%;
	background:url(../images/icon_detail_comt.png) no-repeat;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-position:bottom
}
.comic-intro .intro-text {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative
}
.comic-intro .intro-text .intro-text-wrapper {
	padding-right:.64rem;
	padding-top:.32rem;
	box-sizing:border-box;
	color:#999;
	position:relative;
	line-height:1.5;
	display:-webkit-box;
	-webkit-line-clamp:2;
	word-wrap:break-word;
	word-break:break-all;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden
}
.comic-intro .intro-text .intro-text-wrapper.spread-text {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-top:.32rem;
	color:#999;
	position:relative;
	-webkit-line-clamp:200
}
.comic-intro .intro-text i {
	width:.64rem;
	height:.64rem;
	line-height:.64rem;
	text-align:center;
	position:absolute;
	font-size:.3333333333rem;
	bottom:-.1333333333rem;
	right:0;
	color:#ddd;
	z-index:2;
	font-weight:700;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	transform:rotate(90deg)
}
.authorList {
	background:#fff;
	padding:0 .2666666667rem;
	border-top:.0266666667rem solid hsla(0,0%,86.7%,.25);
	border-bottom:.0266666667rem solid hsla(0,0%,86.7%,.25)
}
.authorList .card-box-head {
	height:.8533333333rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.authorList .card-box-head.dow {
	margin:0 .2666666667rem .1333333333rem
}
.authorList .card-box-head .left {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.authorList .card-box-head .title {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:.64rem;
	line-height:.64rem;
	font-size:.48rem
}
.authorList .card-box-head .btn {
	padding:.1066666667rem 0
}
.authorList .card-box-head .btn-change {
	display:inline-block;
	border:1px solid #ddd;
	min-width:.5333333333rem;
	height:.4266666667rem;
	padding:0 .2133333333rem;
	-webkit-border-radius:.2133333333rem;
	-moz-border-radius:.2133333333rem;
	border-radius:.2133333333rem;
	font-size:.2933333333rem;
	text-align:center;
	line-height:.4266666667rem;
	color:#ddd
}
.authorList .author-icon {
	font-size:0;
	padding:.2666666667rem
}
.authorList .author-icon .item {
	width:20%;
	padding:0 .1333333333rem;
	font-size:.2666666667rem;
	display:inline-block;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.authorList .author-icon .item .thumbnail {
	width:80%;
	margin:0 auto;
	padding-bottom:80%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:1px solid #f5f5f5;
	position:relative;
	*position:relative;
	overflow:hidden;
	*overflow:hidden
}
.authorList .author-icon .item .thumbnail .wrapper-part {
	position:absolute;
	width:100%;
	height:.48rem;
	z-index:2;
	text-align:center;
	overflow:hidden;
	-webkit-border-radius:50% 50% 0 0;
	-moz-border-radius:50% 50% 0 0;
	border-radius:50% 50% 0 0
}
.authorList .author-icon .item .thumbnail .wrapper-part .inner-part {
	top:-172%;
	position:absolute;
	width:100%;
	height:1.28rem;
	background-color:#86d;
	-webkit-border-radius:0 0 50% 50%;
	-moz-border-radius:0 0 50% 50%;
	border-radius:0 0 50% 50%
}
.authorList .author-icon .item .thumbnail .wrapper-part p {
	position:absolute;
	bottom:.0666666667rem;
	left:0;
	right:0;
	font-size:.2666666667rem;
	text-align:center;
	color:#fff
}
.authorList .author-icon .item .thumbnail img {
	width:100%;
	height:100%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.authorList .author-icon .item .title {
	color:#999;
	font-size:.32rem
}
.arrow-reverse {
	-webkit-transform:rotate(-90deg)!important;
	-moz-transform:rotate(-90deg)!important;
	-ms-transform:rotate(-90deg)!important;
	-o-transform:rotate(-90deg)!important;
	transform:rotate(-90deg)!important
}
.lianzai {
	padding:.2666666667rem 0
}
.lianzai .card-box-head .btn-reverse {
	text-align:center;
	display:inline-block;
	width:.64rem;
	height:.64rem;
	background:url(../images/icon_detail_list_b.png) 50%;
	-moz-background-size:.2rem .3333333333rem;
	-o-background-size:.2rem .3333333333rem;
	background-size:.2rem .3333333333rem;
	background-repeat:no-repeat
}
.lianzai .card-box-head .btn-reverse-change {
	background-image:url(../images/icon_detail_list_a.png)
}
.lianzai .card-box-head .update_time {
	width:2.4rem;
	color:#999
}
.lianzai .card-box-head .last-chapter {
	margin-left:.4666666667rem;
	color:#999;
	display:-webkit-box;
	-webkit-line-clamp:1;
	word-wrap:break-word;
	word-break:break-all;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden
}
.lianzai .commen-topbar {
	font-size:0
}
.lianzai .commen-topbar p {
	position:relative;
	font-size:.2933333333rem;
	color:#b6b6b6;
	display:inline-block;
	height:.4266666667rem;
	line-height:.4266666667rem;
	top:-.0666666667rem
}
.lianzai .chapter-list {
	margin-top:.2666666667rem;
	border-top:1px solid #ddd
}
.lianzai .chapter-list .comic-chapter-item {
	display:-webkit-box;
	-webkit-line-clamp:1;
	word-wrap:break-word;
	word-break:break-all;
	/*! autoprefixer:off */-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	overflow:hidden;
	text-align:left;
	height:100%;
	line-height:1.28rem;
	padding-left:.1333333333rem;
	font-size:.3733333333rem;
	color:#555;
	height:1.28rem;
	border-bottom:1px solid #f5f5f5;
	position:relative
}
.lianzai .chapter-list .comic-chapter-item:nth-child(n+6) {
	display:none
}
.lianzai .chapter-list .comic-chapter-item .comic-chapter-link {
	display:block
}
.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:active,.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:hover,.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:link,.lianzai .chapter-list .comic-chapter-item .comic-chapter-link:visited {
	color:#555
}
.lianzai .chapter-list .comic-chapter-item .comic-chapter-link span {
	position:absolute;
	left:-1px;
	margin-top:.4rem;
	display:inline-block;
	width:.9066666667rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	text-align:center;
	font-size:.32rem;
	-webkit-border-radius:0 .2133333333rem .2133333333rem 0;
	-moz-border-radius:0 .2133333333rem .2133333333rem 0;
	border-radius:0 .2133333333rem .2133333333rem 0;
	border:.0266666667rem solid #ff9400;
	color:#fff
}
.lianzai .chapter-list .comic-chapter-item .comic-chapter-link .read-status-unread {
	color:#ff9400
}
.lianzai .chapter-list .comic-chapter-item .comic-chapter-link .read-status-readed {
	background:#ddd!important;
	border:.0266666667rem solid hsla(0,0%,86.7%,.25)
}
.lianzai .chapter-list .more-chapter {
	padding:.4rem .2666666667rem .2666666667rem
}
.lianzai .chapter-list .more-chapter .more-chapter-btn {
	display:block;
	width:7.4666666667rem;
	height:.96rem;
	margin:0 auto;
	border:1px solid #86d;
	-webkit-border-radius:.5333333333rem;
	-moz-border-radius:.5333333333rem;
	border-radius:.5333333333rem;
	text-align:center;
	line-height:.96rem;
	color:#333;
	font-size:.3733333333rem;
	font-weight:400
}
.lianzai .chapter-list .more-chapter .more-chapter-btn .arrow-direction {
	margin-left:.1066666667rem;
	font-style:normal;
	font-size:.32rem;
	color:#ddd
}
.lianzai .chapter-list .expand .comic-chapter-item {
	display:block
}
.plate-title {
	height:.64rem;
	line-height:.64rem;
	font-size:.5333333333rem;
	color:#333;
	margin:0 .2666666667rem .1333333333rem
}
.card-box-head {
	height:.8533333333rem;
	margin-bottom:.1333333333rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-webkit-justify-content:flex-start;
	-moz-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.card-box-head.dow {
	margin:0 .2666666667rem .1333333333rem
}
.card-box-head .left {
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.card-box-head .left .title {
	height:.64rem;
	font-size:.5333333333rem;
	color:#333
}
.card-box-head .left .switch {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.card-box-head .btn {
	padding:.1066666667rem 0
}
.card-box-head .btn-change {
	display:inline-block;
	border:1px solid #ddd;
	min-width:.5333333333rem;
	height:.4266666667rem;
	padding:0 .2133333333rem;
	-webkit-border-radius:.2133333333rem;
	-moz-border-radius:.2133333333rem;
	border-radius:.2133333333rem;
	font-size:.2933333333rem;
	text-align:center;
	line-height:.4266666667rem;
	color:#ddd
}
.up-chapter-list {
	display:none;
	background-color:#fff;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	height:1.5333333333rem;
	border-top:1px solid #86d;
	font-size:0;
	z-index:1
}
.up-chapter-list .list-content {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.up-chapter-list .list-content div {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center
}
.up-chapter-list .list-content .comic-collect,.up-chapter-list .list-content .tucao-page {
	-webkit-box-flex:1;
	-webkit-flex:1 4;
	-moz-box-flex:1;
	-ms-flex:1 4;
	flex:1 4
}
.up-chapter-list .list-content .comic-collect span,.up-chapter-list .list-content .tucao-page span {
	margin-top:.3333333333rem;
	height:.8666666667rem;
	font-size:.3333333333rem;
	vertical-align:middle;
	line-height:.8666666667rem
}
.up-chapter-list .list-content .comic-collect span {
	display:inline-block
}
.up-chapter-list .list-content .comic-collect .collect-info-logo {
	width:1.12rem;
	background-repeat:no-repeat;
	-moz-background-size:.7333333333rem .7333333333rem;
	-o-background-size:.7333333333rem .7333333333rem;
	background-size:.7333333333rem .7333333333rem;
	background-position:50%
}
.up-chapter-list .list-content .comic-collect .collect-logo {
	background-image:url(../images/ic_read_last_collection.png)
}
.up-chapter-list .list-content .comic-collect .collected-logo {
	background-image:url(../images/icon_detail_colect_tag2@3x.png)
}
.up-chapter-list .list-content .comic-collect .list-collect-num {
	width:1.3333333333rem;
	text-align:right
}
.up-chapter-list .list-content .tucao-page .tocao-logo {
	display:inline-block;
	width:1.12rem;
	background-image:url(../images/ic_read_last_comment.png);
	background-repeat:no-repeat;
	-moz-background-size:.7333333333rem .7333333333rem;
	-o-background-size:.7333333333rem .7333333333rem;
	background-size:.7333333333rem .7333333333rem;
	background-position:50%
}
.up-chapter-list .list-content .tucao-page .list-tucao-num {
	text-align:left;
	display:inline-block;
	width:1.3333333333rem
}
.up-chapter-list .list-content .close-list {
	-webkit-box-flex:2;
	-webkit-flex:2 4;
	-moz-box-flex:2;
	-ms-flex:2 4;
	flex:2 4
}
.up-chapter-list .list-content .close-list .close-content {
	margin:.3333333333rem auto;
	-webkit-border-radius:.5866666667rem;
	-moz-border-radius:.5866666667rem;
	border-radius:.5866666667rem;
	background-color:#86d;
	height:.8666666667rem;
	line-height:.8666666667rem;
	text-align:center;
	color:#fff
}
.up-chapter-list .list-content .close-list .close-content span {
	font-size:.3466666667rem
}
.up-chapter-list .list-content .close-list .close-content span:nth-of-type(2) {
	margin-left:.2666666667rem;
	font-weight:700
}
.fullStar {
	background-image:url(../images/icon_game_yx32s.png)
}
.halfStar1 {
	background-image:url(../images/icon_game_yx32b1.png)
}
.halfStar2 {
	background-image:url(../images/icon_game_yx32b2.png)
}
.halfStar3 {
	background-image:url(../images/icon_game_yx32b3.png)
}
.halfStar4 {
	background-image:url(../images/icon_game_yx32b4.png)
}
.ift-lock,.ift-unlock {
	color:#86d
}
.comment-list-item {
	border-bottom:1px solid hsla(0,0%,86.7%,.25)!important
}
.comment-list-tabtitle {
	border-bottom:.0266666667rem solid hsla(0,0%,86.7%,.25)!important
}
.mult {
	zoom:1
}
.mult:after {
	content:"";
	display:table;
	clear:both
}
.mult {
	width:100%;
	background-color:#fff;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.mult.dow .mult-head {
	padding:0 .2666666667rem .1333333333rem
}
.mult.sow {
	padding:0 .2666666667rem
}
.mult.bow {
	padding:0 .4266666667rem
}
.mult .inner-spd {
	padding:15% 15% 0
}
.mult .inner-bpd {
	padding:20% 20% 0
}
@-webkit-keyframes bookChange {
	0% {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	transform:rotate(1turn)
}
}@-moz-keyframes bookChange {
	0% {
	-moz-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-moz-transform:rotate(1turn);
	transform:rotate(1turn)
}
}@-o-keyframes bookChange {
	0% {
	-o-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-o-transform:rotate(1turn);
	transform:rotate(1turn)
}
}@keyframes bookChange {
	0% {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(1turn);
	-moz-transform:rotate(1turn);
	-o-transform:rotate(1turn);
	transform:rotate(1turn)
}
}.mult-head {
	height:.96rem;
	padding:0 0 .1333333333rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.mult-head .mult-title {
	margin-right:.16rem;
	font-size:.5333333333rem;
	line-height:.8533333333rem;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.mult-head .mult-title-icon {
	width:.7466666667rem
}
.mult-head .mult-title-icon+.mult-title {
	margin:0 .16rem
}
.mult-head .mult-style-func {
	-webkit-box-flex:1;
	-webkit-flex-grow:1;
	-moz-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	position:relative
}
.mult-head .mult-more {
	font-size:.32rem;
	color:#999;
	font-weight:400;
	display:inline;
	float:right
}
.mult-head .mult-change {
	display:inline;
	float:left;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.mult-head .mult-change .animate {
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-animation:bookChange 1s linear 0s infinite;
	-moz-animation:bookChange 1s linear 0s infinite;
	-o-animation:bookChange 1s linear 0s infinite;
	animation:bookChange 1s linear 0s infinite
}
.mult-head .center,.mult-head .left,.mult-head .right {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.mult-slide,.mult-slide-item,.mult-slide-warp {
	position:relative;
	overflow:hidden
}
.mult-slide-bar {
	position:absolute;
	bottom:0;
	font-size:0;
	z-index:1000;
	width:auto
}
.mult-slide-bar.center {
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	bottom:.6666666667rem
}
.mult-slide-bar.right,.mult-slide-bar.right2 {
	left:auto!important;
	right:.2133333333rem!important;
	bottom:2.1333333333rem!important
}
.mult-slide-bar.right2 {
	text-align:right;
	font-size:0;
	bottom:1.6rem!important
}
.mult-slide-bar li {
	display:inline-block;
	width:6px;
	height:6px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#999;
	margin-left:.0533333333rem
}
.mult-slide-bar li.active {
	background-color:#86d
}
.swiper-pagination-bullet-active {
	background-color:#86d!important
}
.mult-body {
	overflow:hidden
}
.mult-warp.diw {
	margin-right:-.0533333333rem
}
.mult-warp.diw .card-text,.mult-warp.diw .card-title {
	padding-left:.2666666667rem;
	padding-right:.2666666667rem
}
.mult-warp.diw .card {
	padding:0 .0533333333rem .64rem 0
}
.mult-warp.siw {
	margin-right:-.2666666667rem
}
.mult-warp.siw .card {
	padding:0 .2666666667rem .48rem 0
}
.mult-warp.biw {
	margin-right:-.4266666667rem
}
.mult-warp.biw .card {
	padding:0 .4266666667rem .64rem 0
}
.mult-h1,.mult-h2,.mult-h3,.mult-h4,.mult-h5,.mult-h6 {
	font-weight:500;
	color:#333
}
.card {
	position:relative;
	z-index:0;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 0 .64rem
}
.card>a {
	position:relative;
	z-index:0
}
.r1c1 {
	width:100%
}
.r1c2 {
	width:50%
}
.r1c3 {
	width:33.3333333333%
}
.r1c4 {
	width:25%
}
.r1c5 {
	width:20%
}
.r1c6 {
	width:16.6666666667%
}
.card .tags-list {
	height:.4266666667rem;
	padding:0 .2666666667rem;
	font-size:0;
	overflow:hidden
}
.card .tags-list>.item {
	height:.4266666667rem;
	line-height:.4rem;
	margin:0 .0533333333rem .0533333333rem 0;
	padding:0 .1066666667rem;
	display:inline-block;
	text-align:center;
	-webkit-border-radius:.2666666667rem;
	-moz-border-radius:.2666666667rem;
	border-radius:.2666666667rem;
	color:#555;
	border:.0266666667rem solid #ddd;
	font-size:.2666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.card-title {
	padding-top:.2133333333rem;
	line-height:.5333333333rem;
	font-size:.3733333333rem;
	color:#333;
	font-weight:400;
	max-width:100%;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.card-title.small {
	color:#999;
	text-align:center
}
.title-tc {
	padding-top:.2133333333rem;
	height:.4rem;
	line-height:.4rem;
	font-weight:400;
	text-align:center;
	max-width:100%;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.title-fsz24 {
	font-size:.32rem;
	color:#666
}
.title-fsz32 {
	font-size:.4266666667rem;
	color:#444
}
.feature-fsz20 {
	font-size:.2666666667rem;
	color:#b6b6b6
}
.title-fsz28 {
	font-size:.32rem;
	color:#666
}
.pad-left-20 {
	padding-left:.2666666667rem
}
.pad-bottom-small {
	padding-bottom:.3rem!important
}
.pad-left-10 {
	padding-left:.1333333333rem
}
.pad-right-20 {
	padding-right:.2666666667rem
}
.pad-right-10 {
	padding-right:.1333333333rem
}
.flex-wrapper .flex-icon {
	-webkit-box-flex:0;
	-webkit-flex:0 0 30%;
	-moz-box-flex:0;
	-ms-flex:0 0 30%;
	flex:0 0 30%
}
.flex-wrapper .flex-text {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.flex-wrapper .flex-text .title {
	font-size:.4266666667rem;
	color:#444;
	margin-top:.1333333333rem
}
.flex-wrapper .flex-text .content,.flex-wrapper .flex-text .title {
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:100%
}
.flex-wrapper .flex-text .content {
	font-size:.32rem;
	color:#b6b6b6;
	line-height:.5866666667rem
}
.card-text {
	height:.5333333333rem;
	line-height:.5333333333rem;
	font-size:.2933333333rem;
	color:#999;
	position:relative;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.card-text.maxw50 {
	height:.7466666667rem;
	padding-top:.2133333333rem
}
.card-lbl {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:absolute;
	height:.4266666667rem;
	padding:.0266666667rem .0533333333rem .0266666667rem .1066666667rem;
	font-size:.2666666667rem;
	color:#fff;
	background-color:rgba(136,102,221,.8)
}
.card-lbl.lbl-left,.card-lbl.lbl-top {
	top:0
}
.card-lbl.lbl-left {
	left:.16rem
}
.card-lbl.lbl-top {
	width:.4266666667rem;
	padding:.0533333333rem 0 .0266666667rem;
	right:.16rem;
	-webkit-border-radius:0 0 .2133333333rem .2133333333rem;
	-moz-border-radius:0 0 .2133333333rem .2133333333rem;
	border-radius:0 0 .2133333333rem .2133333333rem;
	-webkit-box-orient:vertical;
	-webkit-box-direction:reverse;
	-webkit-flex-direction:column-reverse;
	-moz-box-orient:vertical;
	-moz-box-direction:reverse;
	-ms-flex-direction:column-reverse;
	flex-direction:column-reverse
}
.card-lbl.lbl-top .lbl-bar {
	margin-left:0
}
.card-lbl.lbl-bottom,.card-lbl.lbl-right {
	right:0;
	-webkit-border-radius:.2133333333rem 0 0 .2133333333rem;
	-moz-border-radius:.2133333333rem 0 0 .2133333333rem;
	border-radius:.2133333333rem 0 0 .2133333333rem
}
.card-lbl.lbl-right {
	top:.16rem
}
.card-lbl.lbl-bottom {
	bottom:.16rem
}
.card-lbl .lbl-bar {
	margin-left:.0266666667rem;
	vertical-align:top
}
.card-lbl .lbl-no {
	width:.32rem;
	height:.32rem;
	line-height:.32rem;
	border:1px solid #86d;
	background-color:#fff;
	color:#86d;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-clip:padding-box;
	text-align:center;
	overflow:hidden;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.card-lbl.lbl-triangle {
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	width:1.12rem;
	padding:.1066666667rem 0 .0533333333rem;
	font-size:.32rem;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background-color:#86d
}
.card-lbl.lbl-triangle:after {
	content:"";
	position:absolute;
	left:0;
	top:99%;
	width:1.12rem;
	height:.32rem;
	background:url(../images/icon_main_labelling.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.card-layer {
	position:absolute;
	left:0;
	right:0;
	color:#fff;
	font-size:.2666666667rem;
	height:.5333333333rem;
	line-height:.5333333333rem;
	padding:.1066666667rem .1066666667rem 0;
	text-align:right;
	background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.8)));
	background-image:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
	background-image:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
	background-image:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8));
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.card-layer.bottom {
	bottom:0
}
.card-graph {
	position:relative;
	height:0
}
.card-graph .img,.card-graph img {
	position:absolute;
	top:0;
	left:0;
	vertical-align:top;
	width:100%;
	height:100%
}
.card-graph.r16x3 {
	padding-bottom:18.75%
}
.card-graph.r16x7 {
	padding-bottom:43.75%
}
.card-graph.r16x8 {
	padding-bottom:50%
}
.card-graph.r12x16 {
	padding-bottom:133.3333333333%
}
.card-graph.r16x12 {
	padding-bottom:75%
}
.card-graph.r3x1,.card-graph.r6x2 {
	padding-bottom:33.3333333333%
}
.card-graph.r3x2 {
	padding-bottom:66.6666666667%
}
.card-graph.r3x4 {
	padding-bottom:133.3333333333%
}
.card-graph.r1x5 {
	padding-bottom:500%
}
.card-graph.r2x5 {
	padding-bottom:250%
}
.card-graph.r3x5 {
	padding-bottom:166.6666666667%
}
.card-graph.r4x5 {
	padding-bottom:125%
}
.card-graph.r16x16 {
	padding-bottom:100%
}
.card-graph.r16x9 {
	padding-bottom:56.25%
}
.card-graph.r10x9 {
	padding-bottom:90%
}
.r1c36 {
	width:38%
}
.r1c32 {
	width:31%;
	padding-top:9.3333333333%!important
}
.r1c40 {
	width:40%
}
.r1c40.r16x3 {
	padding-bottom:7.5%
}
.r1c40.r16x7 {
	padding-bottom:17.5%
}
.r1c40.r16x8 {
	padding-bottom:20%
}
.r1c40.r12x16 {
	padding-bottom:53.3333333333%
}
.r1c40.r16x12 {
	padding-bottom:30%
}
.r1c40.r3x1,.r1c40.r6x2 {
	padding-bottom:13.3333333333%
}
.r1c40.r3x2 {
	padding-bottom:26.6666666667%
}
.r1c40.r3x4 {
	padding-bottom:53.3333333333%
}
.r1c40.r1x5 {
	padding-bottom:200%
}
.r1c40.r2x5 {
	padding-bottom:100%
}
.r1c40.r3x5 {
	padding-bottom:66.6666666667%
}
.r1c40.r4x5 {
	padding-bottom:50%
}
.r1c40.r16x16 {
	padding-bottom:40%
}
.r1c40.r16x9 {
	padding-bottom:22.5%
}
.r1c40.r10x9 {
	padding-bottom:36%
}
.r1c69 {
	width:69%
}
.r1c69.r16x3 {
	padding-bottom:12.9375%
}
.r1c69.r16x7 {
	padding-bottom:30.1875%
}
.r1c69.r16x8 {
	padding-bottom:34.5%
}
.r1c69.r12x16 {
	padding-bottom:92%
}
.r1c69.r16x12 {
	padding-bottom:51.75%
}
.r1c69.r3x1,.r1c69.r6x2 {
	padding-bottom:23%
}
.r1c69.r3x2 {
	padding-bottom:46%
}
.r1c69.r3x4 {
	padding-bottom:92%
}
.r1c69.r1x5 {
	padding-bottom:345%
}
.r1c69.r2x5 {
	padding-bottom:172.5%
}
.r1c69.r3x5 {
	padding-bottom:115%
}
.r1c69.r4x5 {
	padding-bottom:86.25%
}
.r1c69.r16x16 {
	padding-bottom:69%
}
.r1c69.r16x9 {
	padding-bottom:38.8125%
}
.r1c69.r10x9 {
	padding-bottom:62.1%
}
.r1c31 {
	width:31%
}
.r1c31.r16x3 {
	padding-bottom:5.8125%
}
.r1c31.r16x7 {
	padding-bottom:13.5625%
}
.r1c31.r16x8 {
	padding-bottom:15.5%
}
.r1c31.r12x16 {
	padding-bottom:41.3333333333%
}
.r1c31.r16x12 {
	padding-bottom:23.25%
}
.r1c31.r3x1,.r1c31.r6x2 {
	padding-bottom:10.3333333333%
}
.r1c31.r3x2 {
	padding-bottom:20.6666666667%
}
.r1c31.r3x4 {
	padding-bottom:41.3333333333%
}
.r1c31.r1x5 {
	padding-bottom:155%
}
.r1c31.r2x5 {
	padding-bottom:77.5%
}
.r1c31.r3x5 {
	padding-bottom:51.6666666667%
}
.r1c31.r4x5 {
	padding-bottom:38.75%
}
.r1c31.r16x16 {
	padding-bottom:31%
}
.r1c31.r16x9 {
	padding-bottom:17.4375%
}
.r1c31.r10x9 {
	padding-bottom:27.9%
}
.r1c66 {
	width:66.9014%
}
.r1c33 {
	width:33.09859%
}
.r1c50 {
	width:50%
}
.r1c50.r16x3 {
	padding-bottom:9.375%
}
.r1c50.r16x7 {
	padding-bottom:21.875%
}
.r1c50.r16x8 {
	padding-bottom:25%
}
.r1c50.r12x16 {
	padding-bottom:66.6666666667%
}
.r1c50.r16x12 {
	padding-bottom:37.5%
}
.r1c50.r3x1,.r1c50.r6x2 {
	padding-bottom:16.6666666667%
}
.r1c50.r3x2 {
	padding-bottom:33.3333333333%
}
.r1c50.r3x4 {
	padding-bottom:66.6666666667%
}
.r1c50.r1x5 {
	padding-bottom:250%
}
.r1c50.r2x5 {
	padding-bottom:125%
}
.r1c50.r3x5 {
	padding-bottom:83.3333333333%
}
.r1c50.r4x5 {
	padding-bottom:62.5%
}
.r1c50.r16x16 {
	padding-bottom:50%
}
.r1c50.r16x9 {
	padding-bottom:28.125%
}
.r1c50.r10x9 {
	padding-bottom:45%
}
.r1c53 {
	width:52.95775%
}
.r1c47 {
	width:47.042%
}
.r1c60 {
	width:60%
}
.maxw50 {
	max-width:50%
}
.maxw70 {
	max-width:70%
}
.no-pad-top {
	padding-top:0!important
}
.no-pad-left {
	padding-left:0!important
}
.abs-bottom,.abs-right {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute
}
.abs-right {
	top:0;
	right:0;
	height:100%
}
.abs-right .card-text,.abs-right .card-title {
	padding-left:.2666666667rem
}
.abs-right .card-title {
	padding-top:0
}
.abs-bottom {
	left:0;
	bottom:0;
	width:100%
}
.tpl-2 .abs-bottom,.tpl-3 .abs-bottom {
	padding:0 .1333333333rem .1333333333rem;
	background-color:hsla(0,0%,100%,.9)
}
.tpl-2 .abs-bottom .card-text,.tpl-3 .abs-bottom .card-text {
	padding-top:.1333333333rem
}
.tpl-2 .abs-bottom .card-title,.tpl-3 .abs-bottom .card-title {
	padding-left:0;
	padding-right:0
}
.tpl-2 .tags-list,.tpl-3 .tags-list {
	padding:0;
	margin-top:.0666666667rem
}
.tpl-2 .tags-list>.item,.tpl-3 .tags-list>.item {
	color:#999
}
.tpl-6 .fr {
	float:right
}
.tpl-6 .chapter .maxw70 {
	width:62%;
	display:inline-block;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.tpl-6 .chapter .maxw30 {
	width:35%;
	display:inline-block;
	text-align:right
}
.tpl-11 .card-text,.tpl-13 .card-text,.tpl-14 .card-text,.tpl-15 .card-text {
	height:.5333333333rem;
	font-size:0
}
.tpl-11 .horizontal-item,.tpl-13 .horizontal-item,.tpl-14 .horizontal-item,.tpl-15 .horizontal-item {
	padding-bottom:.2666666667rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.tpl-11 .horizontal-item .pic-cover,.tpl-13 .horizontal-item .pic-cover,.tpl-14 .horizontal-item .pic-cover,.tpl-15 .horizontal-item .pic-cover {
	-webkit-box-flex:0;
	-webkit-flex-grow:0;
	-moz-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-flex-basis:2.2666666667rem;
	-ms-flex-preferred-size:2.2666666667rem;
	flex-basis:2.2666666667rem
}
.tpl-11 .horizontal-item .comic-info,.tpl-13 .horizontal-item .comic-info,.tpl-14 .horizontal-item .comic-info,.tpl-15 .horizontal-item .comic-info {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-left:.4rem
}
.tpl-11 .horizontal-item .comic-info .desc,.tpl-13 .horizontal-item .comic-info .desc,.tpl-14 .horizontal-item .comic-info .desc,.tpl-15 .horizontal-item .comic-info .desc {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.0666666667rem
}
.tpl-11 .horizontal-item .comic-info .chapter,.tpl-13 .horizontal-item .comic-info .chapter,.tpl-14 .horizontal-item .comic-info .chapter,.tpl-15 .horizontal-item .comic-info .chapter {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.2rem
}
.tpl-13 .horizontal-item {
	padding-bottom:0
}
.tpl-13 .tags-list {
	padding:0
}
.tpl-13 .abs-right {
	font-size:.2666666667rem
}
.tpl-14 .horizontal-item .pic-cover {
	-webkit-box-flex:0;
	-webkit-flex-grow:0;
	-moz-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-flex-basis:4rem;
	-ms-flex-preferred-size:4rem;
	flex-basis:4rem
}
.tpl-14 .horizontal-item .comic-info {
	padding-left:.8rem;
	position:relative
}
.tpl-14 .horizontal-item .comic-info .label-order {
	position:absolute;
	left:.4rem;
	-webkit-transform:translateX(-50%) translateY(50%);
	-moz-transform:translateX(-50%) translateY(50%);
	-ms-transform:translateX(-50%) translateY(50%);
	-o-transform:translateX(-50%) translateY(50%);
	transform:translateX(-50%) translateY(50%)
}
.tpl-14 .horizontal-item .comic-info .label-order .order-num {
	text-align:center;
	display:inline-block;
	font-size:.32rem;
	width:.42667rem;
	line-height:.42667rem;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	background-color:#ddd;
	color:#fff
}
.tpl-15 .pic-cover {
	-webkit-box-flex:0;
	-webkit-flex-grow:0;
	-moz-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-flex-basis:4rem!important;
	-ms-flex-preferred-size:4rem!important;
	flex-basis:4rem!important
}
.tpl-15 .order-rank {
	font-size:.5333333333rem;
	color:#86d;
	position:relative;
	top:.0666666667rem
}
.tpl-16 .border-1px {
	border:1px solid #ddd;
	border-top:0
}
.tpl-16 .card {
	padding-bottom:0!important
}
.tpl-16 .horizontal-item {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.tpl-16 .horizontal-item .pic-cover {
	-webkit-box-flex:1;
	-webkit-flex:1 2;
	-moz-box-flex:1;
	-ms-flex:1 2;
	flex:1 2
}
.tpl-16 .horizontal-item .card-title {
	padding-left:0!important
}
.tpl-16 .horizontal-item .comic-info {
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.tpl-16 .horizontal-item .comic-info .desc {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.0666666667rem
}
.tpl-16 .horizontal-item .comic-info .chapter {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.2rem
}
.tpl-16 .liner-gradent {
	position:absolute;
	z-index:3;
	left:-.0666666667rem;
	top:0;
	width:100%;
	bottom:0;
	background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(0,0,0,0)));
	background:-webkit-linear-gradient(left,#fff,rgba(0,0,0,0));
	background:-moz-linear-gradient(left,#fff,rgba(0,0,0,0));
	background:-o-linear-gradient(left,#fff,rgba(0,0,0,0));
	background:linear-gradient(90deg,#fff,rgba(0,0,0,0))
}
.tpl-17 .card-lbl.lbl-right {
	top:0;
	right:.16rem
}
.tpl-17 .mult-slide-bar {
	position:absolute;
	bottom:2.1333333333rem;
	right:0
}
.tpl-17 .horizontal-item {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.tpl-17 .horizontal-item .pic-cover {
	-webkit-box-flex:1;
	-webkit-flex:1 2;
	-moz-box-flex:1;
	-ms-flex:1 2;
	flex:1 2;
	border:rgba(0,0,0,0)
}
.tpl-17 .horizontal-item .card-graph {
	position:relative;
	overflow:hidden
}
.tpl-17 .horizontal-item .card-graph:after {
	z-index:2;
	content:"";
	position:absolute;
	width:1.3333333333rem;
	right:-3px;
	top:-1px;
	bottom:-1px;
	display:block;
	-webkit-transform:skew(-20deg) translateX(55%);
	-moz-transform:skew(-20deg) translateX(55%);
	-ms-transform:skew(-20deg) translateX(55%);
	-o-transform:skew(-20deg) translateX(55%);
	transform:skew(-20deg) translateX(55%);
	background:#fff
}
.tpl-17 .horizontal-item .card-title {
	padding-left:0!important
}
.tpl-17 .horizontal-item .comic-info {
	position:relative;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-moz-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.tpl-17 .horizontal-item .comic-info .card-lbl.lbl-right {
	top:0;
	background-color:#e4e4e4;
	right:0
}
.tpl-17 .horizontal-item .comic-info .desc {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.0666666667rem
}
.tpl-17 .horizontal-item .comic-info .chapter {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.2rem
}
.tpl-18 .mult-slide-bar,.tpl-19 .mult-slide-bar {
	width:auto!important;
	position:absolute;
	bottom:1.0666666667rem!important;
	right:0!important
}
.tpl-18 .mult-slide-bar {
	bottom:2.1333333333rem!important;
	right:.2666666667rem!important
}
.tpl-19 .mult-body {
	padding-bottom:.64rem
}
.tpl-19 .mult-slide-bar {
	right:.2666666667rem!important
}
.tpl-21 .is-slidered {
	width:6.4rem
}
.tpl-22 .mult-slide-bar {
	width:auto
}
.tpl-22 .is-slidered {
	width:4.1333333333rem
}
.tpl-8 .card a,.tpl-23 .card a,.tpl-24 .card a {
	display:block
}
.tpl-8 .flex-text,.tpl-23 .flex-text,.tpl-24 .flex-text {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.tpl-8 .flex-text p,.tpl-23 .flex-text p,.tpl-24 .flex-text p {
	height:.5333333333rem
}
.tpl-8 .card-lbl.lbl-right,.tpl-23 .card-lbl.lbl-right,.tpl-24 .card-lbl.lbl-right {
	top:0
}
.tpl-8 .card-lbl.lbl-right {
	top:.1333333333rem
}
.tpl-27 .abs-bottom,.tpl-28 .abs-bottom {
	padding:.1066666667rem 0;
	background-color:rgba(245,243,243,.8)
}
.tpl-27 .tags-list,.tpl-28 .tags-list {
	padding:0 .1333333333rem
}
.tpl-27 .tags-list>.item,.tpl-28 .tags-list>.item {
	border-color:#ccc
}
.tpl-6 .card-text,.tpl-29 .card-text {
	height:.5333333333rem
}
.tpl-6 .card-text.abs-bottom,.tpl-29 .card-text.abs-bottom {
	left:0;
	right:0;
	z-index:3;
	background-color:hsla(0,0%,100%,.8)
}
.tpl-6 .horizontal-item,.tpl-29 .horizontal-item {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.tpl-6 .horizontal-item .pic-cover,.tpl-29 .horizontal-item .pic-cover {
	-webkit-box-flex:0;
	-webkit-flex-grow:0;
	-moz-box-flex:0;
	-ms-flex-positive:0;
	flex-grow:0;
	-webkit-flex-shrink:0;
	-ms-flex-negative:0;
	flex-shrink:0;
	-webkit-flex-basis:4rem;
	-ms-flex-preferred-size:4rem;
	flex-basis:4rem
}
.tpl-6 .horizontal-item .comic-info,.tpl-29 .horizontal-item .comic-info {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.tpl-6 .horizontal-item .comic-info .desc,.tpl-29 .horizontal-item .comic-info .desc {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.0666666667rem
}
.tpl-6 .horizontal-item .comic-info .chapter,.tpl-29 .horizontal-item .comic-info .chapter {
	height:.53333rem;
	line-height:.53333rem;
	font-size:.29333rem;
	color:#999;
	margin-top:.2rem
}
.mt25 {
	margin-top:.3333333333rem
}
.mt6 {
	margin-top:.08rem
}
.mb18 {
	margin-bottom:.08rem
}
.flex-content-end ul .flex-end-item {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.flex-content-end ul,.flex-content-end ul .flex-end-item {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-moz-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.flex-content-end ul {
	height:100%
}
.flex-content-space-between ul {
	height:100%;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between
}
.flex-content-space-between ul,.flex-end-item {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.flex-end-item {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:end;
	-webkit-justify-content:flex-end;
	-moz-box-pack:end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
.flex-wrapper {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.pos-right {
	position:absolute;
	right:.1333333333rem;
	bottom:0
}
.tpl-32 .card-title {
	font-size:.3733333333rem;
	padding-left:0!important
}
.tpl-32 .card-text {
	font-size:.2666666667rem;
	padding-left:0!important
}
.tpl-32 .left-part {
	width:42.33777%;
	display:inline-block
}
.tpl-32 .left-part,.tpl-32 .right-part {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.tpl-32 .right-part {
	float:right;
	position:relative;
	width:57.66223%
}
.tpl-32 .right-part ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	height:100%
}
.tpl-32 .right-part .list-item {
	width:100%;
	overflow:hidden;
	font-size:0
}
.tpl-32 .right-part .list-item a {
	display:block
}
.tpl-32 .right-part .list-item .card-graph {
	-webkit-box-flex:0;
	-webkit-flex:0 0 38.0576923%;
	-moz-box-flex:0;
	-ms-flex:0 0 38.0576923%;
	flex:0 0 38.0576923%;
	height:100%
}
.tpl-32 .right-part .list-item .card-graph .pic-wrapper {
	width:100%;
	padding-bottom:100%
}
.tpl-32 .right-part .list-item .desc-block {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:58.9423%;
	overflow:hidden;
	position:relative;
	padding-left:.2666666667rem;
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.tpl-32 .right-part .list-item .desc-block .card-title {
	padding:0;
	line-height:.6666666667rem
}
.tpl-32 .right-part .list-item .desc-block .card-chapter {
	position:absolute;
	bottom:0;
	width:93%
}
.tpl-33 .left-part,.tpl-33 .right-part {
	-webkit-box-flex:0;
	-webkit-flex:0 0 50%;
	-moz-box-flex:0;
	-ms-flex:0 0 50%;
	flex:0 0 50%;
	overflow:hidden
}
.tpl-33 .right-part ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	height:100%;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	overflow:hidden
}
.tpl-33 .right-part ul .list-item {
	-webkit-box-flex:1;
	-webkit-flex:1 0 50%;
	-moz-box-flex:1;
	-ms-flex:1 0 50%;
	flex:1 0 50%;
	overflow:hidden
}
.tpl-33 .right-part ul .pic-wrapper {
	padding-bottom:100%
}
.tpl-33 .card-graph {
	width:100%;
	height:auto
}
.tpl-33 .lbl-bar {
	margin-left:.1333333333rem
}
.tpl-37 .icon-arc {
	width:100%;
	height:.8533333333rem;
	position:absolute;
	z-index:10;
	left:0;
	bottom:-1px;
	background-position:bottom;
	background:url(../images/icon_top_arc.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.tpl-37 .swiper-37 {
	margin-top:.2666666667rem;
	overflow:hidden
}
.tpl-37 .swiper-37 .swiper-slide {
	width:1.8133333rem!important
}
.tpl-37 .swiper-37 .swiper-slide:last-child {
	width:1.38733333rem!important
}
.tpl-37 .swiper-37 .slider-item {
	display:block;
	width:1.8133333rem!important
}
.tpl-37 .swiper-37 .slider-item .card {
	width:100%
}
.tpl-38 .bottom-swiper {
	margin-top:.2666666667rem
}
.tpl-38 .icon-arc {
	width:100%;
	height:.8533333333rem;
	position:absolute;
	background-position:50%;
	z-index:10;
	left:0;
	bottom:-1px;
	background:url(../images/icon_arc.png) no-repeat;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%
}
.tpl-38 .inner-wrapper {
	width:100%
}
.mult.tpl-40 {
	margin-bottom:.4266666667rem
}
.mult.tpl-40 .inner-spd {
	padding-top:0
}
.mult.tpl-40 .card {
	padding-bottom:0
}
.tpl-42 .slider-item {
	width:1.6666666667rem!important
}
.tpl-45,.tpl-45 .book-cover {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.tpl-45 .book-cover {
	-webkit-box-flex:0;
	-webkit-flex:0 0 22.74%;
	-moz-box-flex:0;
	-ms-flex:0 0 22.74%;
	flex:0 0 22.74%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.tpl-45 .mult-body {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:1.2533333333rem;
	padding-left:.2666666667rem
}
.tpl-45 .mult-body .swiper-container {
	height:100%
}
.tpl-45 .flex-wrapper {
	height:100%;
	overflow:hidden;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.tpl-45 .flex-wrapper .titles {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	max-width:100%;
	overflow:hidden
}
.tpl-45 .flex-wrapper .titles a {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	height:100%;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.tpl-45 .flex-wrapper .titles .title {
	-webkit-box-flex:0;
	-webkit-flex:0 0 1.7333333333rem;
	-moz-box-flex:0;
	-ms-flex:0 0 1.7333333333rem;
	flex:0 0 1.7333333333rem;
	color:#86d;
	-ms-flex-item-align:center;
	text-align:center
}
.tpl-45 .flex-wrapper .titles .content,.tpl-45 .flex-wrapper .titles .title {
	max-width:100%;
	-webkit-align-self:center;
	align-self:center;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.tpl-45 .flex-wrapper .titles .content {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	padding-left:.2666666667rem;
	-ms-flex-item-align:center;
	color:#666
}
.tpl-45 .flex-wrapper .more {
	-webkit-box-flex:0;
	-webkit-flex:0 0 1.0666666667rem;
	-moz-box-flex:0;
	-ms-flex:0 0 1.0666666667rem;
	flex:0 0 1.0666666667rem;
	color:#b6b6b6;
	text-align:right;
	font-size:.32rem;
	height:1.0666666667rem;
	line-height:1.0666666667rem;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.mult.tpl-46 {
	margin-bottom:.4266666667rem
}
.mult.tpl-46,.mult.tpl-46 .book-cover {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.mult.tpl-46 .book-cover {
	margin-top:.2133333333rem;
	-webkit-box-flex:0;
	-webkit-flex:0 0 1.0666666667rem;
	-moz-box-flex:0;
	-ms-flex:0 0 1.0666666667rem;
	flex:0 0 1.0666666667rem;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.mult.tpl-46 .mult-body {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	height:1.4933333333rem;
	padding-left:.2666666667rem
}
.mult.tpl-46 .mult-body .swiper-container {
	height:100%
}
.mult.tpl-46 .mult-warp {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	height:100%;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-align-content:space-between;
	-ms-flex-line-pack:justify;
	align-content:space-between
}
.mult.tpl-46 .flex-wrapper {
	height:.7466666667rem;
	line-height:.7466666667rem;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
	padding-right:.2666666667rem
}
.mult.tpl-46 .flex-wrapper .title {
	color:#86d;
	-ms-flex-item-align:center
}
.mult.tpl-46 .flex-wrapper .content,.mult.tpl-46 .flex-wrapper .title {
	font-size:.32rem;
	max-width:100%;
	-webkit-align-self:center;
	align-self:center;
	padding-left:.2666666667rem;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden
}
.mult.tpl-46 .flex-wrapper .content {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	-ms-flex-item-align:center;
	color:#666;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding-right:.1866666667rem
}
.tpl-48 .flex-text,.tpl-49 .flex-text {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.tpl-48 .flex-text p,.tpl-49 .flex-text p {
	height:.5333333333rem
}
.tpl-48 .flex-wrapper {
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.tpl-48 .flex-wrapper .flex-text {
	-webkit-box-flex:0;
	-webkit-flex:0 0 auto;
	-moz-box-flex:0;
	-ms-flex:0 0 auto;
	flex:0 0 auto
}
.tpl-49 .swiper-slide {
	width:4.2933333333rem
}
.mult.tpl-temp.tpl-50 {
	padding-bottom:0;
	padding-top:.2666666667rem
}
.mult.tpl-temp.tpl-50 .card {
	padding-bottom:.24rem
}
.tpl-51 .swiper-slide {
	width:3rem;
	padding-top:.2666666667rem
}
.tpl-51 .swiper-slide .block {
	display:block
}
.tpl-51 .swiper-slide .block.card {
	float:none;
	padding-bottom:.4rem
}
.tpl-51 .swiper-slide .last-child.card {
	float:none;
	padding-right:0
}
.tpl-51 .siw .last-swiper {
	width:2.7333333333rem
}
.tpl-51 .diw .last-swiper {
	width:2.9333333333rem
}
.tpl-51 .biw .last-swiper {
	width:2.5733333333rem
}
.mult.tpl-temp.tpl-54 .flex-wrapper {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.mult.tpl-temp.tpl-54 .mult-warp .title {
	height:.4666666667rem
}
.mult.tpl-temp.tpl-54 .mult-warp .content {
	height:.5333333333rem;
	font-size:.2666666667rem
}
.mult.tpl-temp.tpl-55 .flex-wrapper,.mult.tpl-temp.tpl-56 .flex-wrapper,.mult.tpl-temp.tpl-57 .flex-wrapper {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.mult.tpl-temp.tpl-55 .mult-warp .card,.mult.tpl-temp.tpl-56 .mult-warp .card,.mult.tpl-temp.tpl-57 .mult-warp .card {
	padding-top:.2666666667rem;
	padding-bottom:0
}
.mult.tpl-temp.tpl-55 .mult-warp .title,.mult.tpl-temp.tpl-56 .mult-warp .title,.mult.tpl-temp.tpl-57 .mult-warp .title {
	height:.4666666667rem
}
.mult.tpl-temp.tpl-55 .mult-warp .content,.mult.tpl-temp.tpl-56 .mult-warp .content,.mult.tpl-temp.tpl-57 .mult-warp .content {
	height:.5333333333rem;
	font-size:.2666666667rem
}
.mult.tpl-temp.tpl-58 .flex-wrapper {
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-webkit-flex-direction:row;
	-moz-box-orient:horizontal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.mult.tpl-temp.tpl-58 .flex-wrapper .flex-text {
	-webkit-box-flex:0;
	-webkit-flex:0 0 47.08%;
	-moz-box-flex:0;
	-ms-flex:0 0 47.08%;
	flex:0 0 47.08%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.mult.tpl-temp.tpl-58 .flex-wrapper .flex-icon {
	-webkit-box-flex:0;
	-webkit-flex:0 0 52.92%;
	-moz-box-flex:0;
	-ms-flex:0 0 52.92%;
	flex:0 0 52.92%;
	-webkit-border-radius:.2666666667rem;
	-moz-border-radius:.2666666667rem;
	border-radius:.2666666667rem;
	overflow:hidden
}
.mult.tpl-temp.tpl-58 .mult-warp .title {
	height:.4666666667rem
}
.mult.tpl-temp.tpl-58 .mult-warp .content {
	height:.5333333333rem;
	font-size:.2666666667rem
}
.tpl-68 .right-part ul,.tpl-70 .right-part ul {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column
}
.tpl-69 .swiper-container {
	margin-top:.2666666667rem
}
.tpl-69 .swiper-slide {
	width:2.8rem!important
}
.tpl-69 .slider-item {
	display:block
}
.tpl-69 .slider-item .card {
	float:none
}
.tpl-69 .siw .last-swiper {
	width:2.5333333333rem!important
}
.tpl-69 .siw .last-swiper .card {
	padding-right:0!important
}
.tpl-69 .biw .last-swiper {
	width:2.3733333333rem!important
}
.tpl-69 .biw .last-swiper .card {
	padding-right:0!important
}
.tpl-70 .left-part {
	position:relative
}
.tpl-70 .left-part a {
	display:block
}
.tpl-70 .list-item {
	position:relative
}
.tpl-70 .desc-block {
	background:hsla(0,0%,100%,.9);
	position:absolute;
	bottom:-.0266666667rem;
	left:0;
	right:0;
	width:100%;
	color:#444
}
.tpl-70 .card-title {
	width:100%;
	padding:0
}
.tpl-71 {
	font-size:0
}
.tpl-71 .left-part {
	-webkit-box-ordinal-group:3;
	-webkit-order:2;
	-moz-box-ordinal-group:3;
	-ms-flex-order:2;
	order:2;
	width:77.8%
}
.tpl-71 .right-part {
	width:22.2%
}
.tpl-71 .right-part .label-type {
	position:absolute;
	left:0;
	top:0;
	font-size:.32rem;
	text-align:center;
	line-height:.5733333333rem;
	width:.9333333333rem;
	height:.5733333333rem;
	background-color:#86d;
	color:#fff;
	-webkit-border-radius:0 0 50% 0;
	-moz-border-radius:0 0 50% 0;
	border-radius:0 0 50% 0;
	-webkit-transform:scale(.7) translate(-22%,-20%);
	-moz-transform:scale(.7) translate(-22%,-20%);
	-ms-transform:scale(.7) translate(-22%,-20%);
	-o-transform:scale(.7) translate(-22%,-20%);
	transform:scale(.7) translate(-22%,-20%)
}
.tpl-71 .list-item {
	width:100%;
	padding-bottom:0!important
}
.tpl-71 .list-item:first-child {
	padding-bottom:.06rem!important
}
.tpl-71 .right-part ul {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-moz-box-orient:vertical;
	-moz-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	width:100%;
	margin:0;
	padding:0
}
.mult.tpl-74 {
	margin-bottom:.4266666667rem
}
.mult.tpl-74 .cat-ear {
	width:100%;
	height:1.0133333333rem;
	position:absolute;
	z-index:10;
	left:0;
	bottom:-.0266666667rem;
	background:url(../images/icon_cat_ear.png) no-repeat;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%
}
.mult.tpl-74 .swiper-container {
	margin-right:0
}
.mult.tpl-74 .swiper-container .card {
	padding:0
}
.mult.tpl-74 .mult-slide-bar.center {
	bottom:0;
	text-align:center
}
.tpl-72 {
	overflow:hidden
}
.tpl-72 .slider-item {
	width:4.4rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:.1333333333rem;
	-moz-border-radius:.1333333333rem;
	border-radius:.1333333333rem;
	border:.0533333333rem solid #f5f5f5;
	overflow:hidden
}
.tpl-72 .swiper-slide-active {
	border:.0533333333rem solid #86d
}
.tpl-75 {
	padding-bottom:.2666666667rem
}
.tpl-75 .mult-body {
	position:relative
}
.tpl-75 .card {
	padding-bottom:0
}
.tpl-75 .inner-slider-wrapper {
	position:absolute;
	bottom:.4rem;
	width:100%;
	left:0;
	z-index:12;
	padding:.0533333333rem .2666666667rem .1333333333rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.tpl-75 .swiper-3d-75 {
	overflow:hidden;
	-webkit-perspective:300px;
	-moz-perspective:300px;
	perspective:300px
}
.tpl-75 .swiper-3d-75 .slider-item {
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.tpl-75 .swiper-3d-75 .slider-item .item-wrapper {
	-webkit-border-radius:.1866666667rem;
	-moz-border-radius:.1866666667rem;
	border-radius:.1866666667rem;
	border:.0533333333rem solid #fff;
	overflow:hidden
}
.tpl-75 .swiper-3d-75 .swiper-slide-thumb-active .item-wrapper {
	opacity:1
}
.tpl-75 .bottom-wave {
	bottom:-1px;
	height:.3466666667rem;
	background:url(../images/icon_wave.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.tpl-75 .bottom-wave,.tpl-76 .icon-arc {
	position:absolute;
	left:0;
	z-index:10;
	width:100%
}
.tpl-76 .icon-arc {
	height:.8533333333rem;
	background-position:50%;
	bottom:-2px;
	background:url(../images/icon_arc.png) no-repeat;
	-moz-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:100% 100%
}
.tpl-76 .navi-container {
	width:100%;
	padding:.2666666667rem 1.2rem
}
.tpl-76 .navi-container .item {
	padding-right:1.0666666667rem
}
.tpl-76 .navi-container .item .icon {
	display:inline-block;
	vertical-align:middle;
	width:1.3866666667rem;
	height:1.3866666667rem;
	-moz-background-size:1.3866666667rem 1.3866666667rem;
	-o-background-size:1.3866666667rem 1.3866666667rem;
	background-size:1.3866666667rem 1.3866666667rem
}
.tpl-76 .navi-container .item .text {
	color:444;
	margin-left:.1333333333rem;
	font-size:.4266666667rem;
	vertical-align:middle
}
.tpl-76 .mult-body {
	padding-bottom:.64rem
}
.tpl-77 .icon-arc {
	width:100%;
	height:.8533333333rem;
	position:absolute;
	z-index:10;
	left:0;
	bottom:-1px;
	background-position:bottom;
	background:url(../images/icon_top_arc.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.tpl-77 .swiper-37 {
	margin-top:.2666666667rem;
	overflow:hidden
}
.tpl-77 .swiper-37 .swiper-slide {
	width:1.8133333rem!important
}
.tpl-77 .swiper-37 .swiper-slide:last-child {
	width:1.38733333rem!important
}
.tpl-77 .swiper-37 .slider-item {
	display:block;
	width:1.8133333rem!important
}
.tpl-77 .swiper-37 .slider-item .card {
	width:100%
}
.gift-dialog {
	width:6.64rem;
	height:7.0933333333rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
	-webkit-border-radius:.2133333333rem;
	-moz-border-radius:.2133333333rem;
	border-radius:.2133333333rem;
	position:relative;
	padding-top:1.6133333333rem;
	padding-left:.32rem;
	padding-right:.32rem;
	text-align:center
}
.gift-dialog>.hd {
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	top:-.8266666667rem;
	width:4.2933333333rem;
	height:2.4533333333rem;
	background-image:url(../images/icon_gift@2x.png);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain
}
.gift-dialog>.btn-close {
	position:absolute;
	width:.64rem;
	height:.64rem;
	font-size:.4266666667rem;
	right:-.2666666667rem;
	top:-.2666666667rem;
	-webkit-transform:translate(50%,-100%);
	-moz-transform:translate(50%,-100%);
	-ms-transform:translate(50%,-100%);
	-o-transform:translate(50%,-100%);
	transform:translate(50%,-100%);
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:.0266666667rem solid #fff;
	color:#fff
}
.gift-dialog>.text {
	margin-top:.56rem;
	color:#333;
	font-size:.4rem;
	line-height:.6933333333rem
}
.gift-dialog>.btn-download {
	margin-top:1.04rem;
	color:#fff;
	font-size:.4266666667rem;
	width:3.52rem;
	height:1.44rem;
	line-height:1.44rem;
	display:inline-block;
	background-image:url(../images/icon_download@2x.png);
	background-repeat:no-repeat;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain
}
.gift-dialog>.tips {
	color:#333;
	font-size:.32rem;
	margin-top:.24rem
}
.call-layer {
	width:6.8rem
}
.call-layer>.hd {
	width:4.64rem;
	height:3.3066666667rem;
	padding-top:2rem;
	margin:0 auto;
	text-align:center;
	line-height:1.2;
	font-size:.2666666667rem;
	color:#999;
	background:url(../images/head_bg.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.call-layer .call-list {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	-webkit-flex-flow:wrap;
	-ms-flex-flow:wrap;
	flex-flow:wrap
}
.call-layer .call-list>.item {
	width:1.7066666667rem;
	height:1.7066666667rem;
	margin-top:.64rem;
	padding:.2666666667rem .4266666667rem;
	text-align:center;
	font-size:.2666666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-color:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.call-layer .call-list .txt {
	display:block;
	height:.4266666667rem;
	line-height:.4266666667rem
}
.call-layer .call-list [class*=ift-] {
	display:block;
	width:.7466666667rem;
	height:.7466666667rem;
	line-height:.7466666667rem;
	font-size:.7466666667rem;
	margin:0 auto
}
.call-layer .call-list .color1 {
	color:#4a90e2
}
.call-layer .call-list .color2 {
	color:#ff9700
}
.call-layer .call-list .color3 {
	color:#05bed6
}
.call-layer .call-list .color4 {
	color:#86d
}
.call-layer .call-list .color5 {
	color:#ffca00
}
.call-layer .call-list .color6 {
	color:#86d
}
.call-layer .call-list .color7 {
	color:#06cfe9
}
.call-layer .call-list .color8 {
	color:#7dcf02
}
.call-layer .call-list .color9 {
	color:#fc7669
}
.layer-form.ticket-box .input {
	height:.8533333333rem;
	border:.0266666667rem solid #ddd;
	-webkit-border-radius:.4266666667rem;
	-moz-border-radius:.4266666667rem;
	border-radius:.4266666667rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.gift-box>.hd {
	position:relative;
	z-index:1;
	height:.5333333333rem;
	margin-bottom:-.0266666667rem;
	background-color:#fff
}
.gift-box>.hd .title-box {
	position:absolute;
	left:50%;
	bottom:.1066666667rem;
	width:3.52rem;
	height:2.2933333333rem;
	margin-left:-1.76rem;
	padding-top:.32rem;
	background:url(../images/recharge.png) no-repeat;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.gift-box>.hd .icon {
	display:block;
	width:1.3866666667rem;
	height:1.3866666667rem;
	text-align:center;
	margin:0 auto
}
.gift-box>.hd .title {
	text-align:center;
	height:.5333333333rem;
	line-height:.5333333333rem;
	font-size:.32rem;
	font-weight:400
}
.gift-box>.bd {
	padding-top:.2666666667rem;
	max-height:6.6666666667rem;
	margin-bottom:-.0266666667rem;
	overflow-y:auto;
	background-color:#fff
}
.gift-box>.ft {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-moz-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	height:1.1733333333rem;
	background-color:#f5f5f5
}
.gift-box>.ft .btn-submit {
	text-align:center;
	width:30%;
	line-height:1.1733333333rem;
	color:#fff;
	background-color:#86d
}
.gift-box .user-coins {
	width:30%;
	text-align:center;
	padding:0 .2666666667rem;
	line-height:1.1733333333rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.gift-box .user-coins .coins {
	margin-left:.1066666667rem;
	color:#86d;
	line-height:1
}
.gift-box .gift-input {
	border-left:.0266666667rem solid #ddd;
	padding:0 .2666666667rem;
	width:40%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.gift-box .gift-input .add-num,.gift-box .gift-input .sub-num {
	width:.64rem;
	height:1.1733333333rem;
	line-height:1.1733333333rem;
	text-align:center;
	font-size:.4266666667rem;
	color:#999
}
.gift-box .gift-input .add-num.disabled,.gift-box .gift-input .sub-num.disabled {
	color:#ddd
}
.gift-box .gift-input .set-num {
	-webkit-box-flex:1;
	-webkit-flex:1 auto;
	-moz-box-flex:1;
	-ms-flex:1 auto;
	flex:1 auto;
	display:block;
	width:inherit;
	height:.8533333333rem;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	padding:.1333333333rem;
	border:.0266666667rem solid #ddd;
	-webkit-border-radius:.48rem;
	-moz-border-radius:.48rem;
	border-radius:.48rem;
	outline:none;
	color:#86d
}
.gift-box .gift-list {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	-webkit-flex-flow:wrap;
	-ms-flex-flow:wrap;
	flex-flow:wrap;
	margin:0 .16rem
}
.gift-box .gift-list>.item {
	position:relative;
	width:26%;
	padding:.1066666667rem;
	margin-bottom:.4266666667rem;
	border:.0266666667rem solid #ddd;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 .04rem .04rem rgba(0,0,0,.1);
	-moz-box-shadow:0 .04rem .04rem rgba(0,0,0,.1);
	box-shadow:0 .04rem .04rem rgba(0,0,0,.1)
}
.gift-box .gift-list>.item.active {
	border-color:#86d
}
.gift-box .gift-list>.item.active .num {
	display:block
}
.gift-box .gift-list>.item .thumb {
	width:1.28rem;
	height:1.28rem;
	line-height:1.28rem;
	margin:0 auto
}
.gift-box .gift-list>.item .thumb .img,.gift-box .gift-list>.item .thumb i,.gift-box .gift-list>.item .thumb img {
	vertical-align:middle
}
.gift-box .gift-list>.item .thumb .img,.gift-box .gift-list>.item .thumb img {
	width:1.0666666667rem;
	height:1.0666666667rem
}
.gift-box .gift-list>.item .title {
	font-weight:400;
	height:.5333333333rem;
	line-height:.5333333333rem
}
.gift-box .gift-list>.item .price-box {
	height:.5333333333rem;
	line-height:1;
	color:#999;
	font-size:.2666666667rem
}
.gift-box .gift-list>.item .num {
	display:none;
	position:absolute;
	right:-.16rem;
	bottom:-.16rem;
	width:.4266666667rem;
	height:.4266666667rem;
	line-height:.4266666667rem;
	color:#fff;
	text-align:center;
	font-size:.2666666667rem;
	background-color:#86d;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.gift-box .no-info {
	text-align:center;
	padding:.2666666667rem;
	color:#999
}
.collect-layer {
	position:fixed;
	bottom:0;
	width:100%;
	background-color:#fff;
	font-size:.3733333333rem
}
.collect-layer>.hd {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	height:1.1733333333rem;
	line-height:1.1733333333rem;
	padding:0 .2666666667rem;
	border-bottom:.0266666667rem solid #f5f5f5;
	color:#999
}
.collect-layer>.hd .title {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	font-size:.4266666667rem;
	color:#555
}
.collect-layer>.bd {
	max-height:7.2rem;
	overflow-y:auto
}
.collect-layer>.bd::-webkit-scrollbar {
	width:0
}
.collect-layer .ift-right {
	color:#86d
}
.collect-layer .collect-user {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.collect-layer .collect-user-list {
	display:inline-block;
	font-size:0;
	height:.64rem;
	font-size:.2666666667rem
}
.collect-layer .collect-user-list .item {
	display:inline-block;
	width:.64rem;
	height:.64rem;
	margin-right:.08rem;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden
}
.collect-layer .collect-user-list .item .thumb {
	vertical-align:top;
	width:100%
}
.collect-layer .collect-list>.item {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	height:1.2rem;
	line-height:1.2rem;
	padding:0 .2666666667rem;
	border-bottom:.0266666667rem dotted #ddd
}
.collect-layer .collect-list>.item>.left {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1
}
.collect-layer .collect-list>.item>.right {
	color:#ddd
}
.collect-layer .collect-list>.item:last-child {
	border-bottom:0
}
.collect-layer .collect-list>.item.last,.collect-layer .collect-list>.item.last-child {
	border-bottom:0
}
.collect-layer .collect-list>.item .ift-heart,.collect-layer .collect-list>.item .red {
	color:#86d
}
.collect-layer>.ft {
	position:relative;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	-moz-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	height:1.28rem;
	line-height:1.28rem;
	background-color:#86d;
	color:#fff;
	padding:0 .2666666667rem
}
.collect-layer>.ft:before {
	content:"";
	position:absolute;
	left:50%;
	top:.16rem;
	height:.96rem;
	border-left:.0266666667rem solid hsla(0,0%,100%,.5)
}
.collect-layer>.ft .btn {
	width:50%;
	line-height:1.28rem;
	text-align:center
}
.create-book>.ft {
	padding:.2666666667rem .8rem 0
}
.score-box {
	width:8.5333333333rem;
	background-color:#fff;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	padding:0
}
.score-box>.hd {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch;
	padding:.2666666667rem;
	border-bottom:.0266666667rem solid #f5f5f5
}
.score-box>.hd .title {
	-webkit-box-flex:1;
	-webkit-flex:1;
	-moz-box-flex:1;
	-ms-flex:1;
	flex:1;
	font-size:.3733333333rem;
	font-weight:400;
	text-align:left;
	height:auto
}
.score-box>.hd .score-desc {
	color:#999;
	font-size:.2666666667rem
}
.score-box>.bd {
	padding:.2666666667rem
}
.score-box>.ft {
	padding:.2666666667rem .8rem .5333333333rem
}
.score-box .score-user {
	font-size:0;
	height:.64rem;
	margin-right:.0533333333rem
}
.score-box .score-user>.item {
	display:inline-block;
	width:.64rem;
	height:.64rem;
	overflow:hidden;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.score-box .score-user>.item .thumb {
	width:100%;
	height:100%;
	vertical-align:top
}
.score-box .score-list .score-level {
	float:left;
	color:#999
}
.score-box .score-list dd {
	padding-left:1.0666666667rem;
	white-space:nowrap
}
.score-box .score-list .score-percent {
	background-color:#86d;
	display:inline-block;
	height:.2133333333rem;
	-webkit-border-radius:.1066666667rem;
	-moz-border-radius:.1066666667rem;
	border-radius:.1066666667rem
}
.score-box .score-list .score-num {
	font-size:.2666666667rem
}
.score-box .stars {
	margin:.2666666667rem .5333333333rem 0;
	height:.96rem;
	line-height:.96rem;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-align-content:stretch;
	-ms-flex-line-pack:stretch;
	align-content:stretch
}
.score-box .stars>.item {
	color:#fff100;
	font-size:.8533333333rem
}