.story-category {
	background:#f6f6f7
}
.story-category__nav {
	background-color:#fff;
	height:1.06667rem;
	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;
	border-bottom:1px solid #e5e5e5
}
.story-category__nav .item {
	font-size:30px;
	color:#666;
	margin-left:1.6rem;
	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;
	position:relative
}
[data-dpr='1'] .story-category__nav .item {
	font-size:15px
}
[data-dpr='2'] .story-category__nav .item {
	font-size:30px
}
[data-dpr='3'] .story-category__nav .item {
	font-size:45px
}
.story-category__nav .item:first-child {
	margin-left:0
}
.story-category__nav .item.active {
	color:#ff7830
}
.story-category__nav .item.active:after {
	content:'';
	background:#ff7830;
	border-radius:.04rem;
	left:0;
	right:0;
	height:.05333rem;
	position:absolute;
	bottom:0
}
.story-category__theme {
	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;
	padding-bottom:.4rem
}
.story-category__theme-item {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:4.4rem;
	height:1.86667rem;
	margin-left:.4rem;
	margin-top:.4rem;
	padding:0 .26667rem 0 .4rem;
	background-color:#fff;
	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:justify;
	-webkit-justify-content:space-between;
	-moz-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	background:#ffffff;
	box-shadow:0 4px 8px 0 #e2e2e2
}
.story-category__theme-item .theme-info .title {
	font-size:34px;
	color:#28292d;
	margin-bottom:.05333rem
}
[data-dpr='1'] .story-category__theme-item .theme-info .title {
	font-size:17px
}
[data-dpr='2'] .story-category__theme-item .theme-info .title {
	font-size:34px
}
[data-dpr='3'] .story-category__theme-item .theme-info .title {
	font-size:51px
}
.story-category__theme-item .theme-info .count {
	font-size:24px;
	color:#999999
}
[data-dpr='1'] .story-category__theme-item .theme-info .count {
	font-size:12px
}
[data-dpr='2'] .story-category__theme-item .theme-info .count {
	font-size:24px
}
[data-dpr='3'] .story-category__theme-item .theme-info .count {
	font-size:36px
}
.story-category__theme-item .theme-cover {
	width:1.33333rem;
	height:1.33333rem;
	font-size:0
}
.story-category__theme-item .theme-cover .cover {
	width:100%;
	height:100%
}