#test1{text-align: center}
.flex{display: flex; flex-wrap: wrap;width: 100%;}
.tsjy{}
.msgcontent{flex: 1; padding:0px 5%;}
.msgcontent h1{}
.msgcontent .list{width: 100%;
     height: 680px; overflow: hidden}
.msgcontent .list li{display: flex; justify-content: flex-start; align-items: center;border-bottom:1px solid #ABAAAA; margin: 10px auto;}
.msgcontent .list span:first-child{margin-right: 10px;}
.msgcontent .list span:nth-child(2){flex: 1; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.msgcontent .list span:last-child{margin-left: 10px}
.msgcontent .swiper {
    width: 100%;
     height: 680px;
}  
.msgcontent .swiper-slide{ }
@media screen and (max-width: 750px){
	.tsjy{width: 100%;}
	
	
}