.m-index .introduction-sec {
	width: 80%;
	margin: 0 auto;
	background-color: #fffffc;
}

.m-index .introduction-sec-wrap {
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

@media screen and (max-width: 1200px) {
	.m-index .introduction-sec-wrap {
		width: 90%;
	}
}

.m-index .introduction-sec .media {
	height: 610px;
}

.m-index .introduction-sec .media h3 {
	position: relative;
	margin-bottom: 50px;
	font-size: 46px;
	font-weight: 400;
}

.m-index .introduction-sec .media h3:after {
	content: "";
	position: absolute;
	bottom: -20px;
	width: 100px;
	height: 6px;
	background-color: #5468be;
}

.m-index .introduction-sec .media p {
	display: inline-block;
	width: 80%;
	margin: 0;
	font-size: 20px;
	line-height: 30px;
	color: #666;
}

.m-index .introduction-sec .media .img {
	display: block;
	width: 530px;
	height: 400px;
}

.m-index .introduction-sec .media .img-data {
	margin-right: -105px;
}

.m-index .introduction-sec .media-left+.media-body {
	text-align: right;
}

.m-index .introduction-sec .media-body {
	vertical-align: middle;
}

.m-index .introduction-sec .media-body.text-left h3:after {
	left: 0;
}

.m-index .introduction-sec .media-body.text-right h3:after {
	right: 0;
}

.m-index .introduction-sec .media.sm {
	display: none;
}

.m-index .introduction-sec .media .text-right p {
	text-align: right;
}

@media screen and (max-width: 1200px) {
	.m-index .introduction-sec .media {
		display: block;
		height: auto;
		padding: 50px 0;
	}
	.m-index .introduction-sec .media-left, .m-index .introduction-sec .media-right, .m-index .introduction-sec .media-body {
		display: block;
	}
	.m-index .introduction-sec .media-body {
		width: auto;
	}
	.m-index .introduction-sec .media .img {
		display: block;
		width: 100%;
		height: auto;
		margin: 15px 0;
		text-align: center;
	}
	.m-index .introduction-sec .media .img img {
		max-width: 100%;
		height: auto;
	}
	.m-index .introduction-sec .media .img-data {
		margin-right: 0;
	}
	.m-index .introduction-sec .media p.lg {
		display: none;
	}
	.m-index .introduction-sec .media p.sm {
		display: block;
		text-align: left;
	}
	.m-index .introduction-sec .media .media-right, .m-index .introduction-sec .media .media>.pull-right {
		padding-left: 0;
	}
	.m-index .introduction-sec .media .text-right h3 {
		text-align: right;
	}
	.m-index .introduction-sec .media.lg {
		display: none;
	}
	.m-index .introduction-sec .media.sm {
		display: block;
	}
}

.m-index .introduction-item {
	padding-top: 5em;
	padding-bottom: 5em;
	font-size: 20px;
	color: #666;
}

.m-index .introduction-item-img {
	text-align: center;
}

.m-index .introduction-item h3 {
	position: relative;
	margin-top: 0;
	font-size: 2.4em;
	font-weight: 400;
	color: #333;
}

.m-index .introduction-item h3:after {
	content: "";
	position: absolute;
	bottom: -.5em;
	width: 2.083333em;
	height: .125em;
	background-color: #0082e6;
}

.m-index .introduction-item img {
	max-width: 100%;
	height: auto;
}

.m-index .introduction-item.fast h3:after, .m-index .introduction-item.security h3:after {
	left: 0;
}

.m-index .introduction-item.multiple {
	text-align: right;
}

.m-index .introduction-item.multiple h3:after {
	right: 0;
}

@media screen and (max-width: 1024px) {
	.m-index .introduction-sec {
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		padding-top: 6em;
	}
	.m-index .introduction-sec .media {
		padding-top: 3em;
		padding-bottom: 3em;
		font-size: 12px;
	}
	.m-index .introduction-sec .media h3 {
		margin-bottom: 30px;
		font-size: 28px;
	}
	.m-index .introduction-sec .media p {
		width: 100%;
		font-size: 14px;
		line-height: 1.5;
	}
	.m-index .introduction-sec .media .text-right h3 {
		text-align: left;
	}
	.m-index .introduction-sec .media .text-right h3:after {
		left: 0;
	}
	.m-index .introduction-sec .media .text-right p {
		text-align: left;
	}
}

.m-index .map-sec {
	padding-top: 50px;
	padding-bottom: 100px;
	text-align: center;
	color: #fff;
	background-color: #040404;
}

.m-index .map-sec .bg-img {
	display: inline-block;
	position: relative;
	width: 60.9375%;
}

@media screen and (max-width: 1200px) {
	.m-index .map-sec .bg-img {
		width: 85%;
	}
}

.m-index .map-sec .bg img {
	width: 100%;
	height: auto;
}

.m-index .map-sec .light {
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #4ff3fc;
}

.m-index .map-sec .light:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 68px;
	height: 68px;
	margin-top: -34px;
	margin-left: -34px;
	-webkit-animation: light-scale linear 4s infinite;
	animation: light-scale linear 4s infinite;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEFBQUQ3QzFBMDA5MTFFN0I5NTVBMEM2RDJBQjcwMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEFBQUQ3QzJBMDA5MTFFN0I5NTVBMEM2RDJBQjcwMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQUFBRDdCRkEwMDkxMUU3Qjk1NUEwQzZEMkFCNzAzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQUFBRDdDMEEwMDkxMUU3Qjk1NUEwQzZEMkFCNzAzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt5lPhsAAAzLSURBVHja1FxbjBxH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) no-repeat 0 0;
	background-size: 100% 100%;
}

.m-index .map-sec .light-sm:after {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	margin-left: -25px;
}

.m-index .map-sec .light-0 {
	top: 23.94366%;
	left: 22.22222%;
}

.m-index .map-sec .light-0:after {
	-webkit-animation-duration: 3.6s;
	animation-duration: 3.6s;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

.m-index .map-sec .light-1 {
	top: 33.09859%;
	left: 39.74359%;
}

.m-index .map-sec .light-1:after {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-delay: .8s;
	animation-delay: .8s;
}

.m-index .map-sec .light-2 {
	top: 39.43662%;
	right: 24.78632%;
}

.m-index .map-sec .light-2:after {
	-webkit-animation-duration: 4.4s;
	animation-duration: 4.4s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.m-index .map-sec .light-3 {
	top: 30.98592%;
	left: 48.71795%;
}

.m-index .map-sec .light-3:after {
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.m-index .map-sec .light-4 {
	bottom: 25.35211%;
	left: 40.17094%;
}

.m-index .map-sec .light-4:after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}

.m-index .map-sec .light-5 {
	top: 33.09859%;
	left: 11.53846%;
}

.m-index .map-sec .light-5:after {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.m-index .map-sec .light-6 {
	top: 23.94366%;
	left: 41.02564%;
}

.m-index .map-sec .light-6:after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}

.m-index .map-sec .light-7 {
	top: 14.08451%;
	right: 8.54701%;
}

.m-index .map-sec .light-7:after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.m-index .map-sec .light-8 {
	top: 23.08451%;
	right: 5.54701%;
}

.m-index .map-sec .light-8:after {
	-webkit-animation-duration: 2.5s;
	animation-duration: 2.5s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.m-index .map-sec .light-9 {
	top: 13.08451%;
	left: 14.54701%;
}

.m-index .map-sec .light-9:after {
	-webkit-animation-duration: 3.5s;
	animation-duration: 3.5s;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}

.m-index .map-sec .light-10 {
	right: 13.54701%;
	bottom: 18.08451%;
}

.m-index .map-sec .light-10:after {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.m-index .map-sec .light-11 {
	top: 44.08451%;
	left: 27.54701%;
}

.m-index .map-sec .light-11:after {
	-webkit-animation-duration: 3.8s;
	animation-duration: 3.8s;
	-webkit-animation-delay: .7s;
	animation-delay: .7s;
}

.m-index .map-sec h2 {
	margin: -10px 15px 30px;
	font-size: 60px;
	font-weight: 400;
}

.m-index .map-sec p {
	margin: 0 20px;
	font-size: 20px;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
	.m-index .map-sec h2 {
		font-size: 24px;
	}
	.m-index .map-sec p {
		font-size: 12px;
	}
	.m-index .map-sec .bg {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 480px) {
	.m-index .map-sec .light {
		width: 5px;
		height: 5px;
	}
	.m-index .map-sec .light-sm:after {
		width: 24px;
		height: 24px;
		margin-top: -12px;
		margin-left: -12px;
	}
	.m-index .map-sec .light-lg:after {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		margin-left: -15px;
	}
}

.m-index .buy-sec {
	min-height: 715px;
	padding-top: 150px;
	padding-bottom: 184px;
	text-align: center;
	background: #011733 url(../images/feedback-bg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}

.m-index .buy-sec>.title {
	position: relative;
	z-index: 1;
	margin-bottom: 90px;
	text-align: center;
}

.m-index .buy-sec>.title h2 {
	display: inline-block;
	position: relative;
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
}

.m-index .buy-sec>.title h2:after {
	content: "";
	position: absolute;
	bottom: -38px;
	left: 50%;
	width: 170%;
	min-width: 360px;
	height: 57px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAAeCAYAAAAB6YS9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUFBRUQ1NUJBMzVGMTFFNzgyNEVEMkExNkM1NTZFOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUFBRUQ1NUNBMzVGMTFFNzgyNEVEMkExNkM1NTZFOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QUFFRDU1OUEzNUYxMUU3ODI0RUQyQTE2QzU1NkU5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QUFFRDU1QUEzNUYxMUU3ODI0RUQyQTE2QzU1NkU5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnVVoKsAAADBSURBVHja7NaxCcJQGIVRnzxS2jiBWDlPQEsLJxPdxhHcwAns4kUUXyqrQIpz4ELqn/AlZYgFX4/skp2ze/Z0EphUl62yY3bKdk7yU51gZJ3tPy/NNbtlPmAwnU3WZ4ds6xxjpfmDLs4BMAvvLi/dAWCeBBpAoAEQaACBBkCgAQQaAIEGQKABBBoAgQYQaAAEGgCBBhBoAAQaQKABEGgAgQZAoAEQaACBBkCgAQQaAIEGoFWb58E5APxBA/DHS4ABAO2pEwHlvtSOAAAAAElFTkSuQmCC) no-repeat 0 0;
	background-size: 100% auto;
}

.m-index .buy-sec>.title p {
	margin: 0;
	font-size: 16px;
	color: #fff;
}

.m-index .buy-sec .title {
	margin-bottom: 89px;
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

.m-index .tab {
	margin-bottom: 23px;
	text-align: center;
	font-size: 0;
}

.m-index .tab .tab-list li {
	width: 212px;
	height: 52px;
	font-size: 18px;
	line-height: 52px;
	color: #353535;
	background: #fff;
	border: 1px solid #aaa;
	cursor: pointer;
}

.m-index .tab .tab-list li+li {
	border-left: 0;
}

.m-index .tab .tab-list li.exp {
	position: relative;
}

/* .m-index .tab .tab-list .exp::before {
    content: '';
    display: block;
    width: 112px;
    height: 31px;
    background-image: url(../images/buy_icon_recommend2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -33px;
    transition: .3s linear;
    animation: odsoky 1s ease-in-out infinite alternate;
} */

@keyframes odsoky {
	0% {
		transform: translateY(6px);
	}
	100% {
		transform: translateY(1px);
	}
}

.m-index .tab .tab-list li.active {
	border: 1px solid #79A1E0;
	color: #5468BE;
	background: #E2EDFF;
}

.m-index .tab .tab-list li.active:not(:first-child) {
	border-left: none;
}

.m-index .tab .tab-list li:hover {
	color: #353535;
	background: #E2EDFF;
}

.m-index .tab-list li img {
	width: 24px;
	height: 24px;
	margin-right: 6px;
}

@media screen and (max-width: 767px) {
	.m-index .buy-sec>.title {
		margin-bottom: 30px;
	}
	.m-index .buy-sec>.title h2 {
		font-size: 30px;
	}
	.m-index .buy-sec>.title h2:after {
		display: none;
	}
}

.m-index .buy-sec .list {
	font-size: 0;
}

.m-index .buy-sec .item {
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 230px;
	height: 360px;
	margin: 0 15px 30px;
	font-size: 12px;
	line-height: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	text-align: right;
	vertical-align: top;
	color: #fff;
	background: #fff;
	background-size: 100% auto;
}

.m-index .buy-sec .item a {
	display: block;
	height: 100%;
	color: #fff;
}

.m-index .buy-sec .item a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: opacity .4s linear;
	-o-transition: opacity .4s linear;
	transition: opacity .4s linear;
	opacity: 0;
	-webkit-box-shadow: inset 0 0 0 6px rgba(0, 0, 0, .5), 0 2px 10px rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 6px rgba(0, 0, 0, .5), 0 2px 10px rgba(255, 255, 255, .1);
}

.m-index .buy-sec .item-head {
	position: relative;
	height: 230px;
	padding: 25px 20px 0;
	background: #2d74c5 url(../images/prod-bg.png) no-repeat 0 0;
	background-size: 100% 100%;
}

.m-index .buy-sec .item-head .item-original {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	margin-bottom: 16px;
	font-size: 18px;
	color: #FFFEEE;
}

.m-index .item-original .original {
	margin-left: 10px;
	text-decoration: line-through;
}

.m-index .buy-sec .item-btm {
	height: 130px;
	padding-top: 30px;
	text-align: center;
	background-color: #fff;
}

.m-index .buy-sec .item-name {
	margin-bottom: 15px;
	font-size: 35px;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

.m-index .buy-sec .item-desc {
	display: none;
	margin-bottom: 40px;
	font-size: 24px;
	text-align: left;
}

.m-index .buy-sec .item-price {
	margin-top: 90px;
	font-size: 52px;
	font-weight: 700;
	text-align: center;
}

.m-index .buy-sec .exp-planList .item-price {
	/* margin-top: 70px; */
	color: #FFFAB2;
}

.m-index .buy-sec .item-price i {
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
}

.m-index .buy-sec .exp-planList .original i {
	font-style: normal;
	font-weight: normal;
}

.m-index .buy-sec .item-text {
	height: 1em;
	margin-top: 0;
	margin-bottom: 18px;
	font-size: 24px;
	color: #333;
}

.m-index .buy-sec .item-buy {
	font-size: 36px;
	color: #0a5ab9;
}

.m-index .buy-sec .item:hover a:after {
	opacity: 1;
}

.m-index .buy-sec .item:hover .item-head {
	background: #ffdb00 url(../images/prod-bg-hover.png);
	background-size: 100% 100%;
}

@media screen and (min-width: 993px) and (max-width: 1340px) {
	.m-index .buy-sec .list {
		padding: 0 15px;
	}
	.m-index .buy-sec .item {
		width: 18%;
		height: 300px;
		margin: 0;
		background-size: 100% 60%;
	}
	.m-index .buy-sec .item+.item {
		margin-left: 2.5%;
	}
	.m-index .buy-sec .item-head {
		height: 200px;
	}
	.m-index .buy-sec .item-btm {
		height: 100px;
		padding-top: 15px;
	}
	.m-index .buy-sec .item-name {
		font-size: 26px;
	}
	.m-index .buy-sec .item-price {
		right: 10px;
		font-size: 44px;
	}
	.m-index .buy-sec .item-text {
		font-size: 22px;
	}
}

@media screen and (max-width: 992px) {
	.m-index .buy-sec {
		padding-top: 50px;
		padding-bottom: 50px;
		background-attachment: scroll;
	}
	.m-index .buy-sec .list {
		padding: 0 20px;
	}
	.m-index .buy-sec .item {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;
		margin-bottom: 20px;
		overflow: hidden;
	}
	.m-index .buy-sec .item a {
		overflow: hidden;
	}
	.m-index .buy-sec .item-head {
		float: left;
		width: 50%;
	}
	.m-index .buy-sec .item-name {
		font-size: 32px;
	}
	.m-index .buy-sec .item-text {
		font-size: 26px;
	}
	.m-index .buy-sec .item-desc {
		margin-bottom: 30px;
	}
	.m-index .buy-sec .item-buy {
		position: absolute;
		right: 20px;
		bottom: 20px;
	}
}

@media screen and (max-width: 480px) {
	.m-index .tab, .m-index .buy-sec .list {
		padding: 0 15px;
	}
	.m-index .buy-sec .item-head {
		height: auto;
		padding: 15px 15px 25px 15px;
	}
	.m-index .buy-sec .exp-planList .item-head {
		padding: 15px 15px 0 15px;
	}
	.m-index .buy-sec .item-name {
		font-size: 25px;
	}
	.m-index .buy-sec .exp-planList .item-name {
		margin-bottom: 12px;
	}
	.m-index .buy-sec .item-head .item-original {
		margin: 5px 0;
	}
	.m-index .buy-sec .item-btm {
		height: auto;
		padding-top: 15px;
		padding-right: 15px;
	}
	.m-index .buy-sec .item-text {
		font-size: 20px;
	}
	.m-index .buy-sec .item-desc {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.m-index .buy-sec .item-price {
		left: 10px;
		right: auto;
		bottom: 10px;
		margin-top: 0;
		font-size: 36px;
	}
	.m-index .buy-sec .exp-planList .item-price {
		margin-top: 0;
	}
	.m-index .buy-sec .item-buy {
		right: 15px;
		bottom: 15px;
		font-size: 30px;
	}
	.m-index .buy-sec .title {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.m-index .buy-sec .item-name {
		font-size: 19px;
	}
	.m-index .buy-sec .item-desc {
		font-size: 14px;
	}
	.m-index .buy-sec .item-price {
		font-size: 32px;
	}
	.m-index .buy-sec .item-text {
		font-size: 18px;
	}
	.m-index .buy-sec .item-buy {
		font-size: 28px;
	}
}

.m-index .feedback-sec {
	height: 685px;
	padding-top: 100px;
	background: url(../images/feedback-bg.jpg) no-repeat 0 0;
	background-attachment: fixed;
	background-color: #050c2b;
}

.m-index .feedback-sec>.title {
	position: relative;
	z-index: 1;
	margin-bottom: 100px;
	text-align: center;
}

.m-index .feedback-sec>.title:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -15px;
	z-index: -1;
	width: 356px;
	height: 25px;
	margin-left: -178px;
	border: 2px solid #fff;
}

.m-index .feedback-sec>.title h2 {
	display: inline-block;
	margin: 0;
	padding: 0 40px;
	font-size: 36px;
	font-weight: 400;
	color: #fff;
	background-color: #010309;
}

.m-index .feedback-sec .slick-arrow {
	position: absolute;
	top: 50%;
	width: 100px;
	height: 100px;
	margin-top: -50px;
	font-size: 0;
	border: 2px solid #0082e6;
	border-radius: 50%;
	cursor: pointer;
	background-color: transparent;
}

.m-index .feedback-sec .slick-arrow:before {
	content: "";
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	border-top: 3px solid #0082e6;
	border-left: 3px solid #0082e6;
}

.m-index .feedback-sec .slick-arrow:hover {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 3px 10px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 3px 10px rgba(102, 175, 233, .6);
}

.m-index .feedback-sec .slick-prev {
	left: -115px;
}

.m-index .feedback-sec .slick-prev:before {
	left: 36px;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.m-index .feedback-sec .slick-next {
	right: -115px;
}

.m-index .feedback-sec .slick-next:before {
	right: 36px;
	-webkit-transform: translateY(-50%) rotate(135deg);
	-ms-transform: translateY(-50%) rotate(135deg);
	transform: translateY(-50%) rotate(135deg);
}

.m-index .feedback-wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	padding: 0 120px;
	overflow: hidden;
}

.m-index .feedback-list {
	padding: 0;
}

.m-index .feedback-item {
	float: left;
	width: 380px;
	padding: 10px;
	color: #fff;
}

.m-index .feedback-item .content {
	position: relative;
	height: 370px;
	padding-top: 50px;
	-webkit-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	transition: all ease-out .3s;
	border: 1px solid #0082e6;
	background-color: #030c14;
}

.m-index .feedback-item .content:before {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	left: -1px;
	height: 6px;
	background-color: #0082e6;
}

.m-index .feedback-item .avatar {
	width: 140px;
	height: 140px;
	margin: 0 auto 15px;
	overflow: hidden;
	border: 1px solid #0082e6;
	border-radius: 50%;
	background-color: #e8e8e8;
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, .15);
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .15);
}

.m-index .feedback-item .avatar img {
	width: 100%;
	height: 100%;
}

.m-index .feedback-item .name {
	margin-bottom: 15px;
	font-size: 24px;
	text-align: center;
	color: #007edf;
}

.m-index .feedback-item .text {
	width: 78%;
	margin: 0 auto;
	font-size: 20px;
	line-height: 30px;
	text-align: justify;
}

.m-index .feedback-item:hover .content {
	margin-top: -10px;
	border-color: #0082e6;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 3px 10px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 3px 10px rgba(102, 175, 233, .6);
}

.m-index-new .banner {
	position: relative;
	height: 850px;
	margin-bottom: 150px;
	padding-top: 200px;
	color: #fff;
	background: #5468be;
	background-image: linear-gradient(90deg, #79a1e0 0%, #5468be 100%);
}

.m-index-new .banner .title {
	font-size: 400%;
	position: relative;
	top: 0;
	margin-bottom: 20px;
	text-align: center;
	text-shadow: 0 0 10px rgba(23, 90, 172, .3);
}

.m-index-new .banner .slogan {
	position: relative;
	margin: 0 auto;
	margin-bottom: 98px;
	font-size: 16px;
	line-height: 2;
	z-index: 100;
	text-align: center;
	color: #dddfe9;
}

.m-index-new .banner .title-xs, .m-index-new .banner .slogan-xs {
	display: none;
	line-height: 1.3;
	text-align: center;
}

.m-index-new .banner .title-xs {
	margin-top: 0;
	font-size: 32px;
	font-weight: 700;
}

.m-index-new .banner .slogan-xs {
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 400;
}

.download-btns {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 452px;
	margin: 0 auto;
}

.download-btns li:nth-child(-n+2) {
	margin-bottom: 22px;
}

.download-btns li:nth-child(n+2) {
	position: relative;
}

/* .download-btns li:last-child {
    pointer-events: none;
    cursor: default;
} */

.erweima {
	display: none;
	position: absolute;
	left: -250px;
	bottom: -85px;
	width: 218px;
	height: 218px;
	padding: 20px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.50);
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #fff;
}

.erweima p {
	height: 20px;
	margin-bottom: 5px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #FE7E00;
}

.erweima.ios {
	left: 250px;
	padding: 10px 20px;
}

.erweima.ios .img {
	width: 168px;
	height: 168px;
	margin: 0 auto;
}

.erweima .img {
	position: relative;
	width: 178px;
	height: 178px;
	line-height: 178px;
	text-align: center;
}

.erweima .img img {
	display: block;
	position: relative;
	width: 100%;
}

.erweima:after {
	content: '';
	position: absolute;
	right: -10px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	box-sizing: border-box;
	border: 1px solid transparent;
	border-top-color: currentColor;
	border-right-color: currentColor;
	background-color: inherit;
	transform: rotate(45deg);
	border: none;
	box-shadow: 2px -2px 2px 0 rgba(0, 0, 0, 0.20);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.erweima.ios:after {
	left: -10px;
	top: calc(50% - 10px);
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
}

.m-index-new .banner .btn-download {
	width: 12em;
	height: 2.555em;
	font-size: 150%;
	line-height: 2.555em;
	text-align: center;
	letter-spacing: 1px;
	color: #2a3877;
	border: 0;
	border-radius: 1.5em;
	background-color: #fff;
	box-shadow: 0 3px 8px 0 rgba(42, 56, 119, .50);
}

.m-index-new .banner .btn-download.disabled {
	background: #A2B3E5;
	pointer-events: none;
	cursor: default;
	color: #6575AE;
}

.m-index-new .banner .btn-download:hover {
	background-color: #eaebf1;
}

.m-index-new .banner .btn-download img {
	margin-right: 10px;
}

.m-index-new .banner .btn-download span {
	font-size: 18px;
	color: #2A3877;
}

.mobile-download {
	display: none;
}

.m-index-new .banner .mobile-download .btn-download {
	width: 9.5em;
	font-size: 133%;
}

.m-index-new .banner .list {
	width: 1170px;
	height: 280px;
	margin: 106px auto 0;
	font-size: 0;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(42, 56, 119, .50);
}

.m-index-new .banner .list li {
	display: inline-block;
	width: 33.333%;
	padding: 150px 60px 0;
	font-size: 14px;
	text-align: center;
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: top 40px center;
}

.m-index-new .banner .list h4 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #5f657f;
}

.m-index-new .banner .list p {
	font-size: 14px;
	line-height: 1.5em;
	color: #8187a0;
}

.m-index-new .banner .list .jiedian {
	background-image: url(../images/home_icon_quanqiu.png);
}

.m-index-new .banner .list .xieyi {
	background-image: url(../images/home_icon_shebei.png);
}

.m-index-new .banner .list .liulang {
	background-image: url(../images/home_icon_fenliu.png);
}

@media screen and (max-width: 1230px) {
	.m-index-new .banner .container {
		width: 100%;
	}
	.m-index-new .banner .list {
		width: 90%;
	}
}

@media screen and (max-width: 992px) {
	.m-index-new .banner .list li {
		padding-left: 2em;
		padding-right: 2em;
	}
}

@media screen and (max-width: 768px) {
	.m-index-new .banner {
		height: 100vh;
		padding-top: 90px;
		margin-bottom: 50px;
	}
	.m-index-new .banner .container {
		padding: 0;
	}
	.m-index-new .banner .title, .m-index-new .banner .slogan, .m-index-new .banner .pc-download {
		display: none;
	}
	.mobile-download {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.m-index-new .mobile-download .btn-download {
		margin: 3.333em auto 0;
	}
	.m-index-new .banner .title-xs, .m-index-new .banner .slogan-xs, .m-index-new .banner .download-xs .btn-download {
		display: block;
	}
	.m-index-new .banner .download-xs .btn-download+.btn-download {
		margin-top: 20px;
	}
	.m-index-new .banner .list {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: auto;
		margin-top: 50px;
		padding-bottom: 15px;
		box-shadow: none;
	}
	.m-index-new .banner .list li {
		padding-top: 100px;
		padding-left: 0;
		padding-right: 0;
		-webkit-background-size: 60px 60px;
		background-size: 60px 60px;
		background-position: top 20px center;
	}
	.m-index-new .banner .list h4 {
		font-size: 12px;
	}
	.m-index-new .banner .list p {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.m-index-new .banner .title-xs {
		font-size: 24px;
	}
}

@-webkit-keyframes light-scale {
	0% {
		-webkit-transform: scale(.2) translate3d(0, 0, 0);
		transform: scale(.2) translate3d(0, 0, 0);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1) translate3d(0, 0, 0);
		transform: scale(1) translate3d(0, 0, 0);
		opacity: .5;
	}
	100% {
		-webkit-transform: scale(.2) translate3d(0, 0, 0);
		transform: scale(.2) translate3d(0, 0, 0);
		opacity: 1;
	}
}

@keyframes light-scale {
	0% {
		-webkit-transform: scale(.2) translate3d(0, 0, 0);
		transform: scale(.2) translate3d(0, 0, 0);
		opacity: 1;
	}
	50% {
		-webkit-transform: scale(1) translate3d(0, 0, 0);
		transform: scale(1) translate3d(0, 0, 0);
		opacity: .5;
	}
	100% {
		-webkit-transform: scale(.2) translate3d(0, 0, 0);
		transform: scale(.2) translate3d(0, 0, 0);
		opacity: 1;
	}
}

/* ios 版本下载 */

@media screen and (min-width: 768px) {
	.ios-version {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.ios-version {
		display: none;
		width: 5.88rem;
		height: 5.86rem;
		z-index: 1000;
		background: #fff;
		border-radius: 9px;
		-webkit-border-radius: 9px;
		-moz-border-radius: 9px;
		-ms-border-radius: 9px;
		-o-border-radius: 9px;
	}
	.ios-version .ios-close {
		width: .4rem;
		height: .4rem;
		background: url(../images/update_icon_close.svg) no-repeat;
	}
	.ios-version .title img {
		display: block;
		width: 5.88rem;
		height: 2.04rem;
	}
	.ios-version .ios-version-content {
		padding: 0.32rem 0.44rem 0.4rem;
		box-sizing: border-box;
	}
	.ios-version-content .ios-version-desc {
		line-height: 1.35;
		font-size: 0.32rem;
		color: #000;
	}
	.ios-version-content .ios-version-btns {
		margin-top: 0.64rem;
		font-size: 0.32rem;
	}
	.ios-version-btns .btn {
		width: 4.96rem;
		height: 0.76rem;
		border-radius: 2px;
		line-height: 0.76rem;
		border: 1px solid #5673ED;
		color: #5673ED;
		background: #fff;
	}
	.ios-version-btns .btn+.btn {
		margin-top: .16rem;
	}
	.ios-version-btns .testflight-download {
		background: url('../images/icon_recommend.svg') no-repeat;
		background-position: 98% center;
	}
	.ios-version-btns .testflight-download a {
		display: block;
		color: #5673ED;
	}
}