.banner {
 	width: 100%;
 	margin-bottom: 20px;
	border-radius: 10px;
 	cursor: pointer;
 }

 .article-box {
 	width: 100%;
 	background-color: #FFF;
 	border-radius: 10px;
 	box-shadow: 0 0 10px rgba(146, 172, 244, .14);
 	padding: 40px 37px;
 	margin-bottom: 20px;
 	position: relative;
 }

 .article-top {
 	display: flex;
 	position: relative;
 }

 .article-msg {
 	flex: 1;
 	margin-bottom: 62px;
 }

 .article-title {
 	margin-bottom: 20px;
 	padding-right: 120px;
 }
 
 .article-right{
	 flex: 1;
	 display: flex;
	 justify-content: flex-end;
 }

 .article-info {
 	display: flex;
 	align-items: center;
 	font-size: 14px;
 	color: #5c6f92;
 }

 .article-type {
 	position: absolute;
 	top: 0;
 	right: 0;
 	display: flex;
 	cursor: pointer;
 }

 .article-type-icon {
 	width: 22px;
 	height: 22px;
 	margin-right: 10px;
 }

 .article-type span {
 	font-size: 16px;
 	color: #225bff;
 }

 .article-nav {
 	font-size: 16px;
 	color: #15294e;
 	margin-bottom: 58px;
 	cursor: pointer;
 	display: flex;
 }

 .article-nav h2 {
 	font-size: 16px;
 	margin-right: 15px;
 }

 .related-title {
 	margin-bottom: 30px;
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-end;
 }

 .related-title h2 {
 	font-size: 30px;
 	color: #15294e;
 }

 .related-title-more {
 	font-size: 16px;
 	color: #225AFC;
 }

 .related-list {
 	display: flex;
 	flex-wrap: wrap;
 }

 .related-item {
 	border-radius: 10px;
 	background: #132039;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	padding: 20px 0 10px;
 	width: 193px;
 	margin-right: 26px;
 	margin-bottom: 30px;
	height: auto!important;
 }

 .related-item.max-end {
 	margin-right: 0;
 }

 .related-item.min-end {
 	margin-right: 26px;
 }

 .related-item-tx {
 	width: 42px;
 	height: 42px;
 	margin-bottom: 14px;
 	border-radius: 42px;
 	object-fit: cover;
 }

 .related-item-type {
 	font-size: 13px;
 	color: #788297;
 	margin-bottom: 20px;
 	height: 37px;
 	padding: 0 20px;
	width: 100%;
 }

 .related-item-name {
 	font-size: 16px;
 	color: #FFF;
 	margin-bottom: 20px;
 }

 .related-item-bac {
 	width: 50px;
 	height: 50px;
 	border-radius: 50px;
 	background: #225bff;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 }

 /* 相关法规 */
 .charge-lbox-laws {
 	background: #FFF;
 	margin-bottom: 17px;
 	border-radius: 10px;
 	padding: 37px 29px 30px;
 }

 .charge-laws-title {
 	font-size: 26px;
 	color: #15294e;
 	font-weight: 700;
 	margin-bottom: 24px;
 }

 .charge-laws-item {
 	margin-bottom: 22px;
 	font-size: 16px;
 	color: #15294e;
 	display: block;
 }

 .charge-laws-item span {
 	margin-right: 12px;
 	font-weight: 700;
 	color: #cfd3f0;
 }

 .find-lawyer {
 	width: 100%;
 	margin-bottom: 17px;
 	background: #e3e7f0;
 	padding: 38px 27px 39px;
 	border-radius: 10px;
 }

 .find-lawyer-title {
 	font-size: 24px;
 	margin-bottom: 38px;
 	font-weight: 700;
 }

 .find-select {
 	display: flex;
 	align-items: center;
 	margin-bottom: 15px;
 }

 .find-select-icon {
 	width: 24px;
 	height: 24px;
 	margin-right: 4px;
 }

 .find-select-title {
 	width: 150px;
 	display: flex;
 	align-items: center;
 }

 .find-submit {
 	width: 155px;
 	height: 45px;
 	border-radius: 45px;
 	background-color: #225bff;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	margin: 19px auto 0;
 	color: #FFF;
 }

 .sorting {
 	position: absolute;
 	/* width: calc(100% - 74px); */
	width: 100%;
	left: 0;
	padding: 0 37px;
	height: 500px;
 	z-index: 1;
 	background: #FFF;
 }

 .sorting-list {
 	display: flex;
 	flex-wrap: wrap;
 	max-height: calc(100% - 112px);
 	margin: 45px 0 45px;
 	overflow-y: scroll;
 }

 .sorting-item {
 	width: 50%;
 	font-size: 16px;
 	color: #15294e;
 	margin-bottom: 32px;
 }

 .sorting-item span {
 	color: #b5bed1;
 	margin-right: 10px;
 }

 .article-msg-item {
 	display: flex;
 	align-items: center;
 	cursor: pointer;
 }


 @media (max-width: 1400px) {
 	.related-item.max-end {
 		margin-right: 26px;
 	}

 	.related-item.min-end {
 		margin-right: 0;
 	}
 }