.content{
	margin-top: 30px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 30px 0 ;
	.shaixuan{
		width: 1120px;
		display: flex;
		padding: 20px 0;
		border-bottom: 1px solid rgba(207, 218, 230, 1);
		.btn{
			padding: 0 20px;
			font-size:16px;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
			cursor: pointer;
			&:hover{
				color: rgba(15, 89, 164, 1);
			}
			&:nth-child(1){
				padding-left:6px;
			}
		}
		.active{
			color: rgba(15, 89, 164, 1);
		}
	}
	.box{
		width:1120px;
		display: flex;
		flex-direction: column;
		padding:20px 30px;
		.tdd,.tdd2{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding:8px 0;
			.left{
				width: 80%;
				display: flex;
				color: rgba(85, 85, 85, 1);
				font-size: 16px;
				font-weight: 400;
				white-space: nowrap;
				align-items: center;
				.name{
					color: rgba(90, 124, 158, 1);
				}
				.state{
					color: rgba(212, 65, 49, 1);
				}
				.text{
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					&:hover{
						color: rgba(15, 89, 164, 1);
					}
				}
			}
			.time{
				width: 10%;
				font-size: 16px;
				font-weight: 400;
				color: rgba(153, 153, 153, 1);
				text-align: right;
			}
			.left2{
				width: 80%;
				display: flex;
				flex-direction: column;
				color: rgba(85, 85, 85, 1);
				font-size: 16px;
				font-weight: 400;
				
				.top,.bottom{
					padding: 5px 0 ;
					font-size: 16px;
				}
				.top{
					font-weight: 700;
					color: rgba(85, 85, 85, 1);
					span{
						color: rgba(90, 124, 158, 1)
					}
				}
				.bottom{
					font-weight: 400;
					padding-bottom: 0;
					color: rgba(102, 102, 102, 1);
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
				&:hover{
					.bottom{
						color: rgba(15, 89, 164, 1);
					}
				}
			}
		}
		.tdd2{
			.left:hover{
				color: rgba(15, 89, 164, 1);
			}
		}
		.tdd2:nth-child(5n+5){
			border-bottom: 1px dashed rgba(0,0,0,0.3);
			padding-bottom: 20px;
		}
		.tdd:nth-child(5n+5){
			border-bottom: 1px dashed rgba(0,0,0,0.3);
			padding-bottom: 20px;
		}
		.tdd:nth-child(5n+6){
			padding-top: 20px;
		}
	}
	.piyao{
		width: 1120px;
		display: flex;
		flex-wrap: wrap;
		//justify-content: space-between
		.boxx{
			width:23%;
			padding: 1%;
			img{
				width: 100%;
				height: 180px;
				border-radius: 3px;
				border: 1px solid #ddd;
				//box-shadow: 2px 2px 2px 2px rgba(0,0,0, 0.1);
			}
			div{
				margin-top: 10px;
				font-size: 16px;
				font-weight: 400;
				color: rgba(51, 51, 51, 1);
			}
		}
		.boxx:hover{
			div{
				color: rgba(15, 89, 164, 1);
			}
		}
		.boxx:nth-of-type(n+5){
			margin-top: 30px;
		}
	}
}