.content_box {
 	width: 96%;
 	padding: 1% 2%;
 }

 .p_5_list {
 	width: 102%;
 	margin: 0 -1%;
 	display: flex;
 	flex-wrap: wrap;
 }

 .p_5_box {
 	width: 29%;
 	padding: 2% 1%;
 	border-radius: 10px;
 	margin: 1%;
 	border: 1px solid var(--line-color);
 	cursor: pointer;
 }

 .p_5_box:hover {
 	transform: translateY(-10px);
 	box-shadow: rgba(101, 119, 134, 0.2) 0px 0px 15px 0px, rgba(101, 119, 134, 0.15) 0px 0px 5px 1px;
 }

 .p_5_box .p_img {
 	width: 40px;
 	height: 40px;
 }

 .p_5_box .p_img img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .p_5_box .p_box {
 	width: 80%;
 	padding: 0 5%;
 }

 .p_5_box .p_bt {
 	width: 100%;
 	font-size: 18px;
 	color: var(--font-2);
 	font-weight: bold;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-line-clamp: 1;
 }

 .p_5_box .p_tip {
 	width: 100%;
 	font-size: 14px;
 	line-height: 30px;
 	color: var(--font-1);
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	word-break: break-all;
 	-webkit-line-clamp: 1;
 }