.box-type{overflow: hidden;border-bottom: 2px #e5414c solid;overflow: hidden;margin: 0 -15px;}
.box-type .btn{font-size: 1.4em;border: none;border-radius: 0;padding: 6px 0.8em;}
.box-type .btn.active{background-color: #e5414c;color: #fff;}
.box-list .list{overflow: hidden;margin: 2em -15px;}
.box-list .list ul li a{display: block;overflow: hidden; padding: 15px;}
.box-list .list .date{display: block;width: 8em; float: right;font-size: 1.2em; text-align: right; color: #888;transition: all 0.4s; letter-spacing: 2px; height: 1.6em;line-height: 1.6em;overflow: hidden; margin-top: 3em;}
.box-list .list .date i{font-style: normal;}
.box-list .list .date i.m{transition: all 0.4s;padding: 0.1em 0.3em;}
.box-list .list .date i.y{transition: all 0.4s;color: #aaa;opacity: 0; padding: 0.1em 0.5em;}
.box-list .list .thumb{display: block;width: 10em;height: 8em;padding: 0;margin: 0;float: left;background-position: center;background-size: cover;background-repeat: no-repeat;}
.box-list .list .title{display: block;margin: 0 9em 0 11em;}
.box-list .list .title .t{display: inline-block;font-style: normal;font-size: 1.3em;position: relative;color: #333;line-height: 2em; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.4s;max-width: 90%;}
.box-list .list .title .t .line{position: absolute;bottom: -2px;height: 2px;background-color: #e5414c;width: 0;display: block;}
.box-list .list .title .d{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-style: normal;font-size: 1.1em; color: #888;line-height: 1.8em; height: 3.6em;margin-top: 0.4em;text-indent: 2em;transition: all 0.4s;}
.box-list .list a:hover .date{margin-top: 0; height: 5em;}
.box-list .list a:hover .date i.m{opacity: 0.8; color: #fff;background-color: #e5414c;}
.box-list .list a:hover .date i.y{opacity: 1;}
.box-list .list a:hover .title .t{line-height: 1em;color: #e5414c;}
.box-list .list a:hover .title .d{-webkit-line-clamp: 3;height: 5.4em;}
.page-box{text-align: center;padding-bottom: 2em;}
.no-list{text-align: center;color: #999;line-height: 5em;font-size: 1.2em;}
@media (max-width: 767px){
	.box-type{overflow: auto;white-space: nowrap;}
	.box-type .btn{font-size: 1.1em;}
	.box-list .list .thumb{width: 5em; height: 4.4em;}
	.box-list .list .title{margin: 0 5em 0 6em;}
	.box-list .list .date{width: 6em;font-size: 1em;margin-top: 1em;}
	.box-list .list .title .t{font-size: 1.1em;line-height: 1.7em;}
	.box-list .list .title .d{font-size: 1em;margin: 0;line-height: 1.2em; height: 2.3em;}
	.box-list .list a:hover .title .d{line-height: 1.1em;height: 3.1em;}
}