:root{
  --itemwidth:500px;
  --activettemwidth:540px;}
body.show a,
body.show .transition,
body.show .g-head a.navA i,
.g-head a.navA body.show i,
body.show .g-nav,
body.show .g-nav li:hover .list,
.g-nav li:hover body.show .list,
body.show .index .imgs li,
.index .imgs body.show li,
body.show .index .btns li,
.index .btns body.show li,
body.show .index .btns li .name,
.index .btns li body.show .name,
body.show .index .btns li .name b,
.index .btns li .name body.show b,
body.show .index-tips,
body.show .index-imgs,
body.show .index-imgs-btn,
body.show .blessing .btn,
.blessing body.show .btn,
body.show .blessing-layer,
body.show .blessing-layer .list-wrapper li .name,
.blessing-layer .list-wrapper li body.show .name,
body.show .blessing-layer .btns .btn-1,
.blessing-layer .btns body.show .btn-1,
body.show .blessing-layer .btns .btn-2,
.blessing-layer .btns body.show .btn-2,
body.show .blessing-layer .ewm-layer,
.blessing-layer body.show .ewm-layer,
body.show .memorabilia-layer,
body.show .videos .list li .layer,
.videos .list li body.show .layer,
body.show .blessing2 .page-1,
.blessing2 body.show .page-1,
body.show .blessing2 .page-2,
.blessing2 body.show .page-2,
body.show .blessing2 .page-3,
.blessing2 body.show .page-3,
body.show .blessing2 .page-3 .msg,
.blessing2 .page-3 body.show .msg,
body.show .blessing2 .page-3 .msg2,
.blessing2 .page-3 body.show .msg2,
body.show :before,
body.show :after,
body.show img {
	transition: All 0.5s ease;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;}

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;}

.flex,
.g-nav li.language,
.blessing-layer .btns,
.memorabilia-layer .container .imgs .dots,
.page .page-title,
.page .page-more,
.page .dots,
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .tips-layer .container .btn,
.blessing2 .page-2 .msg,
.blessing2 .page-2 .title,
.blessing2 .page-2 .list li,
.blessing2 .page-3 .msg,
.blessing2 .page-3 .msg2,
.blessing2 .page-4 .layer {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;}

.flexColumn,
.blessing .btn .name,
.blessing-layer,
.blessing-layer .list-wrapper li .name,
.blessing-layer .ewm-layer,
.memorabilia-layer,
.page,
.videos .list li .layer,
.xiaoyou .list dd a .container,
.blessing2 .page-1 .loading,
.blessing2 .page-2 {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;}

.itemsCenter,
.blessing .btn .name,
.blessing-layer,
.blessing-layer .list-wrapper li .name,
.blessing-layer .ewm-layer,
.memorabilia-layer,
.page,
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .loading,
.blessing2 .page-2,
.blessing2 .page-2 .msg,
.blessing2 .page-2 .title,
.blessing2 .page-3 .msg,
.blessing2 .page-3 .msg2,
.blessing2 .page-4 .layer {
	align-items: center;
	-webkit-align-items: center;}

.flexAround {
	justify-content: space-around;
	-webkit-justify-content: space-around;}

.flexBetween,
.blessing-layer .btns,
.memorabilia-layer .container {
	justify-content: space-between;
	-webkit-justify-content: space-between;}

.justifyCenter,
.blessing .btn .name,
.blessing-layer,
.blessing-layer .list-wrapper li .name,
.blessing-layer .ewm-layer,
.memorabilia-layer,
.memorabilia-layer .container .title,
.memorabilia-layer .container .imgs .dots,
.page,
.page .page-title,
.page .page-more,
.page .dots,
.blessing2 .page-1 .tips-layer,
.blessing2 .page-1 .loading,
.blessing2 .page-2,
.blessing2 .page-2 .list li,
.blessing2 .page-3 .msg,
.blessing2 .page-3 .msg2,
.blessing2 .page-4 .layer {
	justify-content: center;
	-webkit-justify-content: center;}

.flexWrap,
.memorabilia-layer .container,
.memorabilia-layer .container .title,
.hexin .list dl,
.xiaoyou .list dl {
	display: flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;}

.bsBox {
	box-sizing: content-box;}

.pageTips {
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000 url(bg.png);}

.pageTips .container {
	color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 630px;
	margin-left: -315px;
	margin-top: -160px;}

.pageTips .container a.close {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 1;
	left: auto;
	right: -15px;
	top: 40px;
	bottom: auto;
	background: url(close.png) center no-repeat;}

.pageTips .container .img {
	text-align: center;}

.pageTips .container .msg {
	font-size: 18px;
	line-height: 36px;
	padding-top: 30px;}

.pageTips .container a {
	color: #fff;
	text-decoration: underline;}

/*
.p-layer{position: fixed; z-index: 100; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; @extend .flex; @extend .itemsCenter; @extend .justifyCenter;
  &.show{opacity: 1; visibility: visible}
}
*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;}

html {
	font-size: 100px;}

body {
	font-size: 0.14rem;
	font-family: 'SourceSansPro-Regular', '微软雅黑';
	color: #000;
	-webkit-text-size-adjust: none;
	overflow: hidden;}

a {
	color: #000;
	text-decoration: none;
	outline: none;}

a:link {
	text-decoration: none;
	outline: none;}

a:visited {
	text-decoration: none;
	outline: none;}

a:hover {
	text-decoration: none;
	color: #6b0e7a;
	outline: none;}

li {
	list-style: outside none;}

h1 {
	font-size: 16px;}

h2,
h3,
h4,
h5 {
	font-size: 14px;}

h5 {
	font-size: 0.12rem;}

textarea,
input {
	background: transparent;
	font-size: 12px;
	font-family: 'SourceSansPro-Regular', '微软雅黑';
	color: #888;
	outline: none;
	border: 0;}

em {
	font-style: normal;}

img {
	vertical-align: middle;
	max-width: 100%;
	border: 0;}

.fl {
	float: left;}

.fr {
	float: right;}

.clear {
	clear: both;
	height: 0;
	display: block;
	_display: inherit;}

.h10 {
	height: 0.1rem;
	overflow: hidden;
	clear: both;}

.h50 {
	height: 1px;
	overflow: hidden;
	clear: both;}

.wal {
	max-width: 12rem;
	margin: 0 auto;}

.phone-show {
	display: none;}

@keyframes scaleAnim {
	0% {
		transform: scale(0);
		opacity: 1;}

	50% {
		transform: scale(0.7);
		opacity: 0.5;}

	100% {
		transform: scale(1);
		opacity: 0;}
}

@-webkit-keyframes scaleAnim {
	0% {
		transform: scale(0);
		opacity: 1;}

	50% {
		transform: scale(0.7);
		opacity: 0.5;}

	100% {
		transform: scale(1);
		opacity: 0;}
}

@keyframes scaleAnim2 {
	0% {
		transform: scale(0.3);
		opacity: 0;}

	50% {
		transform: scale(0.7);
		opacity: 0.15;}

	100% {
		transform: scale(1);
		opacity: 0;}
}

@-webkit-keyframes scaleAnim2 {
	0% {
		transform: scale(0.3);
		opacity: 0;}

	50% {
		transform: scale(0.7);
		opacity: 0.15;}

	100% {
		transform: scale(1);
		opacity: 0;}
}

@keyframes scaleAnim3 {
	0% {
		transform: scale(0);
		opacity: 1;}

	50% {
		transform: scale(0.3);
		opacity: 1;}

	100% {
		transform: scale(1);
		opacity: 0;}
}

@-webkit-keyframes scaleAnim3 {
	0% {
		transform: scale(0);
		opacity: 1;}

	50% {
		transform: scale(0.3);
		opacity: 1;}

	100% {
		transform: scale(1);
		opacity: 0;}
}

@keyframes rotateAnim3 {
	0% {
		transform: rotate(0deg);}

	25% {
		transform: rotate(7deg);}

	50% {
		transform: rotate(0deg);}

	75% {
		transform: rotate(-7deg);}

	100% {
		transform: rotate(0deg);}
}

@-webkit-keyframes rotateAnim3 {
	0% {
		-webkit-transform: rotate(0deg);}

	25% {
		-webkit-transform: rotate(7deg);}

	50% {
		-webkit-transform: rotate(0deg);}

	75% {
		-webkit-transform: rotate(-7deg);}

	100% {
		-webkit-transform: rotate(0deg);}
}

/*-------------------------*/
.g-headD {
	height: 1.06rem;}

.g-head {
	position: fixed;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;}

.g-head .wal {
	min-height: 1.06rem;
	position: relative;
	max-width: 100%;
	margin: 0 0.5rem;}

.g-head a.logo {
	display: block;
	background: url(logo.png) center no-repeat;
	background-size: 100%;
	width: 2.2rem;
	position: absolute;
	z-index: 1;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;}

.g-head .language {
	display: block;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 0.9rem;
	top: 0;
	bottom: auto;
	color: #6b0e7a;
	line-height: 1.06rem;
	font-size: 0.2rem;}

.g-head .language:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: -0.2rem;
	width: 1px;
	height: 0.18rem;
	margin-top: -0.09rem;
	background: #ddd;}

.g-head a.navA {
	display: block;
	width: 0.78rem;
	height: 0.78rem;
	position: absolute;
	z-index: 1;
	left: auto;
	right: -0.17rem;
	top: 0.16rem;
	bottom: auto;}

.g-head a.navA i {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(nava.png) center no-repeat;
	background-size: 0.78rem;}

.g-head a.navA:hover i {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);}

.g-head a.navA.on:before,
.g-head a.navA.on:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 0.78rem;
	height: 0.78rem;
	margin-left: -0.39rem;
	margin-top: -0.39rem;
	background: #6b0e7a;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: 0;
	animation: scaleAnim2 1.6s infinite linear;
	-webkit-animation: scaleAnim2 1.6s infinite linear;}

.g-head a.navA.on:before {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;}

.page-head {
	box-shadow: 0 0 0.46rem 0 rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0 0 0.46rem 0 rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0 0 0.46rem 0 rgba(0, 0, 0, 0.22);
	background: #fff;}

.page-head .wal {
	min-height: 0.6rem;
	margin: 0 0.2rem;}

.page-head a.logo {
	width: 1.57rem;
	background-image: url(logo157.png);}

.page-head .language {
	line-height: 0.6rem;
	right: 0.7rem;}

.page-head a.navA {
	width: 0.38rem;
	height: 0.38rem;
	top: 0.11rem;
	right: 0;}

.page-head a.back {
	display: block;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 1.1rem;
	top: 0;
	bottom: auto;
	width: 0.43rem;}

.page-head a.back p {
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 100%;
	bottom: auto;
	background: url(img51.png) center no-repeat;
	width: 51px;
	height: 26px;
	padding-top: 5px;
	line-height: 20px;
	margin-left: -25px;
	font-size: 12px;
	text-align: center;
	color: #fff;
	margin-top: 2px;}

.page-head a.back.rotate {
	transform-origin: center top;
	-webkit-transform-origin: center top;
	animation: rotateAnim3 1.6s infinite linear;
	-webkit-animation: rotateAnim3 1.6s infinite linear;}

.page-head h2 {
	text-align: center;
	line-height: 0.6rem;
	font-size: 0.2rem;
	color: #a36aab;}

.g-nav {
	position: fixed;
	z-index: 49;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(g-nav.jpg) center no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden;}

.g-nav ul {
	position: absolute;
	z-index: 1;
	left: 0;
	right: auto;
	top: 1.3rem;
	bottom: 0;
	width: 1.4rem;}

.g-nav li {
	position: relative;}

.g-nav li a.name {
	display: block;
	padding-left: 0.45rem;
	font-size: 0.18rem;
	line-height: 0.6rem;
	color: #6b0e7a;
	font-weight: bold;
	position: relative;
	z-index: 5;}

.g-nav li .list {
	position: absolute;
	z-index: 1;
	left: 1.2rem;
	right: auto;
	top: 0;
	bottom: auto;
	background: #fff;
	width: 1.46rem;
	border-right: #6b0e7a solid 1px;
	opacity: 0;
	visibility: hidden;
	padding: 0.12rem 0;}

.g-nav li .list a {
	display: block;
	font-size: 0.16rem;
	line-height: 0.36rem;
	color: #6b0e7a;
	padding-left: 0.3rem;}

.g-nav li .list a:hover {
	color: #eb0074;}

.g-nav li:hover a.name {
	background: #fff;}

.g-nav li:hover .list {
	opacity: 1;
	visibility: visible;
	left: 100%;}

.g-nav li.language {
	padding-left: 0.45rem;
	padding-top: 0.2rem;}

.g-nav li.language a {
	font-weight: bold;
	border-top: #ddd solid 1px;
	line-height: 0.5rem;
	font-size: 0.16rem;
	color: #ae00ca;}

body.nav-show .g-head a.navA i {
	background-image: url(close78.png);}

body.nav-show .g-head a.navA.on:before,
body.nav-show .g-head a.navA.on:after {
	display: none;}

body.nav-show .g-nav {
	opacity: 1;
	visibility: visible;}

.index {
	height: 100vh;
	background: url(img1920.jpg) center no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;}

.index .logo {
	width: 2.75rem;
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);}

.index .imgs li {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: center no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden;}

.index .imgs li.on {
	opacity: 1;
	visibility: visible;}

.index .imgs li canvas {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;}

.index .btns:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 6;
	left: 50%;
	top: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: rgba(255, 255, 255, 0.53) solid 1px;
	transform: translate(-50%, -50%);
	width: 5rem;
	height: 5rem;}

.index .btns li {
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: rgba(255, 255, 255, 0.7) solid 1px;
	transform: translate(-50%, -50%);}

.index .btns li:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: url(img750.png) center no-repeat;
	background-size: 100% 100%;
	opacity: 0;}

.index .btns li .name {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.26);
	border: rgba(255, 255, 255, 0.43) solid 1px;
	position: absolute;
	z-index: 1;
	left: auto;
	right: auto;
	top: 50%;
	bottom: auto;
	margin-top: -20px;
	cursor: pointer;
	display: block;}

.index .btns li .name:before,
.index .btns li .name:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	background: #fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	opacity: 0;
	animation: scaleAnim3 1.6s infinite linear;
	-webkit-animation: scaleAnim3 1.6s infinite linear;}

.index .btns li .name:before {
	animation-delay: -0.8s;
	-webkit-animation-delay: -0.8s;}

.index .btns li .name b {
	color: #fff;
	font-size: 12px;
	line-height: 1.2em;
	width: 1em;
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;}

.index .btns li .name:nth-child(1) {
	left: -20px;}

.index .btns li .name:nth-child(2) {
	right: -20px;}

.index .btns li.on {
	background: rgba(255, 255, 255, 0.2);}

.index .btns li.on:before {
	opacity: 1;}

.index .btns li.on .name {
	height: 110px;
	margin-top: -55px;
	background-color: rgba(121, 72, 233, 0.65);
	border-color: white;}

.index .btns li.on .name:before,
.index .btns li.on .name:after {
	display: none;}

.index .btns li.on .name b {
	opacity: 1;
	visibility: visible;
	font-size: 18px;}

@media screen and (min-width: 800px) {
	.index .btns li:nth-child(1) {
		width: 7.5rem;
		height: 7.5rem;
		z-index: 5;}

	.index .btns li:nth-child(2) {
		width: 10rem;
		height: 10rem;
		z-index: 4;
		border-color: rgba(255, 255, 255, 0.6);}

	.index .btns li:nth-child(2).on .name {
		background: rgba(120, 138, 67, 0.65);}

	.index .btns li:nth-child(3) {
		width: 12.5rem;
		height: 12.5rem;
		z-index: 2;
		border-color: rgba(255, 255, 255, 0.4);}

	.index .btns li:nth-child(3).on .name {
		background: rgba(18, 199, 201, 0.65);}

	.index .btns li:nth-child(4) {
		width: 15rem;
		height: 15rem;
		z-index: 1;
		border-color: rgba(255, 255, 255, 0.2);}

	.index .btns li:nth-child(4).on .name {
		background: rgba(36, 150, 222, 0.65);}
}

.index-tips {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	visibility: hidden;}

.index-tips .tips-1 {
	width: 0.78rem;
	height: 0.78rem;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 0.33rem;
	top: 0.16rem;
	bottom: auto;
	background: url(img78_2.png) center no-repeat;
	background-size: 100%;}

.index-tips .tips-1 div {
	width: 1.08rem;
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 100%;
	bottom: auto;
	margin-left: -0.54rem;}

.index-tips .tips-2 {
	width: 15.51rem;
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);}

.index-tips .btn {
	background: url(btn168.png) center no-repeat;
	background-size: 100% 100%;
	width: 1.68rem;
	height: 0.61rem;
	line-height: 0.61rem;
	text-align: center;
	font-weight: 600;
	cursor: pointer;
	font-size: 0.18rem;
	color: #000;
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	margin-left: -0.84rem;
	margin-top: 1.85rem;}

body.indexTipsShow .g-head a.navA i {
	opacity: 0;}

body.indexTipsShow .index .btns li .name {
	opacity: 0;}

body.indexTipsShow .index-tips {
	opacity: 1;
	visibility: visible;}

.index-imgs {
	position: fixed;
	z-index: 30;
	left: 0;
	bottom: 0;
	right: 0;
	overflow: hidden;
	height: 155px;}

.index-imgs.hide {
	bottom: -155px;}

.index-imgs .list {
	position: relative;
	left: 50%;
	width: 4284px;
	margin-left: -2142px;
	overflow: hidden;}

.index-imgs .list li {
	width: 204px;
	height: 155px;}

.index-imgs .list li a {
	display: block;
	padding: 0 2px;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;}

.index-imgs .list li a:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background: url(bg10.png) center bottom repeat-x;
	background-size: auto 0.79rem;}

.index-imgs .list li a .img {
	position: relative;}

.index-imgs .list li a .img:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(img200.png) center no-repeat;
	background-size: 100% 100%;
	opacity: 0.36;}

.index-imgs .list li a .img img {
	width: 100%;}

.index-imgs .list li a i.video-btn {
	display: block;
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(video-btn38.png) center no-repeat;
	background-size: 0.38rem;}

.index-imgs .list li a .name {
	font-size: 12px;
	color: #000;
	position: absolute;
	z-index: 5;
	left: 0;
	right: 0;
	top: auto;
	bottom: 10px;
	text-align: center;}

.index-imgs .list li.swiper-slide-active a {
	left: -20px;
	right: -20px;
	z-index: 10;
	box-shadow: 0 5px 15px rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 0 5px 15px rgba(255, 255, 255, 0.8);
	-moz-box-shadow: 0 5px 15px rgba(255, 255, 255, 0.8);
	padding: 0;}

.index-imgs .arrow a {
	display: block;
	height: 32px;
	width: 79px;
	background: rgba(0, 0, 0, 0.5) center no-repeat;
	background-size: 59px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	z-index: 1;
	left: auto;
	right: auto;
	top: auto;
	bottom: 40px;}

.index-imgs .arrow a.prev {
	left: 18px;
	background-image: url(prev59.png);}

.index-imgs .arrow a.next {
	right: 18px;
	background-image: url(next59.png);}

.index-imgs .close {
	display: block;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 6px;
	top: auto;
	bottom: 124px;
	width: 31px;
	height: 31px;
	background: rgba(0, 0, 0, 0.55) url(close14.png) center no-repeat;}

.index-imgs .close:hover {
	background-color: #6b0e7a;}

.index-imgs-btn {
	background: url(btn222.png) center no-repeat;
	background-size: 100%;
	width: 222px;
	height: 52px;
	text-align: center;
	font-size: 12px;
	color: #6b0e7a;
	position: fixed;
	z-index: 20;
	left: 50%;
	bottom: 0;
	margin-left: -111px;
	padding-top: 23px;
	cursor: pointer;}

.index-imgs-btn.hide {
	bottom: -52px;}

.blessing {
	height: 100vh;
	background: red;
	background-size: cover;
	position: relative;}

.blessing .canvas {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;}

.blessing .canvas img {
	width: 100%;}

.blessing .btn {
	width: 0.73rem;
	height: 0.73rem;
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: auto;
	bottom: 0.78rem;
	margin-left: -0.365rem;}

.blessing .btn .name {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #ecde1f;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #6b0e7a;
	font-size: 12px;
	text-align: center;
	cursor: pointer;}

.blessing .btn:before,
.blessing .btn:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1.6rem;
	height: 1.6rem;
	margin-left: -0.8rem;
	margin-top: -0.8rem;
	background: #ecde1f;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	opacity: 0;
	animation: scaleAnim 1s infinite linear;
	-webkit-animation: scaleAnim 1s infinite linear;}

.blessing .btn:before {
	animation-delay: -0.5s;
	-webkit-animation-delay: -0.5s;}

.blessing-layer {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0.6rem;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;}

.blessing-layer .list {
	width: 8.1rem;
	position: relative;}

.blessing-layer .list .arrow a {
	display: block;
	width: 0.1rem;
	height: 1.5rem;
	background: center no-repeat;
	background-size: 100%;
	position: absolute;
	z-index: 1;
	left: auto;
	right: auto;
	top: auto;
	bottom: 0;}

.blessing-layer .list .arrow a.prev {
	left: 50%;
	background-image: url(prev10.png);
	margin-left: -1.1rem;}

.blessing-layer .list .arrow a.next {
	right: 50%;
	background-image: url(next10.png);
	margin-right: -1.1rem;}

.blessing-layer .list a.close {
	display: block;
	width: 0.32rem;
	height: 0.32rem;
	background: rgba(0, 0, 0, 0.55) url(close14.png) center no-repeat;
	background-size: 0.1rem;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	z-index: 1;
	left: auto;
	right: -0.9rem;
	top: -0.42rem;
	bottom: auto;}

.blessing-layer .list a.close:hover {
	background-color: #6b0e7a;}

.blessing-layer .list-wrapper {
	width: 100%;
	overflow: hidden;
	position: relative;}

.blessing-layer .list-wrapper li {
	position: relative;}

.blessing-layer .list-wrapper li .img img {
	opacity: 0.71;}

.blessing-layer .list-wrapper li .name {
	opacity: 0;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	height: 1.5rem;
	text-align: center;
	font-size: 0.32rem;
	letter-spacing: 0.1rem;
	padding-left: 0.1rem;
	color: #6b0e7a;}

.blessing-layer .list-wrapper li.swiper-slide-active .img img {
	opacity: 1;}

.blessing-layer .list-wrapper li.swiper-slide-active .name {
	opacity: 1;}

.blessing-layer .btns {
	margin-top: 0.47rem;
	background: rgba(109, 37, 186, 0.79);
	border: #fff solid 1px;
	-moz-border-radius: 0.5rem;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	position: relative;
	width: 3.23rem;
	height: 0.48rem;
	text-align: center;
	color: #fff;
	font-size: 0.18rem;}

.blessing-layer .btns .btn-1,
.blessing-layer .btns .btn-2 {
	width: 42%;
	line-height: 0.46rem;
	cursor: pointer;}

.blessing-layer .btns .btn-1:hover,
.blessing-layer .btns .btn-1.on,
.blessing-layer .btns .btn-2:hover,
.blessing-layer .btns .btn-2.on {
	color: #fff600;}

.blessing-layer .btns .share-btn {
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	background: #fff;
	border: #6b0e7a solid 0.02rem;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 0.77rem;
	height: 0.7rem;
	margin-top: -0.35rem;
	margin-left: -0.385rem;
	cursor: pointer;
	color: #6b0e7a;
	line-height: 0.66rem;}

.blessing-layer .ewm-layer {
	position: fixed;
	z-index: 50;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	background: rgba(0, 0, 0, 0.6);}

.blessing-layer .ewm-layer .ewm {
	width: 1.6rem;
	background: #fff;
	padding: 0.1rem;}

.blessing-layer .ewm-layer .ewm canvas {
	width: 100%;}

.blessing-layer .ewm-layer.show {
	opacity: 1;
	visibility: visible;}

body.blessing-layer-show .blessing .btn {
	opacity: 0;
	visibility: hidden;}

body.blessing-layer-show .blessing-layer {
	opacity: 1;
	visibility: visible;}

.memorabilia {
	height: 100vh;
	background: url(memorabilia.jpg) center no-repeat;
	background-size: cover;}

.memorabilia-layer {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	visibility: hidden;}

.memorabilia-layer.show {
	opacity: 1;
	visibility: visible;}

.memorabilia-layer .container {
	width: 10rem;
	position: relative;
	background: #fff url(img1000.jpg) center bottom no-repeat;
	background-size: 100%;
	-moz-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	box-shadow: 0 0 0.21rem 0 rgba(0, 0, 0, 0.22);
	-webkit-box-shadow: 0 0 0.21rem 0 rgba(0, 0, 0, 0.22);
	-moz-box-shadow: 0 0 0.21rem 0 rgba(0, 0, 0, 0.22);
	padding: 0 0.7rem 1.25rem 0.7rem;
	align-items: flex-start;
	-webkit-align-items: flex-start;}

.memorabilia-layer .container .close {
	display: block;
	width: 0.7rem;
	height: 0.7rem;
	position: absolute;
	z-index: 1;
	left: auto;
	right: 0;
	top: 0;
	bottom: auto;
	background: url(close27.png) center no-repeat;
	background-size: 0.17rem;}

.memorabilia-layer .container .title {
	width: 100%;
	text-align: center;
	padding: 0.5rem 0 0.45rem 0;
	position: relative;
	font-size: 0.14rem;
	color: #6b0e7a;}

.memorabilia-layer .container .title:after {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0.3rem;
	width: 0.4rem;
	height: 0.04rem;
	background: #6b0e7a;
	margin-left: -0.2rem;}

.memorabilia-layer .container .title div {
	width: 100%;}

.memorabilia-layer .container .title h3 {
	font-size: 0.28rem;
	background-image: -webkit-linear-gradient(-55deg, #6b0e7a, #c04845);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

.memorabilia-layer .container .content {
	font-size: 0.16rem;
	line-height: 0.3rem;
	color: #565656;
	width: 5.06rem;
	text-indent: 2em;}

.memorabilia-layer .container .imgs {
	width: 2.9rem;
	overflow: hidden;
	position: relative;
	left: -0.2rem;}

.memorabilia-layer .container .imgs .dots {
	padding-top: 0.15rem;}

.memorabilia-layer .container .imgs .dots span {
	width: 0.1rem;
	height: 0.1rem;
	margin: 0 0.05rem;
	background: #d0bdd4;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;}

.memorabilia-layer .container .imgs .dots span.swiper-pagination-bullet-active {
	background: #6b0e7a;}

.memorabilia-layer .container .year {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	text-align: center;
	color: #fff;
	font-family: 'FUTURA';
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.8rem;
	height: 1.8rem;
	overflow: hidden;}

.memorabilia-layer .container .year div {
	position: relative;
	top: 0.5rem;}

.page {
	position: fixed;
	z-index: 30;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: url(img1920.png) center no-repeat;
	background-size: cover;}

.page .page-prev,
.page .page-next {
	display: block;
	position: absolute;
	z-index: 1;
	left: auto;
	right: auto;
	top: 50%;
	bottom: auto;
	width: 1.07rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	margin-top: -0.4rem;
	background: center no-repeat;
	background-size: 100% 100%;
	font-size: 14px;
	color: #6b0e7a;}

.page .page-prev {
	background-image: url(prev107.png);
	left: 0;
	padding-right: 0.14rem;}

.page .page-prev em {
	padding-left: 12px;
	background: url(prev5.png) left center no-repeat;}

.page .page-next {
	background-image: url(next107.png);
	right: 0;
	padding-left: 0.14rem;}

.page .page-next em {
	padding-right: 12px;
	background: url(next5.png) right center no-repeat;}

.page .page-title {
	padding-bottom: 0.45rem;}

.page .page-title h3 {
	font-size: 0.3rem;
	background-image: -webkit-linear-gradient(-55deg, #6b0e7a, #c04845);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

.page .page-more {
	padding-top: 0.4rem;}

.page .page-more a {
	font-size: 14px;
	color: #ea0053;
	border-bottom: #ea0053 solid 2px;
	line-height: 0.32rem;}

.page .page-more a:hover {
	color: #6b0e7a;
	border-color: #6b0e7a;}

.page .dots {
	padding-top: 0.3rem;}

.page .dots span {
	width: 9px;
	height: 9px;
	margin: 0 7px;
	background: #7f7a89;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;}

.page .dots span.swiper-pagination-bullet-active {
	background: #d80d0b;}

.hexin {
	width: 12.24rem;
	margin-top: -0.1rem;
	margin-bottom: -0.1rem;}

.hexin .list {
	width: 100%;
	overflow: hidden;
	position: relative;}

.hexin .list dd {
	width: 25%;
	padding: 0.1rem 0.3rem 0.1rem 0.26rem;}

.hexin .list a {
	display: block;
	position: relative;}

.hexin .list a .img {
	box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
	-webkit-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06);}

.hexin .list a .img img {
	width: 100%;}

.hexin .list a .img2 {
	width: 0.6rem;
	position: absolute;
	z-index: 1;
	left: auto;
	right: -0.28rem;
	top: auto;
	bottom: 0;
	border: #c3cdcb solid 1px;}

.hexin .list a .name {
	font-size: 12px;
	color: #6b0e7a;
	line-height: 18px;
	position: absolute;
	z-index: 1;
	left: 0.2rem;
	right: 0.2rem;
	top: auto;
	bottom: 0.18rem;
	text-align: center;}

.videos {
	width: 12rem;
	margin: 0 auto;
	overflow: hidden;
	position: relative;}

.videos .list {
	width: 21rem;
	position: relative;
	margin-left: -10.5rem;
	left: 50%;}

.videos .list li {
	overflow: hidden;
	position: relative;
	-moz-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;}

.videos .list li .img {
	background: #fff;
	position: relative;}

.videos .list li .img img {
	width: 100%;
	opacity: 0.6;}

.videos .list li .img i {
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(video-btn65.png) center no-repeat;
	background-size: 0.65rem;
	opacity: 0;}

.videos .list li .layer {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	color: #fff;
	height: 1.66rem;
	background: url(bg10_2.png) center bottom repeat-x;
	background-size: auto 100%;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	padding: 0 0.3rem 0.25rem 0.3rem;
	opacity: 0;}

.videos .list li .layer .info {
	font-size: 12px;
	padding-bottom: 7px;}

.videos .list li .layer .info em {
	color: #ffdb82;}

.videos .list li .layer .info span {
	opacity: 0.57;
	padding-left: 6px;}

.videos .list li .layer h3 {
	font-size: 0.18rem;}

.videos .list li.swiper-slide-active .img img,
.videos .list li.swiper-slide-active .img i {
	opacity: 1;}

.videos .list li.swiper-slide-active .layer {
	opacity: 1;}

.xiaoyou {
	width: 12.17rem;
	overflow: hidden;
	position: relative;}

.xiaoyou .list {
	margin-left: -0.13rem;
	margin-right: -0.13rem;}

.xiaoyou .list dl {
	width: 11.68rem;}

.xiaoyou .list dd {
	width: 50%;
	padding: 0 0.13rem 0.35rem 0.13rem;}

.xiaoyou .list dd a {
	position: relative;
	display: block;}

.xiaoyou .list dd a .container {
	background: url(img375_1.png) left center no-repeat;
	background-size: auto 100%;
	-moz-border-radius: 0.2rem;
	-webkit-border-radius: 0.2rem;
	border-radius: 0.2rem;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	color: #fff;
	padding: 0 0 0.3rem 0.3rem;
	width: 3.75rem;
	position: absolute;
	z-index: 1;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;}

.xiaoyou .list dd a .container .info {
	font-size: 12px;
	padding-bottom: 7px;}

.xiaoyou .list dd a .container .info em {
	color: #ffdb82;}

.xiaoyou .list dd a .container .info span {
	opacity: 0.57;
	padding-left: 6px;}

.xiaoyou .list dd a .container h3 {
	font-size: 0.18rem;
	width: 1.6rem;
	line-height: 0.24rem;}

.xiaoyou .list dd a .img {
	width: 3.2rem;
	position: relative;
	z-index: 5;
	margin-left: auto;}

.xiaoyou .list dd:nth-child(2) .container {
	left: auto;
	right: 0;
	background-image: url(img375_2.png);}

.xiaoyou .list dd:nth-child(3) .container {
	left: auto;
	right: 0;
	background-image: url(img375_3.png);}

.xiaoyou .list dd:nth-child(2) .container,
.xiaoyou .list dd:nth-child(3) .container {
	padding-left: 1.7rem;}

.xiaoyou .list dd:nth-child(2) .img,
.xiaoyou .list dd:nth-child(3) .img {
	margin-left: 0;}

.xiaoyou .list dd:nth-child(4) .container {
	background-image: url(img375_4.png);}

.xiaoyou .list dd:nth-child(3),
.xiaoyou .list dd:nth-child(4) {
	padding-bottom: 0.15rem;}

.xiaoyou .list dd:nth-child(3) a,
.xiaoyou .list dd:nth-child(4) a {
	left: 0.94rem;}

.blessing2 {
	height: 100vh;
	position: relative;
    z-index: 3;
    /*top: 0;
    left: 0;
    width: 100%;
	position: absolute;*/
	overflow: hidden;
	opacity: 0;}

.blessing2 .page-0 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: all 1s;}

.blessing2 .page-0.show {
	opacity: 1;
	visibility: visible;}

.blessing2 .page-0 .video-bg0 video {
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	object-position: center center;}

.blessing2 .page-0 .bg {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(bigbg.jpg) center center no-repeat;
	background-size: cover;}

.blessing2.show {
	opacity: 1;
	background: url(bigbg.png) bottom center no-repeat;
	background-size: cover;}

.blessing2 .page-1 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 1s;}

.blessing2 .page-1.show {
	opacity: 1;
	visibility: visible;}

.blessing2 .page-1 canvas {
	width: 100%;
	display: block;}

.blessing2 .page-1 .tips-layer {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	background: rgba(255, 255, 255, 0.55);}

.blessing2 .page-1 .tips-layer .container {
	width: 4.89rem;
	background: #fff;
	box-shadow: 0 0 57 0 rgba(255, 0, 198, 0.36);
	-webkit-box-shadow: 0 0 57 0 rgba(255, 0, 198, 0.36);
	-moz-box-shadow: 0 0 57 0 rgba(255, 0, 198, 0.36);
	-moz-border-radius: 0.18rem;
	-webkit-border-radius: 0.18rem;
	border-radius: 0.18rem;
	text-align: center;}

.blessing2 .page-1 .tips-layer .container .msg {
	font-size: 0.18rem;
	color: #6b0e7a;
	line-height: 1.8em;
	padding: 0.5rem 0;}

.blessing2 .page-1 .tips-layer .container .btn {
	border-top: #dfdfdf solid 1px;}

.blessing2 .page-1 .tips-layer .container .btn a {
	width: 100%;
	line-height: 0.57rem;
	font-size: 0.16rem;}

.blessing2 .page-1 .tips-layer .container2 {
	width: 3rem;
	background: #fff;
	box-shadow: 0 0 57 0 rgba(255, 0, 198, 0.36);
	-webkit-box-shadow: 0 0 57 0 rgba(255, 0, 198, 0.36);
	-moz-box-shadow: 0 0 57 0 rgba(255, 0, 198, 0.36);
	-moz-border-radius: 0.18rem;
	-webkit-border-radius: 0.18rem;
	border-radius: 0.18rem;
	text-align: center;
	font-size: 0.18rem;
	color: #6b0e7a;
	line-height: 0.8rem;}

.blessing2 .page-1 .loading {
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0);
	color: #fff;
	font-size: 0.2rem;}

.blessing2 .page-1 .loading .jdt {
	position: relative;
	width: 343px;
	height: 20px;
	background: rgba(0, 68, 112, 0.7);
	border: 1px solid #3ae6ff;
	border-radius: 10px;}

.blessing2 .page-1 .loading .jdt .jdtbox {
	width: 0%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(90deg, #1d72ff 0%, #3aeaff 100%);
	border-radius: 9px;}

.blessing2 .page-1 .loading .name {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 4px 6px rgba(0, 56, 137, 0.5);
	padding-bottom: 20px;}

.blessing2 .page-1 .loading h3 {
	font-size: 0.52rem;}

.blessing2 .page-1 .tips-layer2 {
	position: fixed;
	z-index: 10;
	left: 50%;
	bottom:20%;
	line-height: 3;
  padding: 0 2em;
	text-align: center;
	background: rgba(168,53,57, 0.6);
	font-size: 0.2rem;
	color: #fff;
  font-weight: bold;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	border-radius: 0.4rem;
  transform: translateX(-50%);}

.blessing2 .page-2 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(page2bg.jpg) no-repeat center center;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	display: flex;
	flex-direction: column;
	transition: all 1s;
	justify-content: flex-start;}

.blessing2 .page-2.show {
	opacity: 1;
	visibility: visible;}

.blessing2 .page-2 .msg {
	font-size: 0.18rem;
	color: #b28029;}

.blessing2 .page-2 .msg b {
	font-size: 0.48rem;
	color: #c8003d;
	padding: 0 0.15rem;
	font-family: 'DINPro-Black';
	line-height: 1em;
	position: relative;
	top: -0.06rem;}

.blessing2 .page-2 .title {
	padding: 0.04rem 0 0.2rem 0;}

.blessing2 .page-2 .title:before,
.blessing2 .page-2 .title:after {
	content: '';
	display: block;
	position: absolute;
	position: relative;
	width: 0.4rem;
	height: 1px;
	background: #b28029;}

.blessing2 .page-2 .title h3 {
	font-size: 0.18rem;
	color: #b28029;
	padding: 0 0.1rem;}

.blessing2 .page-2 .list {
	height: 60vh;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-top: 140px;}

.blessing2 .page-2 .list .scroll {
	height: 60vh;
	overflow-y: auto;
	margin-left: -0.5rem;
	margin-right: -0.5rem;
	padding: 0 0.5rem 1rem 0.5rem;}

.blessing2 .page-2 .list li {
	padding: 0.1rem 0;}

.blessing2 .page-2 .list li div {
	font-size: 0.18rem;
	font-weight: bold;
	color: #fff;
	width: var(--itemWidth);
	text-align: center;
	line-height: 30px;
	/*height: 41px;*/
	cursor: pointer;
	position: relative;
	background: url(textbtn.png) no-repeat center center;
	background-size: 100% 100%;
	transition: all 0.3s;
	padding: 5px 10px;}

.blessing2 .page-2 .list li div.on {
	color: #a83539;
	/*line-height: 60px;
	height: 60px;*/
	padding: 10px;
	width: var(--activeTtemWidth);
	background: url(textact.png) no-repeat center center;
	background-size: 100% 100%;}

.blessing2 .page-2 .btn {
	height: 1.86rem;
	position: relative;
	z-index: 10;}

.blessing2 .page-2 .btn img {
	transition: all 1s;}

.blessing2 .page-2 .btn:hover img {
	transform: scale(1.1);}

.blessing2 .page-3 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;}

.blessing2 .page-3.show {
	opacity: 1;
	visibility: visible;}

.blessing2 .page-3 .video-bg video {
	position: absolute;
	z-index: 1;
	left: 50%;
	right: auto;
	top: 50%;
	bottom: auto;
	transform: translate(-50%, -50%);
	min-height: 100%;
	min-width: 100%;
	object-fit: cover;
	object-position: center center;}

.blessing2 .page-3 .bg {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(bigbg.jpg) center no-repeat;
	background-size: cover;}

.blessing2 .page-3 .msg {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 48%;
	bottom: auto;
	font-size: 0.18rem;
	font-weight: bold;
	color: #9c02db;
	opacity: 0;
	visibility: hidden;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;}

.blessing2 .page-3 .msg.show {
	opacity: 1;
	visibility: visible;}

.blessing2 .page-3 .msg em {
	font-size: 0.24rem;
	color: #d60000;}

.blessing2 .page-3 .msg b {
	font-size: 1.09rem;
	color: #c8003d;
	padding: 0 0.15rem;
	font-family: 'DINPro-Black';
	line-height: 1em;
	position: relative;
	top: -0.06rem;
	background: linear-gradient(-42deg, #d60000 0%, #9c00ff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

.blessing2 .page-3 .msg2 {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(img671.png) center no-repeat;
	background-size: 6.71rem;
	opacity: 0;
	visibility: hidden;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-o-transform: scale(0.5);
	transition-duration: 1s;
	-webkit-transition-duration: 1s;}

.blessing2 .page-3 .msg2.show {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);}

.blessing2 .page-4 {
	height: 100vh;
	position: relative;}

.blessing2 .page-4 .layer {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	background: url(cardbg.png) no-repeat center bottom;
	background-size: cover;}

.blessing2 .page-4 .layer .container {
	width: 3.07rem;
	background: #fff;
	box-shadow: 0 0 0.32rem 0 #a2ceff;
	position: relative;
	opacity: 0;
  border-radius: 10px;}

.blessing2 .page-4 .layer .close {
	display: block;
	position: absolute;
	z-index: 9;
	left: 50%;
	bottom: -0.56rem;
	transform: translateX(-50%);
	background: url(close44.png) center top no-repeat;
	background-size: 100%;
	width: 0.36rem;
	height: 0.36rem;}

.bounce {
	position: relative;
	top: 250px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;}

.bounce img {
	width: 300px;}

@keyframes bounce {
	0% {
		transform: translate3d(0, 0, 0);}

	100% {
		transform: translate3d(0, -1em, 0);}
}

.backshow {
	display: block !important;
	cursor: pointer;}

.pcback {
	display: none;
	position: absolute;
	left: 50px;
	top: 40px;
	z-index: 2;}

.pcback2 {
	display: none;
	position: absolute;
	left: 150px;
	top: 40px;
	z-index: 2;}

.pcback img {
	width: 90px;}

.pcback2 img {
	height: 37px;}

.mbback {
	display: none !important;}

.mbback2 {
	display: none !important;}

.blessing2 .page-4 .layer canvas {
	width: 100%;
	display: block;}

.blessing2 .page-4 .layer .img {
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 0px;
	top: 0;
	bottom: auto;}

.blessing2 .page-4 .layer .img img {
	opacity: 0;}

.blessing2 .page-4 .layer .tips {
	font-size: 0.14rem;
	color: #fff;
	text-align: center;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: -0.42rem;
	bottom: auto;}

.phone-btn {
	display: none;}

.input{
  display: flex;
  width: var(--itemWidth);
  justify-content: space-between;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 3;
  align-items: center;}
.input input{
  background-color: rgba(255,255,255,.3);
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 2;
  border-radius: 5px;}
/*# sourceMappingURL=index.css.map */

@media (max-width: 768px){
  :root{
    --itemWidth:80%;
    --activettemwidth:90%;}
  .blessing2 .page-1 .tips-layer2{
    font-size: 12px;
    white-space: nowrap;}
  .blessing2 .page-2 .list li div,.input{
    font-size: 13px;}

}