body,
html {
	font-size: 1.6rem;
	/* =16px */
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #666666;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-tap-highlight-color: transparent;
}

* {

	-webkit-touch-callout: none;
	/*系统默认菜单被禁用*/

	-webkit-user-select: none;
	/*webkit浏览器*/

	-khtml-user-select: none;
	/*早期浏览器*/

	-moz-user-select: none;
	/*火狐*/

	-ms-user-select: none;
	/*IE10*/

	user-select: none;

}

* {
	padding: 0px;
	margin: 0px;
}

*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.allwrapper {
	width: 750px;
	height: 100%;
	position: absolute;
	overflow: hidden;
}

.logo {
	position: absolute;
}

.panels {
	width: 750px;
	height: 1470px;
	margin: auto;
	margin-top: -735px;
	top: 50%;
	overflow: hidden;
	position: absolute;
	float: left;
	text-align: left;
}

/* 活动页 */
.activity-pages {
	height: 100%;
	width: 100%;
	top: 0px;
	margin-top: 0px !important;
	overflow: initial;
}

.page1 {
	height: 100%;
	z-index: 1111;
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/loading.jpg);
	background-size: cover;
	position: relative;
}

.logo {
	top: 51px;
	left: 37px;
	width: 224px;
	height: 34px;
	position: absolute;
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/logo.png);
	background-size: cover;
}

.page1 .loading {
	position: absolute;
	top: 42%;
	left: 119px;
	width: 512px;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.page1 .loading .jiazaiimg {
	width: 512px;
	height: 306px;
	margin: 0 auto;
}

.page1 .loading .pad2img {
	width: 192px;
	height: 29px;
	margin: 0 auto;
	display: block;
	margin-top: -15px;

	transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-moz-transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	-o-transform: translateX(-10px);
}

.pad3img {
	margin: 0 auto;
	display: block;
	margin-top: 24px;
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/pad3.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 295px;
	height: 44px;
	animation: ww2 1s ease infinite;
	-webkit-animation: ww2 1s ease infinit;
	-moz-animation: ww2 1s ease infinit;
	-ms-animation: ww2 1s ease infinit;
	-o-animation: ww2 1s ease infinit;
}


.page1 .pad-img {
	width: 100%;
	height: 1239px;
	position: absolute;
	bottom: 38px;
	left: 0px;
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/pad.png);
	background-size: cover;

	transform: translateY(140%);
	-ms-transform: translateY(140%);
	-moz-transform: translateY(140%);
	-webkit-transform: translateY(140%);
	-o-transform: translateY(140%);

	transition: all 0.7s;
}

.page1 .pad-img.show {
	transform: translateY(0%);
	-ms-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
}

.page1 .pad-img .info-img {
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/info.png);
	background-size: cover;
	width: 558px;
	height: 161px;
	position: absolute;
	top: 178px;
	left: 93px;
	display: none;
}

.page1 .pad-img .info-img.show {
	animation: mylogo 0.1s linear 0s 4 alternate;
	/* Firefox: */
	-moz-animation: mylogo 0.1s 2 0s 4 alternate;
	/* Safari 和 Chrome: */
	-webkit-animation: mylogo 0.1s linear 0s 4 alternate;
	/* Opera: */
	-o-animation: mylogo 0.1s linear 0s 4 alternate;
}

.page1 .pad-img .hand-img {
	width: 62px;
	height: 74px;
	position: absolute;
	top: 317px;
	right: 202px;
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/hand.png);
	background-size: cover;
	display: none;
	animation: circleHide 1s ease infinite both;
	-webkit-animation: circleHide 1s ease infinite both;
	-moz-animation: circleHide 1s ease infinite both;
	-ms-animation: circleHide 1s ease infinite both;
	-o-animation: circleHide 1s ease infinite both;
}

.hand-click.show {
	animation: circleClick 1s ease infinite both;
	-webkit-animation: circleClick 1s ease infinite both;
	-moz-animation: circleClick 1s ease infinite both;
	-ms-animation: circleClick 1s ease infinite both;
	-o-animation: circleClick 1s ease infinite both;
}

















.fx {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 22222222222222222;
	top: 0px;
	left: 0px;
	display: flex;
	flex-direction: column;
	/* justify-content: flex-end; */
	padding-right: 30px;
	align-items: flex-end;
	display: none;
	transform: perspective(1000);
	-ms-transform: perspective(1000);
	-moz-transform: perspective(1000);
	-webkit-transform: perspective(1000);
	-o-transform: perspective(1000);
}

.fx>img {
	width: 50px;
	height: 50px;
	/* float: right; */
	margin-top: 3%;
	display: block;
	transform: rotate(80deg);
}

.fx>div {
	display: flex;
	align-items: center;
	color: #fff;
	margin-top: 20px;
	font-size: 38px;
}

.fx>div>img {
	width: 30px;
	height: 30px;
	margin: 0 17px;
	display: block;
}


.boxri {
	position: absolute !important;
	width: 50% !important;
	left: 0 !important;
	height: 100% !important;
	z-index: 111 !important;
	opacity: 0 !important;
	top: 0px !important;
}

.boxli {
	position: absolute !important;
	width: 50% !important;
	right: 0 !important;
	height: 100% !important;
	z-index: 111 !important;
	opacity: 0 !important;
	top: 0px !important;
}


.videomessage {
	position: absolute;
	top: 0px;
	     z-index: 11111; 
	   width: 100%; 
	   height: 100%; 
	   display: none;
}

.dd1o {
	width: 62px;
	height: 74px;
	position: absolute;
	top: 507px;
	left: 344px;
	background-image: url(https://huhannihao.oss-cn-hangzhou.aliyuncs.com/lenovo/images/hand.png);
	background-size: cover;
	animation: circleHide 1s ease infinite both;
	-webkit-animation: circleHide 1s ease infinite both;
	-moz-animation: circleHide 1s ease infinite both;
	-ms-animation: circleHide 1s ease infinite both;
	-o-animation: circleHide 1s ease infinite both;
	z-index: 11111;
}

.dd2o {
	width: 366px;
	height: 62px;
	position: absolute;
	top: 627px;
	right: 192px;
	background-image: url(images/ljcy.png);
	background-size: cover;
	animation: circleHide 1s ease infinite both;
	-webkit-animation: circleHide 1s ease infinite both;
	-moz-animation: circleHide 1s ease infinite both;
	-ms-animation: circleHide 1s ease infinite both;
	-o-animation: circleHide 1s ease infinite both;
	z-index: 11111;
}