.wrapper {
	min-height: calc(100vh - 604px);
}

.banner {
	width: 100%;
}

.banner img {
	width: 100%;
	height: auto;
}


.plans {
	width: 1388px;
	margin: 0 auto;
	padding-bottom: 50px;
}

.plans .plan.left .plan-img {
	left: 0;
}

.plans .plan.left .plan-info {
	right: 0;
}

.plans .plan.left .plan-title {
	right: 93px;
}
.plans .plan.right .plan-img {
	right: 0;
}

.plans .plan.right .plan-info {
	left: 0;
}

.plans .plan.right .plan-title {
	left: 93px;
}

.plans .plan {
	height: 814px;
	padding-top: 180px;
	padding-bottom: 40px;
	box-sizing: border-box;
}
.plans .plan>div {
	width: 100%;
	height: 614px;
	position: relative;
}

.plan-img {
	width: 818px;
	height: 100%;
	position: absolute;
	top: 0;
}

.plan-img img {
	width: 100%;
	height: 100%;
}

.plan-info {
	width: 710px;
	height: 380px;
	margin-top: -190px;
	box-sizing: border-box;
	padding: 70px 84px 49px;
	top: 50%;
	background: rgba(247, 247, 255, 0.9);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	position: absolute;
}

.plan-title {
	width: 224px;
	height: 70px;
	font-size: 26px;
	color: rgba(42, 46, 46, 1);
	line-height: 70px;
	background: rgba(224, 221, 237, 1);
	top: -35px;
	text-align: center;
	position: absolute;
}

.detail {
	display: flex;
	line-height: 36px;
	margin-bottom: 20px;
}

.detail .label {
	width: 126px;
	font-size: 18px;
	text-align: right;
	font-weight: bold;
	color: rgba(42, 46, 46, 1);
}


.detail .list {
	padding-left: 45px;
}
.detail .list li {
	position: relative;
	font-size:16px;
	color:rgba(42,46,46,1);
	line-height:36px;
}
.detail .list li:before {
	content: '';
	position: absolute;
	left: -25px;
	top: 50%;
	margin-top: -7px;
	width:5px;
	height:14px;
	background:rgba(224,221,237,1);
}