* {
	margin: 0;
	padding: 0;
}

html,
body {
	width: 100%;
	height: 100%;
	font-family: AlimamaFangYuanTiVF;
}

@font-face {
	font-family: 'AlimamaFangYuanTiVF';
	src: url('./font/SourceHanSerifCN-Bold-2.ttf');
}

@font-face {
	font-family: 'YouSheBiaoTiHei';
	src: url('./font/YouSheBiaoTiHei-2.ttf');
}

.wh {
	width: 100%;
	height: 100%;
}

.oh {
	overflow: hidden;
}

img {
	display: block;
}

.ellipsisTwo {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	word-break: break-all;
}

.ellipsisOne {
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.userSelect {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-khtml-user-select: none;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex.wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flex.center {
	-webkit-justify-content: center;
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
}

.flex.align-center {
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

@-webkit-keyframes start {

	0%,
	30% {
		-webkit-transform: translateY(1.12rem);
	}

	60% {
		-webkit-transform: translateY(0);
	}

	100% {
		-webkit-transform: translateY(-0.266rem);
	}
}

@-moz-keyframes start {

	0%,
	30% {
		transform: translateY(1.12rem);
	}

	60% {
		-moz-transform: translateY(0);
	}

	100% {
		-moz-transform: translateY(-0.266rem);
	}
}

@keyframes start {

	0%,
	30% {
		transform: translateY(1.12rem);
	}

	60% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-0.266rem);
	}
}

.containers {
	position: relative;
	font-family: 'FZLTZHJW';
	margin: 0 auto;
	max-width: 750px;
	min-height: 17.786rem;
	width: 100%;
	height: 100%;
	color: #333;
}

.part .slide-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.part .bg {
	position: absolute;
	top: 0;
	left: 0;
}

.part .logo1 {
	position: absolute;
	left: 0.29rem;
	top: 0.47rem;
	width: 2.37rem;
	filter: invert(1) brightness(1) contrast(1.2);
	-webkit-filter: invert(1) brightness(1) contrast(1.2);
}

.part .logo2 {
	position: absolute;
	right: 0.32rem;
	top: 0.47rem;
	width: 2.37rem;
	filter: invert(1) brightness(1) contrast(1.2);
	-webkit-filter: invert(1) brightness(1) contrast(1.2);
}

.part .rate span {
	color: #FF7526;
	font-size: 0.7rem;
}

.part .heart {
	display: inline-block;
	width: .91rem;
}

.part .next {
	position: absolute;
	bottom: .4rem;
	left: 50%;
	width: .67rem;
	transform: translateX(-50%);
	animation: shake-next 2s infinite ease-in-out;
	z-index: 9;
}

@keyframes shake-next {
	0% {
		bottom: .4rem;
	}

	50% {
		bottom: .5rem;
	}

	100% {
		bottom: .4rem;
	}
}

@-webkit-keyframes shake-next {
	0% {
		bottom: .4rem;
	}

	50% {
		bottom: .5rem;
	}

	100% {
		bottom: .4rem;
	}
}

@-moz-keyframes shake-next {
	0% {
		bottom: .4rem;
	}

	50% {
		bottom: .5rem;
	}

	100% {
		bottom: .4rem;
	}
}

/* ------- slide 1 start  ----- */
.part.s1 .box1 {
	position: absolute;
	top: 1.93rem;
	left: 0;
	right: 0;
	font-family: AlimamaFangYuanTiVF;
	font-weight: normal;
	font-size: 0.59rem;
	color: #FFFFFF;
	text-align: center;
	line-height: 0.65rem;
}

.part.s1 .box2 {
	position: absolute;
	top: 2.8rem;
	left: 0;
	right: 0;
	font-family: AlimamaFangYuanTiVF;
	font-weight: normal;
	font-weight: 400;
	font-size: 0.37rem;
	color: #FFFFFFb3;
	text-align: center;
	line-height: 0.59rem;
}

.part.s1 .icon1 {
	position: absolute;
	top: 6.5%;
	left: -3%;
	width: 8rem;
	height: 6.6rem;
	z-index: 1;
	opacity: .35;
	filter: brightness(2);
}

.part.s1 .icon2 {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	width: 6.5rem;
}

.part.s1 .icon3 {
	position: absolute;
	top: 90%;
	left: 50%;
	width: 4rem;
	transform: translateX(-50%);
	animation: shake-1 2s infinite ease-in-out;
}

@keyframes shake-1 {
	0% {
		margin-top: 0;
	}

	50% {
		margin-top: 0.1rem;
	}

	100% {
		margin-top: 0;
	}
}


@-webkit-keyframes shake-1 {
	0% {
		margin-top: 0;
	}

	50% {
		margin-top: 0.1rem;
	}

	100% {
		margin-top: 0;
	}
}

@-moz-keyframes shake-1 {
	0% {
		margin-top: 0;
	}

	50% {
		margin-top: 0.1rem;
	}

	100% {
		margin-top: 0;
	}
}

/* 容器样式，居中展示 */
.arc-text-container {
	position: absolute;
	top: 44.5%;
	width: 10rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 文本样式 */
.arc-text {
	font-weight: 300;
	font-size: 0.37rem;
	fill: #795548;
	letter-spacing: .05rem;
	font-weight: 400;
	font-size: 0.37rem;
	line-height: 0.86rem;
	/* text-shadow: 0 0 0 rgba(29, 24, 19, 0.75); */
}

.part.s1 .box3 {
	position: absolute;
	bottom: 10.5%;
	left: 50%;
	transform: translateX(-50%);
	width: 9rem;
	display: flex;
	justify-content: space-around;
	z-index: 2;
}

.part.s1 .box3 .tag {
	width: 1.53rem;
}

.part.s1 .box3 .badege1 {
	transform: translateY(-42%);
}

.part.s1 .box3 .badege2 {
	transform: translateY(-16%);
}

/* ------- slide 1 end  ----- */


/* ------- slide 2 start  ----- */
.part.s2 .icon2 {
	position: absolute;
	top: 1.68rem;
	left: 50%;
	width: 6.71rem;
	transform: translateX(-50%);
}

.part.s2 .icon3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 10rem;
}

.part.s2 .icon4 {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 10rem;
	transform: translateX(-50%);
}

.part.s2 .box1 {
	position: absolute;
	top: 5.15rem;
	left: 50%;
	transform: translateX(-50%);
	width: 4.71rem;
	font-weight: 400;
	font-size: 0.43rem;
	color: #F5000C;
	font-family: YouSheBiaoTiHei;
	text-align: center;
	line-height: 0.7rem;
	white-space: pre-line;
}

.part.s2 .icon5 {
	position: absolute;
	top: 12.81rem;
	left: 1.17rem;
	width: 1.97rem;
}

/* ------- slide 1 end  ----- */


/* ------- slide 3 start  ----- */
.part.s3 .box1 {
	position: absolute;
	top: 15%;
	color: #333333;
	font-size: 0.43rem;
	line-height: 0.6rem;
	font-family: AlimamaFangYuanTiVF;
	padding: 0 1.73rem;
}

.part.s3 .box2 {
	position: absolute;
	top: 24%;
	color: #333333;
	font-size: 0.45rem;
	font-family: AlimamaFangYuanTiVF;
	padding: 0 1.73rem;
}

.part.s3 .box1 i,
.part.s3 .box2 i {
	color: #FF7526;
	font-style: normal;
	font-size: 0.59rem;
}

.part.s3 .box3 {
	position: absolute;
	top: 50%;
	left: 1.73rem;
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
}

.part.s3 .icon1 {
	position: absolute;
	bottom: .44rem;
	left: 1.88rem;
	width: 6.6rem;
}

/* ------- slide 3 end  ----- */


/* ------- slide 4 start  ----- */
.part.s4 .product {
	display: inline-block;
	width: 1.31rem;
	height: 1.31rem;
	margin-top: -1.92rem;
}

.part.s4 .box1 {
	position: absolute;
	top: 11%;
	font-family: AlimamaFangYuanTiVF;
	font-weight: 400;
	font-size: 0.43rem;
	color: #333333;
	line-height: 0.6rem;
	padding: 0 1.73rem;
}

.part.s4 .box2 {
	position: absolute;
	top: 28.5%;
	left: 50%;
	transform: translateX(-50%);
	width: 6.82rem;
	font-family: AlimamaFangYuanTiVF;
	font-weight: 400;
	font-size: 0.37rem;
	color: #666;
	line-height: 0.64rem;
	padding: 0.2rem .56rem;
	border-radius: 0.4rem;
	background-color: #fff;
	box-sizing: border-box;
}

.part.s4 .box1 i,
.part.s4 .box3 i {
	color: #FF7526;
	font-size: 0.59rem;
	font-family: AlimamaFangYuanTiVF;
	font-style: normal;
	padding: 0 0.1rem;
}

.part.s4 .box3 {
	position: absolute;
	top: 39%;
	font-family: 'AlimamaFangYuanTiVF';
	font-weight: 400;
	font-size: 0.4rem;
	color: #333333;
	line-height: 0.54rem;
	padding: 0 1.73rem;
	/* margin-top: 0.31rem; */
}

.part.s4 .box4 {
	position: absolute;
	top: 53%;
	left: 1.73rem;
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
}

/* ------- slide 3 end  ----- */


/* ------- slide 5 start  ----- */
.part.s5 .box1 {
	position: relative;
	top: 26%;
	padding: 0 .98rem 0 .69rem;
}

.part.s5 .box1 .echarts {
	width: 100%;
	height: 4.88rem;
}

.part.s5 .box2 {
	position: absolute;
	top: 18%;
	max-width:7.2rem;
	color: #333333;
	text-align: center;
	font-family: AlimamaFangYuanTiVF;
	font-size: .43rem;
	line-height: .64rem;
	white-space: nowrap;
	left: 50%;
    transform: translateX(-50%);
}

.part.s5 .box2 i {
	display: inline-block;
	max-width: 7.2rem;
	color: #FF7526;
	font-size: 0.49rem;
	font-family: AlimamaFangYuanTiVF;
	font-style: normal;
	padding: 0 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.part.s5 .box3 {
	position: absolute;
	bottom: 1.6rem;
	left: 1.6rem;
	color: #333333;
	font-size: 0.5rem;
	font-family: AlimamaFangYuanTiVF;
}

.part.s5 .box4 {
	position: absolute;
	top: 12%;
	left: 0;
	width: 10rem;
	height: 10.67rem;
	background: center/100% no-repeat;
}

/* ------- slide 5 end  ----- */

.part.s5-1 .box1 {
	position: absolute;
	top: 11.6%;
	left: 0;
	width: 9.8rem;
	height: 10.67rem;
	padding: 28% .98rem 0 .69rem;
	background: center / 100% no-repeat;
	box-sizing: border-box;
}

.part.s5-1 .box1 .echarts {
	width: 100%;
	height: 4.28rem;
}

.part.s5-1 .box2 {
	position: absolute;
	top: 18%;
	left: 50%;
	transform: translateX(-50%);
	max-width: 7.2rem;
	color: #333333;
	font-family: AlimamaFangYuanTiVF;
	font-size: .43rem;
	line-height: .64rem;
	text-align: center;
	white-space: nowrap;
}

.part.s5-1 .box2 i {
	display: inline-block;
	max-width: 7.2rem;
	color: #FF7526;
	font-size: 0.49rem;
	font-family: AlimamaFangYuanTiVF;
	font-style: normal;
	padding: 0 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.part.s5-1 .box3 {
	position: absolute;
	bottom: 1.8rem;
	left: 1.6rem;
	color: #333333;
	font-size: 0.5rem;
	font-family: AlimamaFangYuanTiVF;
}

/* ------- slide 6 start  ----- */
.part.s6 .box1 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 8.5rem;
	height: 8.8rem;
	padding: 0.8rem 0 0.8rem .6rem;
	color: #333;
	font-size: .43rem;
	font-family: AlimamaFangYuanTiVF;
	line-height: .8rem;
	background: center / 100% no-repeat;
	box-sizing: border-box;
}

.part.s6 .box1 i {
	color: #FF7526;
	font-style: normal;
	padding: 0 .12rem;
}

.part.s6 .box3 {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
	white-space: nowrap;
}

.part.s6 .icon1 {
	position: absolute;
	left: 0;
	bottom: 12%;
	width: 52%;
	z-index: 2;
}

/* ------- slide 6 end  ----- */

.part.s6-1 .box1 {
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	width: 8.5rem;
	height: 8.8rem;
	padding: 0.8rem 0 0.8rem .6rem;
	color: #333;
	font-size: .43rem;
	font-family: AlimamaFangYuanTiVF;
	line-height: .8rem;
	background: center / 100% no-repeat;
	box-sizing: border-box;
}

.part.s6-1 .box1 i {
	color: #FF7526;
	font-style: normal;
	padding: 0 .12rem;
}

.part.s6-1 .box3 {
	position: absolute;
	bottom: 1rem;
	left: 50%;
	transform: translateX(-50%);
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
	white-space: nowrap;
}

/* ------- slide 7 start  ----- */
.part.s7 .box1 {
	position: absolute;
	top: 15%;
	color: #333;
	font-size: .43rem;
	font-family: AlimamaFangYuanTiVF;
	padding: 0 1.87rem;
	line-height: 3.4vh;
}

.part.s7 .box1 i {
	display: inline-block;
	max-width: 7.2rem;
	color: #FF7526;
	font-size: 0.49rem;
	font-family: AlimamaFangYuanTiVF;
	font-style: normal;
	padding: 0 0.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.part.s7 .box2 {
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translateX(-50%);
	color: #666;
	font-size: .4rem;
	font-family: AlimamaFangYuanTiVF;
}

.part.s7 .box4 {
	position: relative;
	top: 42%;
	padding: 0 1.05rem;
}

.part.s7 .box4 .echarts {
	width: 100%;
	height: 24vh;
}

.part.s7 .icon1 {
	position: absolute;
	top: 10%;
	right: 0;
	width: 3.5rem;
}

.part.s7 .box3 {
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translateX(-50%);
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
	white-space: nowrap;
}

/* ------- slide 7 end  ---- */

/* ------- slide 8 start  ---- */
.part.s8 .box1 {
	position: absolute;
	top: 18%;
	left: 1.75rem;
	color: #333;
	font-size: .43rem;
	font-family: AlimamaFangYuanTiVF;
	line-height: .69rem;
}

.part.s8 i {
	color: #FF7526;
	padding: 0 0.2rem;
	font-style: normal;
}

.part.s8 .box3 {
	position: absolute;
	top: 45%;
	left: 1.71rem;
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
}

.part.s8 .icon1 {
	position: absolute;
	top: 63.5%;
	right: .4%;
	width: 3.5rem;
}

/* 刮刮乐容器 */
.scratch-card {
	position: absolute;
	top: 34%;
	left: 1.65rem;
	width: 6.67rem;
	height: 2.07rem;
	border-radius: .2rem;
	overflow: hidden;
	background-color: #fff;
	touch-action: none;
	/* 禁用浏览器默认触摸行为 */
	z-index: 3;
}

/* 奖品区域 */
.prize {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .38rem;
	padding: 0 .2rem;
	color: #e63946;
	font-weight: bold;
	white-space: pre-wrap;
	background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
	box-sizing: border-box;
	z-index: 1;
}

/* 刮刮乐涂层（canvas） */
#scratchCanvas {
	position: absolute;
	top: 0;
	left: 0;
	/* width: 100%;
	height: 100%; */
	cursor: pointer;
	/* 禁止canvas被选中，提升交互体验 */
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	/* PC端鼠标样式 */
	touch-action: none;
	/* 禁止移动端默认触摸缩放等行为 */
	z-index: 2;
}


/* ------- slide 8 end  ---- */
.part.s8-1 .icon1 {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translateX(-50%);
	/* width: 4rem; */
	width: 45%;
}

.part.s8-1 .box1 {
	position: absolute;
	top: 1.77rem;
	left: 50%;
	transform: translateX(-50%);
	color: #2C202E;
	font-size: 0.43rem;
	font-weight: 500;
	text-align: center;
}

.part.s8-1 .box2 {
	position: absolute;
	top: 78%;
	left: 1.71rem;
	color: #333333;
	font-size: 0.43rem;
	font-family: AlimamaFangYuanTiVF;
}

.part.s8-1 .box2 i {
	color: #FF7526;
	padding: 0 0.12rem;
	font-style: normal;
}

.part.s8-1 .box3 {
	position: absolute;
	top: 82%;
	left: 50%;
	transform: translateX(-50%);
	color: #333333;
	font-size: 0.53rem;
	font-family: AlimamaFangYuanTiVF;
	white-space: nowrap;
}

.month-circle {
	position: absolute;
	top: 15%;
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
}

.month-item {
	position: absolute;
	text-align: center;
	line-height: 30px;
	font-size: .43rem;
	color: #333;
	font-weight: 500;
	transform: translate(-50%, -50%);
}

.month-item .item-tit {
	font-size: .4rem;
	white-space: nowrap;
}

.month-desc {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1.56rem;
	height: 1.43rem;
	color: #fff;
	font-size: .36rem;
	text-align: center;
	background: center / 100% no-repeat;
}


.month-desc.none {
	background-image: url(./image/pic-11-2@2x.png);
}

.month-desc.happy {
	background-image: url(./image/pic-11-1@2x.png);
}

.month-desc.order {
	background-image: url(./image/pic-11-3@2x.png);
}

.month-desc.pink {
	background-image: url(./image/pic-11-4@2x.png);
}

/* ------- slide 9 start  ---- */
.part.s9 .icon1 {
	position: absolute;
	top: 18.2%;
	left: 50%;
	transform: translateX(-50%);
	width: 3.24rem;
}

.part.s9 .icon2 {
	position: absolute;
	top: 42%;
	left: 50%;
	transform: translateX(-50%);
	width: 5.77rem;
}

.part.s9 .icon3 {
	position: absolute;
	bottom: 8%;
	left: 50%;
	width: 5.6rem;
	transform: translateX(-50%);
}

.part.s9 .box1 {
	position: absolute;
	top: 25%;
	left: 50%;
	width: 6.33rem;
	transform: translateX(-50%);
	font-family: YouSheBiaoTiHei;
	font-size: 1.56rem;
	color: transparent;
	text-align: center;
	background: linear-gradient(to top, #f44336b3, #d71a0c);
	-webkit-background-clip: text;
	background-clip: text;
}

.part.s9 .box2 {
	position: absolute;
	top: 38%;
	left: 50%;
	transform: translateX(-50%);
	width: 8rem;
	color: #333;
	font-family: 'AlimamaFangYuanTiVF';
	white-space: pre-line;
	font-size: 0.38rem;
	text-align: center;
}

/* ------- slide 9 end  ---- */

.part.s10 .icon2 {
	position: absolute;
	bottom: 1.43rem;
	left: .76rem;
	width: 3.63rem;
}

.part.s10 .icon3 {
	position: absolute;
	bottom: 1.43rem;
	right: .56rem;
	width: 4.67rem;
}

.part.s10 .box1 {
	position: absolute;
	top: 20%;
	right: 59%;
	width: 1rem;
	height: 40vh;
	font-family: AlimamaFangYuanTiVF;
	font-weight: bold;
	font-size: 0.51rem;
	color: #854619;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	letter-spacing: .12rem;
}

.part.s10 .box2 {
	position: absolute;
	top: 20%;
	left: 59.5%;
	width: 1rem;
	height: 40vh;
	font-family: AlimamaFangYuanTiVF;
	font-weight: bold;
	font-size: 0.51rem;
	color: #854619;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	letter-spacing: .12rem;
}

.part.s11 .icon3 {
	position: absolute;
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
	width: 7.67rem;
	height: 69vh;
}

.part.s11 .icon4 {
	position: absolute;
	bottom: .69rem;
	left: 50%;
	transform: translateX(-50%);
	width: 2.73rem;
	z-index: 9;
}

.part.s11 .box1 {
	position: absolute;
	top: 12.5%;
	left: 34%;
	width: 3.6rem;
	font-weight: 600;
	font-size: 0.61rem;
	color: #fff;
	text-align: center;
	line-height: 0.61rem;
	white-space: nowrap;
	letter-spacing: .12rem;
}

.part.s11 .box2 {
	position: absolute;
	top: 26%;
	left: 25.7%;
	width: 0.77rem;
	height: 44vh;
	font-weight: 600;
	font-size: 0.77rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	transform: rotate(-2deg);
}

.part.s11 .box3 {
	position: absolute;
	top: 26%;
	left: 68.7%;
	width: 0.77rem;
	height: 44vh;
	font-weight: 600;
	font-size: 0.77rem;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.part.s25 .icon1 {
	position: absolute;
	left: 50%;
	bottom: 2rem;
	transform: translateX(-50%);
	width: 5rem;
}

.part.s25 .icon1>img {
	display: block;
	width: 100%;
}