body{background:#fff}
.content{margin:40px 0 30px 0}

/* pc版 */

.list{margin:40px -8px 0 -8px}
.items{}
.items .row > .title{margin-top:30px;margin-bottom:20px;font-size:30px;color:#333}
.item{margin-bottom:20px;padding-left:8px;padding-right:8px}

.item .title{font-size:14px;margin:0;color:#333;padding:10px 8px}
.item .time{font-size:12px;padding:0 8px;color:#666}

#page{text-align:center}

@media screen and (min-width:992px){
	.list{margin-bottom:60px}
}

@media screen and (max-width:991px){
	/* PHONE版 */
	
	.items .row > .title{font-size:18px}
	.list2{margin:20px -8px 0 -8px;display:flex;flex-wrap:wrap}
	.item2{margin-bottom:20px;padding-left:8px;padding-right:8px}
	
	.item2 .title{font-size:14px;margin:0;color:#333;padding:10px}
	.item2 .time{font-size:12px;padding:0 10px;color:#666}
	.list2 .layui-flow-more{width:100%}
	.list2 .layui-flow-more div[style*="50px"]{margin-bottom:35px !important}
}

@media screen and (max-width:767px){
	.mypanel{padding:0}
}