.zj-wrap7 {
	padding: 70px 0;
	padding: .7rem 0;
	background: url(zjcqmrgbg.png) center 20px no-repeat;
	background: url(zjcqmrgbg.png) center .2rem no-repeat;
	background-size: 1920px auto;
	background-size: 19.2rem auto;
}

.zj-wrap7 .zj-title4 .more {
	float: right;
	color: #999;
	font-size: 16px;
	font-size: .16rem;
	margin-right: 15px;
	margin-right: 0.15rem;
	margin-top: 8px;
	margin-top: .08rem;
}

.zj-wrap7-c {
	padding-left: 30px;
	padding-left: .3rem;
}

.zj-wrap7-con {
	padding-top: 30px;
	padding-top: .3rem;
	height: 446px;
	height: 4.46rem;
}

.zj-wrap7-con li {
	display: inline-block !important;
	width: 274px;
	width: 2.74rem;
	height: 446px;
	height: 4.46rem;
	vertical-align: top;
	margin-left: 24px;
	margin-left: .24rem;
}

.zj-wrap7-con li:first-child {
	margin-left: 0;
}

.zj-wrap7-con .item {
	display: block;
	height: 100%;
	background: url(zjcqmrgbg1.png) center no-repeat;
	background-size: 100% 100%;
	text-align: center;
}

.zj-wrap7-con li:hover .item {
	margin-top: -20px;
	margin-top: -.2rem;
	background: url(zjcqmrgbg1o.png) center no-repeat;
	background-size: 100% 100%;
	box-shadow: 0 0 10px 0 rgba(55, 92, 136, .31);
}

.zj-wrap7-con .item .tx {
	display: inline-block;
	width: 100px;
	width: 1rem;
	height: 100px;
	height: 1rem;
	padding: 7px;
	padding: .07rem;
	background: url(zjcqmrgbg2.png) center no-repeat;
	background-size: 100% 100%;
	margin-top: 35px;
	margin-top: .35rem;
	border-radius: 50%;
	overflow: hidden;
}

.zj-wrap7-con .item .tx img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.zj-wrap7-con li:hover .item .tx {
	background: url(zjcqmrgbg2o.png) center no-repeat;
	background-size: 100% 100%;
}

.zj-wrap7-con .item .name {
	margin-top: 10px;
	margin-top: .1rem;
}

.zj-wrap7-con .item .name span {
	color: #000000;
	font-size: 20px;
	font-size: .2rem;
	font-weight: bold;
	display: inline-block;
	margin: 0 10px;
	margin: 0 .1rem;
	vertical-align: middle;
}

.zj-wrap7-con .item .name i {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 8px;
	width: .42rem;
	height: .08rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	background-image: url(zjcqmrgic2.png);
}

.zj-wrap7-con .item .name i.i2 {
	background-image: url(zjcqmrgic1.png);
}

.zj-wrap7-con li:hover .item .name span {
	color: #456891;
}

.zj-wrap7-con li:hover .item .name i {
	background-image: url(zjcqmrgic2o.png);
}

.zj-wrap7-con li:hover .item .name i.i2 {
	background-image: url(zjcqmrgic1o.png);
}

.zj-wrap7-con .item .info {
	text-align: left;
	color: #617ea0;
	font-size: 16px;
	font-size: .16rem;
	font-weight: bold;
	line-height: 26px;
	line-height: .26rem;
	padding: 0 34px;
	padding: 0 .34rem;
	margin-top: 8px;
	margin-top: .08rem;
}

.zj-wrap7-con .item .info p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.zj-wrap7-con li:hover .item .info {
	color: #456891;
}

.zj-wrap7-con .item .intro {
	color: #222222;
	font-size: 16px;
	font-size: .16rem;
	line-height: 26px;
	line-height: .26rem;
	padding: 0 28px;
	padding: 0 .28rem;
	text-align: left;
	text-indent: 2em;
	margin-top: 12px;
	margin-top: .12rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 4;
}

.zj-wrap7-con .item .more {
	color: #a0b2c7;
	font-size: 14px;
	font-size: .14rem;
	margin-top: 16px;
	margin-top: .16rem;
}

.zj-mrg .head-search {
	float: right;
	margin-top: 45px;
	margin-top: .45rem;
}

.zj-mrg .head-search input {
	width: 300px;
	width: 3rem;
}

/* 名人馆列表 */
.mrg-main {
	background: #fff;
	box-shadow: 0 0 10px 0 rgb(0 42 100 / 10%);
	padding: 0 24px 50px;
	padding: 0 .24rem .5rem;
}

.mrg-search {
	width: 510px;
	width: 5.1rem;
	height: 48px;
	height: .48rem;
	line-height: 48px;
	line-height: .48rem;
	background: #f6f6f6;
	border-radius: 6px;
	border-radius: .06rem;
	border: 1px solid #8fa6bf;
	margin: 0 auto;
}

.mrg-search input {
	padding: 0 22px;
	padding: 0 .22rem;
	font-size: 16px;
	font-size: .16rem;
	width: 410px;
	width: 4.1rem;
	background: none;
	height: 48px;
	height: .48rem;
	line-height: 48px;
	line-height: .48rem;
	vertical-align: top;
}

.mrg-search input::placeholder {
	color: #999;
}

.mrg-search button {
	background: none;
	cursor: pointer;
	height: 100%;
	vertical-align: top;
}

.mrg-search button img {
	width: 27px;
	width: .27rem;
}

.mrg-nav {
	margin-top: 30px;
	margin-top: .3rem;
	border-bottom: 1px solid #a0b6cf;
	height: 46px;
	height: .46rem;
	text-align: center;
}

.mrg-nav .tit {
	margin: 0 38px;
	margin: 0 .38rem;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.mrg-nav .tit img {
	height: 27px;
	height: .27rem;
}

.mrg-nav .tit .cur,
.mrg-nav .tit.cur img {
	display: none;
}

.mrg-nav .tit.cur .cur {
	display: inline-block;
}

.mrg-nav .tit i {
	position: absolute;
	left: 50%;
	width: 18px;
	width: .18rem;
	height: 18px;
	height: .18rem;
	margin-left: -9px;
	margin-left: -.09rem;
	background: url(zjcqmrgic5.png) center no-repeat;
	background-size: 100% 100%;
	bottom: -28px;
	bottom: -.28rem;
	display: none;
}

.mrg-nav .tit.cur i {
	display: block;
}

.mrg-xs {
	padding-top: 4px;
	padding-top: .04rem;
	max-height: 1rem;
	overflow: hidden;
}

.mrg-xs.cur {
	max-height: none;
	max-height: initial;
}

.mrg-xs a {
	display: inline-block;
	width: 96px;
	height: 34px;
	width: .96rem;
	height: .34rem;
	line-height: 34px;
	line-height: .34rem;
	background: url(zjcqmrgbg3.png) center no-repeat;
	background-size: 100% 100%;
	color: #617ea0;
	font-size: 18px;
	font-size: .18rem;
	font-weight: bold;
	text-align: center;
	margin: 16px 9.6px 0;
	margin: .16rem .096rem 0;
}

.mrg-xs a.cur {
	background: url(zjcqmrgbg3o.png) center no-repeat;
	background-size: 100% 100%;
	color: #fff;
}

.mrg-xs-drop {
	display: none;
	text-align: center;
	margin-top: .16rem;
}

.mrg-xs-drop span {
	color: #617ea0;
	font-size: 18px;
	font-size: .18rem;
	cursor: pointer;
}

.mrg-total {
	color: #333333;
	font-size: 18px;
	font-size: .18rem;
	margin: 24px 10px 0;
	margin: .24rem .1rem 0;
}

.mrg-total:before {
	display: inline-block;
	content: '';
	width: 4px;
	height: 4px;
	width: .04rem;
	height: .04rem;
	border-radius: 50%;
	background: #333333;
	vertical-align: middle;
	margin-top: -4px;
	margin-top: -.04rem;
	margin-right: 2px;
	margin-right: .02rem;
}

.mrg-list {
	margin-top: 16px;
	margin-top: .16rem;
	padding-left: 10px;
	padding-left: .1rem;
}

.mrg-list li {
	display: inline-block;
	width: 250px;
	width: 2.5rem;
	text-align: center;
	margin-right: 44px;
	margin-right: .44rem;
	margin-bottom: 30px;
	margin-bottom: .3rem;
}

.mrg-list li:nth-child(4n) {
	margin-right: 0;
}

.mrg-list li .box {
	width: 100%;
	height: 428px;
	height: 4.28rem;
	background: url(zjcqmrgbg4.png);
	background-size: 100% 100%;
}

.mrg-list li a:hover .box {
	background: url(zjcqmrgbg4o.png);
	background-size: 100% 100%;
}

.mrg-list li .box .tx {
	display: inline-block;
	padding: 7px;
	padding: .07rem;
	border-radius: 50%;
	border: 1px solid #b4c2d3;
	background: #eef2f6;
	width: 108px;
	width: 1.08rem;
	height: 108px;
	height: 1.08rem;
	margin-top: 46px;
	margin-top: .46rem;
	overflow: hidden;
}

.mrg-list li .box .tx img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.mrg-list li .box .name {
	margin: 30px auto 0;
	margin: .3rem auto 0;
	border-bottom: 1px solid #e4ebf3;
	width: 184px;
	width: 1.84rem;
	padding-bottom: 12px;
	padding-bottom: .12rem;
}

.mrg-list li .box .name span {
	font-size: 18px;
	font-size: .18rem;
	font-weight: bold;
	display: inline-block;
	margin: 0 6px;
	margin: 0 .06rem;
}

.mrg-list li .box .info {
	text-align: left;
	color: #617ea0;
	font-size: 14px;
	font-size: .14rem;
	font-weight: bold;
	padding: 0 20px 0 24px;
	padding: 0 .2rem 0 .24rem;
	line-height: 24px;
	line-height: .24rem;
}

.mrg-list li .box .info p {
	margin-top: 8px;
	margin-top: .08rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.mrg-list li .box .info p span {
	display: inline-block;
	background: url(zjcqmrgbg5.png) center no-repeat;
	background-size: 100% 100%;
	width: 88px;
	width: .88rem;
	height: 24px;
	height: .24rem;
	text-align: center;
	margin-right: 4px;
	margin-right: .04rem;
}

.mrg-list li .box .intro {
	padding: 0 22px;
	padding: 0 .22rem;
	margin-top: 14px;
	margin-top: .14rem;
	color: #222222;
	font-size: 16px;
	font-size: .16rem;
	line-height: 26px;
	line-height: .26rem;
	text-align: left;
}

.mrg-list li .btn {
	display: inline-block;
	border: 1px solid #88a0bb;
	color: #88a0bb;
	font-size: 14px;
	font-size: .14rem;
	width: 120px;
	width: 1.2rem;
	margin-top: 16px;
	margin-top: .16rem;
	height: 34px;
	height: .34rem;
	line-height: 34px;
	line-height: .34rem;
}

.mrg-list li a:hover .btn {
	color: #fff;
	background: #88a0bb;
}

.mrg-main #page {
	margin: 24px auto 0;
	margin: .24rem auto 0;
}

.mrg-main .zwsj p {
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	font-size: .14rem;
	line-height: .35rem;
}

.mrg-main .zwsj img {
	display: block;
	margin: 0 auto;
}

.mrg-main .zwsj {
	padding: 50px 0;
	padding: .5rem 0;
}

.mrg-list li .box .intro .intro-text {
	text-indent: 2em;
}

.mrg-list li .box .intro {
	position: relative;
}

.mrg-list li .btn {
	width: auto;
	height: auto;
	border: 0;
	position: absolute;
	right: 40px;
	right: .4rem;
	bottom: -3px;
	bottom: -.03rem;
	font-size: 18px;
	font-size: .18rem;
	color: #2f5279;
}

.mrg-list li a:hover .btn {
	color: #2f5279;
	background: transparent;
}

@media screen and (min-width: 769px) {
	.mrg-list {
		margin-top: 24px;
		margin-top: .24rem;
		padding-left: 0;
	}

	.mrg-list li {
		display: inline-block;
		width: 273px;
		width: 2.73rem;
		text-align: center;
		margin-right: 20px;
		margin-right: .2rem;
	}

	.mrg-list li .box .info {
		padding: 0 20px 0 26px;
		padding: 0 .2rem 0 .26rem;
	}

	.mrg-list li .box .intro {
		position: relative;
		padding: 0 24px;
		padding: 0 .24rem;
	}

	.mrg-list li .box .intro .intro-text {
		text-indent: 2em;
	}

	.mrg-list li .btn {
		width: auto;
		height: auto;
		border: 0;
		position: absolute;
		right: 40px;
		right: .4rem;
		bottom: -3px;
		bottom: -.03rem;
		font-size: 18px;
		font-size: .18rem;
		color: #2f5279;
	}

	.mrg-list li a:hover .btn {
		color: #2f5279;
		background: transparent;
	}

	.mrg-list li .box .info p span {
		font-size: 15px;
		font-size: .15rem;
	}
}

@media screen and (max-width: 768px) {
	.zj-mrg .head-search {
		float: none;
	}

	.zj-wrap7 .zj-title4 .more {
		color: #999;
		font-size: .3rem;
		margin-top: .2rem;
	}

	.zj-wrap7-c {
		padding: 0;
	}

	.zj-wrap7-con {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: 0;
	}

	.zj-wrap7-con li {
		margin: 0 0 .3rem;
		width: 48%;
		height: auto;
	}

	.zj-wrap7-con .item {
		padding-bottom: .2rem;
		height: auto;
	}

	.zj-wrap7-con .item .name span {
		font-size: .3rem;
	}

	.zj-wrap7-con .item .info {
		font-size: .24rem;
		line-height: initial;
		padding: 0 .2rem;
	}

	.zj-wrap7-con .item .intro {
		font-size: .26rem;
		line-height: .34rem;
		padding: 0 .2rem;
		height: 1.38rem;
	}

	.zj-wrap7-con .item .more {
		font-size: .26rem;
	}

	/*名人馆列表*/
	.mrg-search {
		height: .6rem;
		line-height: .6rem;
		margin-top: .3rem;
	}

	.mrg-search input {
		width: 80%;
		box-sizing: border-box;
		font-size: .26rem;
		height: .6rem;
		line-height: .6rem;
	}

	.mrg-search button {
		width: 18%;
		box-sizing: border-box;
	}

	.mrg-search button img {
		width: auto;
		height: 70%;
	}

	.mrg-nav {
		height: auto;
		padding-bottom: .2rem;
	}

	.mrg-nav .tit img {
		height: .4rem;
	}

	.mrg-xs {
		max-height: 1.4rem;
	}

	.mrg-xs a {
		width: 23%;
		margin: 0.2rem 1% 0;
		font-size: .3rem;
		height: .5rem;
		line-height: .5rem;
	}

	.mrg-xs-drop span {
		font-size: .28rem;
	}

	.mrg-total {
		font-size: .3rem;
	}

	.mrg-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: .4rem;
		padding: 0;
	}

	.mrg-list li {
		width: 48%;
		margin: 0 0 .3rem;
	}

	.mrg-list li .box {
		height: auto;
		min-height: 5.1rem;
		padding-bottom: .3rem;
		box-sizing: border-box;
	}

	.mrg-list li .box .name {
		width: 80%;
	}

	.mrg-list li .box .name span {
		font-size: .3rem;
		margin: 0 .1rem;
	}

	.mrg-list li .box .tx {
		width: 1rem;
		height: 1rem;
		margin-top: .35rem;
	}

	.mrg-list li .box .info {
		font-size: .24rem;
		line-height: .36rem;
		padding-top: .1rem;
	}

	.mrg-list li .box .info p {
		margin-top: .12rem;
	}

	.mrg-list li .box .info p span {
		height: .36rem;
		width: 1.2rem;
	}

	.mrg-list li .box .intro {
		font-size: .26rem;
		line-height: initial;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		-webkit-line-clamp: 2;
	}

	.mrg-list li .btn {
		font-size: .28rem;
		height: .4rem;
		line-height: .4rem;
		width: 1.6rem;
	}

	.mrg-list li .btn {
		right: .25rem;
		width: auto;
	}
}