.modal-header-solution {
	position: relative;
}

.wq1 {
	top: 71%;
	left: 41%;
}

.wq2 {
	top: 24%;
	left: 54%;
}

.wq3 {
	top: 18%;
	left: 54%;
}

.wq4 {
	top: 29%;
	left: 36%;
}

.scenarios_list,
.distinguish_list {
	margin-top: 20px;
}

.scenarios_list .title,
.distinguish_list .title {
	text-align: center;
	margin: 8px 0;
	font-size: 16px;
}

.zd1 {
	top: 40%;
	left: 22%;
}

.zd2 {
	top: 43%;
	left: 39%;
}

.zd3 {
	top: 50%;
	left: 40%;
}

.zd4 {
	top: 60%;
	left: 26%;
}

.zd5 {
	top: 73%;
	left: 17%;
}

.zd6 {
	top: 84%;
	left: 37%;
}

.zd7 {
	top: 77%;
	left: 39%;
}


.case_wrap {
	display: none;
	background: rgba(27, 27, 27, 0.7);
	position: absolute;
	left: 0;
	top: 100%;
	width: 400px;
	height: auto;
	z-index: 99;
	margin-top: 2px !important;
	padding-top: 20px;
	padding-bottom: 20px;
	box-shadow: 3px 5px 10px 0px rgba(12, 12, 12, 0.52);
}
.case_wrap .case_left, .case_wrap .case_right {
	width: calc(100%/2);
	padding-left: 20px;
	padding-right: 20px;
}
.case_wrap .case_left {
	color: #fff;
	border-right:1px solid rgba(255, 255, 255, 0.2);
}
.case_wrap ul li a {
	display: block;
	padding-bottom: 4px;
	font-size: 14px;
	color: #fff!important;
}
.case_wrap ul li:last-child a {
	padding-bottom: 0;
}
.case_wrap ul li a:hover {
	text-decoration: underline !important;
	color: #cf4f44 !important;
}