.wrap1{
	width: 100%;
	height: auto;
	background: url(../image/product_bg_img1@2x.png);
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: auto;
}
.product1{
	width: 1152px;
	display: flex;
	justify-content: space-between;
	margin: 66px auto 0;
}
.product_img{
	width: 360px;
	height: 554px;
}
.product1 .applogo{
	width: 56px;
	height: 56px;
	margin-top: 65px;
}
.product4 .applogo{
	width: 56px;
	height: 56px;
	margin-top: 91px;
}
.product1 .appName,.product4 .appName{
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 40px;
	margin-top: 22px;
}
.product1 .appFunction,.product4 .appFunction{
	margin-top: 26px;
}
.product1 .round,.product4 .round{
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #FFFFFF;
	margin-right: 6px;
}
.product1 .function,.product4 .function{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 14px;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.downloadArea{
	margin-top: 24px;
	display: flex;
}
.product1 .qrcode,.product4 .qrcode{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #F3F4FB;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.ios,.android{
	cursor: pointer;
}
.productCode{
	width: 30px;
	height: 30px;
}
.productCode img{
	width: 30px;
	height: 30px;
}
.product1 .ios,.product4 .ios{
	width: 184px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #F3F4FB;
	margin-left: 12px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.product1 .android,.product4 .android{
	width: 184px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #F3F4FB;
	margin-left: 8px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.ios img,.android img{
	width: 32px;
	height: 32px;
	margin-left: 12px;
}
.download_word{
	margin-left: 12px;
}
.product1 .download_word .line1,.product4 .download_word .line1{
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 14px;
}
.product1 .download_word .line2,.product4 .download_word .line2{
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 24px;
	margin-top: 2px;
}
.qrcodehover{
	width: 146px;
	height: 146px;
	background: #FFFFFF;
	box-shadow: 0px 2px 26px 0px rgba(65,62,101,0.14);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: -1px;
	top: -1px;
	display: none;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	transition: .3s all;
}
@keyframes scaleDraw {
	0%{
		transform: scale(0);  /*开始为原始大小*/
	}
	100%{
		transform: scale(1);
	}
}
@keyframes scaleDraw2 {
	0%{
		transform: scale(1);  /*开始为原始大小*/
	}
	100%{
		transform: scale(0);
	}
}
.qrcodehover img{
	width: 138px;
	height: 138px;
}
.show{
	display: flex !important;
	animation-name: scaleDraw;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out; 
	animation-iteration-count: 1;
}
.hide{
	display: none !important;
	animation-name: scaleDraw2;
	animation-duration: 0.3s;
	animation-timing-function: ease-in-out; 
	animation-iteration-count: 1;
}

.wrap2{
	width: 100%;
	background: url(../image/product_bg_img2@2x.png) no-repeat;
	background-size: cover;
	overflow: auto;
}
.product2{
	width: 1152px;
	display: flex;
	justify-content: space-between;
	margin: 66px auto 0;
}

.product2 .applogo{
	width: 56px;
	height: 56px;
	margin-top: 78px;
}
.product2 .appName{
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	line-height: 40px;
	margin-top: 22px;
}
.product2 .appFunction{
	margin-top: 26px;
}
.product2 .function{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 14px;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.product2 .round{
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #333333;
	margin-right: 6px;
}
.product2 .qrcode{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #999999;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.product2 .ios{
	width: 184px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #999999;
	margin-left: 12px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.product2 .android{
	width: 184px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #999999;
	margin-left: 8px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.product2 .download_word .line1{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 14px;
}
.product2 .download_word .line2{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
	margin-top: 2px;
}
.product3{
	width: 1152px;
	margin: 74px auto 0;
	display: flex;
	justify-content: space-between;
}
.product2 .product_img{
	width: 360px;
	height: 574px;
}
.product3 .product_img{
	width: 360px;
	height: 634px;
}
.product4 .product_img{
	width: 360px;
	height: 574px;
}
.product3 .applogo{
	width: 56px;
	height: 56px;
	margin-top: 74px;
}
.product3 .appName{
	font-size: 40px;
	font-weight: bold;
	color: #333333;
	line-height: 40px;
	margin-top: 22px;
}
.product3 .appFunction{
	margin-top: 26px;
}
.product3 .function{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 14px;
	display: flex;
	align-items: center;
	margin-bottom: 12px;
}
.product3 .round{
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #333333;
	margin-right: 6px;
}
.product3 .qrcode{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #999999;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.product3 .ios{
	width: 184px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #999999;
	margin-left: 12px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.product3 .android{
	width: 184px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid #999999;
	margin-left: 8px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.product3 .download_word .line1{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 14px;
}
.product3 .download_word .line2{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	line-height: 24px;
	margin-top: 2px;
}
.wrap3{
	width: 100%;
	background: url(../image/product_bg_img3@2x.png) no-repeat;
	background-size: cover;
	margin-top: -96px;
	overflow: auto;
	position: relative;
	z-index: 2;
}
.product4{
	width: 1152px;
	display: flex;
	justify-content: space-between;
	margin: 96px auto 0;
}

.product1 .turnLeft,.product4 .turnLeft{
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 46px;
	margin-right: 75px;
	margin-top: 244px;
	background: url(../image/home_btn_leftslide_dark_normal@2x.png);
	background-size: cover;
}
.product1 .turnRight,.product4 .turnRight{
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 46px;
	margin-left: 75px;
	margin-top: 244px;
	background: url(../image/home_btn_rightslide_dark_normal@2x.png);
	background-size: cover;
}
.product1 .turnLeft:hover,.product4 .turnLeft:hover{
	background: url(../image/home_btn_leftslide_dark_hover@2x.png);
	background-size: cover;
}
.product1 .turnLeft:active,.product4 .turnLeft:active{
	background: url(../image/home_btn_leftslide_dark_pressed@2x.png);
	background-size: cover;
}
.product1 .turnRight:hover,.product4 .turnRight:hover{
	background: url(../image/home_btn_rightslide_dark_hover@2x.png);
	background-size: cover;
}
.product1 .turnRight:active,.product4 .turnRight:active{
	background: url(../image/home_btn_rightslide_dark_pressed@2x.png);
	background-size: cover;
}
.product2 .product_img,.product3 .product_img{
	box-shadow: 0px 2px 26px 0px #EAEBF1;
}
.product2 .turnLeft,.product3 .turnLeft{
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 46px;
	margin-right: 75px;
	margin-top: 244px;
	background: url(../image/home_btn_leftslide_normal@2x.png);
	background-size: cover;
}
.product2 .turnRight,.product3 .turnRight{
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 46px;
	margin-left: 75px;
	margin-top: 244px;
	background: url(../image/home_btn_rightslide_normal@2x.png);
	background-size: cover;
}
.product2 .turnLeft:hover,.product3 .turnLeft:hover{
	background: url(../image/home_btn_leftslide_hover@2x.png);
	background-size: cover;
}
.product2 .turnLeft:active,.product3 .turnLeft:active{
	background: url(../image/home_btn_leftslide_pressed@2x.png);
	background-size: cover;
}
.product2 .turnRight:hover,.product3 .turnRight:hover{
	background: url(../image/home_btn_rightslide_hover@2x.png);
	background-size: cover;
}
.product2 .turnRight:active,.product3 .turnRight:active{
	background: url(../image/home_btn_rightslide_pressed@2x.png);
	background-size: cover;
}
.wrap1_left,.wrap2_right,.wrap3_left,.wrap4_right{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}