.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; position: relative;}
.box-list .list .date{display: block;width: 4em; float: left;font-size: 1.2em; text-align: left; color: #888;transition: all 0.4s; letter-spacing: 2px; height: 3.6em;line-height: 1.6em;overflow: hidden; margin-top: 1em;}
.box-list .list .date i{font-style: normal;}
.box-list .list .date i.m{transition: all 0.4s;color: #fff;background-color: #e5414c;padding: 0.1em 0.3em;font-size: 1.1em;}
.box-list .list .date i.y{transition: all 0.4s; padding: 0.1em 0.3em;}
.box-list .list .date-line{position: absolute; left: 7em;width: 10px;top: 0; height: 100%;}
.box-list .list .date-line i{display: block;position: absolute;}
.box-list .list .date-line i.line{width: 2px;height: 100%;background-color: #ccc;left: 50%;margin-left: -1px;}
.box-list .list .date-line i.dot{width: 10px;height: 10px;border-radius: 50%;background-color: #fff;border: 2px #ccc solid;left: 50%;margin-left: -5px; top: 2.8em; transition: all 0.4s;}
.box-list .list .thumb{display: block;width: 5em;height: 4em; line-height: 4em; text-align: center; padding: 0;margin: 0 0 0 2em;float: left;background-position: center;background-size: cover;background-repeat: no-repeat;color: #fff;font-size: 1.6em;border-radius: 5px;letter-spacing: 5px;}
.box-list .list .thumb.yuanwu{background-color: #009F97;}
.box-list .list .thumb.zhaobiao{background-color: #F9B552;}
.box-list .list .thumb.zhaopin{background-color: #D93587;}
.box-list .list .title{display: block;margin-left: 18em;}
.box-list .list .title .t{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-style: normal;color: #666;line-height: 1.6em; height: 3.2em; transition: all 0.4s;font-size: 1.3em;padding-top: 0.4em;}
.box-list .list .title .d{display: block;overflow: hidden;font-style: normal;font-size: 1.1em; color: #999;line-height: 1em;white-space: nowrap;text-overflow: ellipsis;transition: all 0.4s;padding-top: 0.8em;}
.box-list .list a:hover .date i.m{box-shadow: 0 1px 3px 0 rgba(0,0,0,0.4);}
.box-list .list a:hover .date i.y{text-shadow: 0 1px 3px rgba(0,0,0,0.4);}
.box-list .list a:hover .date-line .dot{background-color: #e5414c;border-color: #e5414c;}
.box-list .list a:hover .title .t{color: #e5414c;}
.box-list .list a:hover .title .d{color: #666;}
.page-box{text-align: center;padding-bottom: 2em;}
@media (max-width: 767px){
	.box-type .btn{font-size: 1.1em;}
	.box-list .list ul li a{margin-top: -1px;}
	.box-list .list .date{font-size: 1em;}
	.box-list .list .date-line{left: 5em;}
	.box-list .list .thumb{margin-left: 0.8em;width: 3em;height: 2.5em;
    line-height: 2.5em;}
	.box-list .list .title{font-size: 1em;margin-left: 12em;}
	.box-list .list .title .t{font-size: 1em;padding-top: 0;}
}