@media only screen and (max-width: 767px) {
	.engine-pop {
		padding: 1.8rem 0.4rem 0;
	}
	.left-img .img-pc {
		display: none;
	}
	.left-img .img-m {
		display: block;
		width: 100%;
	}
	.pop-code {
		position: relative;
		margin-top: 0.3rem;
		padding: 0.24rem 0.24rem;
		border: 0.02rem solid #979797;
		border-radius: 0.08rem;
		background-color: rgb(242, 242, 242);
		overflow: auto;
		height: 3.56rem;
	}

	.pop-code-title {
		font-size: 0.24rem;
		color: #242728;
		line-height: 0.36rem;
		margin-top: 0.12rem;
	}

	.pop-code-btn {
		position: absolute;
		top: 0.24rem;
		right: 0.24rem;
		font-size: 0.2rem;
		color: #242728;
		border: 0.02rem solid #242728;
		border-radius: 0.06rem;
		line-height: 0.56rem;
		padding: 0 1rem 0 0.6rem;
	}

	.pop-code-btn::after {
		position: absolute;
		top: 0;
		right: 0.2rem;
		content: "</>";
		font-size: 0.2rem;
		color: #242728;
	}

	.pop-code-code {
		font-size: 0.2rem;
		color: #9195a1;
		line-height: 0.32rem;
		margin-top: 0.3rem;
	}
	.title {
		font-size: 0.48rem;
		color: #242728;
		text-align: center;
		margin-bottom: 0.7rem;
	}
	.pop {
		position: relative;
	}

	.pop .button {
		position: absolute;
		top: 0.4rem;
		right: 0.4rem;
		width: 30px;
		height: 30px;
		background: url(../images/icon-Close.png) center no-repeat;
	}

	.pic_detail {
		width: 87.5%;
		opacity: 0.75;
		background: #F6F6F6;
		margin: auto;
	}

	.pic_detail div {
		width: 85%;
		font-size: 12px;
		color: #4E4E4E;
		letter-spacing: 0.2px;
		text-align: center;
		line-height: 16px;
		margin: auto;
	}

	.pic_icon {
		margin: 15px auto;
		display: inline-block !important;
	}

}

@media only screen and (min-width: 768px) {

	.pop {
		height: 100%;
		margin: 0 1.2rem;
		background: #f9f9f9;
	}
	.engine-pop {
		padding-top: 3rem;
	}
	.engine-pop .title {
		font-size: 0.72rem;
		color: #242728;
		text-align: center;
		margin-bottom: 1.8rem;
		font-weight: normal;
	}

	.left-img {
		float: left;
		width: 14.6rem;
	}

	.left-img img {
		width: 100%;
		vertical-align: middle;
	}
	.left-img .img-pc {
		display: block;
	}
	.left-img .img-m {
		display: none;
	}

	.right-content {
		margin-left: 14.6rem;
		padding: 0.68rem 0.4rem 0;
	}

	.pop-code {
		position: relative;
		width: 100%;
		height: 5rem;
		padding: 0.36rem 0.48rem 0.68rem;
		background-color: rgb(242, 242, 242);
		border: 0.02rem solid #979797;
		border-radius: 0.08rem;
		overflow-y: auto;
	}
	.pop-code:first-of-type {
		margin-bottom: 0.4rem;
	}

	.pop-code-title {
		margin-bottom: 0.54rem;
		font-size: 0.64rem;
		color: #242728;
		line-height: 0.36rem;
	}

	.pop-code-code {
		font-size: 0.32rem;
		color: rgba(36,39,40,.6);
		line-height: 0.36rem;
	}

	.pop-code-btn {
		position: absolute;
		top: 0.26rem;
		right: 20px;
		padding: 0 1rem 0 0.24rem;
		line-height: 30px;
		border: 0.02rem solid #242728;
		border-radius: 0.12rem;
		font-size: 0.28rem;
		color: #242728;
		cursor: pointer;
	}

	.pop-code-btn::after {
		position: absolute;
		top: 0;
		right: 0.2rem;
		content: "</>";
		font-size: 0.28rem;
		color: #242728;
	}

}