.mui-media {
	font-size: 14px;
}

.mui-table-view .mui-media-object {
	max-width: initial;
	width: 90px;
	height: 70px;
	position: relative;
    overflow: hidden;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.mui-slider-group{height: 100%}
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item){height: 100%;background-position: center center; background-repeat: no-repeat; background-size: cover;}

.meta-info {
	position: absolute;
	left: 115px;
	right: 15px;
	bottom: 8px;
	color: #8f8f94;
}

.meta-info .author,
.meta-info .time ,.meta-info .hits{
	display: inline-block;font-size: 12px;
}
.meta-info .hits{width: 25%;float: left;text-align: left;}
.meta-info .author{float: left;width: 50%}
.meta-info .time{float: right;text-align: right;}

.mui-table-view:before,
.mui-table-view:after {
	height: 0;
}

.mui-content>.mui-table-view:first-child {
	margin-top: 1px;
}
.mui-scroll-wrapper{padding-bottom:50px;}

#slider {background-color: #fff; height: 48vw;}
#list .mui-scroll{position: relative;}
@media screen and (min-width:320px) and (max-width:415px){
.meta-info .hits{display: block;}
.meta-info .time {float: right}
}

@media screen and (max-width:320px){
.meta-info .hits{display: none;}
.meta-info .time{float: right;text-align: right}
}

.mui-content .filter-wrap{
	position: relative;
	height: 12vw;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.mui-content .filter-wrap > a{
	flex: 1;
	text-align: center;
	color: #333;
}
.mui-content .filter-wrap > a.active{
	color: #298CFF;
}
.mui-btn.mui-active:enabled, .mui-btn:enabled:active, button.mui-active:enabled, button:enabled:active, input[type=button].mui-active:enabled, input[type=button]:enabled:active, input[type=reset].mui-active:enabled, input[type=reset]:enabled:active, input[type=submit].mui-active:enabled, input[type=submit]:enabled:active{background-color: #fff}