@charset "UTF-8";
/* CSS Document */
.module-class,.module-item-box a {
	position:relative
}
.module-class::after,.module-item-box a::after {
	border:1px solid #e2e2e2 ;
	border-radius:5px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	content:"";
	-webkit-transform-origin:0 0;
	transform-origin:0 0;
	pointer-events:none
}
@media only screen and (max-width:559px) {
	.module-class::after,.module-item-box a::after {
	width:200%;
	height:200%;
	-webkit-transform:scale(.5);
	transform:scale(.5);
	border-radius:10px
}
}
.module-class-items,.module-class-item {
	position:relative
}
.module-class-items::after,.module-class-item::after {
	content:" ";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:1px;
	background-color:#f8f8f8
}
@media only screen and (max-width:559px) {
	.module-class-items::after,.module-class-item::after {
	-webkit-transform:scaleY(.5);
	transform:scaleY(.5)
}
}@font-face {
	font-family:iconfont;
	src:url(../fonts/iconfont.eot?fanger);
	src:url(../fonts/iconfont.eot?fanger#iefix) format("embedded-opentype"),url(../fonts/iconfont.ttf?fanger) format("truetype"),url(../fonts/iconfont.woff?fanger) format("woff"),url(../fonts/iconfont.svg?fanger#wpfont) format("svg");
	font-weight:400;
	font-style:normal;
	font-display:block
}
[class^=icon-] {
	font-family:iconfont!important;
	speak:never;
	font-style:normal;
	font-weight:400;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	vertical-align:revert;
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.icon-arrow:before {
	content:"\e918"
}
.module {
	padding-bottom:20px;
	font-size:0
}
.module-main {
	position:relative
}.module-class::after {
	border-radius:0
}
.module-class-items {
	padding:0;
	margin:0;
	display:flex
}
.module-class-items:last-child::after,.module-class-items:last-child .module-class-item::after {
	height:0
}
.module-class-item {
	display:inline-flex;
	padding:5px 0
}
.module-item-title {
	position:relative;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	width:45px;
	white-space:nowrap;
	min-height:40px;
	line-height:44px;
	margin-right:20px
}
.module-item-title i {
	margin-left:10px;
	vertical-align:initial;
	font-size:12px;
	transform:scale(.6) rotate(270deg);
	color:#c2c6d0
}
.module-item-box {
	display:inline-block;
	margin-left:-5px
}
.module-item-box a {
	padding:6px 12px;
	font-size:14px;
	margin:5px;
	white-space:nowrap;
	display:inline-block;
	border-radius:5px
}
.module-item-box .active {
	color:#ffffff;
	background:#e60000;
}
.module-item-box .active::after {
	border-color:#e60000
}
@media(min-width:560px) {
.module-class {
	padding:5px 0
}
.module-class::after {
	border-width:0
}
}
@media(max-width:559px) {
.module-class {
	margin:0 -15px;
	padding:8px 15px
}
.module-class-items {
	padding:0 15px!important
}
.module-class-item {
	padding:2px 0
}
.module-item-title {
	margin-right:12px;
	width:40px;
	line-height:40px;
	font-size:14px
}
.module-item-title i {
	margin-left:4px
}
.module-item-box {
	display:inline-flex
}
.module-item-box a {
	padding:5px 10px;
	color:#424242;
	font-size:13px;
	margin-right:0
}
.module-item-box a::after {
	border:1
}
.scroll-box {
	margin:0 -15px;
	padding:0 15px 15px;
	overflow-y:auto;
	webkit-overflow-scrolling:touch
}
.scroll-content {
	display:inline-flex
}
.scroll-box::-webkit-scrollbar {
	display:none
}
}@media(max-width:559px) {
	.scroll-box {
	margin:10px -15px 0!important;
	padding:0 15px!important
}
}@media(max-width:899px) {
	.scroll-box {
		margin:15px -20px 0;
		padding:0 20px 20px;
		overflow-y:auto;
		webkit-overflow-scrolling:touch
	}
}